@rxflow/workflow 0.0.1-alpha.0

package/cjs/hooks/useSetWillDropTargets.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSetWillDropTargets = void 0;
+var _react = require("react");
+var _state = require("./state");
+/**
+ * @author: yanxianliang
+ * @date: 2025-08-13 16:16
+ * @modified：2025/8/13 16:16 by yanxianliang
+ * @desc: 更新释放目标
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const useSetWillDropTargets = () => {
+  const setState = (0, _state.useSetState)();
+  return (0, _react.useCallback)(targetIds => {
+    setState({
+      dropTargetIds: targetIds
+    });
+  }, []);
+};
+exports.useSetWillDropTargets = useSetWillDropTargets;

package/cjs/hooks/useUpstream.d.ts

@@ -0,0 +1,3 @@
+import { Edge, Node } from "@xyflow/react";
+export declare const useUpstreams: <NodeType extends Node = Node, EdgeType extends Edge = Edge>(id: string, allowParentFlow?: boolean) => string[];
+//# sourceMappingURL=useUpstream.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useUpstream.d.ts","sourceRoot":"","sources":["useUpstream.ts"],"names":[],"mappings":"AAQA,OAAO,EAAC,IAAI,EAAc,IAAI,EAAe,MAAM,eAAe,CAAC;AAanE,eAAO,MAAM,YAAY,mEAInB,MAAM,wCA8EX,CAAA"}

package/cjs/hooks/useUpstream.js

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useUpstreams = void 0;
+var _react = require("react");
+var _react2 = require("@xyflow/react");
+var _ahooks = require("ahooks");
+var _scheduler = require("scheduler");
+var _arrayUtils = require("../utils/arrayUtils");
+var _base = require("@rxflow/base");
+/**
+ * @author: yanxianliang
+ * @date: 2025-08-23 00:56
+ * @desc: 获取上游
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const defaultUpstreams = [];
+const useUpstreams = (id, allowParentFlow = true) => {
+  const [upstreams, setUpstreams] = (0, _react.useState)(defaultUpstreams);
+  const {
+    getNodeConnections,
+    getNode
+  } = (0, _react2.useReactFlow)();
+
+  // 防抖
+  const {
+    run
+  } = (0, _ahooks.useDebounceFn)(() => {
+    const upstreams = [];
+    const upstreamIdSet = new Set(id);
+    const getUpstream = 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) {
+          upstreams.push(source);
+          upstreamIdSet.add(source);
+          getUpstream(source);
+        }
+      });
+      const node = getNode(nodeId);
+      if (node?.parentId) {
+        const parentNode = getNode(node.parentId);
+        if (parentNode) {
+          upstreamIdSet.add(parentNode.id);
+          if (allowParentFlow) {
+            getUpstream(parentNode.id);
+          }
+        }
+      }
+    };
+    getUpstream(id);
+    setUpstreams(beforeUpstreams => {
+      if ((0, _arrayUtils.stringArrayIsEqual)(beforeUpstreams, upstreams)) {
+        return beforeUpstreams;
+      }
+      return upstreams;
+    });
+  }, {
+    wait: 500
+  });
+  const doAnalysis = (0, _react.useCallback)(() => {
+    const task = () => {
+      if ((0, _scheduler.unstable_shouldYield)()) {
+        // 检查当前帧是否有剩余时间
+        return task; // 无时间则中断，等待下次调度
+      }
+      run();
+    };
+    // 闲置时执行
+    (0, _scheduler.unstable_scheduleCallback)(_scheduler.unstable_IdlePriority, task); // 最低优先级执行
+  }, []);
+  const onEdgesChange = (0, _ahooks.useMemoizedFn)(changes => {
+    if (!id) {
+      return;
+    }
+    // edges change
+    const watchChanges = changes.find(change => {
+      const {
+        type
+      } = change;
+      return type === 'add' || type === 'remove' || type === 'replace';
+    });
+    if (watchChanges) {
+      // 边更新了，检测上游
+      doAnalysis();
+    }
+  });
+  (0, _base.useOnEdgesChange)(onEdgesChange);
+  (0, _react.useEffect)(() => {
+    doAnalysis(); // 直接触发一次
+  }, []);
+  return upstreams;
+};
+exports.useUpstreams = useUpstreams;

package/cjs/hooks/useWatchSelectionNodes.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useWatchSelectionNodes.d.ts","sourceRoot":"","sources":["useWatchSelectionNodes.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,sBAAsB,4BAIlC,CAAA"}

package/cjs/hooks/useWatchSelectionNodes.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useWatchSelectionNodes = void 0;
+var _state = require("./state");
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-26 08:11
+ * @modified：2025/7/26 08:11 by yanxianliang
+ * @desc: 监听选中节点
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const useWatchSelectionNodes = () => {
+  return (0, _state.useSelector)(state => {
+    return state.selectedNodes;
+  });
+};
+exports.useWatchSelectionNodes = useWatchSelectionNodes;

package/cjs/hooks/useWorkFlow.d.ts

@@ -0,0 +1,12 @@
+import { Connection, type Edge, type Node, ReactFlowInstance } from "@xyflow/react";
+/**
+ * useWorkFlow 必须在 StoreProvider 下面使用
+ */
+export declare const useWorkFlow: <NodeType extends Node = Node, EdgeType extends Edge = Edge>() => import("@xyflow/react").GeneralHelpers<NodeType, EdgeType> & import("@xyflow/react").ViewportHelperFunctions & {
+    viewportInitialized: boolean;
+} & {
+    connect: (connection: Connection) => void;
+    getChildren: (nodeId?: string, allowSubFlow?: boolean) => NodeType[];
+    getParents: (nodeId?: string) => NodeType[];
+};
+//# sourceMappingURL=useWorkFlow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useWorkFlow.d.ts","sourceRoot":"","sources":["useWorkFlow.ts"],"names":[],"mappings":"AAQA,OAAO,EACL,UAAU,EACV,KAAK,IAAI,EACT,KAAK,IAAI,EACT,iBAAiB,EAGlB,MAAM,eAAe,CAAC;AAIvB;;GAEG;AACH,eAAO,MAAM,WAAW;;;0BAIA,UAAU,KAAK,IAAI;2BAClB,MAAM,iBAAiB,OAAO,KAAK,QAAQ,EAAE;0BAC9C,MAAM,KAAK,QAAQ,EAAE;CA2F5C,CAAA"}

package/cjs/hooks/useWorkFlow.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useWorkFlow = void 0;
+var _base = require("@rxflow/base");
+var _react = require("@xyflow/react");
+var _react2 = require("react");
+/**
+ * @author: yanxianliang
+ * @date: 2025-08-22 20:22
+ * @desc: 工作流实例
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+/**
+ * useWorkFlow 必须在 StoreProvider 下面使用
+ */
+const useWorkFlow = () => {
+  const reactFlow = (0, _react.useReactFlow)();
+  const storeContext = (0, _react2.useContext)(_base.FlowContext);
+  const getProps = (0, _base.useGetProps)();
+  if (!storeContext) {
+    throw new Error("useWorkFlow must be used within FlowProvider");
+  }
+  const store = (0, _react.useStoreApi)();
+  const workflowHelper = (0, _react2.useMemo)(() => {
+    const copyNodes = () => {};
+    const exportTpYaml = () => {};
+
+    /**
+     * 主动执行 connect，并触发整个生命周期
+     * @param connection
+     */
+    const connect = connection => {
+      const onConnect = getProps(state => state.onConnect);
+      onConnect?.(connection); // 直接回调内置的onConnect 逻辑
+    };
+    const getChildren = (nodeId, allowSubFlow = true) => {
+      if (!nodeId) {
+        return [];
+      }
+      const parentLookup = store.getState().parentLookup;
+      const children = []; // 子节点列表
+      function getChildren(nodeId) {
+        const childrenLookUp = parentLookup.get(nodeId);
+        if (childrenLookUp) {
+          childrenLookUp.forEach(child => {
+            children.push(child.internals.userNode);
+            if (allowSubFlow) {
+              getChildren(child.id);
+            }
+          });
+        }
+      }
+      getChildren(nodeId);
+      return children;
+    };
+    const getParents = nodeId => {
+      if (!nodeId) {
+        return [];
+      }
+      const parents = []; // 父节点
+
+      function getParents(node) {
+        if (node && node.parentId) {
+          const parentNode = reactFlow.getNode(node.parentId);
+          if (parentNode) {
+            parents.push(parentNode);
+            getParents(parentNode);
+          }
+        }
+      }
+      getParents(reactFlow.getNode(nodeId));
+      return parents;
+    };
+    return {
+      copyNodes,
+      connect,
+      getChildren,
+      getParents
+    };
+  }, []);
+  return (0, _react2.useMemo)(() => {
+    return {
+      ...reactFlow,
+      ...workflowHelper
+    };
+  }, [reactFlow]);
+};
+exports.useWorkFlow = useWorkFlow;