@rxflow/workflow 0.0.1-alpha.0

package/esm/hooks/useGetSelection.js

@@ -0,0 +1,21 @@
+/**
+ * @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.
+ */
+
+import { useCallback } from "react";
+import { useGetState } from "./state";
+export var useGetSelection = function useGetSelection() {
+  var getState = useGetState();
+  return useCallback(function () {
+    var state = getState();
+    return {
+      selectedNodes: state.selectedNodes,
+      selectedEdges: state.selectedEdges
+    };
+  }, []);
+};

package/esm/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/esm/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/esm/hooks/useGetUpstreamNodes.js

@@ -0,0 +1,71 @@
+/**
+ * @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 { useReactFlow } from "@xyflow/react";
+import { useCallback } from "react";
+export var useGetUpstreamNodes = function useGetUpstreamNodes() {
+  var _useReactFlow = useReactFlow(),
+    getNodeConnections = _useReactFlow.getNodeConnections,
+    getNode = _useReactFlow.getNode;
+  /**
+   * 获取对应节点的上游节点和父节点
+   */
+  return useCallback(function (nodeId) {
+    var allowParentFlow = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    if (!nodeId) {
+      return {
+        upstreams: [],
+        parents: []
+      };
+    }
+    /**
+     * 上游节点计算规则
+     * 1. 通过 connections 进行判断，自动查找 target = 下游节点，且 source 不在列表中的节点。
+     * 2. 支持环型检测，防止出现死循环
+     */
+
+    var upstreams = [];
+    var parents = []; // 父节点
+    var upstreamIdSet = new Set(nodeId); // 禁止循环搭配节点自己
+
+    var parentIdSet = new Set();
+    function getUpstreams(nodeId) {
+      var connections = getNodeConnections({
+        nodeId: nodeId
+      }); // 当前节点所有的链接线
+      connections.forEach(function (connection) {
+        var source = connection.source,
+          target = connection.target;
+        var targetNode = getNode(target);
+        if (!upstreamIdSet.has(source) && target === nodeId && source !== (targetNode === null || targetNode === void 0 ? void 0 : targetNode.parentId)) {
+          var _node = getNode(source);
+          _node && upstreams.push(_node);
+          upstreamIdSet.add(source);
+          getUpstreams(source);
+        }
+      });
+      var node = getNode(nodeId);
+      if (node !== null && node !== void 0 && node.parentId) {
+        var 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: upstreams,
+      parents: parents
+    };
+  }, []);
+};

package/esm/hooks/useGetWillDropTarget.d.ts

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

package/esm/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/esm/hooks/useGetWillDropTarget.js

@@ -0,0 +1,21 @@
+/**
+ * @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.
+ */
+import { useCallback } from 'react';
+import { useGetState } from "./state";
+
+/**
+ * 返回第一个 dropTarget 作为目标
+ */
+export var useGetWillDropTarget = function useGetWillDropTarget() {
+  var getState = useGetState();
+  return useCallback(function () {
+    var _getState$dropTargetI;
+    return (_getState$dropTargetI = getState().dropTargetIds) === null || _getState$dropTargetI === void 0 ? void 0 : _getState$dropTargetI[0];
+  }, []);
+};

package/esm/hooks/useGroupIsWillDrop.d.ts

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

package/esm/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/esm/hooks/useGroupIsWillDrop.js

@@ -0,0 +1,14 @@
+/**
+ * @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.
+ */
+import { useSelector } from "./state";
+export var useGroupIsWillDrop = function useGroupIsWillDrop(id) {
+  return useSelector(function (state) {
+    return new Set(state.dropTargetIds).has(id);
+  });
+};

package/esm/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/esm/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/esm/hooks/useIsValidConnection.js

@@ -0,0 +1,82 @@
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+/**
+ * @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 { getOutgoers, useReactFlow, useStoreApi } from "@xyflow/react";
+import { useMemoizedFn } from "ahooks";
+export var useIsValidConnection = function useIsValidConnection(props) {
+  var _useReactFlow = useReactFlow(),
+    getNodes = _useReactFlow.getNodes,
+    getEdges = _useReactFlow.getEdges,
+    getNode = _useReactFlow.getNode;
+  var _useStoreApi = useStoreApi(),
+    getState = _useStoreApi.getState;
+  return useMemoizedFn(function (connection) {
+    var connectionLimit = props.connectionLimit,
+      isValidConnection = props.isValidConnection;
+    var target = getNode(connection.target);
+    var nodes = getNodes();
+    var edges = getEdges();
+    if (connectionLimit) {
+      var preventCycle = connectionLimit.preventCycle,
+        preventCrossSubFlow = connectionLimit.preventCrossSubFlow;
+      if (preventCycle) {
+        if (connection.target === connection.source) return false; // 禁止自己连自己
+
+        var hasCycle = function hasCycle(node) {
+          var visited = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : new Set();
+          if (visited.has(node.id)) return false;
+          visited.add(node.id);
+          var _iterator = _createForOfIteratorHelper(getOutgoers(node, nodes, edges)),
+            _step;
+          try {
+            for (_iterator.s(); !(_step = _iterator.n()).done;) {
+              var outgoer = _step.value;
+              if (outgoer.id === connection.source) return true;
+              if (hasCycle(outgoer, visited)) return true;
+            }
+          } catch (err) {
+            _iterator.e(err);
+          } finally {
+            _iterator.f();
+          }
+        };
+        if (target && hasCycle(target)) return false;
+      }
+      if (preventCrossSubFlow) {
+        var _sourceNode = getNode(connection.source);
+        var _targetNode = getNode(connection.target);
+        if (_sourceNode && _targetNode && _sourceNode.parentId !== _targetNode.parentId && !(!_sourceNode.parentId && !_targetNode.parentId)) {
+          return false;
+        }
+      }
+    }
+    var _getState = getState(),
+      connectionLookup = _getState.connectionLookup; // 检测是否已经存在
+
+    var sourceConnectionMap = connectionLookup.get(connection.source);
+    var sourceNode = connection.source,
+      targetNode = connection.target,
+      _connection$sourceHan = connection.sourceHandle,
+      sourceHandle = _connection$sourceHan === void 0 ? null : _connection$sourceHan,
+      _connection$targetHan = connection.targetHandle,
+      targetHandle = _connection$targetHan === void 0 ? null : _connection$targetHan;
+    var targetKey = "".concat(targetNode, "-").concat(targetHandle, "--").concat(sourceNode, "-").concat(sourceHandle);
+    if (sourceConnectionMap && sourceConnectionMap.has(targetKey)) {
+      // 已经存在同样的边，不允许再次连接
+      return false;
+    }
+    if (isValidConnection) {
+      return isValidConnection(connection);
+    }
+    return true;
+  });
+};

package/esm/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/esm/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/esm/hooks/useMouseEvents.js

@@ -0,0 +1,40 @@
+/**
+ * @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 { useCallback } from "react";
+var mousePosition = null;
+export var useMouseEvents = function useMouseEvents(_onMouseEnter, _onMouseLeave, _onMouseMove) {
+  var onMouseEnter = useCallback(function (e) {
+    mousePosition = {
+      clientX: e.clientX,
+      clientY: e.clientY
+    };
+    _onMouseEnter === null || _onMouseEnter === void 0 || _onMouseEnter(e);
+  }, []);
+  var onMouseLeave = useCallback(function (e) {
+    mousePosition = null;
+    _onMouseLeave === null || _onMouseLeave === void 0 || _onMouseLeave(e);
+  }, []);
+  var onMouseMove = useCallback(function (e) {
+    mousePosition = {
+      clientX: e.clientX,
+      clientY: e.clientY
+    };
+    _onMouseMove === null || _onMouseMove === void 0 || _onMouseMove(e);
+  }, []);
+  return {
+    onMouseMove: onMouseMove,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave
+  };
+};
+export var useGetMousePosition = function useGetMousePosition() {
+  return useCallback(function () {
+    return mousePosition;
+  }, []);
+};

package/esm/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/esm/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"}