fix(flowEditor): 修复节点句柄ID生成逻辑

fixbug
钟良源 1 month ago
parent ce19feb5b2
commit 75714aa849

@ -48,7 +48,6 @@ const handleStyles = {
const renderSpecialNodeHandles = (isStartNode: boolean, isEndNode: boolean, dataIns: any[], dataOuts: any[], apiIns: any[], apiOuts: any[]) => { const renderSpecialNodeHandles = (isStartNode: boolean, isEndNode: boolean, dataIns: any[], dataOuts: any[], apiIns: any[], apiOuts: any[]) => {
const renderStartNodeHandles = () => { const renderStartNodeHandles = () => {
if (!isStartNode) return null; if (!isStartNode) return null;
return ( return (
<> <>
{apiOuts.map((_, index) => ( {apiOuts.map((_, index) => (
@ -68,7 +67,7 @@ const renderSpecialNodeHandles = (isStartNode: boolean, isEndNode: boolean, data
key={`output-handle-${index}`} key={`output-handle-${index}`}
type="source" type="source"
position={Position.Right} position={Position.Right}
id={dataOuts[index].name || `output-${index}`} id={dataOuts[index].name || dataOuts[index].id || `output-${index}`}
style={{ style={{
...handleStyles.data, ...handleStyles.data,
top: `${70 + apiIns.length * 20 + index * 20}px` top: `${70 + apiIns.length * 20 + index * 20}px`
@ -81,7 +80,6 @@ const renderSpecialNodeHandles = (isStartNode: boolean, isEndNode: boolean, data
const renderEndNodeHandles = () => { const renderEndNodeHandles = () => {
if (!isEndNode) return null; if (!isEndNode) return null;
return ( return (
<> <>
{apiIns.map((_, index) => ( {apiIns.map((_, index) => (
@ -101,7 +99,7 @@ const renderSpecialNodeHandles = (isStartNode: boolean, isEndNode: boolean, data
key={`input-handle-${index}`} key={`input-handle-${index}`}
type="target" type="target"
position={Position.Left} position={Position.Left}
id={dataIns[index].name || `input-${index}`} id={dataIns[index].name || dataIns[index].id || `input-${index}`}
style={{ style={{
...handleStyles.data, ...handleStyles.data,
top: `${70 + apiIns.length * 20 + index * 20}px` top: `${70 + apiIns.length * 20 + index * 20}px`
@ -298,8 +296,6 @@ const NodeContent = ({ data }: { data: NodeContentData }) => {
} }
}); });
console.log('connectedIns, connectedOuts:', connectedIns, connectedOuts);
return { connectedIns, connectedOuts }; return { connectedIns, connectedOuts };
}, [edges, nodeId, apiIns, apiOuts, dataIns, dataOuts]); }, [edges, nodeId, apiIns, apiOuts, dataIns, dataOuts]);

Loading…
Cancel
Save