diff --git a/src/pages/flowEditor/index.tsx b/src/pages/flowEditor/index.tsx index 817ed14..97d9ce8 100644 --- a/src/pages/flowEditor/index.tsx +++ b/src/pages/flowEditor/index.tsx @@ -4,6 +4,7 @@ import { applyNodeChanges, applyEdgeChanges, addEdge, + reconnectEdge, Background, Controls, Node, @@ -66,6 +67,13 @@ const FlowEditor: React.FC = () => { [] ); + // 边重新连接处理 + const onReconnect = useCallback( + (oldEdge: Edge, newConnection: any) => + setEdges((els) => reconnectEdge(oldEdge, newConnection, els)), + [] + ); + const onDragOver = useCallback((event: React.DragEvent) => { event.preventDefault(); event.dataTransfer.dropEffect = 'move'; @@ -199,6 +207,7 @@ const FlowEditor: React.FC = () => { onNodesChange={onNodesChange} onEdgesChange={onEdgesChange} onConnect={onConnect} + onReconnect={onReconnect} onDrop={onDrop} onDragOver={onDragOver} onNodeContextMenu={onNodeContextMenu}