@rxflow/base 0.0.2 → 0.0.4-alpha.0

package/esm/edges/manhattan.js

@@ -16,27 +16,79 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
  *
  * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
  */
-import { BaseEdge, useStoreApi } from '@xyflow/react';
+import { BaseEdge, useStoreApi, getSmoothStepPath, Position } from '@xyflow/react';
 import { memo, useState, useEffect, useRef } from "react";
 import { getManHattanPath } from '@rxflow/manhattan';
 import { wrap } from 'comlink';
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * 判断是否为简单的就近连接场景
+ * 这些场景不需要复杂的 Manhattan 算法，直接使用 SmoothStep 即可
+ *
+ * 就近连接规则：
+ * - 右锚点 → 左锚点（source 在 target 左侧）
+ * - 左锚点 → 右锚点（source 在 target 右侧）
+ * - 下锚点 → 上锚点（source 在 target 上方）
+ * - 上锚点 → 下锚点（source 在 target 下方）
+ */
+function isSimpleConnection(sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition) {
+  // 右 → 左：source 在左侧，target 在右侧
+  if (sourcePosition === Position.Right && targetPosition === Position.Left) {
+    return sourceX < targetX;
+  }
+
+  // 左 → 右：source 在右侧，target 在左侧
+  if (sourcePosition === Position.Left && targetPosition === Position.Right) {
+    return sourceX > targetX;
+  }
+
+  // 下 → 上：source 在上方，target 在下方
+  if (sourcePosition === Position.Bottom && targetPosition === Position.Top) {
+    return sourceY < targetY;
+  }
+
+  // 上 → 下：source 在下方，target 在上方
+  if (sourcePosition === Position.Top && targetPosition === Position.Bottom) {
+    return sourceY > targetY;
+  }
+  return false;
+}
+
 // 全局 Worker 实例（单例）
 var workerInstance = null;
 var workerApi = null;
+var workerInitFailed = false;
+
+/**
+ * 创建 Worker
+ * 使用预编译的 .js bundle，不使用 type: 'module' 以获得更好的浏览器兼容性
+ */
+function tryCreateWorker() {
+  try {
+    return new Worker(new URL('../workers/manhattan.worker.js', import.meta.url));
+  } catch (error) {
+    console.warn('[ManhattanEdge] Worker creation failed:', error);
+    return null;
+  }
+}
 
 // 获取或创建 Worker
 function getWorker() {
   if (typeof window === 'undefined') return null; // SSR 环境
+  if (workerInitFailed) return null; // 之前初始化失败，不再尝试
 
   if (!workerInstance || !workerApi) {
     try {
-      workerInstance = new Worker(new URL('../workers/manhattan.worker.ts', import.meta.url), {
-        type: 'module'
-      });
-      workerApi = wrap(workerInstance);
+      workerInstance = tryCreateWorker();
+      if (workerInstance) {
+        workerApi = wrap(workerInstance);
+      } else {
+        workerInitFailed = true;
+        return null;
+      }
     } catch (error) {
       console.warn('[ManhattanEdge] Worker initialization failed, using main thread:', error);
+      workerInitFailed = true;
       return null;
     }
   }
@@ -54,7 +106,8 @@ var perfStats = {
   cacheHits: 0,
   cacheMisses: 0,
   workerCalculations: 0,
-  mainThreadCalculations: 0
+  mainThreadCalculations: 0,
+  simplePathCalculations: 0 // 简单路径（使用 SmoothStep）
 };
 
 // 生成缓存 key
@@ -78,17 +131,20 @@ function resetPerfStats() {
   perfStats.cacheMisses = 0;
   perfStats.workerCalculations = 0;
   perfStats.mainThreadCalculations = 0;
+  perfStats.simplePathCalculations = 0;
 }
 
 // 打印统计
 function logPerfStats() {
   var totalDuration = performance.now() - perfStats.startTime;
   var cacheHitRate = perfStats.totalEdges > 0 ? (perfStats.cacheHits / perfStats.totalEdges * 100).toFixed(1) : '0';
+  var simplePathRate = perfStats.totalEdges > 0 ? (perfStats.simplePathCalculations / perfStats.totalEdges * 100).toFixed(1) : '0';
   console.log('=== Manhattan Edge Performance Stats ===');
   console.log("Total edges: ".concat(perfStats.totalEdges));
   console.log("Completed: ".concat(perfStats.completedEdges));
   console.log("Cache hits: ".concat(perfStats.cacheHits, " (").concat(cacheHitRate, "%)"));
   console.log("Cache misses: ".concat(perfStats.cacheMisses));
+  console.log("Simple paths (SmoothStep): ".concat(perfStats.simplePathCalculations, " (").concat(simplePathRate, "%)"));
   console.log("Worker calculations: ".concat(perfStats.workerCalculations));
   console.log("Main thread calculations: ".concat(perfStats.mainThreadCalculations));
   console.log("Total calculation time: ".concat(perfStats.totalTime.toFixed(2), "ms"));
@@ -148,7 +204,7 @@ export var ManhattanEdge = /*#__PURE__*/memo(function (_ref) {
     perfStats.cacheMisses++;
     var calculatePath = /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-        var startTime, calculatedPath, params, worker, endTime, duration;
+        var startTime, calculatedPath, _getSmoothStepPath, _getSmoothStepPath2, smoothPath, params, worker, endTime, duration;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -159,6 +215,24 @@ export var ManhattanEdge = /*#__PURE__*/memo(function (_ref) {
               return _context.abrupt("return");
             case 2:
               startTime = performance.now();
+              if (!isSimpleConnection(sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition)) {
+                _context.next = 9;
+                break;
+              }
+              perfStats.simplePathCalculations++;
+              _getSmoothStepPath = getSmoothStepPath({
+                sourceX: sourceX,
+                sourceY: sourceY,
+                sourcePosition: sourcePosition,
+                targetX: targetX,
+                targetY: targetY,
+                targetPosition: targetPosition
+              }), _getSmoothStepPath2 = _slicedToArray(_getSmoothStepPath, 1), smoothPath = _getSmoothStepPath2[0];
+              calculatedPath = smoothPath;
+              _context.next = 27;
+              break;
+            case 9:
+              // 复杂场景使用 Manhattan 算法
               params = {
                 sourceNodeId: source,
                 targetNodeId: target,
@@ -171,31 +245,31 @@ export var ManhattanEdge = /*#__PURE__*/memo(function (_ref) {
                 nodeLookup: nodeLookup
               }; // 尝试使用 Worker，失败则回退到主线程
               worker = getWorker();
-              _context.prev = 5;
+              _context.prev = 11;
               if (!worker) {
-                _context.next = 13;
+                _context.next = 19;
                 break;
               }
               perfStats.workerCalculations++;
-              _context.next = 10;
+              _context.next = 16;
               return worker.calculatePath(params);
-            case 10:
+            case 16:
               calculatedPath = _context.sent;
-              _context.next = 15;
+              _context.next = 21;
               break;
-            case 13:
+            case 19:
               perfStats.mainThreadCalculations++;
               calculatedPath = getManHattanPath(params);
-            case 15:
-              _context.next = 21;
+            case 21:
+              _context.next = 27;
               break;
-            case 17:
-              _context.prev = 17;
-              _context.t0 = _context["catch"](5);
+            case 23:
+              _context.prev = 23;
+              _context.t0 = _context["catch"](11);
               // Fallback 到主线程
               perfStats.mainThreadCalculations++;
               calculatedPath = getManHattanPath(params);
-            case 21:
+            case 27:
               endTime = performance.now();
               duration = endTime - startTime; // 更新统计
               perfStats.completedEdges++;
@@ -220,18 +294,16 @@ export var ManhattanEdge = /*#__PURE__*/memo(function (_ref) {
               if (perfStats.completedEdges === perfStats.totalEdges) {
                 logPerfStats();
               }
-            case 30:
+            case 36:
             case "end":
               return _context.stop();
           }
-        }, _callee, null, [[5, 17]]);
+        }, _callee, null, [[11, 23]]);
       }));
       return function calculatePath() {
         return _ref2.apply(this, arguments);
       };
     }();
-
-    // 直接执行异步计算（Worker 已经是异步的）
     calculatePath();
     return function () {
       isMountedRef.current = false;

package/esm/hoc/createFlow.d.ts

@@ -1,14 +1,40 @@
 /**
  * @author: yanxianliang
  * @date: 2025-10-15 15:25
- * @modified：2025/10/15 15:25 by yanxianliang
+ * @modified：2025/1/17 by yanxianliang
  * @desc: 创建 Flow 组件
  *
- * 提供公众能力封装
+ * 提供公共能力封装，支持双层 Props 存储
  *
  * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
  */
-import { IBaseFlowProps } from "../types";
+import { Edge, Node } from "@xyflow/react";
 import React, { PropsWithChildren } from "react";
-export declare function createFlow<Props = IBaseFlowProps, ExtendProps = {}>(FlowComponent: React.ComponentType<IBaseFlowProps & ExtendProps>, usePropsTransform?: (props: PropsWithChildren<Props>) => PropsWithChildren<IBaseFlowProps & ExtendProps>): (props: React.PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element;
+import { IBaseFlowProps } from "../types";
+/**
+ * 创建 Flow 组件的工厂函数
+ *
+ * @param FlowComponent - 基础 Flow 组件
+ * @param usePropsTransform - Props 转换 hook，将输入 props 转换为 Flow props
+ *
+ * @example
+ * // 基础用法
+ * const MyFlow = createFlow(Flow);
+ *
+ * @example
+ * // 带 props 转换
+ * const BloodlineFlow = createFlow<IBloodlineFlowProps, BloodlineExtendProps>(
+ *   Flow,
+ *   (props) => {
+ *     const { root, nodeTypes } = props;
+ *     const nodes = useMemo(() => root ? [root] : [], [root]);
+ *     return {
+ *       ...props,
+ *       nodes,
+ *       nodeTypes: wrapNodeTypes(nodeTypes, BaseNodeWrapper),
+ *     };
+ *   }
+ * );
+ */
+export declare function createFlow<TInputProps = IBaseFlowProps, TExtendProps = {}, NodeType extends Node = Node, EdgeType extends Edge = Edge>(FlowComponent: React.ComponentType<IBaseFlowProps<NodeType, EdgeType> & TExtendProps>, usePropsTransform?: (props: PropsWithChildren<TInputProps>) => PropsWithChildren<IBaseFlowProps<NodeType, EdgeType> & TExtendProps>): (props: React.PropsWithChildren<TInputProps>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=createFlow.d.ts.map

package/esm/hoc/createFlow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createFlow.d.ts","sourceRoot":"","sources":["createFlow.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,EAAC,cAAc,EAAC,MAAM,UAAU,CAAC;AAGxC,OAAO,KAAK,EAAE,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AA0B/C,wBAAgB,UAAU,CAAC,KAAK,GAAG,cAAc,EAAE,WAAW,GAAG,EAAE,EACjE,aAAa,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,GAAG,WAAW,CAAC,EAChE,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,KAAK,iBAAiB,CAAC,cAAc,GAAG,WAAW,CAAC,sFAwBzG"}
+{"version":3,"file":"createFlow.d.ts","sourceRoot":"","sources":["createFlow.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAEzC,OAAO,KAAK,EAAE,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAG/C,OAAO,EAAC,cAAc,EAAC,MAAM,UAAU,CAAC;AAwBxC;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,UAAU,CACxB,WAAW,GAAG,cAAc,EAC5B,YAAY,GAAG,EAAE,EACjB,QAAQ,SAAS,IAAI,GAAG,IAAI,EAC5B,QAAQ,SAAS,IAAI,GAAG,IAAI,EAE5B,aAAa,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,YAAY,CAAC,EACrF,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,WAAW,CAAC,KAAK,iBAAiB,CAAC,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,YAAY,CAAC,4FA4BpI"}

package/esm/hoc/createFlow.js

@@ -1,4 +1,5 @@
-var _excluded = ["children"];
+var _excluded = ["children"],
+  _excluded2 = ["children"];
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -10,24 +11,28 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 /**
  * @author: yanxianliang
  * @date: 2025-10-15 15:25
- * @modified：2025/10/15 15:25 by yanxianliang
+ * @modified：2025/1/17 by yanxianliang
  * @desc: 创建 Flow 组件
  *
- * 提供公众能力封装
+ * 提供公共能力封装，支持双层 Props 存储
  *
  * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
  */
 
 import { ConfigProvider } from "antd";
 import React from "react";
-import { useProps } from "../hooks/props/useProps";
+import { useFlowProps } from "../hooks";
 import { PropsStore } from "../store/PropsStore";
 import { withFlowProvider } from "./withFlowProvider";
+
+/**
+ * 内部组件：从 store 获取 props 并渲染 Flow
+ */
 import { jsx as _jsx } from "react/jsx-runtime";
-var RenderFlowWithProp = function RenderFlowWithProp(_ref) {
+var RenderFlowWithProps = function RenderFlowWithProps(_ref) {
   var FlowComponent = _ref.FlowComponent,
     children = _ref.children;
-  var props = useProps();
+  var props = useFlowProps();
   if (!props) {
     return null;
   }
@@ -36,31 +41,54 @@ var RenderFlowWithProp = function RenderFlowWithProp(_ref) {
   }));
 };
 
-// 不支持外部使用组件时自定义 Node类型，可以在使用 hooks 传入，hooks 会进行类型转换。
-// TODO  还可以技进行优化， Flow 的 props 怎么进行传入？？如何支持布局，布局前对 props 转换再传入？？？ 属性传递还是要考虑清楚，属性构建，存储需要存储外面传进来的
+/**
+ * 创建 Flow 组件的工厂函数
+ *
+ * @param FlowComponent - 基础 Flow 组件
+ * @param usePropsTransform - Props 转换 hook，将输入 props 转换为 Flow props
+ *
+ * @example
+ * // 基础用法
+ * const MyFlow = createFlow(Flow);
+ *
+ * @example
+ * // 带 props 转换
+ * const BloodlineFlow = createFlow<IBloodlineFlowProps, BloodlineExtendProps>(
+ *   Flow,
+ *   (props) => {
+ *     const { root, nodeTypes } = props;
+ *     const nodes = useMemo(() => root ? [root] : [], [root]);
+ *     return {
+ *       ...props,
+ *       nodes,
+ *       nodeTypes: wrapNodeTypes(nodeTypes, BaseNodeWrapper),
+ *     };
+ *   }
+ * );
+ */
 export function createFlow(FlowComponent, usePropsTransform) {
-  // 支持外部在使用时自定义 NodeType，
+  // 创建包装后的组件
   return withFlowProvider(function (props) {
-    var _props = props;
+    // 转换 props
+    var flowProps = props;
     if (usePropsTransform) {
-      // 外部传入了 hook
-      _props = usePropsTransform(props);
+      flowProps = usePropsTransform(props);
     }
-    var _props2 = _props,
-      children = _props2.children,
-      others = _objectWithoutProperties(_props2, _excluded);
-    // 外部的props，内置的，转换函数，转换之后的 props，支持转换函数
+    var _flowProps = flowProps,
+      children = _flowProps.children,
+      flowPropsWithoutChildren = _objectWithoutProperties(_flowProps, _excluded);
+    var inputChildren = props.children,
+      inputPropsWithoutChildren = _objectWithoutProperties(props, _excluded2);
     return /*#__PURE__*/_jsx(ConfigProvider, {
       prefixCls: 'rxflow',
       children: /*#__PURE__*/_jsx(PropsStore, {
-        props: others,
-        children: /*#__PURE__*/_jsx(RenderFlowWithProp, {
+        inputProps: inputPropsWithoutChildren,
+        flowProps: flowPropsWithoutChildren,
+        children: /*#__PURE__*/_jsx(RenderFlowWithProps, {
           FlowComponent: FlowComponent,
           children: children
         })
       })
     });
   });
-
-  // hooks 直接绑定在 Flow 上，是不是更好，可以直接和传入的 nodeType 进行绑定。
 }

package/esm/hooks/index.d.ts

@@ -1,6 +1,7 @@
 /**
  * @author: yanxianliang
  * @date: 2025-07-02 21:07
+ * @modified：2025/1/17 by yanxianliang
  * @desc: export hooks
  *
  * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
@@ -11,12 +12,14 @@ export * from './useThemeVars';
 export * from './node/useNodeInitialize';
 export * from './node/useNodeTypeMap';
 export * from './useFlowId';
-export * from './props/usePropsSelector';
-export * from './props/useGetProps';
 export * from './node/useNodes';
 export * from './render/useForceUpdate';
 export * from './edges/useOnEdgesChange';
 export * from './state/useSetState';
 export * from './state/useGetState';
 export * from './state/useSelector';
+export * from './props/useInputProps';
+export * from './props/useFlowProps';
+export * from './props/useGetInputProps';
+export * from './props/useGetFlowProps';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AAEzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AAEzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC"}

package/esm/hooks/index.js

@@ -1,6 +1,7 @@
 /**
  * @author: yanxianliang
  * @date: 2025-07-02 21:07
+ * @modified：2025/1/17 by yanxianliang
  * @desc: export hooks
  *
  * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
@@ -12,11 +13,15 @@ export * from "./useThemeVars";
 export * from "./node/useNodeInitialize";
 export * from "./node/useNodeTypeMap";
 export * from "./useFlowId";
-export * from "./props/usePropsSelector";
-export * from "./props/useGetProps";
 export * from "./node/useNodes";
 export * from "./render/useForceUpdate";
 export * from "./edges/useOnEdgesChange";
 export * from "./state/useSetState";
 export * from "./state/useGetState";
-export * from "./state/useSelector";
+export * from "./state/useSelector";
+
+// Props hooks
+export * from "./props/useInputProps";
+export * from "./props/useFlowProps";
+export * from "./props/useGetInputProps";
+export * from "./props/useGetFlowProps";

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

@@ -0,0 +1,12 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-01-17
+ * @desc: Props hooks 导出
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+export * from './useInputProps';
+export * from './useFlowProps';
+export * from './useGetInputProps';
+export * from './useGetFlowProps';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC"}

package/esm/hooks/props/index.js

@@ -0,0 +1,12 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-01-17
+ * @desc: Props hooks 导出
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+export * from "./useInputProps";
+export * from "./useFlowProps";
+export * from "./useGetInputProps";
+export * from "./useGetFlowProps";

package/esm/hooks/props/useFlowProps.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-01-17
+ * @desc: 获取转换后的 Flow props（传给 Flow 组件的）
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { IBaseFlowProps } from "../../types";
+/**
+ * 获取转换后的 Flow props
+ *
+ * @example
+ * // 获取全部 flow props
+ * const flowProps = useFlowProps<IBaseFlowProps>();
+ *
+ * @example
+ * // 使用 selector 获取特定属性
+ * const nodes = useFlowProps(state => state.nodes);
+ * const theme = useFlowProps(state => state.theme);
+ */
+export declare function useFlowProps<TFlowProps = IBaseFlowProps>(): TFlowProps;
+export declare function useFlowProps<TFlowProps = IBaseFlowProps, U = unknown>(selector: (state: TFlowProps) => U): U;
+//# sourceMappingURL=useFlowProps.d.ts.map

package/esm/hooks/props/useFlowProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFlowProps.d.ts","sourceRoot":"","sources":["useFlowProps.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAG7C;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAC,UAAU,GAAG,cAAc,KAAK,UAAU,CAAC;AACxE,wBAAgB,YAAY,CAAC,UAAU,GAAG,cAAc,EAAE,CAAC,GAAG,OAAO,EACnE,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,CAAC,GACjC,CAAC,CAAC"}

package/esm/hooks/props/useFlowProps.js

@@ -0,0 +1,29 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-01-17
+ * @desc: 获取转换后的 Flow props（传给 Flow 组件的）
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+import { useSelector } from "../state/useSelector";
+
+/**
+ * 获取转换后的 Flow props
+ *
+ * @example
+ * // 获取全部 flow props
+ * const flowProps = useFlowProps<IBaseFlowProps>();
+ *
+ * @example
+ * // 使用 selector 获取特定属性
+ * const nodes = useFlowProps(state => state.nodes);
+ * const theme = useFlowProps(state => state.theme);
+ */
+
+export function useFlowProps(selector) {
+  return useSelector(function (state) {
+    var flowProps = state.flowProps;
+    return selector ? selector(flowProps) : flowProps;
+  });
+}

package/esm/hooks/props/useGetFlowProps.d.ts

@@ -0,0 +1,19 @@
+import { IBaseFlowProps } from "../../types";
+/**
+ * 获取转换后 Flow props 的 getter 函数
+ * 用于在回调函数中获取最新的 props，避免闭包问题
+ *
+ * @example
+ * const getFlowProps = useGetFlowProps<IBaseFlowProps>();
+ *
+ * const handleClick = () => {
+ *   const nodes = getFlowProps(state => state.nodes);
+ *   // 或获取全部
+ *   const allProps = getFlowProps();
+ * };
+ */
+export declare const useGetFlowProps: <TFlowProps = IBaseFlowProps<import("@xyflow/react").Node, import("@xyflow/react").Edge>>() => {
+    (): TFlowProps;
+    <U>(selector: (state: TFlowProps) => U): U;
+};
+//# sourceMappingURL=useGetFlowProps.d.ts.map

package/esm/hooks/props/useGetFlowProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGetFlowProps.d.ts","sourceRoot":"","sources":["useGetFlowProps.ts"],"names":[],"mappings":"AAQA,OAAO,EAAiB,cAAc,EAAE,MAAM,aAAa,CAAC;AAG5D;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe;QAGP,UAAU;0BACQ,UAAU,KAAK,CAAC,GAAG,CAAC;CAO1D,CAAC"}

package/esm/hooks/props/useGetFlowProps.js

@@ -0,0 +1,31 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-01-17
+ * @desc: 获取转换后 Flow props 的 getter 函数（非响应式）
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { useCallback } from "react";
+import { useGetState } from "../state/useGetState";
+
+/**
+ * 获取转换后 Flow props 的 getter 函数
+ * 用于在回调函数中获取最新的 props，避免闭包问题
+ *
+ * @example
+ * const getFlowProps = useGetFlowProps<IBaseFlowProps>();
+ *
+ * const handleClick = () => {
+ *   const nodes = getFlowProps(state => state.nodes);
+ *   // 或获取全部
+ *   const allProps = getFlowProps();
+ * };
+ */
+export var useGetFlowProps = function useGetFlowProps() {
+  var getState = useGetState();
+  function getter(selector) {
+    var flowProps = getState().flowProps;
+    return selector ? selector(flowProps) : flowProps;
+  }
+  return useCallback(getter, [getState]);
+};

package/esm/hooks/props/useGetInputProps.d.ts

@@ -0,0 +1,18 @@
+/**
+ * 获取原始输入 props 的 getter 函数
+ * 用于在回调函数中获取最新的 props，避免闭包问题
+ *
+ * @example
+ * const getInputProps = useGetInputProps<IBloodlineFlowProps>();
+ *
+ * const handleClick = () => {
+ *   const root = getInputProps(state => state.root);
+ *   // 或获取全部
+ *   const allProps = getInputProps();
+ * };
+ */
+export declare const useGetInputProps: <TInputProps = Record<string, any>>() => {
+    (): TInputProps;
+    <U>(selector: (state: TInputProps) => U): U;
+};
+//# sourceMappingURL=useGetInputProps.d.ts.map

package/esm/hooks/props/useGetInputProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGetInputProps.d.ts","sourceRoot":"","sources":["useGetInputProps.ts"],"names":[],"mappings":"AAWA;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,gBAAgB;QAGR,WAAW;0BACO,WAAW,KAAK,CAAC,GAAG,CAAC;CAO3D,CAAC"}

package/esm/hooks/props/useGetInputProps.js

@@ -0,0 +1,31 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-01-17
+ * @desc: 获取原始输入 props 的 getter 函数（非响应式）
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { useCallback } from "react";
+import { useGetState } from "../state/useGetState";
+
+/**
+ * 获取原始输入 props 的 getter 函数
+ * 用于在回调函数中获取最新的 props，避免闭包问题
+ *
+ * @example
+ * const getInputProps = useGetInputProps<IBloodlineFlowProps>();
+ *
+ * const handleClick = () => {
+ *   const root = getInputProps(state => state.root);
+ *   // 或获取全部
+ *   const allProps = getInputProps();
+ * };
+ */
+export var useGetInputProps = function useGetInputProps() {
+  var getState = useGetState();
+  function getter(selector) {
+    var inputProps = getState().inputProps;
+    return selector ? selector(inputProps) : inputProps;
+  }
+  return useCallback(getter, [getState]);
+};

package/esm/hooks/props/useInputProps.d.ts

@@ -0,0 +1,14 @@
+/**
+ * 获取原始输入 props
+ *
+ * @example
+ * // 获取全部原始 props
+ * const inputProps = useInputProps<IBloodlineFlowProps>();
+ *
+ * @example
+ * // 使用 selector 获取特定属性
+ * const root = useInputProps<IBloodlineFlowProps, BaseBloodNode>(state => state.root);
+ */
+export declare function useInputProps<TInputProps = Record<string, any>>(): TInputProps;
+export declare function useInputProps<TInputProps = Record<string, any>, U = unknown>(selector: (state: TInputProps) => U): U;
+//# sourceMappingURL=useInputProps.d.ts.map

package/esm/hooks/props/useInputProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputProps.d.ts","sourceRoot":"","sources":["useInputProps.ts"],"names":[],"mappings":"AASA;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,WAAW,CAAC;AAChF,wBAAgB,aAAa,CAAC,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,EAC1E,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,CAAC,GAClC,CAAC,CAAC"}