@rxflow/workflow 0.0.1-alpha.0

package/cjs/hooks/useGetSelection.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGetSelection = void 0;
+var _react = require("react");
+var _state = require("./state");
+/**
+ * @author: yanxianliang
+ * @date: 2025-08-11 14:18
+ * @modified：2025/8/11 14:18 by yanxianliang
+ * @desc: 获取选中的节点和边列表
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const useGetSelection = () => {
+  const getState = (0, _state.useGetState)();
+  return (0, _react.useCallback)(() => {
+    const state = getState();
+    return {
+      selectedNodes: state.selectedNodes,
+      selectedEdges: state.selectedEdges
+    };
+  }, []);
+};
+exports.useGetSelection = useGetSelection;

package/cjs/hooks/useGetUpstreamNodes.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-08-20 21:46
+ * @modified：2025/8/20 21:46 by yanxianliang
+ * @desc: 提供一个函数获取当前节点的所有上游节点
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { Node } from "@xyflow/react";
+export declare const useGetUpstreamNodes: <NodeType extends Node = Node>() => (nodeId?: string, allowParentFlow?: boolean) => {
+    upstreams: NodeType[];
+    parents: NodeType[];
+};
+//# sourceMappingURL=useGetUpstreamNodes.d.ts.map

package/cjs/hooks/useGetUpstreamNodes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGetUpstreamNodes.d.ts","sourceRoot":"","sources":["useGetUpstreamNodes.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAC,IAAI,EAAe,MAAM,eAAe,CAAC;AAGjD,eAAO,MAAM,mBAAmB,gDAKD,MAAM;;;CAgDpC,CAAA"}

package/cjs/hooks/useGetUpstreamNodes.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGetUpstreamNodes = void 0;
+var _react = require("@xyflow/react");
+var _react2 = require("react");
+/**
+ * @author: yanxianliang
+ * @date: 2025-08-20 21:46
+ * @modified：2025/8/20 21:46 by yanxianliang
+ * @desc: 提供一个函数获取当前节点的所有上游节点
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const useGetUpstreamNodes = () => {
+  const {
+    getNodeConnections,
+    getNode
+  } = (0, _react.useReactFlow)();
+  /**
+   * 获取对应节点的上游节点和父节点
+   */
+  return (0, _react2.useCallback)((nodeId, allowParentFlow = true) => {
+    if (!nodeId) {
+      return {
+        upstreams: [],
+        parents: []
+      };
+    }
+    /**
+     * 上游节点计算规则
+     * 1. 通过 connections 进行判断，自动查找 target = 下游节点，且 source 不在列表中的节点。
+     * 2. 支持环型检测，防止出现死循环
+     */
+
+    const upstreams = [];
+    const parents = []; // 父节点
+    const upstreamIdSet = new Set(nodeId); // 禁止循环搭配节点自己
+
+    const parentIdSet = new Set();
+    function getUpstreams(nodeId) {
+      const connections = getNodeConnections({
+        nodeId: nodeId
+      }); // 当前节点所有的链接线
+      connections.forEach(connection => {
+        const {
+          source,
+          target
+        } = connection;
+        const targetNode = getNode(target);
+        if (!upstreamIdSet.has(source) && target === nodeId && source !== targetNode?.parentId) {
+          const node = getNode(source);
+          node && upstreams.push(node);
+          upstreamIdSet.add(source);
+          getUpstreams(source);
+        }
+      });
+      const node = getNode(nodeId);
+      if (node?.parentId) {
+        const parentNode = getNode(node.parentId);
+        if (parentNode && !parentIdSet.has(node.parentId)) {
+          parents.push(parentNode); // 父节点，父节点也需要
+          parentIdSet.add(parentNode.id);
+          upstreamIdSet.add(parentNode.id);
+          if (allowParentFlow) {
+            getUpstreams(parentNode.id);
+          }
+        }
+      }
+    }
+    getUpstreams(nodeId);
+    return {
+      upstreams,
+      parents
+    };
+  }, []);
+};
+exports.useGetUpstreamNodes = useGetUpstreamNodes;

package/cjs/hooks/useGetWillDropTarget.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 返回第一个 dropTarget 作为目标
+ */
+export declare const useGetWillDropTarget: () => () => string | undefined;
+//# sourceMappingURL=useGetWillDropTarget.d.ts.map

package/cjs/hooks/useGetWillDropTarget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGetWillDropTarget.d.ts","sourceRoot":"","sources":["useGetWillDropTarget.ts"],"names":[],"mappings":"AAYA;;GAEG;AACH,eAAO,MAAM,oBAAoB,gCAKhC,CAAC"}

package/cjs/hooks/useGetWillDropTarget.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGetWillDropTarget = void 0;
+var _react = require("react");
+var _state = require("./state");
+/**
+ * @author: yanxianliang
+ * @date: 2025-08-13 17:17
+ * @modified：2025/8/13 17:17 by yanxianliang
+ * @desc: 获取目标节点列表
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+/**
+ * 返回第一个 dropTarget 作为目标
+ */
+const useGetWillDropTarget = () => {
+  const getState = (0, _state.useGetState)();
+  return (0, _react.useCallback)(() => {
+    return getState().dropTargetIds?.[0];
+  }, []);
+};
+exports.useGetWillDropTarget = useGetWillDropTarget;

package/cjs/hooks/useGroupIsWillDrop.d.ts

@@ -0,0 +1,2 @@
+export declare const useGroupIsWillDrop: (id: string) => boolean;
+//# sourceMappingURL=useGroupIsWillDrop.d.ts.map

package/cjs/hooks/useGroupIsWillDrop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGroupIsWillDrop.d.ts","sourceRoot":"","sources":["useGroupIsWillDrop.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,kBAAkB,OAAQ,MAAM,YAE5C,CAAC"}

package/cjs/hooks/useGroupIsWillDrop.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGroupIsWillDrop = void 0;
+var _state = require("./state");
+/**
+ * @author: yanxianliang
+ * @date: 2025-08-13 17:05
+ * @modified：2025/8/13 17:05 by yanxianliang
+ * @desc: 当前节点是否作为目标节点高亮
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const useGroupIsWillDrop = id => {
+  return (0, _state.useSelector)(state => new Set(state.dropTargetIds).has(id));
+};
+exports.useGroupIsWillDrop = useGroupIsWillDrop;

package/cjs/hooks/useIsValidConnection.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-08-16 02:36
+ * @modified：2025/8/16 02:36 by yanxianliang
+ * @desc: 链接检查
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { IWorkflowProps } from "..";
+import { Connection, Edge, Node } from "@xyflow/react";
+export declare const useIsValidConnection: <NodeType extends Node = Node, EdgeType extends Edge = Edge>(props: IWorkflowProps<NodeType, EdgeType>) => <EdgeType_1 extends Edge = Edge>(connection: Connection | EdgeType_1) => boolean;
+//# sourceMappingURL=useIsValidConnection.d.ts.map

package/cjs/hooks/useIsValidConnection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsValidConnection.d.ts","sourceRoot":"","sources":["useIsValidConnection.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAmB,cAAc,EAAC,WAAyB;AAClE,OAAO,EAAC,UAAU,EAAE,IAAI,EAAe,IAAI,EAA4B,MAAM,eAAe,CAAC;AAG7F,eAAO,MAAM,oBAAoB,sEAIxB,eAAe,QAAQ,EAAE,QAAQ,CAAC,qFAuD1C,CAAA"}

package/cjs/hooks/useIsValidConnection.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useIsValidConnection = void 0;
+var _react = require("@xyflow/react");
+var _ahooks = require("ahooks");
+/**
+ * @author: yanxianliang
+ * @date: 2025-08-16 02:36
+ * @modified：2025/8/16 02:36 by yanxianliang
+ * @desc: 链接检查
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const useIsValidConnection = props => {
+  const {
+    getNodes,
+    getEdges,
+    getNode
+  } = (0, _react.useReactFlow)();
+  const {
+    getState
+  } = (0, _react.useStoreApi)();
+  return (0, _ahooks.useMemoizedFn)(connection => {
+    const {
+      connectionLimit,
+      isValidConnection
+    } = props;
+    const target = getNode(connection.target);
+    const nodes = getNodes();
+    const edges = getEdges();
+    if (connectionLimit) {
+      const {
+        preventCycle,
+        preventCrossSubFlow
+      } = connectionLimit;
+      if (preventCycle) {
+        if (connection.target === connection.source) return false; // 禁止自己连自己
+
+        const hasCycle = (node, visited = new Set()) => {
+          if (visited.has(node.id)) return false;
+          visited.add(node.id);
+          for (const outgoer of (0, _react.getOutgoers)(node, nodes, edges)) {
+            if (outgoer.id === connection.source) return true;
+            if (hasCycle(outgoer, visited)) return true;
+          }
+        };
+        if (target && hasCycle(target)) return false;
+      }
+      if (preventCrossSubFlow) {
+        const sourceNode = getNode(connection.source);
+        const targetNode = getNode(connection.target);
+        if (sourceNode && targetNode && sourceNode.parentId !== targetNode.parentId && !(!sourceNode.parentId && !targetNode.parentId)) {
+          return false;
+        }
+      }
+    }
+    const {
+      connectionLookup
+    } = getState(); // 检测是否已经存在
+
+    const sourceConnectionMap = connectionLookup.get(connection.source);
+    const {
+      source: sourceNode,
+      target: targetNode,
+      sourceHandle = null,
+      targetHandle = null
+    } = connection;
+    const targetKey = `${targetNode}-${targetHandle}--${sourceNode}-${sourceHandle}`;
+    if (sourceConnectionMap && sourceConnectionMap.has(targetKey)) {
+      // 已经存在同样的边，不允许再次连接
+      return false;
+    }
+    if (isValidConnection) {
+      return isValidConnection(connection);
+    }
+    return true;
+  });
+};
+exports.useIsValidConnection = useIsValidConnection;

package/cjs/hooks/useMouseEvents.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-08-16 21:38
+ * @modified：2025/8/16 21:38 by yanxianliang
+ * @desc: mouse 位置获取
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { type MouseEvent } from "react";
+export declare const useMouseEvents: (_onMouseEnter?: ((e: MouseEvent<HTMLDivElement>) => void) | undefined, _onMouseLeave?: ((e: MouseEvent<HTMLDivElement>) => void) | undefined, _onMouseMove?: ((e: MouseEvent<HTMLDivElement>) => void) | undefined) => {
+    onMouseMove: (e: MouseEvent<HTMLDivElement>) => void;
+    onMouseEnter: (e: MouseEvent<HTMLDivElement>) => void;
+    onMouseLeave: (e: MouseEvent<HTMLDivElement>) => void;
+};
+export declare const useGetMousePosition: () => () => {
+    clientX: number;
+    clientY: number;
+} | null;
+//# sourceMappingURL=useMouseEvents.d.ts.map

package/cjs/hooks/useMouseEvents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMouseEvents.d.ts","sourceRoot":"","sources":["useMouseEvents.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAc,KAAK,UAAU,EAAC,MAAM,OAAO,CAAC;AASnD,eAAO,MAAM,cAAc,wBACL,WAAW,cAAc,CAAC,KAAK,IAAI,oCACnC,WAAW,cAAc,CAAC,KAAK,IAAI,mCACpC,WAAW,cAAc,CAAC,KAAK,IAAI;qBAYlB,WAAW,cAAc,CAAC;sBAVzB,WAAW,cAAc,CAAC;sBAK1B,WAAW,cAAc,CAAC;CAWhE,CAAA;AAED,eAAO,MAAM,mBAAmB;aA5BrB,MAAM;aACN,MAAM;QA+BhB,CAAA"}

package/cjs/hooks/useMouseEvents.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMouseEvents = exports.useGetMousePosition = void 0;
+var _react = require("react");
+/**
+ * @author: yanxianliang
+ * @date: 2025-08-16 21:38
+ * @modified：2025/8/16 21:38 by yanxianliang
+ * @desc: mouse 位置获取
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+let mousePosition = null;
+const useMouseEvents = (_onMouseEnter, _onMouseLeave, _onMouseMove) => {
+  const onMouseEnter = (0, _react.useCallback)(e => {
+    mousePosition = {
+      clientX: e.clientX,
+      clientY: e.clientY
+    };
+    _onMouseEnter?.(e);
+  }, []);
+  const onMouseLeave = (0, _react.useCallback)(e => {
+    mousePosition = null;
+    _onMouseLeave?.(e);
+  }, []);
+  const onMouseMove = (0, _react.useCallback)(e => {
+    mousePosition = {
+      clientX: e.clientX,
+      clientY: e.clientY
+    };
+    _onMouseMove?.(e);
+  }, []);
+  return {
+    onMouseMove,
+    onMouseEnter,
+    onMouseLeave
+  };
+};
+exports.useMouseEvents = useMouseEvents;
+const useGetMousePosition = () => {
+  return (0, _react.useCallback)(() => {
+    return mousePosition;
+  }, []);
+};
+exports.useGetMousePosition = useGetMousePosition;

package/cjs/hooks/useNodeDragHandles.d.ts

@@ -0,0 +1,10 @@
+import { IWorkflowProps, WorkflowNode } from "..";
+import { type DragEvent, type MouseEvent as ReactMouseEvent } from 'react';
+export declare const useNodeDragHandles: <NodeType extends WorkflowNode = WorkflowNode>(_onNodeDragStart?: IWorkflowProps<NodeType>['onNodeDragStart'], _onNodeDrag?: IWorkflowProps<NodeType>['onNodeDrag'], _onNodeDragStop?: IWorkflowProps<NodeType>['onNodeDragStop'], _onDragOver?: IWorkflowProps<NodeType>['onDragOver'], _onDrop?: IWorkflowProps<NodeType>['onDrop'], _onNodeTypeDrop?: IWorkflowProps<NodeType>['onNodeTypeDrop']) => {
+    onNodeDragStart: (event: ReactMouseEvent, node: NodeType, nodes: NodeType[]) => void;
+    onNodeDrag: (event: ReactMouseEvent, node: NodeType, nodes: NodeType[]) => void;
+    onNodeDragStop: (event: ReactMouseEvent, node: NodeType, nodes: NodeType[]) => void;
+    onDragOver: (event: DragEvent<HTMLDivElement>) => void;
+    onDrop: (event: DragEvent<HTMLDivElement>) => Promise<void>;
+};
+//# sourceMappingURL=useNodeDragHandles.d.ts.map

package/cjs/hooks/useNodeDragHandles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNodeDragHandles.d.ts","sourceRoot":"","sources":["useNodeDragHandles.ts"],"names":[],"mappings":"AASA,OAAO,EAML,cAAc,EACd,YAAY,EAEb,WAAyB;AAM1B,OAAO,EAAC,KAAK,SAAS,EAAE,KAAK,UAAU,IAAI,eAAe,EAAE,MAAM,OAAO,CAAC;AAQ1E,eAAO,MAAM,kBAAkB,oEACV,eAAe,QAAQ,CAAC,CAAC,iBAAiB,CAAC,gBAChD,eAAe,QAAQ,CAAC,CAAC,YAAY,CAAC,oBAClC,eAAe,QAAQ,CAAC,CAAC,gBAAgB,CAAC,gBAC9C,eAAe,QAAQ,CAAC,CAAC,YAAY,CAAC,YAC1C,eAAe,QAAQ,CAAC,CAAC,QAAQ,CAAC,oBAC1B,eAAe,QAAQ,CAAC,CAAC,gBAAgB,CAAC;6BAkBd,eAAe,QAAQ,QAAQ,SAAS,QAAQ,EAAE;wBAiCvD,eAAe,QAAQ,QAAQ,SAAS,QAAQ,EAAE;4BAc9C,eAAe,QAAQ,QAAQ,SAAS,QAAQ,EAAE;wBA2EtD,UAAU,cAAc,CAAC;oBA8CvB,UAAU,cAAc,CAAC;CAoDrE,CAAA"}

package/cjs/hooks/useNodeDragHandles.js

@@ -0,0 +1,273 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useNodeDragHandles = void 0;
+var _base = require("@rxflow/base");
+var _ = require("./..");
+var _react = require("@xyflow/react");
+var _system = require("@xyflow/system");
+var _ahooks = require("ahooks");
+var _antd = require("antd");
+var _dragDataTransfer = require("../utils/dragDataTransfer");
+var _dropTargetsCheck = require("../utils/dropTargetsCheck");
+var _graph = require("../utils/graph");
+var _useGetWillDropTarget = require("./useGetWillDropTarget");
+var _useSetWillDropTargets = require("./useSetWillDropTargets");
+var _useWorkFlow = require("./useWorkFlow");
+/**
+ * @author: yanxianliang
+ * @date: 2025-08-18 21:28
+ * @modified：2025/8/18 21:28 by yanxianliang
+ * @desc: 节点拖动逻辑处理
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const useNodeDragHandles = (_onNodeDragStart, _onNodeDrag, _onNodeDragStop, _onDragOver, _onDrop, _onNodeTypeDrop) => {
+  const {
+    getIntersectingNodes,
+    getNodeConnections,
+    deleteElements,
+    getEdge,
+    screenToFlowPosition,
+    getViewport,
+    setNodes
+  } = (0, _react.useReactFlow)();
+  const {
+    getState
+  } = (0, _react.useStoreApi)();
+  const {
+    getInternalNode,
+    getNode
+  } = (0, _useWorkFlow.useWorkFlow)(); // 获取内置节点实例
+  const setWillDropTargets = (0, _useSetWillDropTargets.useSetWillDropTargets)();
+  const getWillDropTarget = (0, _useGetWillDropTarget.useGetWillDropTarget)();
+  const nodeTypeMap = (0, _base.useNodeTypeMap)();
+  const onNodeDragStart = (0, _ahooks.useMemoizedFn)((event, node, nodes) => {
+    const {
+      nodeLookup,
+      nodeOrigin,
+      parentLookup
+    } = getState();
+    const {
+      ctrlKey,
+      altKey
+    } = event; // mac is metaKey，windows is Ctrl
+    const isMetaKeyDown = (0, _system.isMacOs)() ? altKey : ctrlKey;
+    if (isMetaKeyDown) {
+      // 需要修改 dragItems 属性
+      // meta key is down 找出有父节点的 node
+      if (nodes.length > 0) {
+        for (const node of nodes) {
+          if (node.parentId) {
+            const parentNode = getNode(node.parentId);
+            if (parentNode) {
+              // 将内置节点属性直接修改为脱离父节点
+              // 更新 nodeLookUp
+              const innerNode = nodeLookup.get(node.id);
+              if (innerNode) {
+                const newPosition = (0, _.evaluatePositionOutParent)(innerNode, nodeOrigin);
+                delete innerNode.extent;
+                delete innerNode.internals.userNode.extent;
+                delete innerNode.parentId; // 删除父节点引用
+                delete innerNode.internals.userNode.parentId;
+                innerNode.internals.userNode.position = newPosition; // 更新 position 属性
+                innerNode.position = newPosition; // 更新 position 属性，绝对为只不需要更新，绝对位置是和父节点不相关的
+                parentLookup.get(node.parentId)?.delete(node.id); // 清除父节点中的引用关系
+              }
+            }
+          }
+        }
+      }
+    }
+    _onNodeDragStart?.(event, node, nodes);
+  });
+  const onNodeDrag = (0, _ahooks.useMemoizedFn)((event, node, nodes) => {
+    // 节点拖动，需要计算当前节点对应的释放节点或节点列表
+    const {
+      nodeLookup
+    } = getState();
+    const internalNode = nodeLookup.get(node.id);
+    if (internalNode) {
+      const intersections = (0, _dropTargetsCheck.getAllowedIntersections)(nodeLookup, getIntersectingNodes(internalNode), nodes, nodeTypeMap);
+      // 被当前节点覆盖的节点列表
+      setWillDropTargets(intersections);
+    } else {
+      setWillDropTargets([]);
+    }
+    _onNodeDrag?.(event, node, nodes);
+  });
+  const onNodeDragStop = (0, _ahooks.useMemoizedFn)((event, node, nodes) => {
+    const willDrop = getWillDropTarget(); // 获取目标容器元素
+    let replaceNodeMap = new Map();
+    const {
+      nodeOrigin
+    } = getState();
+    // 是否是容器节点
+    if (willDrop) {
+      const parentNode = getInternalNode(willDrop);
+      const targetNodeDefinition = parentNode?.type ? nodeTypeMap.get(parentNode.type) : undefined;
+      if (targetNodeDefinition) {
+        const {
+          nodeRoleType
+        } = targetNodeDefinition;
+        if (nodeRoleType === _base.NodeRoleType.SubFlow && !node.parentId) {
+          // 检测不通过的时候强制不执行变更
+          let allowDrop = true;
+          let i = 0;
+          while (allowDrop && i < nodes.length) {
+            const node = nodes[i];
+            const nodeDefinition = nodeTypeMap.get(node.type);
+            if (parentNode && nodeDefinition && (0, _.checkChildren)(targetNodeDefinition, nodeDefinition)) {
+              const newPosition = (0, _.evaluatePositionInParent)(node.position, parentNode);
+              // position 需要修正
+              const nextPosition = (0, _graph.calcPositionInSubFlow)(targetNodeDefinition, parentNode, node, nodeOrigin, newPosition);
+              replaceNodeMap.set(node.id, {
+                ...node,
+                parentId: willDrop,
+                position: nextPosition
+              });
+            }
+            i++;
+          }
+          if (allowDrop && replaceNodeMap.size > 0) {
+            setNodes(prevNodes => prevNodes.map(node => {
+              return replaceNodeMap.get(node.id) || node;
+            }));
+          }
+        }
+      }
+    }
+    setWillDropTargets([]);
+
+    // 位置移动结束，如果节点从 Group中移动到了 Group之外，需要自动删除对应的连线
+    let willRemoveEdges = [];
+    for (const node of nodes) {
+      const connections = getNodeConnections({
+        nodeId: node.id
+      }); // 获取所有连线，剔除 parentId 不一致的
+      for (const connection of connections) {
+        const {
+          edgeId,
+          source,
+          target
+        } = connection;
+        if (source !== node.id) {
+          const sourceNode = getNode(source);
+          if (!sourceNode || !(0, _.isInSameParent)(replaceNodeMap.get(source) || sourceNode, replaceNodeMap.get(node.id) || node)) {
+            // 需要删除当前连线
+            const edge = getEdge(edgeId);
+            edge && willRemoveEdges.push(edge);
+          }
+        }
+        if (target !== node.id) {
+          const targetNode = getNode(target);
+          if (!targetNode || !(0, _.isInSameParent)(replaceNodeMap.get(target) || targetNode, replaceNodeMap.get(node.id) || node)) {
+            // 需要删除当前连线
+            const edge = getEdge(edgeId);
+            edge && willRemoveEdges.push(edge);
+          }
+        }
+      }
+    }
+    if (willRemoveEdges.length > 0) {
+      deleteElements({
+        edges: willRemoveEdges
+      });
+    }
+    _onNodeDragStop?.(event, node, nodes);
+  });
+  const onDragOver = (0, _ahooks.useMemoizedFn)(event => {
+    _onDragOver?.(event);
+    if (!_onDragOver) {
+      event.preventDefault();
+      event.dataTransfer.dropEffect = 'move';
+    }
+    const dataTransfer = (0, _dragDataTransfer.getDragDataTransfer)();
+    const offsetX = dataTransfer.offsetX ?? 0;
+    const offsetY = dataTransfer?.offsetY ?? 0;
+    const width = dataTransfer?.width ?? 0;
+    const height = dataTransfer?.height ?? 0;
+    const targetLeft = event.clientX - offsetX;
+    const targetTop = event.clientY - offsetY;
+    const targetWidth = width;
+    const targetHeight = height;
+    const zoom = getViewport().zoom;
+    const nodeType = dataTransfer.type;
+    const {
+      target
+    } = event;
+    if (target) {
+      // 获取兴趣节点
+      const position = screenToFlowPosition({
+        x: targetLeft,
+        y: targetTop
+      }); // 拖动节点对应的clientX， clientY
+
+      // 碰撞检测 宽、高
+      const width = Math.ceil(targetWidth / zoom);
+      const height = Math.ceil(targetHeight / zoom);
+      const {
+        nodeLookup
+      } = getState();
+      // 执行碰撞检测
+      const intersections = (0, _dropTargetsCheck.getAllowedIntersections)(nodeLookup, getIntersectingNodes({
+        x: position.x,
+        y: position.y,
+        width,
+        height
+      }), nodeType ? [nodeType] : undefined, nodeTypeMap);
+      // 被当前节点覆盖的节点列表
+      setWillDropTargets(intersections);
+    } else {
+      setWillDropTargets([]);
+    }
+  });
+  const onDrop = (0, _ahooks.useMemoizedFn)(async event => {
+    if (_onDrop) {
+      await _onDrop(event); // 执行默认的 drop 处理
+    }
+
+    // 内部处理好对应的新增逻辑，如新增元素的父级，新增元素的位置。业务系统在事件中创建节点即可
+    if (_onNodeTypeDrop) {
+      // 内部处理对应的逻辑
+      event.preventDefault(); // onDrop
+      const type = event.dataTransfer.getData('node@drag');
+      // 基础检测
+      if (typeof type === 'undefined' || !type) {
+        return;
+      }
+      const {
+        nodeLookup
+      } = getState();
+      const dropTarget = getWillDropTarget();
+
+      // 部分节点不允许在全局使用
+      if (!dropTarget && !(0, _dropTargetsCheck.canAddInNode)(nodeLookup, undefined, [type], nodeTypeMap)) {
+        // 当前节点不允许在全局使用
+        _antd.message.error('当前节点不允许在全局使用');
+        return;
+      }
+      const parentFlow = (0, _.getParentFlow)(nodeLookup, nodeTypeMap, dropTarget);
+      const absolutePosition = screenToFlowPosition({
+        x: event.clientX,
+        y: event.clientY
+      });
+
+      // 节点 position 属性
+      const positionInFlow = parentFlow ? (0, _.evaluatePositionInParent)(absolutePosition, parentFlow) : absolutePosition;
+      await _onNodeTypeDrop(parentFlow, positionInFlow, type);
+    }
+    setWillDropTargets([]);
+  });
+  return {
+    onNodeDragStart,
+    onNodeDrag,
+    onNodeDragStop,
+    onDragOver,
+    onDrop
+  };
+};
+exports.useNodeDragHandles = useNodeDragHandles;

package/cjs/hooks/useNodes.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-08-03 20:31
+ * @desc: 监听 nodes变化
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+export declare const useNodes: () => import("..").WorkflowNode[];
+//# sourceMappingURL=useNodes.d.ts.map

package/cjs/hooks/useNodes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNodes.d.ts","sourceRoot":"","sources":["useNodes.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,eAAO,MAAM,QAAQ,mCAEpB,CAAC"}