@rxflow/workflow 0.0.1-alpha.0

package/cjs/components/Sider/index.js

@@ -0,0 +1,142 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Sider = void 0;
+require("./index.less");
+var _dragDataTransfer = require("../../utils/dragDataTransfer");
+var _CanvasLoading = _interopRequireDefault(require("../CanvasLoading"));
+var _react = _interopRequireWildcard(require("react"));
+var _groupBy = _interopRequireDefault(require("lodash/groupBy"));
+var _antd = require("antd");
+var _SearchOutlined = _interopRequireDefault(require("@ant-design/icons/lib/icons/SearchOutlined"));
+var _reactHighlightWords = _interopRequireDefault(require("react-highlight-words"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-27 11:34
+ * @modified：2025/7/27 11:34 by yanxianliang
+ * @desc: 节点列表
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const Sider = ({
+  loading,
+  nodeTypes = []
+}) => {
+  const [filter, setFilter] = (0, _react.useState)('');
+
+  // 分组
+  const nodeCategoryList = (0, _react.useMemo)(() => {
+    if (!nodeTypes || !nodeTypes.length) {
+      return [];
+    }
+    // 分组
+    const group = (0, _groupBy.default)(nodeTypes.filter(type => !type.hideInSider && type.label && type.label.indexOf(filter) > -1), node => node.group || '');
+    return Object.keys(group).map(category => {
+      return {
+        group: category,
+        list: group[category] || []
+      };
+    });
+  }, [nodeTypes, filter]);
+  const onDragStart = (0, _react.useCallback)(ev => {
+    const element = ev.target;
+    const nodeType = element.getAttribute("data-node-type");
+    const rect = element.getBoundingClientRect();
+    const offsetX = ev.clientX - rect.left; // 鼠标在元素内的X偏移[6]
+    const offsetY = ev.clientY - rect.top; // 鼠标在元素内的Y偏移[6]
+    ev.dataTransfer.effectAllowed = 'move';
+    ev.dataTransfer.setData('node@drag', nodeType);
+    (0, _dragDataTransfer.setDragDataTransfer)({
+      width: rect.width,
+      height: rect.height,
+      offsetX,
+      offsetY,
+      type: nodeType
+    });
+  }, []);
+  const onSearch = (0, _react.useCallback)(e => {
+    setFilter(e.currentTarget.value);
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: 'rxflow-sider',
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: 'rxflow-sider-search',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Input, {
+        onChange: onSearch,
+        prefix: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchOutlined.default, {
+          style: {
+            color: 'rgba(32, 41, 69, 0.62)'
+          }
+        }),
+        placeholder: '搜索节点'
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: 'rxflow-sider-scroll',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CanvasLoading.default, {
+        loading: loading,
+        tip: '节点加载中...',
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: 'rxflow-sider-content',
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Space, {
+            size: 12,
+            direction: 'vertical',
+            style: {
+              width: '100%'
+            },
+            children: nodeCategoryList.map(categoryItem => {
+              const {
+                group,
+                list
+              } = categoryItem;
+              return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+                children: [group ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                  className: 'rxflow-sider-group',
+                  children: group
+                }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.List, {
+                  grid: {
+                    gutter: 0,
+                    column: 1
+                  },
+                  dataSource: list,
+                  renderItem: item => {
+                    const {
+                      icon,
+                      label
+                    } = item;
+                    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.List.Item, {
+                      className: 'rxflow-sider-item',
+                      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+                        draggable: true,
+                        className: 'rxflow-sider-card',
+                        onDragStart: onDragStart,
+                        "data-node-type": item.type,
+                        children: [icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                          className: 'rxflow-sider-icon',
+                          children: icon
+                        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactHighlightWords.default, {
+                            highlightClassName: 'rxflow-sider-highlight',
+                            textToHighlight: label || '',
+                            searchWords: [filter]
+                          })
+                        })]
+                      })
+                    }, item.type);
+                  }
+                })]
+              }, group);
+            })
+          })
+        })
+      })
+    })]
+  });
+};
+exports.Sider = Sider;

package/cjs/components/Sider/index.less

@@ -0,0 +1,68 @@
+.rxflow-sider{
+  width: 220px;
+  position: relative;
+  overflow: auto; // 显示滚动条
+  user-select: none;
+  background: #fff;
+  display: flex;
+  flex-direction: column;
+
+  &-search {
+    padding: 12px 10px 0;
+  }
+
+  &-scroll {
+    flex: 1;
+    overflow: auto;
+    position: relative;
+  }
+
+  &-highlight{
+    color: rgb(255, 115, 0);
+    background: transparent;
+    mark&{
+      padding: 0;
+    }
+  }
+
+  &-group {
+    font-weight: 500;
+    color: rgba(32, 41, 69, 0.62);
+    font-size: 14px;
+    margin-bottom: 4px;
+    padding-left: 4px;
+  }
+
+  &-icon {
+    font-size: 20px;
+    display: inline-flex;
+  }
+
+  &-card{
+    height: 32px;
+    display: flex;
+    border-radius: 8px;
+    padding: 0 6px;
+    font-size: 14px;
+    align-items: center;
+    cursor: grab;
+    gap: 6px;
+    background: #fff;
+    overflow: hidden;
+    -webkit-backface-visibility: hidden;
+    transform: translateZ(0);
+    &:hover {
+      background-color: rgba(87, 104, 161, 0.08);
+    }
+  }
+
+  &-content{
+    padding: 10px;
+  }
+
+  &-item{
+    .rxflow-list-grid .rxflow-col > &.rxflow-list-item{
+      margin-bottom: 10px;
+    }
+  }
+}

package/cjs/constants/RunningStatus.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-08-23 12:46
+ * @modified：2025/8/23 12:46 by yanxianliang
+ * @desc: 运行状态枚举
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+export declare enum RunningStatus {
+    running = "running",
+    success = "success",
+    error = "error"
+}
+//# sourceMappingURL=RunningStatus.d.ts.map

package/cjs/constants/RunningStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RunningStatus.d.ts","sourceRoot":"","sources":["RunningStatus.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,oBAAY,aAAa;IACvB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB"}

package/cjs/constants/RunningStatus.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RunningStatus = void 0;
+/**
+ * @author: yanxianliang
+ * @date: 2025-08-23 12:46
+ * @modified：2025/8/23 12:46 by yanxianliang
+ * @desc: 运行状态枚举
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+let RunningStatus = exports.RunningStatus = /*#__PURE__*/function (RunningStatus) {
+  RunningStatus["running"] = "running";
+  RunningStatus["success"] = "success";
+  RunningStatus["error"] = "error";
+  return RunningStatus;
+}({});

package/cjs/hooks/run/useActiveEdge.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-23 09:42
+ * @modified：2025/7/23 09:42 by yanxianliang
+ * @desc: Edge 是否高亮
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { EdgeProps } from "@xyflow/react";
+/**
+ * 检测边是否高亮
+ * @param edge
+ */
+export declare function useActiveEdge(edge: Pick<EdgeProps, 'source' | 'target' | 'sourceHandleId' | 'targetHandleId'>): boolean;
+//# sourceMappingURL=useActiveEdge.d.ts.map

package/cjs/hooks/run/useActiveEdge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveEdge.d.ts","sourceRoot":"","sources":["useActiveEdge.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AAIxC;;;GAGG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,QAAQ,GAAG,QAAQ,GAAG,gBAAgB,GAAG,gBAAgB,CAAC,WAY7G"}

package/cjs/hooks/run/useActiveEdge.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useActiveEdge = useActiveEdge;
+var _state = require("../state");
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-23 09:42
+ * @modified：2025/7/23 09:42 by yanxianliang
+ * @desc: Edge 是否高亮
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+/**
+ * 检测边是否高亮
+ * @param edge
+ */
+function useActiveEdge(edge) {
+  return (0, _state.useSelector)(state => {
+    const edgeSet = state.runState?.activeEdges; // active Set
+    const {
+      source,
+      sourceHandleId,
+      targetHandleId,
+      target
+    } = edge;
+    if (!edgeSet) {
+      return false;
+    }
+    // 查找是否有对应的边
+    return edgeSet.has(`${source},${sourceHandleId},${target},${targetHandleId}`) || edgeSet.has(`${source},${sourceHandleId},${target}`) || edgeSet.has(`${source},${target}`);
+  });
+}

package/cjs/hooks/run/useCleanRunState.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Retrieves the setDebugStore function from the zustand store within the DebugContext.
+ * This function is intended to be used for setting the debug state in a React application.
+ * If the DebugContext provider is missing, it will log an error and throw an exception.
+ *
+ * @throws {Error} Throws an error if the DebugContext provider is not found.
+ */
+export declare const useCleanRunState: () => () => void;
+//# sourceMappingURL=useCleanRunState.d.ts.map

package/cjs/hooks/run/useCleanRunState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCleanRunState.d.ts","sourceRoot":"","sources":["useCleanRunState.ts"],"names":[],"mappings":"AAWA;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,kBAO5B,CAAA"}

package/cjs/hooks/run/useCleanRunState.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCleanRunState = void 0;
+var _react = require("react");
+var _state = require("../state");
+/**
+ * @author: yanxianliang
+ * @date: 2025-08-23 18:15
+ * @modified：2025/8/23 18:15 by yanxianliang
+ * @desc:
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+/**
+ * Retrieves the setDebugStore function from the zustand store within the DebugContext.
+ * This function is intended to be used for setting the debug state in a React application.
+ * If the DebugContext provider is missing, it will log an error and throw an exception.
+ *
+ * @throws {Error} Throws an error if the DebugContext provider is not found.
+ */
+const useCleanRunState = () => {
+  const setState = (0, _state.useSetState)();
+  return (0, _react.useCallback)(() => {
+    setState({
+      runState: undefined
+    });
+  }, []);
+};
+exports.useCleanRunState = useCleanRunState;

package/cjs/hooks/run/useNodeRunningState.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A custom hook that retrieves the debug state for a specific node.
+ * It uses the `useNodeId` hook to get the node ID and the `DebugContext` context to access the debug store.
+ * If the `DebugContext` provider is missing, it throws an error.
+ *
+ */
+export declare const useNodeRunningState: (nodeId?: string) => import("../..").NodeRunState | undefined;
+//# sourceMappingURL=useNodeRunningState.d.ts.map

package/cjs/hooks/run/useNodeRunningState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNodeRunningState.d.ts","sourceRoot":"","sources":["useNodeRunningState.ts"],"names":[],"mappings":"AAaA;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,YAAa,MAAM,6CAIlD,CAAA"}

package/cjs/hooks/run/useNodeRunningState.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useNodeRunningState = void 0;
+var _react = require("@xyflow/react");
+var _shallow = require("zustand/react/shallow");
+var _state = require("../state");
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-19 17:21
+ * @modified：2025/7/19 17:21 by yanxianliang
+ * @desc: 获取节点运行/调试状态
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+/**
+ * A custom hook that retrieves the debug state for a specific node.
+ * It uses the `useNodeId` hook to get the node ID and the `DebugContext` context to access the debug store.
+ * If the `DebugContext` provider is missing, it throws an error.
+ *
+ */
+const useNodeRunningState = nodeId => {
+  const innerId = (0, _react.useNodeId)();
+  const id = nodeId || innerId;
+  return (0, _state.useSelector)((0, _shallow.useShallow)(state => id ? state.runState?.nodeRunMap?.[id] : undefined));
+};
+exports.useNodeRunningState = useNodeRunningState;

package/cjs/hooks/run/useRunState.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-24 09:33
+ * @modified：2025/7/24 09:33 by yanxianliang
+ * @desc: get/set run state
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+/**
+ * useNodeDebugState is a custom hook that provides access to the debug state and allows modification of the running state.
+ * It utilizes the DebugContext to retrieve the zustand store, which holds the debug state information.
+ * If the DebugContext provider is missing, it throws an error.
+ *
+ * @returns A tuple where the first element is a boolean indicating if the debug is running,
+ * and the second element is a function to set the running state.
+ */
+export declare const useRunState: () => {
+    readonly runningStatus: import("../..").RunningStatus | undefined;
+    readonly timeSpent: number | undefined;
+};
+//# sourceMappingURL=useRunState.d.ts.map

package/cjs/hooks/run/useRunState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRunState.d.ts","sourceRoot":"","sources":["useRunState.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW;;;CAUvB,CAAA"}

package/cjs/hooks/run/useRunState.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRunState = void 0;
+var _shallow = require("zustand/react/shallow");
+var _state = require("../state");
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-24 09:33
+ * @modified：2025/7/24 09:33 by yanxianliang
+ * @desc: get/set run state
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+/**
+ * useNodeDebugState is a custom hook that provides access to the debug state and allows modification of the running state.
+ * It utilizes the DebugContext to retrieve the zustand store, which holds the debug state information.
+ * If the DebugContext provider is missing, it throws an error.
+ *
+ * @returns A tuple where the first element is a boolean indicating if the debug is running,
+ * and the second element is a function to set the running state.
+ */
+const useRunState = () => {
+  const {
+    runningStatus,
+    timeSpent
+  } = (0, _state.useSelector)((0, _shallow.useShallow)(state => ({
+    runningStatus: state.runState?.runningStatus,
+    timeSpent: state.runState?.timeSpent
+  })));
+  return {
+    runningStatus,
+    timeSpent
+  };
+};
+exports.useRunState = useRunState;

package/cjs/hooks/run/useSetRunState.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-19 19:55
+ * @modified：2025/7/19 19:55 by yanxianliang
+ * @desc: 设置运行/调试 状态
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { WorkflowRunState } from "../..";
+/**
+ * Retrieves the setDebugStore function from the zustand store within the DebugContext.
+ * This function is intended to be used for setting the debug state in a React application.
+ * If the DebugContext provider is missing, it will log an error and throw an exception.
+ *
+ * @throws {Error} Throws an error if the DebugContext provider is not found.
+ */
+export declare const useSetRunState: () => (runState: Partial<WorkflowRunState>) => void;
+//# sourceMappingURL=useSetRunState.d.ts.map

package/cjs/hooks/run/useSetRunState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSetRunState.d.ts","sourceRoot":"","sources":["useSetRunState.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAC,gBAAgB,EAAC,cAAyB;AAIlD;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,mBAEK,QAAQ,gBAAgB,CAAC,SAWxD,CAAA"}

package/cjs/hooks/run/useSetRunState.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSetRunState = void 0;
+var _react = require("react");
+var _state = require("../state");
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-19 19:55
+ * @modified：2025/7/19 19:55 by yanxianliang
+ * @desc: 设置运行/调试 状态
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+/**
+ * Retrieves the setDebugStore function from the zustand store within the DebugContext.
+ * This function is intended to be used for setting the debug state in a React application.
+ * If the DebugContext provider is missing, it will log an error and throw an exception.
+ *
+ * @throws {Error} Throws an error if the DebugContext provider is not found.
+ */
+const useSetRunState = () => {
+  const setState = (0, _state.useSetState)();
+  return (0, _react.useCallback)(runState => {
+    setState(state => {
+      return {
+        ...state,
+        runState: {
+          ...state.runState,
+          ...runState
+        }
+      };
+    });
+  }, []);
+};
+exports.useSetRunState = useSetRunState;

package/cjs/hooks/state.d.ts

@@ -0,0 +1,7 @@
+import { WorkflowBaseState } from "..";
+import { ExtractState } from "@rxflow/base";
+import { StoreApi } from 'zustand';
+export declare const useSetState: () => (partial: WorkflowBaseState | Partial<WorkflowBaseState> | ((state: WorkflowBaseState) => WorkflowBaseState | Partial<WorkflowBaseState>), replace?: boolean | undefined) => void;
+export declare const useGetState: () => () => WorkflowBaseState;
+export declare const useSelector: <U>(selector: (state: ExtractState<StoreApi<WorkflowBaseState>>) => U) => U;
+//# sourceMappingURL=state.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["state.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAC,WAAyB;AACnD,OAAO,EAAC,YAAY,EAAC,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,eAAO,MAAM,WAAW,yLAAkC,CAAC;AAE3D,eAAO,MAAM,WAAW,+BAAkC,CAAC;AAG3D,eAAO,MAAM,WAAW,wBAAyB,aAAa,SAAS,iBAAiB,CAAC,CAAC,KAAK,CAAC,MAE/F,CAAC"}

package/cjs/hooks/state.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSetState = exports.useSelector = exports.useGetState = void 0;
+var _base = require("@rxflow/base");
+const useSetState = exports.useSetState = _base.useSetState;
+const useGetState = exports.useGetState = _base.useGetState;
+const useSelector = selector => {
+  return (0, _base.useSelector)(selector);
+};
+exports.useSelector = useSelector;

package/cjs/hooks/useDeleteNode.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDeleteNode.d.ts","sourceRoot":"","sources":["useDeleteNode.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,aAAa,aAEM,MAAM,kBAQrC,CAAA"}

package/cjs/hooks/useDeleteNode.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDeleteNode = void 0;
+var _react = require("@xyflow/react");
+var _react2 = require("react");
+/**
+ * @author: yanxianliang
+ * @date: 2025-08-18 19:45
+ * @modified：2025/8/18 19:45 by yanxianliang
+ * @desc: 删除节点的 hook
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const useDeleteNode = () => {
+  const {
+    deleteElements,
+    getNode
+  } = (0, _react.useReactFlow)();
+  return (0, _react2.useCallback)(async id => {
+    const node = getNode(id);
+    if (node) {
+      await deleteElements({
+        nodes: [node]
+      });
+    }
+  }, []);
+};
+exports.useDeleteNode = useDeleteNode;

package/cjs/hooks/useEdgeIsHover.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEdgeIsHover.d.ts","sourceRoot":"","sources":["useEdgeIsHover.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,cAAc,OAAQ,MAAM,YAExC,CAAA"}

package/cjs/hooks/useEdgeIsHover.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useEdgeIsHover = void 0;
+var _state = require("./state");
+/**
+ * @author: yanxianliang
+ * @date: 2025-08-15 22:06
+ * @modified：2025/8/15 22:06 by yanxianliang
+ * @desc: Edge Hover State
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const useEdgeIsHover = id => {
+  return (0, _state.useSelector)(state => state.hoveredEdge === id);
+};
+exports.useEdgeIsHover = useEdgeIsHover;

package/cjs/hooks/useGetSelection.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @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.
+ */
+export declare const useGetSelection: () => () => {
+    selectedNodes: string[] | undefined;
+    selectedEdges: string[] | undefined;
+};
+//# sourceMappingURL=useGetSelection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useGetSelection.d.ts","sourceRoot":"","sources":["useGetSelection.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH,eAAO,MAAM,eAAe;;;CAS3B,CAAA"}