feat(flowEditor): 支持边的重新连接功能

- 新增 reconnectEdge 函数以支持边的重新连接
- 添加 onReconnect 回调函数用于处理重新连接事件
- 在 ReactFlow 组件中集成 onReconnect 回调

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}