@rxflow/workflow 0.0.1-alpha.0

package/cjs/hooks/useNodes.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useNodes = void 0;
+var _state = require("./state");
+/**
+ * @author: yanxianliang
+ * @date: 2025-08-03 20:31
+ * @desc: 监听 nodes变化
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const useNodes = () => {
+  return (0, _state.useSelector)(state => state.nodes);
+};
+exports.useNodes = useNodes;

package/cjs/hooks/useOnBeforeDelete.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-08-17 12:41
+ * @modified：2025/8/17 12:41 by yanxianliang
+ * @desc: 删除逻辑处理
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { IWorkflowProps, WorkflowNode } from "..";
+import { Edge, OnBeforeDelete } from "@xyflow/react";
+/**
+ * 需要自动关联 子工作流 删除操作
+ * @param onBeforeDelete
+ */
+export declare const useOnBeforeDelete: <NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge>(onBeforeDelete?: IWorkflowProps<NodeType, EdgeType>['onBeforeDelete']) => ({ nodes, edges }: Parameters<OnBeforeDelete<NodeType, EdgeType>>[0]) => Promise<boolean | {
+    nodes: NodeType[];
+    edges: EdgeType[];
+}>;
+//# sourceMappingURL=useOnBeforeDelete.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOnBeforeDelete.d.ts","sourceRoot":"","sources":["useOnBeforeDelete.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAC,cAAc,EAAE,YAAY,EAAC,WAAyB;AAE9D,OAAO,EAAC,IAAI,EAAE,cAAc,EAA4B,MAAM,eAAe,CAAC;AAI9E;;;GAGG;AACH,eAAO,MAAM,iBAAiB,gGAIX,eAAe,QAAQ,EAAE,QAAQ,CAAC,CAAC,gBAAgB,CAAC,wBAOzB,WAAW,eAAe,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;;;EA2E9F,CAAC"}

package/cjs/hooks/useOnBeforeDelete.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useOnBeforeDelete = void 0;
+var _base = require("@rxflow/base");
+var _react = require("@xyflow/react");
+var _ahooks = require("ahooks");
+/**
+ * @author: yanxianliang
+ * @date: 2025-08-17 12:41
+ * @modified：2025/8/17 12:41 by yanxianliang
+ * @desc: 删除逻辑处理
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+/**
+ * 需要自动关联 子工作流 删除操作
+ * @param onBeforeDelete
+ */
+const useOnBeforeDelete = onBeforeDelete => {
+  const nodeTypeMap = (0, _base.useNodeTypeMap)();
+  const {
+    getNode
+  } = (0, _react.useReactFlow)();
+  const {
+    getState
+  } = (0, _react.useStoreApi)();
+  const parentLookup = getState().parentLookup;
+  return (0, _ahooks.useMemoizedFn)(async ({
+    nodes,
+    edges
+  }) => {
+    if (onBeforeDelete) {
+      // 子工作流需要自动删除
+      const toBeDeleteNodes = [];
+      for (const node of nodes) {
+        toBeDeleteNodes.push(node);
+        // 删除的节点中如果有子工作流
+        if (node.subFlowKey) {
+          const subFlowNodeId = node.subFlowKey;
+          const subFlowNode = getNode(subFlowNodeId);
+          if (subFlowNode) {
+            toBeDeleteNodes.push(subFlowNode);
+          }
+          const childrenMap = parentLookup.get(subFlowNodeId);
+          childrenMap?.forEach(child => {
+            const userNode = child.internals.userNode;
+            toBeDeleteNodes.push(userNode);
+          });
+        }
+      }
+      return await onBeforeDelete({
+        nodes: toBeDeleteNodes,
+        edges
+      });
+    }
+    const lockNodeSet = new Set();
+    const willDeleteNodeSet = new Set();
+    const toBeDeleteNodes = [];
+    for (const node of nodes) {
+      const type = node.type;
+      const canDelete = type ? nodeTypeMap.get(type)?.deletable ?? node.deletable ?? true : node.deletable ?? true;
+      if (!canDelete) {
+        lockNodeSet.add(node.id); // 不能删除的节点
+      } else {
+        willDeleteNodeSet.add(node.id);
+        toBeDeleteNodes.push(node);
+        // 删除的节点中如果有子工作流
+        if (node.subFlowKey) {
+          const subFlowNodeId = node.subFlowKey;
+          const subFlowNode = getNode(subFlowNodeId);
+          if (subFlowNode) {
+            toBeDeleteNodes.push(subFlowNode);
+          }
+          const childrenMap = parentLookup.get(subFlowNodeId);
+          childrenMap?.forEach(child => {
+            const userNode = child.internals.userNode;
+            toBeDeleteNodes.push(userNode);
+          });
+        }
+      }
+    }
+
+    /**
+     * 可删除边的条件
+     */
+    const toBeDeletedEdges = edges.filter(edge => {
+      const canDelete = edge.deletable ?? true;
+      if (!canDelete) {
+        return false;
+      }
+      // 当前节点处于被删除列表，其他的不进行多余处理
+      return !lockNodeSet.has(edge.source) && !lockNodeSet.has(edge.target) || willDeleteNodeSet.has(edge.source) || willDeleteNodeSet.has(edge.target);
+    });
+    return {
+      nodes: toBeDeleteNodes,
+      edges: toBeDeletedEdges
+    };
+  });
+};
+exports.useOnBeforeDelete = useOnBeforeDelete;

package/cjs/hooks/useOnConnect.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-08-16 13:43
+ * @modified：2025/8/16 13:43 by yanxianliang
+ * @desc: 边变化回调
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { IWorkflowProps } from "..";
+import { type Node, Connection, Edge } from "@xyflow/react";
+export declare const useOnConnect: <NodeType extends Node = Node, EdgeType extends Edge = Edge>(props: IWorkflowProps<NodeType, EdgeType>) => (connection: Connection) => void;
+//# sourceMappingURL=useOnConnect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOnConnect.d.ts","sourceRoot":"","sources":["useOnConnect.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAC,cAAc,EAAC,WAAyB;AAChD,OAAO,EAAC,KAAK,IAAI,EAAE,UAAU,EAAe,IAAI,EAAa,MAAM,eAAe,CAAC;AAInF,eAAO,MAAM,YAAY,sEAGhB,eAAe,QAAQ,EAAE,QAAQ,CAAC,kBAIT,UAAU,SAK3C,CAAA"}

package/cjs/hooks/useOnConnect.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useOnConnect = void 0;
+var _react = require("@xyflow/react");
+var _react2 = require("react");
+var _triggerConnect = require("../utils/triggerConnect");
+/**
+ * @author: yanxianliang
+ * @date: 2025-08-16 13:43
+ * @modified：2025/8/16 13:43 by yanxianliang
+ * @desc: 边变化回调
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const useOnConnect = props => {
+  const store = (0, _react.useStoreApi)();
+
+  // 还是应该触发 onEdgesChange ==> 或者直接设置
+  return (0, _react2.useCallback)(connection => {
+    const {
+      hasDefaultEdges,
+      triggerEdgeChanges,
+      edges
+    } = store.getState();
+    const {
+      connectionLimit,
+      onConnect
+    } = props;
+    (0, _triggerConnect.triggerConnect)(connection, hasDefaultEdges, edges, triggerEdgeChanges, connectionLimit, onConnect);
+  }, []);
+};
+exports.useOnConnect = useOnConnect;

package/cjs/hooks/useOnEdgeMouseEnter.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-08-16 16:43
+ * @modified：2025/8/16 16:43 by yanxianliang
+ * @desc: 鼠标移动到边上
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { IWorkflowProps } from "..";
+import { Edge, Node } from "@xyflow/react";
+import { type MouseEvent } from "react";
+export declare const useOnEdgeMouseEnter: <NodeType extends Node = Node, EdgeType extends Edge = Edge>(_onEdgeMouseEnter?: IWorkflowProps<NodeType, EdgeType>['onEdgeMouseEnter']) => (event: MouseEvent, edge: EdgeType) => void;
+//# sourceMappingURL=useOnEdgeMouseEnter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOnEdgeMouseEnter.d.ts","sourceRoot":"","sources":["useOnEdgeMouseEnter.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAC,cAAc,EAAC,WAAyB;AAChD,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACzC,OAAO,EAAc,KAAK,UAAU,EAAC,MAAM,OAAO,CAAC;AAGlD,eAAO,MAAM,mBAAmB,mFAGV,eAAe,QAAQ,EAAE,QAAQ,CAAC,CAAC,kBAAkB,CAAC,aAE/C,UAAU,QAAQ,QAAQ,SAMvD,CAAA"}

package/cjs/hooks/useOnEdgeMouseEnter.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useOnEdgeMouseEnter = void 0;
+var _react = require("react");
+var _state = require("./state");
+/**
+ * @author: yanxianliang
+ * @date: 2025-08-16 16:43
+ * @modified：2025/8/16 16:43 by yanxianliang
+ * @desc: 鼠标移动到边上
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const useOnEdgeMouseEnter = _onEdgeMouseEnter => {
+  const setState = (0, _state.useSetState)();
+  return (0, _react.useCallback)((event, edge) => {
+    setState({
+      hoveredEdge: edge.id
+    });
+    _onEdgeMouseEnter?.(event, edge);
+  }, []);
+};
+exports.useOnEdgeMouseEnter = useOnEdgeMouseEnter;

package/cjs/hooks/useOnEdgeMouseLeave.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-08-16 16:51
+ * @modified：2025/8/16 16:51 by yanxianliang
+ * @desc: 鼠标移动到边外
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { IWorkflowProps } from "..";
+import { Edge, Node } from "@xyflow/react";
+import { type MouseEvent } from "react";
+export declare const useOnEdgeMouseLeave: <NodeType extends Node = Node, EdgeType extends Edge = Edge>(_onEdgeMouseLeave?: IWorkflowProps<NodeType, EdgeType>['onEdgeMouseLeave']) => (event: MouseEvent, edge: EdgeType) => void;
+//# sourceMappingURL=useOnEdgeMouseLeave.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOnEdgeMouseLeave.d.ts","sourceRoot":"","sources":["useOnEdgeMouseLeave.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAC,cAAc,EAAC,WAAyB;AAChD,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACzC,OAAO,EAAc,KAAK,UAAU,EAAC,MAAM,OAAO,CAAC;AAGnD,eAAO,MAAM,mBAAmB,mFAGV,eAAe,QAAQ,EAAE,QAAQ,CAAC,CAAC,kBAAkB,CAAC,aAE/C,UAAU,QAAQ,QAAQ,SAMtD,CAAA"}

package/cjs/hooks/useOnEdgeMouseLeave.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useOnEdgeMouseLeave = void 0;
+var _react = require("react");
+var _state = require("./state");
+/**
+ * @author: yanxianliang
+ * @date: 2025-08-16 16:51
+ * @modified：2025/8/16 16:51 by yanxianliang
+ * @desc: 鼠标移动到边外
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const useOnEdgeMouseLeave = _onEdgeMouseLeave => {
+  const setState = (0, _state.useSetState)();
+  return (0, _react.useCallback)((event, edge) => {
+    setState({
+      hoveredEdge: undefined
+    });
+    _onEdgeMouseLeave?.(event, edge);
+  }, []);
+};
+exports.useOnEdgeMouseLeave = useOnEdgeMouseLeave;

package/cjs/hooks/useOnNodesChange.d.ts

@@ -0,0 +1,4 @@
+import { IWorkflowProps, WorkflowNode } from "..";
+import { NodeChange } from "@xyflow/react";
+export declare const useOnNodesChange: <NodeType extends WorkflowNode = WorkflowNode>(onNodesChange?: IWorkflowProps<NodeType>['onNodesChange']) => (changes: Array<NodeChange<NodeType>>) => void;
+//# sourceMappingURL=useOnNodesChange.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOnNodesChange.d.ts","sourceRoot":"","sources":["useOnNodesChange.ts"],"names":[],"mappings":"AASA,OAAO,EAAsB,cAAc,EAAE,YAAY,EAAE,WAAyB;AAEpF,OAAO,EAAC,UAAU,EAAc,MAAM,eAAe,CAAC;AAKtD,eAAO,MAAM,gBAAgB,iEAAkE,eAAe,QAAQ,CAAC,CAAC,eAAe,CAAC,eAIvG,MAAM,WAAW,QAAQ,CAAC,CAAC,SAuE3D,CAAA"}

package/cjs/hooks/useOnNodesChange.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useOnNodesChange = void 0;
+var _base = require("@rxflow/base");
+var _ = require("./..");
+var _react = require("@xyflow/react");
+var _ahooks = require("ahooks");
+var _parent = require("../utils/parent");
+/**
+ * @author: yanxianliang
+ * @date: 2025-08-18 19:17
+ * @modified：2025/8/18 19:17 by yanxianliang
+ * @desc: 节点变化内置处理
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const useOnNodesChange = onNodesChange => {
+  const {
+    getState
+  } = (0, _react.useStoreApi)();
+  const nodeTypeLookup = (0, _base.useNodeTypeMap)();
+  return (0, _ahooks.useMemoizedFn)(changes => {
+    if (!onNodesChange) {
+      return;
+    }
+    // 如果 changes 中包括 subFlow dimension的变化，自动同步 start|end 节点位置
+    const modifiedChanges = [...changes];
+    const {
+      parentLookup,
+      nodeOrigin,
+      nodeLookup
+    } = getState();
+    const childrenPositionMap = new Map();
+    for (const change of changes) {
+      const {
+        type
+      } = change;
+      switch (type) {
+        // 开始和结束节点的变化
+        case "dimensions":
+          // resize
+          {
+            const {
+              id,
+              dimensions
+            } = change;
+            const internalNode = nodeLookup.get(id);
+            if (internalNode && internalNode.parentId && !(internalNode.expandParent && internalNode.extent === 'parent')) {
+              const parentNode = nodeLookup.get(internalNode.parentId);
+              if (parentNode && dimensions && parentNode.type && nodeTypeLookup.get(parentNode.type)?.nodeRoleType === _base.NodeRoleType.SubFlow) {
+                childrenPositionMap.set(id, {
+                  id,
+                  parentId: internalNode.parentId,
+                  rect: {
+                    ...internalNode.internals.positionAbsolute,
+                    ...dimensions
+                  }
+                });
+              }
+            }
+            break;
+          }
+        case "position":
+          {
+            // 暂时不支持自动伸缩，目前 extent 没实现
+            const {
+              id,
+              position
+            } = change;
+            const internalNode = nodeLookup.get(id); // 当前节点
+            if (internalNode && internalNode.parentId && position && !(internalNode.expandParent && internalNode.extent === 'parent')) {
+              const parentNode = nodeLookup.get(internalNode.parentId);
+              if (parentNode && parentNode.type && nodeTypeLookup.get(parentNode.type)?.nodeRoleType === _base.NodeRoleType.SubFlow) {
+                const nextPositionAbsolute = (0, _.getPositionAbsolute)(nodeLookup, position, internalNode, nodeOrigin);
+                childrenPositionMap.set(id, {
+                  id,
+                  parentId: internalNode.parentId,
+                  // rect: nodeToRect(newNode, nodeOrigin),
+                  rect: {
+                    ...nextPositionAbsolute,
+                    width: internalNode.measured.width ?? 0,
+                    height: internalNode.measured.height ?? 0
+                  }
+                });
+              }
+            }
+            break;
+          }
+      }
+    }
+    if (childrenPositionMap.size > 0) {
+      const parentExpandChanges = (0, _parent.handleResizeParent)(childrenPositionMap, nodeLookup, parentLookup, nodeOrigin, nodeTypeLookup);
+      modifiedChanges.push(...parentExpandChanges);
+    }
+    return onNodesChange?.(modifiedChanges);
+  });
+};
+exports.useOnNodesChange = useOnNodesChange;

package/cjs/hooks/useOnSelectionChange.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-08-23 23:49
+ * @modified：2025/8/23 23:49 by yanxianliang
+ * @desc: selectionChange 回调
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { Edge, Node, OnSelectionChangeParams } from "@xyflow/react";
+import type { OnSelectionChangeFunc } from "@xyflow/react";
+import { SelectionStrategy } from "@rxflow/base";
+export declare const useOnSelectionChange: <NodeType extends Node = Node, EdgeType extends Edge = Edge>(selectionStrategy: SelectionStrategy, onSelectionChange?: OnSelectionChangeFunc<NodeType, EdgeType>) => (selectionChange: OnSelectionChangeParams<NodeType, EdgeType>) => void;
+//# sourceMappingURL=useOnSelectionChange.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOnSelectionChange.d.ts","sourceRoot":"","sources":["useOnSelectionChange.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,uBAAuB,EAAc,MAAM,eAAe,CAAC;AAC/E,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,eAAe,CAAC;AAEzD,OAAO,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAU/C,eAAO,MAAM,oBAAoB,kFACZ,iBAAiB,sBAChB,sBAAsB,QAAQ,EAAE,QAAQ,CAAC,uBAKtB,wBAAwB,QAAQ,EAAE,QAAQ,CAAC,SA6FnF,CAAA"}

package/cjs/hooks/useOnSelectionChange.js

@@ -0,0 +1,130 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useOnSelectionChange = void 0;
+var _react = require("@xyflow/react");
+var _ahooks = require("ahooks");
+var _base = require("@rxflow/base");
+var _useSetSelection = require("./useSetSelection");
+var _useWorkFlow = require("./useWorkFlow");
+/**
+ * @author: yanxianliang
+ * @date: 2025-08-23 23:49
+ * @modified：2025/8/23 23:49 by yanxianliang
+ * @desc: selectionChange 回调
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+// 会触发 select nodeChange 事件，在 onNodesChange 中处理
+
+// TODO 这边限制没什么作用
+
+// 删除对应的节点/边选中，并更新回调数据
+const useOnSelectionChange = (selectionStrategy, onSelectionChange) => {
+  const setSelection = (0, _useSetSelection.useSetSelection)();
+  const {
+    getNode
+  } = (0, _useWorkFlow.useWorkFlow)();
+  const storeApi = (0, _react.useStoreApi)();
+  return (0, _ahooks.useMemoizedFn)(selectionChange => {
+    // 删除子元素
+    const {
+      nodes,
+      edges
+    } = selectionChange;
+    // 自动删除子节点
+    const nodeIdSet = new Set(nodes.map(node => node.id));
+    const deletedNodeIdSet = new Set();
+    let realNodes = [];
+    let realEdges = [];
+    switch (selectionStrategy) {
+      case _base.SelectionStrategy.PARENT:
+        {
+          for (const node of nodes) {
+            let curr = node;
+            let parentIsSelected = false;
+            while (curr && curr.parentId) {
+              const parentId = curr.parentId;
+              if (nodeIdSet.has(parentId)) {
+                parentIsSelected = true;
+                deletedNodeIdSet.add(node.id);
+                break;
+              }
+              curr = getNode(parentId);
+            }
+            if (!parentIsSelected) {
+              realNodes.push(node);
+            }
+          }
+          for (const edge of edges) {
+            const {
+              source,
+              target
+            } = edge;
+            if (!deletedNodeIdSet.has(source) && !deletedNodeIdSet.has(target)) {
+              realEdges.push(edge);
+            }
+          }
+          break;
+        }
+      case _base.SelectionStrategy.CHILD:
+        {
+          // 如果有子节点，排除父节点
+          const parentLookup = storeApi.getState().parentLookup;
+          const hasSelectedChildren = id => {
+            const childrenMap = parentLookup.get(id);
+            if (childrenMap) {
+              for (const [key] of childrenMap.entries()) {
+                if (nodeIdSet.has(key)) {
+                  // 子元素被选中
+                  return true;
+                }
+                const checkSubParent = hasSelectedChildren(key);
+                if (checkSubParent) {
+                  // 中间节点被选中
+                  return true;
+                }
+              }
+            }
+            return false;
+          };
+          for (const node of nodes) {
+            if (!hasSelectedChildren(node.id)) {
+              realNodes.push(node);
+            } else {
+              deletedNodeIdSet.add(node.id);
+            }
+          }
+          for (const edge of edges) {
+            const {
+              source,
+              target
+            } = edge;
+            if (!deletedNodeIdSet.has(source) && !deletedNodeIdSet.has(target)) {
+              realEdges.push(edge);
+            }
+          }
+          break;
+        }
+      default:
+        {
+          realNodes = nodes;
+          realEdges = edges;
+          break;
+        }
+    }
+    const realSelectionChange = {
+      nodes: realNodes,
+      edges: realEdges
+    };
+    if (deletedNodeIdSet.size) {
+      // 需要删除对应边选中状态
+    }
+    setSelection(realSelectionChange);
+    onSelectionChange?.(realSelectionChange);
+  });
+};
+exports.useOnSelectionChange = useOnSelectionChange;

package/cjs/hooks/useSetEdges.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+/**
+ * @author: yanxianliang
+ * @date: 2025-08-16 16:28
+ * @modified：2025/8/16 16:28 by yanxianliang
+ * @desc: 设置边列表
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { Edge } from "@xyflow/react";
+export declare const useSetEdges: () => import("react").Dispatch<import("react").SetStateAction<Edge[]>>;
+//# sourceMappingURL=useSetEdges.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSetEdges.d.ts","sourceRoot":"","sources":["useSetEdges.ts"],"names":[],"mappings":";AAAA;;;;;;;GAOG;AACH,OAAO,EAAC,IAAI,EAAC,MAAM,eAAe,CAAC;AAInC,eAAO,MAAM,WAAW,wEAevB,CAAA"}

package/cjs/hooks/useSetEdges.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSetEdges = void 0;
+var _react = require("react");
+var _state = require("./state");
+/**
+ * @author: yanxianliang
+ * @date: 2025-08-16 16:28
+ * @modified：2025/8/16 16:28 by yanxianliang
+ * @desc: 设置边列表
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const useSetEdges = () => {
+  const setState = (0, _state.useSetState)();
+  const getState = (0, _state.useGetState)();
+  const setEdges = (0, _react.useCallback)(nextState => {
+    const nextEdges = typeof nextState === 'function' ? nextState(getState().edges || []) : nextState;
+    setState({
+      edges: nextEdges
+    });
+  }, []);
+  return setEdges;
+};
+exports.useSetEdges = useSetEdges;

package/cjs/hooks/useSetSelection.d.ts

@@ -0,0 +1,3 @@
+import { OnSelectionChangeParams } from "@xyflow/react";
+export declare const useSetSelection: () => (selectionsChange: OnSelectionChangeParams) => void;
+//# sourceMappingURL=useSetSelection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSetSelection.d.ts","sourceRoot":"","sources":["useSetSelection.ts"],"names":[],"mappings":"AASA,OAAO,EAAC,uBAAuB,EAAC,MAAM,eAAe,CAAC;AAKtD,eAAO,MAAM,eAAe,2BAGY,uBAAuB,SAY9D,CAAA"}

package/cjs/hooks/useSetSelection.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSetSelection = void 0;
+var _react = require("react");
+var _state = require("./state");
+var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
+var _sortBy = _interopRequireDefault(require("lodash/sortBy"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-26 08:17
+ * @modified：2025/7/26 08:17 by yanxianliang
+ * @desc: 保存选中结果
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const useSetSelection = () => {
+  const setState = (0, _state.useSetState)();
+  const getState = (0, _state.useGetState)();
+  return (0, _react.useCallback)(selectionsChange => {
+    const {
+      nodes,
+      edges
+    } = selectionsChange;
+    const nodeIds = nodes.map(node => node.id);
+    const edgeIds = edges.map(edge => edge.id);
+    const beforeSelectedNodes = getState().selectedNodes || [];
+    if (nodeIds.length !== beforeSelectedNodes.length || !(0, _isEqual.default)((0, _sortBy.default)(nodeIds), (0, _sortBy.default)(beforeSelectedNodes))) {
+      setState({
+        selectedNodes: nodeIds,
+        selectedEdges: edgeIds
+      });
+    }
+  }, []);
+};
+exports.useSetSelection = useSetSelection;

package/cjs/hooks/useSetWillDropTargets.d.ts

@@ -0,0 +1,2 @@
+export declare const useSetWillDropTargets: () => (targetIds: string[]) => void;
+//# sourceMappingURL=useSetWillDropTargets.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSetWillDropTargets.d.ts","sourceRoot":"","sources":["useSetWillDropTargets.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,qBAAqB,oBAED,MAAM,EAAE,SAKxC,CAAC"}