@rxflow/base 0.0.2 → 0.0.4-alpha.0

package/cjs/hoc/createFlow.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.createFlow = createFlow;
 var _antd = require("antd");
 var _react = _interopRequireDefault(require("react"));
-var _useProps = require("../hooks/props/useProps");
+var _hooks = require("../hooks");
 var _PropsStore = require("../store/PropsStore");
 var _withFlowProvider = require("./withFlowProvider");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -14,19 +14,21 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 /**
  * @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.
  */
 
-const RenderFlowWithProp = ({
+/**
+ * 内部组件：从 store 获取 props 并渲染 Flow
+ */const RenderFlowWithProps = ({
   FlowComponent,
   children
 }) => {
-  const props = (0, _useProps.useProps)();
+  const props = (0, _hooks.useFlowProps)();
   if (!props) {
     return null;
   }
@@ -36,32 +38,57 @@ const RenderFlowWithProp = ({
   });
 };
 
-// 不支持外部使用组件时自定义 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),
+ *     };
+ *   }
+ * );
+ */
 function createFlow(FlowComponent, usePropsTransform) {
-  // 支持外部在使用时自定义 NodeType，
+  // 创建包装后的组件
   return (0, _withFlowProvider.withFlowProvider)(props => {
-    let _props = props;
+    // 转换 props
+    let flowProps = props;
     if (usePropsTransform) {
-      // 外部传入了 hook
-      _props = usePropsTransform(props);
+      flowProps = usePropsTransform(props);
     }
     const {
       children,
-      ...others
-    } = _props;
-    // 外部的props，内置的，转换函数，转换之后的 props，支持转换函数
+      ...flowPropsWithoutChildren
+    } = flowProps;
+    const {
+      children: inputChildren,
+      ...inputPropsWithoutChildren
+    } = props;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.ConfigProvider, {
       prefixCls: 'rxflow',
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PropsStore.PropsStore, {
-        props: others,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(RenderFlowWithProp, {
+        inputProps: inputPropsWithoutChildren,
+        flowProps: flowPropsWithoutChildren,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(RenderFlowWithProps, {
           FlowComponent: FlowComponent,
           children: children
         })
       })
     });
   });
-
-  // hooks 直接绑定在 Flow 上，是不是更好，可以直接和传入的 nodeType 进行绑定。
 }

package/cjs/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/cjs/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/cjs/hooks/index.js

@@ -69,28 +69,6 @@ Object.keys(_useFlowId).forEach(function (key) {
     }
   });
 });
-var _usePropsSelector = require("./props/usePropsSelector");
-Object.keys(_usePropsSelector).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _usePropsSelector[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _usePropsSelector[key];
-    }
-  });
-});
-var _useGetProps = require("./props/useGetProps");
-Object.keys(_useGetProps).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useGetProps[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useGetProps[key];
-    }
-  });
-});
 var _useNodes = require("./node/useNodes");
 Object.keys(_useNodes).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -156,4 +134,48 @@ Object.keys(_useSelector).forEach(function (key) {
       return _useSelector[key];
     }
   });
+});
+var _useInputProps = require("./props/useInputProps");
+Object.keys(_useInputProps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useInputProps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useInputProps[key];
+    }
+  });
+});
+var _useFlowProps = require("./props/useFlowProps");
+Object.keys(_useFlowProps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useFlowProps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useFlowProps[key];
+    }
+  });
+});
+var _useGetInputProps = require("./props/useGetInputProps");
+Object.keys(_useGetInputProps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useGetInputProps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useGetInputProps[key];
+    }
+  });
+});
+var _useGetFlowProps = require("./props/useGetFlowProps");
+Object.keys(_useGetFlowProps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useGetFlowProps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useGetFlowProps[key];
+    }
+  });
 });

package/cjs/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/cjs/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/cjs/hooks/props/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _useInputProps = require("./useInputProps");
+Object.keys(_useInputProps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useInputProps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useInputProps[key];
+    }
+  });
+});
+var _useFlowProps = require("./useFlowProps");
+Object.keys(_useFlowProps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useFlowProps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useFlowProps[key];
+    }
+  });
+});
+var _useGetInputProps = require("./useGetInputProps");
+Object.keys(_useGetInputProps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useGetInputProps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useGetInputProps[key];
+    }
+  });
+});
+var _useGetFlowProps = require("./useGetFlowProps");
+Object.keys(_useGetFlowProps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useGetFlowProps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useGetFlowProps[key];
+    }
+  });
+});

package/cjs/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/cjs/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/cjs/hooks/props/useFlowProps.js

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

package/cjs/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/cjs/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/cjs/hooks/props/useGetFlowProps.js

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

package/cjs/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/cjs/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/cjs/hooks/props/useGetInputProps.js

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

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

package/cjs/hooks/props/useInputProps.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useInputProps = useInputProps;
+var _useSelector = require("../state/useSelector");
+/**
+ * @author: yanxianliang
+ * @date: 2025-01-17
+ * @desc: 获取原始输入 props（用户传入的）
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+/**
+ * 获取原始输入 props
+ *
+ * @example
+ * // 获取全部原始 props
+ * const inputProps = useInputProps<IBloodlineFlowProps>();
+ *
+ * @example
+ * // 使用 selector 获取特定属性
+ * const root = useInputProps<IBloodlineFlowProps, BaseBloodNode>(state => state.root);
+ */
+
+function useInputProps(selector) {
+  return (0, _useSelector.useSelector)(state => {
+    const inputProps = state.inputProps;
+    return selector ? selector(inputProps) : inputProps;
+  });
+}

package/cjs/hooks/useListenRender.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useListenRender = void 0;
 var _react = require("@xyflow/react");
 var _react2 = require("react");
-var _ = require("./..");
+var _useGetFlowProps = require("./props/useGetFlowProps");
 /**
  * @author: yanxianliang
  * @date: 2025-08-25 17:49
@@ -17,8 +17,8 @@ var _ = require("./..");
  */
 
 const useListenRender = () => {
-  const getProps = (0, _.useGetProps)();
-  const onRender = getProps().onRender;
+  const getFlowProps = (0, _useGetFlowProps.useGetFlowProps)();
+  const onRender = getFlowProps().onRender;
   const nodes = (0, _react.useNodes)();
   const {
     getEdges
@@ -36,7 +36,7 @@ const useListenRender = () => {
           const timing = performance.now() - startRenderTimeRef.current;
           const edges = getEdges();
           onRender?.(nodes, edges, timing);
-          if (getProps().debug) {
+          if (getFlowProps().debug) {
             console.log(`初始化节点数：${nodes.length}, 边：${edges.length}, 渲染时长：${timing}`);
           }
         }, 1);

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

@@ -1 +1 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["useTheme.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,QAAQ;;;;;;;CAKpB,CAAA"}
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["useTheme.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,QAAQ;;;;;;;CAKpB,CAAC"}

package/cjs/hooks/useTheme.js

@@ -7,17 +7,18 @@ exports.useTheme = void 0;
 var _shallow = require("zustand/react/shallow");
 var _react = require("react");
 var _getThemeWithDefaultValue = require("../utils/getThemeWithDefaultValue");
-var _usePropsSelector = require("./props/usePropsSelector");
+var _useFlowProps = require("./props/useFlowProps");
 /**
  * @author: yanxianliang
  * @date: 2025-06-21 13:16
+ * @modified：2025/1/17 by yanxianliang
  * @desc: 节点主题配置
  *
  * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
  */
 
 const useTheme = () => {
-  const theme = (0, _usePropsSelector.usePropsSelector)((0, _shallow.useShallow)(state => state.theme));
+  const theme = (0, _useFlowProps.useFlowProps)((0, _shallow.useShallow)(state => state.theme));
   return (0, _react.useMemo)(() => {
     return (0, _getThemeWithDefaultValue.getThemeWithDefaultValue)(theme);
   }, [theme]);

package/cjs/index.d.ts

@@ -2,7 +2,8 @@
 /**
  * @author: yanxianliang
  * @date: 2025-07-02 09:27
- * @desc: 基础Graph 组件
+ * @modified：2025/1/17 by yanxianliang
+ * @desc: 基础 Graph 组件
  *
  * 提供统一图解决方案底层
  *
@@ -12,14 +13,16 @@ import { Flow } from "./Flow";
 declare const BaseFlow: (props: import("react").PropsWithChildren<import("./types").IBaseFlowProps<import("@xyflow/react").Node, import("@xyflow/react").Edge>>) => import("react/jsx-runtime").JSX.Element;
 export default BaseFlow;
 export * from './types';
+export * from './types/props';
 export * from './hooks';
 export * from './components';
 export * from './utils/parse';
 export * from './utils/dimension';
-export * from './hoc/createFlow';
-export * from './hoc/withFlowProvider';
 export * from './utils/measureText';
 export * from './utils/layouts/mindmap';
+export * from './utils/wrapNodeTypes';
+export * from './hoc/createFlow';
+export * from './hoc/withFlowProvider';
 export * from './constants/NodeRoleType';
 export * from './constants/InnerFlowType';
 export * from './constants/SelectionStrategy';

package/cjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;AACH,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAG5B,QAAA,MAAM,QAAQ,qLAAmB,CAAA;AAEjC,eAAe,QAAQ,CAAC;AAExB,cAAc,SAAS,CAAC;AAExB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAC,WAAW,EAAE,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAEnE,OAAO,EAAC,IAAI,EAAC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;GASG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B,QAAA,MAAM,QAAQ,qLAAmB,CAAC;AAElC,eAAe,QAAQ,CAAC;AAGxB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAG9B,cAAc,SAAS,CAAC;AAGxB,cAAc,cAAc,CAAC;AAG7B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAG9C,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGrE,OAAO,EAAE,IAAI,EAAE,CAAC"}