refactor(flowEditor): 将起始节点和结束节点从通用组件切换到本地组件

src/components/FlowEditor/node/endNode/EndNode.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import styles from '@/components/FlowEditor/node/style/baseOther.module.less';
-import NodeContentOther from '@/pages/flowEditor/components/nodeContentOther';
+import NodeContentLocal from '@/pages/flowEditor/components/nodeContentLocal';
 import { useStore } from '@xyflow/react';
 import { defaultNodeTypes } from '@/components/FlowEditor/node/types/defaultType';
 import NodeStatusIndicator, { NodeStatus } from '@/components/FlowEditor/NodeStatusIndicator';
@@ -15,12 +15,12 @@ const EndNode = ({ data, id }: { data: defaultNodeTypes; id: string }) => {
   );
 
   // 获取节点运行状态
-  const nodeStatus: NodeStatus = useFlowStore((state) => 
+  const nodeStatus: NodeStatus = useFlowStore((state) =>
     (state.nodeLookup.get(id)?.data?.status as NodeStatus) || 'waiting'
   );
-  
+
   // 获取运行状态可见性
-  const isStatusVisible = useFlowStore((state) => 
+  const isStatusVisible = useFlowStore((state) =>
     !!state.nodeLookup.get(id)?.data?.isStatusVisible
   );
 
@@ -30,7 +30,7 @@ const EndNode = ({ data, id }: { data: defaultNodeTypes; id: string }) => {
         {title}
         <NodeStatusIndicator status={nodeStatus} isVisible={isStatusVisible} />
       </div>
-      <NodeContentOther data={{ ...data, type: 'end' }} />
+      <NodeContentLocal data={{ ...data, type: 'end' }} />
     </div>
   );
 };

src/components/FlowEditor/node/startNode/StartNode.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import styles from '@/components/FlowEditor/node/style/baseOther.module.less';
-import NodeContentOther from '@/pages/flowEditor/components/nodeContentOther';
+import NodeContentLocal from '@/pages/flowEditor/components/nodeContentLocal';
 import { useStore } from '@xyflow/react';
 import { defaultNodeTypes } from '@/components/FlowEditor/node/types/defaultType';
 import NodeStatusIndicator, { NodeStatus } from '@/components/FlowEditor/NodeStatusIndicator';
@@ -30,7 +30,7 @@ const StartNode = ({ data, id }: { data: defaultNodeTypes; id: string }) => {
         {title}
         <NodeStatusIndicator status={nodeStatus} isVisible={isStatusVisible} />
       </div>
-      <NodeContentOther data={{ ...data, type: 'start' }} />
+      <NodeContentLocal data={{ ...data, type: 'start' }} />
     </div>
   );
 };

src/pages/flowEditor/components/nodeContentLocal.tsx

@@ -67,10 +67,10 @@ const renderSpecialNodeHandles = (isStartNode: boolean, isEndNode: boolean, data
             key={`output-handle-${index}`}
             type="source"
             position={Position.Right}
-            id={dataOuts[index].name || `output-${index}`}
+            id={dataOuts[index].name|| dataOuts[index].id || `output-${index}`}
             style={{
               ...handleStyles.data,
-              top: `${70 + apiIns.length * 20 + index * 20}px`
+              top: `${70 + apiOuts.length * 20 + index * 20}px`
             }}
           />
         ))}
@@ -100,7 +100,7 @@ const renderSpecialNodeHandles = (isStartNode: boolean, isEndNode: boolean, data
             key={`input-handle-${index}`}
             type="target"
             position={Position.Left}
-            id={dataIns[index].name || `input-${index}`}
+            id={dataIns[index].name || dataIns[index].id || `input-${index}`}
             style={{
               ...handleStyles.data,
               top: `${70 + apiIns.length * 20 + index * 20}px`