@rxflow/workflow 0.0.2 → 0.0.4-alpha.0

package/cjs/components/Handle/NodePopover.js

@@ -49,7 +49,7 @@ const NodePopover = ({
   } = (0, _useWorkFlow.useWorkFlow)();
   const {
     nodeTypes: nodeTypeList = []
-  } = (0, _base.usePropsSelector)();
+  } = (0, _base.useFlowProps)();
   const [filter, setFilter] = (0, _react2.useState)('');
   const nodeTypeMap = (0, _base.useNodeTypeMap)();
   const {

package/cjs/components/Handle/index.js

@@ -37,7 +37,7 @@ const Handle = props => {
   const {
     quickAdd,
     onNodeTypeDrop
-  } = (0, _base.usePropsSelector)(props => ({
+  } = (0, _base.useFlowProps)(props => ({
     quickAdd: !!props.quickAdd,
     onNodeTypeDrop: props.onNodeTypeDrop
   }));

package/cjs/hooks/index.d.ts

@@ -1,7 +1,7 @@
 /**
  * @author: yanxianliang
  * @date: 2025-11-23 18:48
- * @modified：2025/11/23 18:48 by yanxianliang
+ * @modified：2025/1/17 by yanxianliang
  * @desc: export all hooks
  *
  * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
@@ -20,6 +20,7 @@ export * from './useUpstreams';
 export * from './useWatchSelectionNodes';
 export * from './useWorkFlow';
 export * from './useWorkFlowProps';
+export * from './useWorkflowPropsHooks';
 export * from './run/useActiveEdge';
 export * from './run/useCleanRunState';
 export * from './run/useNodeRunningState';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC"}

package/cjs/hooks/index.js

@@ -157,6 +157,17 @@ Object.keys(_useWorkFlowProps).forEach(function (key) {
     }
   });
 });
+var _useWorkflowPropsHooks = require("./useWorkflowPropsHooks");
+Object.keys(_useWorkflowPropsHooks).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useWorkflowPropsHooks[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useWorkflowPropsHooks[key];
+    }
+  });
+});
 var _useActiveEdge = require("./run/useActiveEdge");
 Object.keys(_useActiveEdge).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/cjs/hooks/useWorkFlow.js

@@ -21,7 +21,7 @@ var _react2 = require("react");
 const useWorkFlow = () => {
   const reactFlow = (0, _react.useReactFlow)();
   const storeContext = (0, _react2.useContext)(_base.FlowContext);
-  const getProps = (0, _base.useGetProps)();
+  const getFlowProps = (0, _base.useGetFlowProps)();
   if (!storeContext) {
     throw new Error("useWorkFlow must be used within FlowProvider");
   }
@@ -35,7 +35,7 @@ const useWorkFlow = () => {
      * @param connection
      */
     const connect = connection => {
-      const onConnect = getProps(state => state.onConnect);
+      const onConnect = getFlowProps(state => state.onConnect);
       onConnect?.(connection); // 直接回调内置的onConnect 逻辑
     };
     const getChildren = (nodeId, allowSubFlow = true) => {

package/cjs/hooks/useWorkFlowProps.d.ts

@@ -9,11 +9,10 @@
  * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
  */
 import { LayoutFunction } from "@rxflow/base";
-import { IWorkflowProps, WorkflowNode } from "..";
+import { IWorkflowProps, WorkflowNode } from "../types";
 import { Edge } from "@xyflow/react";
 export declare const useWorkFlowProps: <NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge>(props: IWorkflowProps<NodeType, EdgeType>) => {
     selectNodesOnDrag: boolean;
-    omitProps: string[];
     nodesDraggable: boolean;
     nodesConnectable: boolean;
     deleteKeyCode: import("@xyflow/react").KeyCode | null;
@@ -464,7 +463,7 @@ export declare const useWorkFlowProps: <NodeType extends WorkflowNode = Workflow
     forceFitView?: boolean | undefined;
     loading?: boolean | undefined;
     quickAdd?: boolean | undefined;
-    renderNodeIcon?: ((nodeDefinition: import("..").WorkFlowNodeDefinition<NodeType["data"]>) => import("react").ReactNode) | undefined;
+    renderNodeIcon?: ((nodeDefinition: import("../types").WorkFlowNodeDefinition<NodeType["data"]>) => import("react").ReactNode) | undefined;
     sider?: {
         loading?: boolean | undefined;
     } | undefined;
@@ -479,7 +478,7 @@ export declare const useWorkFlowProps: <NodeType extends WorkflowNode = Workflow
         connectTargetHandle: string;
     } | undefined>) | undefined;
     controlsPosition: import("@xyflow/react").PanelPosition;
-    nodeTypes: import("..").WorkFlowNodeDefinition<NodeType["data"]>[] | undefined;
+    nodeTypes: import("../types").WorkFlowNodeDefinition<NodeType["data"]>[] | undefined;
     fitView: boolean;
 };
 //# sourceMappingURL=useWorkFlowProps.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useWorkFlowProps.d.ts","sourceRoot":"","sources":["useWorkFlowProps.ts"],"names":[],"mappings":";;AAAA;;;;;;;GAOG;AACH,OAAO,EAAC,cAAc,EAAoC,MAAM,cAAc,CAAC;AAC/E,OAAO,EAAC,cAAc,EAAE,YAAY,EAAE,WAAyB;AAC/D,OAAO,EAAC,IAAI,EAAC,MAAM,eAAe,CAAC;AAiBnC,eAAO,MAAM,gBAAgB,sFAGpB,eAAe,QAAQ,EAAE,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgF1C,CAAA"}
+{"version":3,"file":"useWorkFlowProps.d.ts","sourceRoot":"","sources":["useWorkFlowProps.ts"],"names":[],"mappings":";;AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,cAAc,EAAqC,MAAM,cAAc,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAerC,eAAO,MAAM,gBAAgB,sFAGpB,eAAe,QAAQ,EAAE,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6E1C,CAAC"}

package/cjs/hooks/useWorkFlowProps.js

@@ -25,7 +25,6 @@ var _useOnSelectionChange = require("./useOnSelectionChange");
  * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
  */
 
-const omitProps = ['height', 'sider', 'loading', 'connectionLimit', 'onNodeTypeDrop', 'renderNodeIcon', 'quickAdd'];
 const defaultDeleteKeyCode = ["Delete", "Backspace"];
 const useWorkFlowProps = props => {
   const {
@@ -72,7 +71,6 @@ const useWorkFlowProps = props => {
     fitView: fitView,
     ...others,
     selectNodesOnDrag,
-    omitProps: omitProps,
     nodesDraggable: nodesDraggable,
     nodesConnectable: nodesConnectable,
     deleteKeyCode: deleteKeyCode,

package/cjs/hooks/useWorkflowPropsHooks.d.ts

@@ -0,0 +1,82 @@
+/// <reference types="react" />
+/**
+ * @author: yanxianliang
+ * @date: 2025-01-17
+ * @desc: Workflow Props hooks - 类型化的 props 访问
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { IBaseFlowProps } from '@rxflow/base';
+import { IWorkflowProps, WorkflowExtendProps, WorkflowNode } from '../types';
+import { Edge } from '@xyflow/react';
+type WorkflowFullFlowProps<NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge> = IBaseFlowProps<NodeType, EdgeType> & WorkflowExtendProps<NodeType>;
+/**
+ * 获取原始输入 props
+ *
+ * @example
+ * const inputProps = useWorkflowInputProps();
+ * const nodeTypes = useWorkflowInputProps(state => state.nodeTypes);
+ */
+export declare function useWorkflowInputProps<NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge>(): IWorkflowProps<NodeType, EdgeType>;
+export declare function useWorkflowInputProps<NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge, U = unknown>(selector: (state: IWorkflowProps<NodeType, EdgeType>) => U): U;
+/**
+ * 获取转换后的 Flow props
+ *
+ * @example
+ * const flowProps = useWorkflowFlowProps();
+ * const nodes = useWorkflowFlowProps(state => state.nodes);
+ */
+export declare function useWorkflowFlowProps<NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge>(): WorkflowFullFlowProps<NodeType, EdgeType>;
+export declare function useWorkflowFlowProps<NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge, U = unknown>(selector: (state: WorkflowFullFlowProps<NodeType, EdgeType>) => U): U;
+/**
+ * 获取原始输入 props 的 getter（非响应式）
+ */
+export declare const useGetWorkflowInputProps: <NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge>() => {
+    (): IWorkflowProps<NodeType, EdgeType>;
+    <U>(selector: (state: IWorkflowProps<NodeType, EdgeType>) => U): U;
+};
+/**
+ * 获取转换后 Flow props 的 getter（非响应式）
+ */
+export declare const useGetWorkflowFlowProps: <NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge>() => {
+    (): WorkflowFullFlowProps<NodeType, EdgeType>;
+    <U>(selector: (state: WorkflowFullFlowProps<NodeType, EdgeType>) => U): U;
+};
+/**
+ * 获取连接限制配置
+ */
+export declare const useConnectionLimit: () => {
+    preventCycle?: boolean | undefined;
+    preventConcurrency?: boolean | undefined;
+    preventCrossSubFlow?: boolean | undefined;
+} | undefined;
+/**
+ * 获取是否启用快速添加
+ */
+export declare const useQuickAdd: () => boolean | undefined;
+/**
+ * 获取节点类型拖放回调
+ */
+export declare const useOnNodeTypeDrop: () => ((parentFlow: import("@xyflow/react").InternalNode<WorkflowNode> | undefined, positionInParent: import("@xyflow/react").XYPosition, nodeType: string) => Promise<{
+    id: string;
+    connectSourceHandle: string;
+    connectTargetHandle: string;
+} | undefined>) | undefined;
+/**
+ * 获取渲染节点图标函数
+ */
+export declare const useRenderNodeIcon: () => ((nodeDefinition: import("../types").WorkFlowNodeDefinition<Record<string, unknown>>) => import("react").ReactNode) | undefined;
+/**
+ * 获取选择策略
+ */
+export declare const useSelectionStrategy: () => import("@rxflow/base").SelectionStrategy | undefined;
+/**
+ * 获取是否只读
+ */
+export declare const useWorkflowReadOnly: () => boolean | undefined;
+/**
+ * 获取加载状态
+ */
+export declare const useWorkflowLoading: () => boolean | undefined;
+export {};
+//# sourceMappingURL=useWorkflowPropsHooks.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useWorkflowPropsHooks.d.ts","sourceRoot":"","sources":["useWorkflowPropsHooks.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;AACH,OAAO,EAAkE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9G,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7E,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,KAAK,qBAAqB,CACxB,QAAQ,SAAS,YAAY,GAAG,YAAY,EAC5C,QAAQ,SAAS,IAAI,GAAG,IAAI,IAC1B,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;AAEvE;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CACnC,QAAQ,SAAS,YAAY,GAAG,YAAY,EAC5C,QAAQ,SAAS,IAAI,GAAG,IAAI,KACzB,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;AACxC,wBAAgB,qBAAqB,CACnC,QAAQ,SAAS,YAAY,GAAG,YAAY,EAC5C,QAAQ,SAAS,IAAI,GAAG,IAAI,EAC5B,CAAC,GAAG,OAAO,EACX,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AASjE;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAClC,QAAQ,SAAS,YAAY,GAAG,YAAY,EAC5C,QAAQ,SAAS,IAAI,GAAG,IAAI,KACzB,qBAAqB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAC/C,wBAAgB,oBAAoB,CAClC,QAAQ,SAAS,YAAY,GAAG,YAAY,EAC5C,QAAQ,SAAS,IAAI,GAAG,IAAI,EAC5B,CAAC,GAAG,OAAO,EACX,QAAQ,EAAE,CAAC,KAAK,EAAE,qBAAqB,CAAC,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AASxE;;GAEG;AACH,eAAO,MAAM,wBAAwB;;;CAKpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB;;;CAKnC,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;aAA8D,CAAC;AAE9F;;GAEG;AACH,eAAO,MAAM,WAAW,2BAAuD,CAAC;AAEhF;;GAEG;AACH,eAAO,MAAM,iBAAiB;;;;2BAA6D,CAAC;AAE5F;;GAEG;AACH,eAAO,MAAM,iBAAiB,uIAA6D,CAAC;AAE5F;;GAEG;AACH,eAAO,MAAM,oBAAoB,4DAAgE,CAAC;AAElG;;GAEG;AACH,eAAO,MAAM,mBAAmB,2BAAuD,CAAC;AAExF;;GAEG;AACH,eAAO,MAAM,kBAAkB,2BAAsD,CAAC"}

package/cjs/hooks/useWorkflowPropsHooks.js

@@ -0,0 +1,100 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSelectionStrategy = exports.useRenderNodeIcon = exports.useQuickAdd = exports.useOnNodeTypeDrop = exports.useGetWorkflowInputProps = exports.useGetWorkflowFlowProps = exports.useConnectionLimit = void 0;
+exports.useWorkflowFlowProps = useWorkflowFlowProps;
+exports.useWorkflowInputProps = useWorkflowInputProps;
+exports.useWorkflowReadOnly = exports.useWorkflowLoading = void 0;
+var _base = require("@rxflow/base");
+/**
+ * @author: yanxianliang
+ * @date: 2025-01-17
+ * @desc: Workflow Props hooks - 类型化的 props 访问
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+/**
+ * 获取原始输入 props
+ *
+ * @example
+ * const inputProps = useWorkflowInputProps();
+ * const nodeTypes = useWorkflowInputProps(state => state.nodeTypes);
+ */
+
+function useWorkflowInputProps(selector) {
+  return (0, _base.useInputProps)(selector);
+}
+
+/**
+ * 获取转换后的 Flow props
+ *
+ * @example
+ * const flowProps = useWorkflowFlowProps();
+ * const nodes = useWorkflowFlowProps(state => state.nodes);
+ */
+
+function useWorkflowFlowProps(selector) {
+  return (0, _base.useFlowProps)(selector);
+}
+
+/**
+ * 获取原始输入 props 的 getter（非响应式）
+ */
+const useGetWorkflowInputProps = () => {
+  return (0, _base.useGetInputProps)();
+};
+
+/**
+ * 获取转换后 Flow props 的 getter（非响应式）
+ */
+exports.useGetWorkflowInputProps = useGetWorkflowInputProps;
+const useGetWorkflowFlowProps = () => {
+  return (0, _base.useGetFlowProps)();
+};
+
+// 便捷 hooks
+/**
+ * 获取连接限制配置
+ */
+exports.useGetWorkflowFlowProps = useGetWorkflowFlowProps;
+const useConnectionLimit = () => useWorkflowInputProps(state => state.connectionLimit);
+
+/**
+ * 获取是否启用快速添加
+ */
+exports.useConnectionLimit = useConnectionLimit;
+const useQuickAdd = () => useWorkflowInputProps(state => state.quickAdd);
+
+/**
+ * 获取节点类型拖放回调
+ */
+exports.useQuickAdd = useQuickAdd;
+const useOnNodeTypeDrop = () => useWorkflowInputProps(state => state.onNodeTypeDrop);
+
+/**
+ * 获取渲染节点图标函数
+ */
+exports.useOnNodeTypeDrop = useOnNodeTypeDrop;
+const useRenderNodeIcon = () => useWorkflowInputProps(state => state.renderNodeIcon);
+
+/**
+ * 获取选择策略
+ */
+exports.useRenderNodeIcon = useRenderNodeIcon;
+const useSelectionStrategy = () => useWorkflowInputProps(state => state.selectionStrategy);
+
+/**
+ * 获取是否只读
+ */
+exports.useSelectionStrategy = useSelectionStrategy;
+const useWorkflowReadOnly = () => useWorkflowInputProps(state => state.readOnly);
+
+/**
+ * 获取加载状态
+ */
+exports.useWorkflowReadOnly = useWorkflowReadOnly;
+const useWorkflowLoading = () => useWorkflowInputProps(state => state.loading);
+exports.useWorkflowLoading = useWorkflowLoading;

package/cjs/index.d.ts

@@ -1,13 +1,11 @@
 /**
  * @author: yanxianliang
  * @date: 2025-06-27 09:32
+ * @modified：2025/1/17 by yanxianliang
  * @desc: 工作流组件
  *
  * 支持工作流编排能力，支持节点自定义
  *
- * 支持nodes 外部传递
- * 支持x6数据结构转换
- *
  * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
  */
 import '@xyflow/react/dist/style.css';

package/cjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,8BAA8B,CAAC;AAEtC,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,eAAe,CAAC;AAExC,OAAO,KAAa,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAC,cAAc,EAAsB,MAAM,SAAS,CAAC;8DAM+E,eAAe,QAAQ,CAAC,KAAK,MAAM,YAAY;AAA1L,wBAA2L;AAE3L,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,8BAA8B,CAAC;AAEtC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,KAAe,MAAM,OAAO,CAAC;AAGpC,OAAO,EAAE,cAAc,EAAuB,MAAM,SAAS,CAAC;8DAO6E,eAAe,QAAQ,CAAC,KAAK,MAAM,YAAY;AAA1L,wBAA2L;AAG3L,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAGxB,cAAc,2BAA2B,CAAC;AAG1C,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC"}

package/cjs/index.js

@@ -21,18 +21,7 @@ Object.keys(_components).forEach(function (key) {
     }
   });
 });
-var _hooks = require("./hooks");
-Object.keys(_hooks).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _hooks[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _hooks[key];
-    }
-  });
-});
+var _useWorkFlowProps = require("./hooks/useWorkFlowProps");
 var _types = require("./types");
 Object.keys(_types).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -69,19 +58,32 @@ Object.keys(_RunningStatus).forEach(function (key) {
     }
   });
 });
+var _hooks = require("./hooks");
+Object.keys(_hooks).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _hooks[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _hooks[key];
+    }
+  });
+});
 /**
  * @author: yanxianliang
  * @date: 2025-06-27 09:32
+ * @modified：2025/1/17 by yanxianliang
  * @desc: 工作流组件
  *
  * 支持工作流编排能力，支持节点自定义
  *
- * 支持nodes 外部传递
- * 支持x6数据结构转换
- *
  * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
  */
 
-// 怎么把 nodeType 和 EdgeType 传递进去
-const WorkFlow = (0, _base.createFlow)(_components.Layout, _hooks.useWorkFlowProps);
-var _default = exports.default = /*#__PURE__*/(0, _react.memo)(WorkFlow, (prevProps, nextProps) => (0, _lodash.isEqual)(prevProps, nextProps));
+const WorkFlow = (0, _base.createFlow)(_components.Layout, _useWorkFlowProps.useWorkFlowProps);
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(WorkFlow, (prevProps, nextProps) => (0, _lodash.isEqual)(prevProps, nextProps)); // 类型导出
+// 工具函数导出
+// 常量导出
+// 组件导出
+// Hooks 导出

package/esm/components/Handle/NodePopover.js

@@ -13,7 +13,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
  */
 
 import SearchOutlined from "@ant-design/icons/lib/icons/SearchOutlined";
-import { useNodeTypeMap, usePropsSelector } from '@rxflow/base';
+import { useNodeTypeMap, useFlowProps } from '@rxflow/base';
 import { useStoreApi } from "@xyflow/react";
 import { Input, List, Space } from 'antd';
 import groupBy from 'lodash/groupBy';
@@ -45,9 +45,9 @@ export var NodePopover = function NodePopover(_ref) {
     nodeId = _ref.nodeId;
   var _useWorkFlow = useWorkFlow(),
     getNode = _useWorkFlow.getNode;
-  var _usePropsSelector = usePropsSelector(),
-    _usePropsSelector$nod = _usePropsSelector.nodeTypes,
-    nodeTypeList = _usePropsSelector$nod === void 0 ? [] : _usePropsSelector$nod;
+  var _useFlowProps = useFlowProps(),
+    _useFlowProps$nodeTyp = _useFlowProps.nodeTypes,
+    nodeTypeList = _useFlowProps$nodeTyp === void 0 ? [] : _useFlowProps$nodeTyp;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     filter = _useState2[0],

package/esm/components/Handle/index.js

@@ -26,7 +26,7 @@ import PlusOutlined from '@ant-design/icons/PlusOutlined';
 import { getParentFlow } from "../..";
 import { Handle as InnerHandle, Position, useNodeConnections, useNodeId, useStoreApi } from '@xyflow/react';
 import { useMemoizedFn } from 'ahooks';
-import { Popover, Tooltip, getNodeWidth, usePropsSelector, useNodeTypeMap } from '@rxflow/base';
+import { Popover, Tooltip, getNodeWidth, useFlowProps, useNodeTypeMap } from '@rxflow/base';
 import cat from 'classcat';
 import { useState } from 'react';
 import "./index.less";
@@ -44,14 +44,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var Handle = function Handle(props) {
   var nodeId = useNodeId();
-  var _usePropsSelector = usePropsSelector(function (props) {
+  var _useFlowProps = useFlowProps(function (props) {
       return {
         quickAdd: !!props.quickAdd,
         onNodeTypeDrop: props.onNodeTypeDrop
       };
     }),
-    quickAdd = _usePropsSelector.quickAdd,
-    onNodeTypeDrop = _usePropsSelector.onNodeTypeDrop;
+    quickAdd = _useFlowProps.quickAdd,
+    onNodeTypeDrop = _useFlowProps.onNodeTypeDrop;
   var position = props.position,
     style = props.style,
     id = props.id,

package/esm/hooks/index.d.ts

@@ -1,7 +1,7 @@
 /**
  * @author: yanxianliang
  * @date: 2025-11-23 18:48
- * @modified：2025/11/23 18:48 by yanxianliang
+ * @modified：2025/1/17 by yanxianliang
  * @desc: export all hooks
  *
  * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
@@ -20,6 +20,7 @@ export * from './useUpstreams';
 export * from './useWatchSelectionNodes';
 export * from './useWorkFlow';
 export * from './useWorkFlowProps';
+export * from './useWorkflowPropsHooks';
 export * from './run/useActiveEdge';
 export * from './run/useCleanRunState';
 export * from './run/useNodeRunningState';

package/esm/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC"}

package/esm/hooks/index.js

@@ -1,7 +1,7 @@
 /**
  * @author: yanxianliang
  * @date: 2025-11-23 18:48
- * @modified：2025/11/23 18:48 by yanxianliang
+ * @modified：2025/1/17 by yanxianliang
  * @desc: export all hooks
  *
  * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
@@ -20,6 +20,7 @@ export * from "./useUpstreams";
 export * from "./useWatchSelectionNodes";
 export * from "./useWorkFlow";
 export * from "./useWorkFlowProps";
+export * from "./useWorkflowPropsHooks";
 export * from "./run/useActiveEdge";
 export * from "./run/useCleanRunState";
 export * from "./run/useNodeRunningState";

package/esm/hooks/useWorkFlow.js

@@ -11,7 +11,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
  *
  * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
  */
-import { useGetProps, FlowContext } from "@rxflow/base";
+import { useGetFlowProps, FlowContext } from "@rxflow/base";
 import { useReactFlow, useStoreApi } from "@xyflow/react";
 import { useContext, useMemo } from "react";
 
@@ -21,7 +21,7 @@ import { useContext, useMemo } from "react";
 export var useWorkFlow = function useWorkFlow() {
   var reactFlow = useReactFlow();
   var storeContext = useContext(FlowContext);
-  var getProps = useGetProps();
+  var getFlowProps = useGetFlowProps();
   if (!storeContext) {
     throw new Error("useWorkFlow must be used within FlowProvider");
   }
@@ -35,7 +35,7 @@ export var useWorkFlow = function useWorkFlow() {
      * @param connection
      */
     var connect = function connect(connection) {
-      var onConnect = getProps(function (state) {
+      var onConnect = getFlowProps(function (state) {
         return state.onConnect;
       });
       onConnect === null || onConnect === void 0 || onConnect(connection); // 直接回调内置的onConnect 逻辑

package/esm/hooks/useWorkFlowProps.d.ts

@@ -9,11 +9,10 @@
  * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
  */
 import { LayoutFunction } from "@rxflow/base";
-import { IWorkflowProps, WorkflowNode } from "..";
+import { IWorkflowProps, WorkflowNode } from "../types";
 import { Edge } from "@xyflow/react";
 export declare const useWorkFlowProps: <NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge>(props: IWorkflowProps<NodeType, EdgeType>) => {
     selectNodesOnDrag: boolean;
-    omitProps: string[];
     nodesDraggable: boolean;
     nodesConnectable: boolean;
     deleteKeyCode: import("@xyflow/react").KeyCode | null;
@@ -464,7 +463,7 @@ export declare const useWorkFlowProps: <NodeType extends WorkflowNode = Workflow
     forceFitView?: boolean | undefined;
     loading?: boolean | undefined;
     quickAdd?: boolean | undefined;
-    renderNodeIcon?: ((nodeDefinition: import("..").WorkFlowNodeDefinition<NodeType["data"]>) => import("react").ReactNode) | undefined;
+    renderNodeIcon?: ((nodeDefinition: import("../types").WorkFlowNodeDefinition<NodeType["data"]>) => import("react").ReactNode) | undefined;
     sider?: {
         loading?: boolean | undefined;
     } | undefined;
@@ -479,7 +478,7 @@ export declare const useWorkFlowProps: <NodeType extends WorkflowNode = Workflow
         connectTargetHandle: string;
     } | undefined>) | undefined;
     controlsPosition: import("@xyflow/react").PanelPosition;
-    nodeTypes: import("..").WorkFlowNodeDefinition<NodeType["data"]>[] | undefined;
+    nodeTypes: import("../types").WorkFlowNodeDefinition<NodeType["data"]>[] | undefined;
     fitView: boolean;
 };
 //# sourceMappingURL=useWorkFlowProps.d.ts.map

package/esm/hooks/useWorkFlowProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useWorkFlowProps.d.ts","sourceRoot":"","sources":["useWorkFlowProps.ts"],"names":[],"mappings":";;AAAA;;;;;;;GAOG;AACH,OAAO,EAAC,cAAc,EAAoC,MAAM,cAAc,CAAC;AAC/E,OAAO,EAAC,cAAc,EAAE,YAAY,EAAE,WAAyB;AAC/D,OAAO,EAAC,IAAI,EAAC,MAAM,eAAe,CAAC;AAiBnC,eAAO,MAAM,gBAAgB,sFAGpB,eAAe,QAAQ,EAAE,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgF1C,CAAA"}
+{"version":3,"file":"useWorkFlowProps.d.ts","sourceRoot":"","sources":["useWorkFlowProps.ts"],"names":[],"mappings":";;AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,cAAc,EAAqC,MAAM,cAAc,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAerC,eAAO,MAAM,gBAAgB,sFAGpB,eAAe,QAAQ,EAAE,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6E1C,CAAC"}

package/esm/hooks/useWorkFlowProps.js

@@ -27,7 +27,6 @@ import { useOnEdgeMouseEnter } from "./useOnEdgeMouseEnter";
 import { useOnEdgeMouseLeave } from "./useOnEdgeMouseLeave";
 import { useOnNodesChange } from "./useOnNodesChange";
 import { useOnSelectionChange } from "./useOnSelectionChange";
-var omitProps = ['height', 'sider', 'loading', 'connectionLimit', 'onNodeTypeDrop', 'renderNodeIcon', 'quickAdd'];
 var defaultDeleteKeyCode = ["Delete", "Backspace"];
 export var useWorkFlowProps = function useWorkFlowProps(props) {
   var _props$deleteKeyCode = props.deleteKeyCode,
@@ -77,7 +76,6 @@ export var useWorkFlowProps = function useWorkFlowProps(props) {
     fitView: fitView
   }, others), {}, {
     selectNodesOnDrag: selectNodesOnDrag,
-    omitProps: omitProps,
     nodesDraggable: nodesDraggable,
     nodesConnectable: nodesConnectable,
     deleteKeyCode: deleteKeyCode,

package/esm/hooks/useWorkflowPropsHooks.d.ts

@@ -0,0 +1,82 @@
+/// <reference types="react" />
+/**
+ * @author: yanxianliang
+ * @date: 2025-01-17
+ * @desc: Workflow Props hooks - 类型化的 props 访问
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { IBaseFlowProps } from '@rxflow/base';
+import { IWorkflowProps, WorkflowExtendProps, WorkflowNode } from '../types';
+import { Edge } from '@xyflow/react';
+type WorkflowFullFlowProps<NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge> = IBaseFlowProps<NodeType, EdgeType> & WorkflowExtendProps<NodeType>;
+/**
+ * 获取原始输入 props
+ *
+ * @example
+ * const inputProps = useWorkflowInputProps();
+ * const nodeTypes = useWorkflowInputProps(state => state.nodeTypes);
+ */
+export declare function useWorkflowInputProps<NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge>(): IWorkflowProps<NodeType, EdgeType>;
+export declare function useWorkflowInputProps<NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge, U = unknown>(selector: (state: IWorkflowProps<NodeType, EdgeType>) => U): U;
+/**
+ * 获取转换后的 Flow props
+ *
+ * @example
+ * const flowProps = useWorkflowFlowProps();
+ * const nodes = useWorkflowFlowProps(state => state.nodes);
+ */
+export declare function useWorkflowFlowProps<NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge>(): WorkflowFullFlowProps<NodeType, EdgeType>;
+export declare function useWorkflowFlowProps<NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge, U = unknown>(selector: (state: WorkflowFullFlowProps<NodeType, EdgeType>) => U): U;
+/**
+ * 获取原始输入 props 的 getter（非响应式）
+ */
+export declare const useGetWorkflowInputProps: <NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge>() => {
+    (): IWorkflowProps<NodeType, EdgeType>;
+    <U>(selector: (state: IWorkflowProps<NodeType, EdgeType>) => U): U;
+};
+/**
+ * 获取转换后 Flow props 的 getter（非响应式）
+ */
+export declare const useGetWorkflowFlowProps: <NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge>() => {
+    (): WorkflowFullFlowProps<NodeType, EdgeType>;
+    <U>(selector: (state: WorkflowFullFlowProps<NodeType, EdgeType>) => U): U;
+};
+/**
+ * 获取连接限制配置
+ */
+export declare const useConnectionLimit: () => {
+    preventCycle?: boolean | undefined;
+    preventConcurrency?: boolean | undefined;
+    preventCrossSubFlow?: boolean | undefined;
+} | undefined;
+/**
+ * 获取是否启用快速添加
+ */
+export declare const useQuickAdd: () => boolean | undefined;
+/**
+ * 获取节点类型拖放回调
+ */
+export declare const useOnNodeTypeDrop: () => ((parentFlow: import("@xyflow/react").InternalNode<WorkflowNode> | undefined, positionInParent: import("@xyflow/react").XYPosition, nodeType: string) => Promise<{
+    id: string;
+    connectSourceHandle: string;
+    connectTargetHandle: string;
+} | undefined>) | undefined;
+/**
+ * 获取渲染节点图标函数
+ */
+export declare const useRenderNodeIcon: () => ((nodeDefinition: import("../types").WorkFlowNodeDefinition<Record<string, unknown>>) => import("react").ReactNode) | undefined;
+/**
+ * 获取选择策略
+ */
+export declare const useSelectionStrategy: () => import("@rxflow/base").SelectionStrategy | undefined;
+/**
+ * 获取是否只读
+ */
+export declare const useWorkflowReadOnly: () => boolean | undefined;
+/**
+ * 获取加载状态
+ */
+export declare const useWorkflowLoading: () => boolean | undefined;
+export {};
+//# sourceMappingURL=useWorkflowPropsHooks.d.ts.map

package/esm/hooks/useWorkflowPropsHooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWorkflowPropsHooks.d.ts","sourceRoot":"","sources":["useWorkflowPropsHooks.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;AACH,OAAO,EAAkE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9G,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7E,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,KAAK,qBAAqB,CACxB,QAAQ,SAAS,YAAY,GAAG,YAAY,EAC5C,QAAQ,SAAS,IAAI,GAAG,IAAI,IAC1B,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;AAEvE;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CACnC,QAAQ,SAAS,YAAY,GAAG,YAAY,EAC5C,QAAQ,SAAS,IAAI,GAAG,IAAI,KACzB,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;AACxC,wBAAgB,qBAAqB,CACnC,QAAQ,SAAS,YAAY,GAAG,YAAY,EAC5C,QAAQ,SAAS,IAAI,GAAG,IAAI,EAC5B,CAAC,GAAG,OAAO,EACX,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AASjE;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAClC,QAAQ,SAAS,YAAY,GAAG,YAAY,EAC5C,QAAQ,SAAS,IAAI,GAAG,IAAI,KACzB,qBAAqB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAC/C,wBAAgB,oBAAoB,CAClC,QAAQ,SAAS,YAAY,GAAG,YAAY,EAC5C,QAAQ,SAAS,IAAI,GAAG,IAAI,EAC5B,CAAC,GAAG,OAAO,EACX,QAAQ,EAAE,CAAC,KAAK,EAAE,qBAAqB,CAAC,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AASxE;;GAEG;AACH,eAAO,MAAM,wBAAwB;;;CAKpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB;;;CAKnC,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;aAA8D,CAAC;AAE9F;;GAEG;AACH,eAAO,MAAM,WAAW,2BAAuD,CAAC;AAEhF;;GAEG;AACH,eAAO,MAAM,iBAAiB;;;;2BAA6D,CAAC;AAE5F;;GAEG;AACH,eAAO,MAAM,iBAAiB,uIAA6D,CAAC;AAE5F;;GAEG;AACH,eAAO,MAAM,oBAAoB,4DAAgE,CAAC;AAElG;;GAEG;AACH,eAAO,MAAM,mBAAmB,2BAAuD,CAAC;AAExF;;GAEG;AACH,eAAO,MAAM,kBAAkB,2BAAsD,CAAC"}

package/esm/hooks/useWorkflowPropsHooks.js

@@ -0,0 +1,110 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-01-17
+ * @desc: Workflow Props hooks - 类型化的 props 访问
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { useInputProps, useFlowProps, useGetInputProps, useGetFlowProps } from '@rxflow/base';
+
+/**
+ * 获取原始输入 props
+ *
+ * @example
+ * const inputProps = useWorkflowInputProps();
+ * const nodeTypes = useWorkflowInputProps(state => state.nodeTypes);
+ */
+
+export function useWorkflowInputProps(selector) {
+  return useInputProps(selector);
+}
+
+/**
+ * 获取转换后的 Flow props
+ *
+ * @example
+ * const flowProps = useWorkflowFlowProps();
+ * const nodes = useWorkflowFlowProps(state => state.nodes);
+ */
+
+export function useWorkflowFlowProps(selector) {
+  return useFlowProps(selector);
+}
+
+/**
+ * 获取原始输入 props 的 getter（非响应式）
+ */
+export var useGetWorkflowInputProps = function useGetWorkflowInputProps() {
+  return useGetInputProps();
+};
+
+/**
+ * 获取转换后 Flow props 的 getter（非响应式）
+ */
+export var useGetWorkflowFlowProps = function useGetWorkflowFlowProps() {
+  return useGetFlowProps();
+};
+
+// 便捷 hooks
+/**
+ * 获取连接限制配置
+ */
+export var useConnectionLimit = function useConnectionLimit() {
+  return useWorkflowInputProps(function (state) {
+    return state.connectionLimit;
+  });
+};
+
+/**
+ * 获取是否启用快速添加
+ */
+export var useQuickAdd = function useQuickAdd() {
+  return useWorkflowInputProps(function (state) {
+    return state.quickAdd;
+  });
+};
+
+/**
+ * 获取节点类型拖放回调
+ */
+export var useOnNodeTypeDrop = function useOnNodeTypeDrop() {
+  return useWorkflowInputProps(function (state) {
+    return state.onNodeTypeDrop;
+  });
+};
+
+/**
+ * 获取渲染节点图标函数
+ */
+export var useRenderNodeIcon = function useRenderNodeIcon() {
+  return useWorkflowInputProps(function (state) {
+    return state.renderNodeIcon;
+  });
+};
+
+/**
+ * 获取选择策略
+ */
+export var useSelectionStrategy = function useSelectionStrategy() {
+  return useWorkflowInputProps(function (state) {
+    return state.selectionStrategy;
+  });
+};
+
+/**
+ * 获取是否只读
+ */
+export var useWorkflowReadOnly = function useWorkflowReadOnly() {
+  return useWorkflowInputProps(function (state) {
+    return state.readOnly;
+  });
+};
+
+/**
+ * 获取加载状态
+ */
+export var useWorkflowLoading = function useWorkflowLoading() {
+  return useWorkflowInputProps(function (state) {
+    return state.loading;
+  });
+};

package/esm/index.d.ts

@@ -1,13 +1,11 @@
 /**
  * @author: yanxianliang
  * @date: 2025-06-27 09:32
+ * @modified：2025/1/17 by yanxianliang
  * @desc: 工作流组件
  *
  * 支持工作流编排能力，支持节点自定义
  *
- * 支持nodes 外部传递
- * 支持x6数据结构转换
- *
  * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
  */
 import '@xyflow/react/dist/style.css';

package/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,8BAA8B,CAAC;AAEtC,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,eAAe,CAAC;AAExC,OAAO,KAAa,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAC,cAAc,EAAsB,MAAM,SAAS,CAAC;8DAM+E,eAAe,QAAQ,CAAC,KAAK,MAAM,YAAY;AAA1L,wBAA2L;AAE3L,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,8BAA8B,CAAC;AAEtC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,KAAe,MAAM,OAAO,CAAC;AAGpC,OAAO,EAAE,cAAc,EAAuB,MAAM,SAAS,CAAC;8DAO6E,eAAe,QAAQ,CAAC,KAAK,MAAM,YAAY;AAA1L,wBAA2L;AAG3L,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAGxB,cAAc,2BAA2B,CAAC;AAG1C,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC"}

package/esm/index.js

@@ -1,13 +1,11 @@
 /**
  * @author: yanxianliang
  * @date: 2025-06-27 09:32
+ * @modified：2025/1/17 by yanxianliang
  * @desc: 工作流组件
  *
  * 支持工作流编排能力，支持节点自定义
  *
- * 支持nodes 外部传递
- * 支持x6数据结构转换
- *
  * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
  */
 
@@ -16,14 +14,23 @@ import { createFlow } from "@rxflow/base";
 import { isEqual } from 'lodash';
 import { memo } from "react";
 import { Layout } from "./components";
-import { useWorkFlowProps } from "./hooks";
-// 怎么把 nodeType 和 EdgeType 传递进去
+import { useWorkFlowProps } from "./hooks/useWorkFlowProps";
 var WorkFlow = createFlow(Layout, useWorkFlowProps);
 export default /*#__PURE__*/memo(WorkFlow, function (prevProps, nextProps) {
   return isEqual(prevProps, nextProps);
 });
+
+// 类型导出
 export * from "./types";
+
+// 工具函数导出
 export * from "./utils";
+
+// 常量导出
 export * from "./constants/RunningStatus";
+
+// 组件导出
 export * from "./components";
+
+// Hooks 导出
 export * from "./hooks";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rxflow/workflow",
-  "version": "0.0.2",
+  "version": "0.0.4-alpha.0",
   "description": "工作流",
   "homepage": "https://tree-graph.publib.cn/packages/workflow",
   "repository": {
@@ -41,7 +41,7 @@
     "@codemirror/theme-one-dark": "^6.1.3",
     "@fsegurai/codemirror-theme-github-dark": "^6.2.0",
     "@fsegurai/codemirror-theme-github-light": "^6.2.0",
-    "@rxflow/base": "^0.0.2",
+    "@rxflow/base": "^0.0.4-alpha.0",
     "@uiw/react-codemirror": "^4.24.1",
     "@xterm/addon-fit": "^0.10.0",
     "@xterm/xterm": "^5.5.0",