@rxflow/mind-map 0.0.3 → 0.0.4-alpha.1

package/cjs/hooks/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,mBAAmB,CAAC"}

package/cjs/hooks/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _useMindMapProps = require("./useMindMapProps");
+Object.keys(_useMindMapProps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useMindMapProps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useMindMapProps[key];
+    }
+  });
+});

package/cjs/hooks/useMindMapProps.d.ts

@@ -0,0 +1,60 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-01-17
+ * @desc: MindMap Props hooks - 类型化的 props 访问
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { IBaseFlowProps } from '@rxflow/base';
+import { MindMapFlowProps, MindMapExtendProps } from '../types';
+type MindMapFullFlowProps = IBaseFlowProps & MindMapExtendProps;
+/**
+ * 获取原始输入 props
+ *
+ * @example
+ * const inputProps = useMindMapInputProps();
+ * const root = useMindMapInputProps(state => state.root);
+ */
+export declare function useMindMapInputProps(): MindMapFlowProps;
+export declare function useMindMapInputProps<U>(selector: (state: MindMapFlowProps) => U): U;
+/**
+ * 获取转换后的 Flow props
+ *
+ * @example
+ * const flowProps = useMindMapFlowProps();
+ * const nodes = useMindMapFlowProps(state => state.nodes);
+ */
+export declare function useMindMapFlowProps(): MindMapFullFlowProps;
+export declare function useMindMapFlowProps<U>(selector: (state: MindMapFullFlowProps) => U): U;
+/**
+ * 获取原始输入 props 的 getter（非响应式）
+ */
+export declare const useGetMindMapInputProps: () => {
+    (): MindMapFlowProps;
+    <U>(selector: (state: MindMapFlowProps) => U): U;
+};
+/**
+ * 获取转换后 Flow props 的 getter（非响应式）
+ */
+export declare const useGetMindMapFlowProps: () => {
+    (): MindMapFullFlowProps;
+    <U>(selector: (state: MindMapFullFlowProps) => U): U;
+};
+/**
+ * 获取 root 节点数据
+ */
+export declare const useMindMapRoot: () => import("../types").TopicNodeType | import("../types").CustomNodeType | undefined;
+/**
+ * 获取主题配置
+ */
+export declare const useMindMapTheme: () => (import("@rxflow/base").BaseThemeConfig & import("../types").MiniMapThemeConfig) | undefined;
+/**
+ * 获取是否显示 tooltip
+ */
+export declare const useShowTooltip: () => false | "always" | "ellipsis" | undefined;
+/**
+ * 获取布局类型
+ */
+export declare const useLayoutType: () => import("../types").LayoutType | undefined;
+export {};
+//# sourceMappingURL=useMindMapProps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMindMapProps.d.ts","sourceRoot":"","sources":["useMindMapProps.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAkE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9G,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAiB,MAAM,UAAU,CAAC;AAE/E,KAAK,oBAAoB,GAAG,cAAc,GAAG,kBAAkB,CAAC;AAEhE;;;;;;GAMG;AACH,wBAAgB,oBAAoB,IAAI,gBAAgB,CAAC;AACzD,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,CAAC,GAAG,CAAC,CAAC;AAKrF;;;;;;GAMG;AACH,wBAAgB,mBAAmB,IAAI,oBAAoB,CAAC;AAC5D,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,CAAC,GAAG,CAAC,CAAC;AAKxF;;GAEG;AACH,eAAO,MAAM,uBAAuB;;;CAEnC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB;;;CAElC,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,cAAc,wFAAkD,CAAC;AAE9E;;GAEG;AACH,eAAO,MAAM,eAAe,oGAAmD,CAAC;AAEhF;;GAEG;AACH,eAAO,MAAM,cAAc,iDAAyD,CAAC;AAErF;;GAEG;AACH,eAAO,MAAM,aAAa,iDAAwD,CAAC"}

package/cjs/hooks/useMindMapProps.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLayoutType = exports.useGetMindMapInputProps = exports.useGetMindMapFlowProps = void 0;
+exports.useMindMapFlowProps = useMindMapFlowProps;
+exports.useMindMapInputProps = useMindMapInputProps;
+exports.useShowTooltip = exports.useMindMapTheme = exports.useMindMapRoot = void 0;
+var _base = require("@rxflow/base");
+/**
+ * @author: yanxianliang
+ * @date: 2025-01-17
+ * @desc: MindMap Props hooks - 类型化的 props 访问
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+/**
+ * 获取原始输入 props
+ *
+ * @example
+ * const inputProps = useMindMapInputProps();
+ * const root = useMindMapInputProps(state => state.root);
+ */
+
+function useMindMapInputProps(selector) {
+  return (0, _base.useInputProps)(selector);
+}
+
+/**
+ * 获取转换后的 Flow props
+ *
+ * @example
+ * const flowProps = useMindMapFlowProps();
+ * const nodes = useMindMapFlowProps(state => state.nodes);
+ */
+
+function useMindMapFlowProps(selector) {
+  return (0, _base.useFlowProps)(selector);
+}
+
+/**
+ * 获取原始输入 props 的 getter（非响应式）
+ */
+const useGetMindMapInputProps = () => {
+  return (0, _base.useGetInputProps)();
+};
+
+/**
+ * 获取转换后 Flow props 的 getter（非响应式）
+ */
+exports.useGetMindMapInputProps = useGetMindMapInputProps;
+const useGetMindMapFlowProps = () => {
+  return (0, _base.useGetFlowProps)();
+};
+
+// 便捷 hooks
+/**
+ * 获取 root 节点数据
+ */
+exports.useGetMindMapFlowProps = useGetMindMapFlowProps;
+const useMindMapRoot = () => useMindMapInputProps(state => state.root);
+
+/**
+ * 获取主题配置
+ */
+exports.useMindMapRoot = useMindMapRoot;
+const useMindMapTheme = () => useMindMapInputProps(state => state.theme);
+
+/**
+ * 获取是否显示 tooltip
+ */
+exports.useMindMapTheme = useMindMapTheme;
+const useShowTooltip = () => useMindMapInputProps(state => state.showTooltip);
+
+/**
+ * 获取布局类型
+ */
+exports.useShowTooltip = useShowTooltip;
+const useLayoutType = () => useMindMapInputProps(state => state.layoutType);
+exports.useLayoutType = useLayoutType;

package/cjs/index.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
-import { MindMapFlowProps } from "./";
+import { MindMapFlowProps } from "./types";
 declare const MindMapFlow: (props: import("react").PropsWithChildren<MindMapFlowProps>) => import("react/jsx-runtime").JSX.Element;
 export default MindMapFlow;
 export * from './types';
 export * from './constants';
+export * from './hooks/useMindMapProps';
 //# sourceMappingURL=index.d.ts.map

package/cjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAqB,gBAAgB,EAAC,WAAyB;AAoCtE,QAAA,MAAM,WAAW,yGAmBM,CAAA;AAEvB,eAAe,WAAW,CAAC;AAE3B,cAAc,SAAS,CAAC;AAExB,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAsB,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAkC/D,QAAA,MAAM,WAAW,yGAmBW,CAAC;AAE7B,eAAe,WAAW,CAAC;AAG3B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAG5B,cAAc,yBAAyB,CAAC"}

package/cjs/index.js

@@ -33,9 +33,22 @@ Object.keys(_constants).forEach(function (key) {
     }
   });
 });
+var _useMindMapProps = require("./hooks/useMindMapProps");
+Object.keys(_useMindMapProps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useMindMapProps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useMindMapProps[key];
+    }
+  });
+});
 /*
  * @author: yanxianliang
  * @date: 2025-06-01 18:36
+ * @modified：2025/1/17 by yanxianliang
  * @desc: 资产树 / 脑图
  *
  * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
@@ -45,9 +58,12 @@ const fitViewOptions = {
   minZoom: 1,
   maxZoom: 1
 };
-const omitProps = ['root', 'layoutType', 'showTooltip'];
 const fn = () => {};
-const usePropsTransformer = props => {
+
+/**
+ * Props 转换 hook
+ */
+const useMindMapPropsTransform = props => {
   const {
     nodeTypes: customNodeTypes = [],
     root
@@ -61,10 +77,9 @@ const usePropsTransformer = props => {
     onNodeClick: fn,
     ...props,
     autoCenter: false,
-    fitViewOptions: fitViewOptions,
+    fitViewOptions,
     forceLayout: false,
     nodes,
-    omitProps,
     readOnly: true,
     nodeTypes: [..._nodes.nodeTypes, ...customNodeTypes]
   };
@@ -80,11 +95,12 @@ const MindMapFlow = (0, _base.createFlow)(props => {
       vGap: theme?.vGap,
       markerType: theme?.markerType
     });
-  }, []);
+  }, [theme?.hGap, theme?.vGap, theme?.markerType]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.Flow, {
     ...props,
     layout: layout,
     children: children
   });
-}, usePropsTransformer);
-var _default = exports.default = MindMapFlow;
+}, useMindMapPropsTransform);
+var _default = exports.default = MindMapFlow; // 类型导出
+// Hooks 导出

package/cjs/nodes/TopicChild/TooltipLabel.d.ts

@@ -0,0 +1,9 @@
+import { MindMapExtendProps, TopicBranchNodeType } from "../..";
+export declare const TooltipLabel: ({ type, label, level, ellipsisRow, showTooltip }: {
+    label: TopicBranchNodeType['label'];
+    level: TopicBranchNodeType['level'];
+    type: string;
+    ellipsisRow?: number | undefined;
+    showTooltip: MindMapExtendProps['showTooltip'];
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TooltipLabel.d.ts.map

package/cjs/nodes/TopicChild/TooltipLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipLabel.d.ts","sourceRoot":"","sources":["TooltipLabel.tsx"],"names":[],"mappings":"AASA,OAAO,EAAC,kBAAkB,EAAE,mBAAmB,EAAC,cAAyB;AAIzE,eAAO,MAAM,YAAY;WAChB,mBAAmB,CAAC,OAAO,CAAC;WAC5B,mBAAmB,CAAC,OAAO,CAAC;UAC7B,MAAM;;iBAEC,kBAAkB,CAAC,aAAa,CAAC;6CAgC/C,CAAA"}

package/cjs/nodes/TopicChild/TooltipLabel.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TooltipLabel = void 0;
+var _base = require("@rxflow/base");
+var _classcat = _interopRequireDefault(require("classcat"));
+var _react = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * @author: yanxianliang
+ * @date: 2026-01-19 13:57
+ * @modified：2026/1/19 13:57 by yanxianliang
+ * @desc: 支持溢出的文本显示
+ *
+ * Copyright (c) 2026 by yanxianliang, All Rights Reserved.
+ */
+
+const TooltipLabel = ({
+  type,
+  label,
+  level,
+  ellipsisRow,
+  showTooltip
+}) => {
+  const [ellipse, setEllipse] = (0, _react.useState)(false);
+  const rootRef = (0, _react.useRef)(null);
+  (0, _react.useLayoutEffect)(() => {
+    if (showTooltip === 'ellipsis') {
+      const target = rootRef.current;
+      const textElement = target.firstElementChild;
+      const canTooltip = textElement && textElement.scrollHeight > textElement.clientHeight;
+      setEllipse(canTooltip);
+    }
+  }, [label]);
+  const child = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classcat.default)(['rxflow-topic-container', `rxflow-${type}`]),
+    ref: rootRef,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: (0, _classcat.default)(['rxflow-topic-text', {
+        ['rxflow-topic-text-link']: level === 'link'
+      }]),
+      style: {
+        WebkitLineClamp: ellipsisRow
+      },
+      children: label
+    })
+  });
+  if (showTooltip === 'ellipsis' && ellipse || showTooltip === 'always') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.Tooltip, {
+      title: label,
+      children: child
+    });
+  }
+  return child;
+};
+exports.TooltipLabel = TooltipLabel;

package/cjs/nodes/TopicChild/index.d.ts

@@ -1,5 +1,5 @@
-import { InnerNodeType } from "../../types";
-import './index.less';
 import { NodeTypeComponent } from "@rxflow/base";
+import './index.less';
+import { InnerNodeType } from "../../types";
 export declare const TopicChildNode: NodeTypeComponent<InnerNodeType>;
 //# sourceMappingURL=index.d.ts.map

package/cjs/nodes/TopicChild/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAC,aAAa,EAAwC,MAAM,aAAa,CAAC;AAEjF,OAAO,cAAc,CAAC;AAItB,OAAO,EAAoC,iBAAiB,EAAiD,MAAM,cAAc,CAAC;AAGlI,eAAO,MAAM,cAAc,kCAmEyF,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAA+B,iBAAiB,EAAyC,MAAM,cAAc,CAAC;AAMrH,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAC,aAAa,EAAwC,MAAM,aAAa,CAAC;AAGjF,eAAO,MAAM,cAAc,kCAkDyF,CAAC"}

package/cjs/nodes/TopicChild/index.js

@@ -4,16 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TopicChildNode = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@xyflow/react");
+var _base = require("@rxflow/base");
+var _react = require("@xyflow/react");
+var _ahooks = require("ahooks");
+var _internal = require("antd/es/theme/internal");
 var _lodash = require("lodash");
 require("./index.less");
-var _classcat = _interopRequireDefault(require("classcat"));
-var _internal = require("antd/es/theme/internal");
-var _ahooks = require("ahooks");
-var _base = require("@rxflow/base");
+var _react2 = _interopRequireWildcard(require("react"));
+var _TooltipLabel = require("./TooltipLabel");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /*
@@ -24,7 +23,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
  */
 
-const TopicChildNode = exports.TopicChildNode = /*#__PURE__*/_react.default.memo(props => {
+const TopicChildNode = exports.TopicChildNode = /*#__PURE__*/_react2.default.memo(props => {
   const {
     data,
     height,
@@ -41,11 +40,11 @@ const TopicChildNode = exports.TopicChildNode = /*#__PURE__*/_react.default.memo
   } = data; // 主题配置
 
   const theme = (0, _base.useTheme)();
-  const showTooltip = (0, _base.usePropsSelector)(state => state.showTooltip) ?? 'ellipsis';
+  const showTooltip = (0, _base.useFlowProps)(state => state.showTooltip) ?? 'ellipsis';
   const [_, token] = (0, _internal.useToken)();
   const triggerLayout = (0, _base.useForceUpdate)();
-  const internalNode = (0, _react2.useInternalNode)(id);
-  const ellipsisRow = (0, _react.useMemo)(() => {
+  const internalNode = (0, _react.useInternalNode)(id);
+  const ellipsisRow = (0, _react2.useMemo)(() => {
     if (typeof height === 'number' && token.lineHeight && ellipsis === 'multiLine' && theme.fontSize) {
       return Math.floor(height / (theme.fontSize * token.lineHeight));
     }
@@ -58,15 +57,7 @@ const TopicChildNode = exports.TopicChildNode = /*#__PURE__*/_react.default.memo
     // 触发relayout
     triggerLayout();
   });
-  const canTooltipShow = (0, _ahooks.useMemoizedFn)(event => {
-    const target = event.currentTarget;
-    if (showTooltip) {
-      const textElement = target.firstElementChild;
-      return showTooltip === 'ellipsis' ? textElement && textElement.scrollHeight > textElement.clientHeight : true;
-    }
-    return false;
-  });
-  const handles = (0, _react.useMemo)(() => {
+  const handles = (0, _react2.useMemo)(() => {
     const {
       source = [],
       target
@@ -81,21 +72,12 @@ const TopicChildNode = exports.TopicChildNode = /*#__PURE__*/_react.default.memo
         left: handle.x,
         top: handle.y
       }
-    }, `${handle.id}_${handle.type}`)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.Tooltip, {
-      title: label,
-      canTooltipShow: canTooltipShow,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _classcat.default)(['rxflow-topic-container', `rxflow-${type}`]),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: (0, _classcat.default)(['rxflow-topic-text', {
-            ['rxflow-topic-text-link']: level === 'link'
-          }]),
-          style: {
-            WebkitLineClamp: ellipsisRow
-          },
-          children: label
-        })
-      })
+    }, `${handle.id}_${handle.type}`)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TooltipLabel.TooltipLabel, {
+      label: label,
+      level: level,
+      type: type,
+      showTooltip: showTooltip,
+      ellipsisRow: ellipsisRow
     }), childrenCounts ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.CollapseButton, {
       count: childrenCounts,
       collapsed: collapsed,

package/esm/hooks/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,mBAAmB,CAAC"}

package/esm/hooks/index.js

@@ -0,0 +1,9 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-01-17
+ * @desc: MindMap hooks 导出
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+export * from "./useMindMapProps";

package/esm/hooks/useMindMapProps.d.ts

@@ -0,0 +1,60 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-01-17
+ * @desc: MindMap Props hooks - 类型化的 props 访问
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { IBaseFlowProps } from '@rxflow/base';
+import { MindMapFlowProps, MindMapExtendProps } from '../types';
+type MindMapFullFlowProps = IBaseFlowProps & MindMapExtendProps;
+/**
+ * 获取原始输入 props
+ *
+ * @example
+ * const inputProps = useMindMapInputProps();
+ * const root = useMindMapInputProps(state => state.root);
+ */
+export declare function useMindMapInputProps(): MindMapFlowProps;
+export declare function useMindMapInputProps<U>(selector: (state: MindMapFlowProps) => U): U;
+/**
+ * 获取转换后的 Flow props
+ *
+ * @example
+ * const flowProps = useMindMapFlowProps();
+ * const nodes = useMindMapFlowProps(state => state.nodes);
+ */
+export declare function useMindMapFlowProps(): MindMapFullFlowProps;
+export declare function useMindMapFlowProps<U>(selector: (state: MindMapFullFlowProps) => U): U;
+/**
+ * 获取原始输入 props 的 getter（非响应式）
+ */
+export declare const useGetMindMapInputProps: () => {
+    (): MindMapFlowProps;
+    <U>(selector: (state: MindMapFlowProps) => U): U;
+};
+/**
+ * 获取转换后 Flow props 的 getter（非响应式）
+ */
+export declare const useGetMindMapFlowProps: () => {
+    (): MindMapFullFlowProps;
+    <U>(selector: (state: MindMapFullFlowProps) => U): U;
+};
+/**
+ * 获取 root 节点数据
+ */
+export declare const useMindMapRoot: () => import("../types").TopicNodeType | import("../types").CustomNodeType | undefined;
+/**
+ * 获取主题配置
+ */
+export declare const useMindMapTheme: () => (import("@rxflow/base").BaseThemeConfig & import("../types").MiniMapThemeConfig) | undefined;
+/**
+ * 获取是否显示 tooltip
+ */
+export declare const useShowTooltip: () => false | "always" | "ellipsis" | undefined;
+/**
+ * 获取布局类型
+ */
+export declare const useLayoutType: () => import("../types").LayoutType | undefined;
+export {};
+//# sourceMappingURL=useMindMapProps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMindMapProps.d.ts","sourceRoot":"","sources":["useMindMapProps.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAkE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9G,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAiB,MAAM,UAAU,CAAC;AAE/E,KAAK,oBAAoB,GAAG,cAAc,GAAG,kBAAkB,CAAC;AAEhE;;;;;;GAMG;AACH,wBAAgB,oBAAoB,IAAI,gBAAgB,CAAC;AACzD,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,CAAC,GAAG,CAAC,CAAC;AAKrF;;;;;;GAMG;AACH,wBAAgB,mBAAmB,IAAI,oBAAoB,CAAC;AAC5D,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,CAAC,GAAG,CAAC,CAAC;AAKxF;;GAEG;AACH,eAAO,MAAM,uBAAuB;;;CAEnC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB;;;CAElC,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,cAAc,wFAAkD,CAAC;AAE9E;;GAEG;AACH,eAAO,MAAM,eAAe,oGAAmD,CAAC;AAEhF;;GAEG;AACH,eAAO,MAAM,cAAc,iDAAyD,CAAC;AAErF;;GAEG;AACH,eAAO,MAAM,aAAa,iDAAwD,CAAC"}

package/esm/hooks/useMindMapProps.js

@@ -0,0 +1,83 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-01-17
+ * @desc: MindMap Props hooks - 类型化的 props 访问
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { useInputProps, useFlowProps, useGetInputProps, useGetFlowProps } from '@rxflow/base';
+
+/**
+ * 获取原始输入 props
+ *
+ * @example
+ * const inputProps = useMindMapInputProps();
+ * const root = useMindMapInputProps(state => state.root);
+ */
+
+export function useMindMapInputProps(selector) {
+  return useInputProps(selector);
+}
+
+/**
+ * 获取转换后的 Flow props
+ *
+ * @example
+ * const flowProps = useMindMapFlowProps();
+ * const nodes = useMindMapFlowProps(state => state.nodes);
+ */
+
+export function useMindMapFlowProps(selector) {
+  return useFlowProps(selector);
+}
+
+/**
+ * 获取原始输入 props 的 getter（非响应式）
+ */
+export var useGetMindMapInputProps = function useGetMindMapInputProps() {
+  return useGetInputProps();
+};
+
+/**
+ * 获取转换后 Flow props 的 getter（非响应式）
+ */
+export var useGetMindMapFlowProps = function useGetMindMapFlowProps() {
+  return useGetFlowProps();
+};
+
+// 便捷 hooks
+/**
+ * 获取 root 节点数据
+ */
+export var useMindMapRoot = function useMindMapRoot() {
+  return useMindMapInputProps(function (state) {
+    return state.root;
+  });
+};
+
+/**
+ * 获取主题配置
+ */
+export var useMindMapTheme = function useMindMapTheme() {
+  return useMindMapInputProps(function (state) {
+    return state.theme;
+  });
+};
+
+/**
+ * 获取是否显示 tooltip
+ */
+export var useShowTooltip = function useShowTooltip() {
+  return useMindMapInputProps(function (state) {
+    return state.showTooltip;
+  });
+};
+
+/**
+ * 获取布局类型
+ */
+export var useLayoutType = function useLayoutType() {
+  return useMindMapInputProps(function (state) {
+    return state.layoutType;
+  });
+};

package/esm/index.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
-import { MindMapFlowProps } from "./";
+import { MindMapFlowProps } from "./types";
 declare const MindMapFlow: (props: import("react").PropsWithChildren<MindMapFlowProps>) => import("react/jsx-runtime").JSX.Element;
 export default MindMapFlow;
 export * from './types';
 export * from './constants';
+export * from './hooks/useMindMapProps';
 //# sourceMappingURL=index.d.ts.map

package/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAqB,gBAAgB,EAAC,WAAyB;AAoCtE,QAAA,MAAM,WAAW,yGAmBM,CAAA;AAEvB,eAAe,WAAW,CAAC;AAE3B,cAAc,SAAS,CAAC;AAExB,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAsB,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAkC/D,QAAA,MAAM,WAAW,yGAmBW,CAAC;AAE7B,eAAe,WAAW,CAAC;AAG3B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAG5B,cAAc,yBAAyB,CAAC"}

package/esm/index.js

@@ -13,6 +13,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 /*
  * @author: yanxianliang
  * @date: 2025-06-01 18:36
+ * @modified：2025/1/17 by yanxianliang
  * @desc: 资产树 / 脑图
  *
  * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
@@ -25,9 +26,12 @@ var fitViewOptions = {
   minZoom: 1,
   maxZoom: 1
 };
-var omitProps = ['root', 'layoutType', 'showTooltip'];
 var fn = function fn() {};
-var usePropsTransformer = function usePropsTransformer(props) {
+
+/**
+ * Props 转换 hook
+ */
+var useMindMapPropsTransform = function useMindMapPropsTransform(props) {
   var _props$nodeTypes = props.nodeTypes,
     customNodeTypes = _props$nodeTypes === void 0 ? [] : _props$nodeTypes,
     root = props.root;
@@ -43,7 +47,6 @@ var usePropsTransformer = function usePropsTransformer(props) {
     fitViewOptions: fitViewOptions,
     forceLayout: false,
     nodes: nodes,
-    omitProps: omitProps,
     readOnly: true,
     nodeTypes: [].concat(_toConsumableArray(nodeTypes), _toConsumableArray(customNodeTypes))
   });
@@ -57,12 +60,17 @@ var MindMapFlow = createFlow(function (props) {
       vGap: theme === null || theme === void 0 ? void 0 : theme.vGap,
       markerType: theme === null || theme === void 0 ? void 0 : theme.markerType
     });
-  }, []);
+  }, [theme === null || theme === void 0 ? void 0 : theme.hGap, theme === null || theme === void 0 ? void 0 : theme.vGap, theme === null || theme === void 0 ? void 0 : theme.markerType]);
   return /*#__PURE__*/_jsx(Flow, _objectSpread(_objectSpread({}, props), {}, {
     layout: layout,
     children: children
   }));
-}, usePropsTransformer);
+}, useMindMapPropsTransform);
 export default MindMapFlow;
+
+// 类型导出
 export * from "./types";
-export * from "./constants";
+export * from "./constants";
+
+// Hooks 导出
+export * from "./hooks/useMindMapProps";

package/esm/nodes/TopicChild/TooltipLabel.d.ts

@@ -0,0 +1,9 @@
+import { MindMapExtendProps, TopicBranchNodeType } from "../..";
+export declare const TooltipLabel: ({ type, label, level, ellipsisRow, showTooltip }: {
+    label: TopicBranchNodeType['label'];
+    level: TopicBranchNodeType['level'];
+    type: string;
+    ellipsisRow?: number | undefined;
+    showTooltip: MindMapExtendProps['showTooltip'];
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TooltipLabel.d.ts.map

package/esm/nodes/TopicChild/TooltipLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipLabel.d.ts","sourceRoot":"","sources":["TooltipLabel.tsx"],"names":[],"mappings":"AASA,OAAO,EAAC,kBAAkB,EAAE,mBAAmB,EAAC,cAAyB;AAIzE,eAAO,MAAM,YAAY;WAChB,mBAAmB,CAAC,OAAO,CAAC;WAC5B,mBAAmB,CAAC,OAAO,CAAC;UAC7B,MAAM;;iBAEC,kBAAkB,CAAC,aAAa,CAAC;6CAgC/C,CAAA"}

package/esm/nodes/TopicChild/TooltipLabel.js

@@ -0,0 +1,60 @@
+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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+/**
+ * @author: yanxianliang
+ * @date: 2026-01-19 13:57
+ * @modified：2026/1/19 13:57 by yanxianliang
+ * @desc: 支持溢出的文本显示
+ *
+ * Copyright (c) 2026 by yanxianliang, All Rights Reserved.
+ */
+import { Tooltip } from "@rxflow/base";
+import cc from "classcat";
+import React, { useLayoutEffect, useRef, useState } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var TooltipLabel = function TooltipLabel(_ref) {
+  var type = _ref.type,
+    label = _ref.label,
+    level = _ref.level,
+    ellipsisRow = _ref.ellipsisRow,
+    showTooltip = _ref.showTooltip;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    ellipse = _useState2[0],
+    setEllipse = _useState2[1];
+  var rootRef = useRef(null);
+  useLayoutEffect(function () {
+    if (showTooltip === 'ellipsis') {
+      var target = rootRef.current;
+      var textElement = target.firstElementChild;
+      var canTooltip = textElement && textElement.scrollHeight > textElement.clientHeight;
+      setEllipse(canTooltip);
+    }
+  }, [label]);
+  var child = /*#__PURE__*/_jsx("div", {
+    className: cc(['rxflow-topic-container', "rxflow-".concat(type)]),
+    ref: rootRef,
+    children: /*#__PURE__*/_jsx("span", {
+      className: cc(['rxflow-topic-text', _defineProperty({}, 'rxflow-topic-text-link', level === 'link')]),
+      style: {
+        WebkitLineClamp: ellipsisRow
+      },
+      children: label
+    })
+  });
+  if (showTooltip === 'ellipsis' && ellipse || showTooltip === 'always') {
+    return /*#__PURE__*/_jsx(Tooltip, {
+      title: label,
+      children: child
+    });
+  }
+  return child;
+};

package/esm/nodes/TopicChild/index.d.ts

@@ -1,5 +1,5 @@
-import { InnerNodeType } from "../../types";
-import './index.less';
 import { NodeTypeComponent } from "@rxflow/base";
+import './index.less';
+import { InnerNodeType } from "../../types";
 export declare const TopicChildNode: NodeTypeComponent<InnerNodeType>;
 //# sourceMappingURL=index.d.ts.map

package/esm/nodes/TopicChild/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAC,aAAa,EAAwC,MAAM,aAAa,CAAC;AAEjF,OAAO,cAAc,CAAC;AAItB,OAAO,EAAoC,iBAAiB,EAAiD,MAAM,cAAc,CAAC;AAGlI,eAAO,MAAM,cAAc,kCAmEyF,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAA+B,iBAAiB,EAAyC,MAAM,cAAc,CAAC;AAMrH,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAC,aAAa,EAAwC,MAAM,aAAa,CAAC;AAGjF,eAAO,MAAM,cAAc,kCAkDyF,CAAC"}

package/esm/nodes/TopicChild/index.js

@@ -1,7 +1,3 @@
-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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
@@ -20,19 +16,19 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
  * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
  */
 
-import React, { useMemo } from "react";
+import { CollapseButton, HiddenHandle, useFlowProps, useForceUpdate, useTheme } from "@rxflow/base";
 import { useInternalNode } from "@xyflow/react";
+import { useMemoizedFn } from "ahooks";
+import { useToken } from "antd/es/theme/internal";
 import { isEqual } from "lodash";
 import "./index.less";
-import cc from 'classcat';
-import { useToken } from "antd/es/theme/internal";
-import { useMemoizedFn } from "ahooks";
-import { Tooltip, useTheme, CollapseButton, usePropsSelector, HiddenHandle, useForceUpdate } from "@rxflow/base";
+import React, { useMemo } from "react";
+import { TooltipLabel } from "./TooltipLabel";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var TopicChildNode = /*#__PURE__*/React.memo(function (props) {
-  var _usePropsSelector, _internalNode$interna2;
+  var _useFlowProps, _internalNode$interna2;
   var data = props.data,
     height = props.height,
     type = props.type,
@@ -46,9 +42,9 @@ export var TopicChildNode = /*#__PURE__*/React.memo(function (props) {
     ellipsis = _ref.ellipsis; // 主题配置
 
   var theme = useTheme();
-  var showTooltip = (_usePropsSelector = usePropsSelector(function (state) {
+  var showTooltip = (_useFlowProps = useFlowProps(function (state) {
     return state.showTooltip;
-  })) !== null && _usePropsSelector !== void 0 ? _usePropsSelector : 'ellipsis';
+  })) !== null && _useFlowProps !== void 0 ? _useFlowProps : 'ellipsis';
   var _useToken = useToken(),
     _useToken2 = _slicedToArray(_useToken, 2),
     _ = _useToken2[0],
@@ -68,14 +64,6 @@ export var TopicChildNode = /*#__PURE__*/React.memo(function (props) {
     // 触发relayout
     triggerLayout();
   });
-  var canTooltipShow = useMemoizedFn(function (event) {
-    var target = event.currentTarget;
-    if (showTooltip) {
-      var textElement = target.firstElementChild;
-      return showTooltip === 'ellipsis' ? textElement && textElement.scrollHeight > textElement.clientHeight : true;
-    }
-    return false;
-  });
   var handles = useMemo(function () {
     var _internalNode$interna;
     var _ref2 = (internalNode === null || internalNode === void 0 || (_internalNode$interna = internalNode.internals) === null || _internalNode$interna === void 0 ? void 0 : _internalNode$interna.handleBounds) || {},
@@ -94,19 +82,12 @@ export var TopicChildNode = /*#__PURE__*/React.memo(function (props) {
           top: handle.y
         }
       }, "".concat(handle.id, "_").concat(handle.type));
-    }), /*#__PURE__*/_jsx(Tooltip, {
-      title: label,
-      canTooltipShow: canTooltipShow,
-      children: /*#__PURE__*/_jsx("div", {
-        className: cc(['rxflow-topic-container', "rxflow-".concat(type)]),
-        children: /*#__PURE__*/_jsx("span", {
-          className: cc(['rxflow-topic-text', _defineProperty({}, 'rxflow-topic-text-link', level === 'link')]),
-          style: {
-            WebkitLineClamp: ellipsisRow
-          },
-          children: label
-        })
-      })
+    }), /*#__PURE__*/_jsx(TooltipLabel, {
+      label: label,
+      level: level,
+      type: type,
+      showTooltip: showTooltip,
+      ellipsisRow: ellipsisRow
     }), childrenCounts ? /*#__PURE__*/_jsx(CollapseButton, {
       count: childrenCounts,
       collapsed: collapsed,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rxflow/mind-map",
-  "version": "0.0.3",
+  "version": "0.0.4-alpha.1",
   "description": "资产树/思维导图",
   "homepage": "https://tree-graph.publib.cn/packages/mind-map",
   "repository": {
@@ -31,7 +31,7 @@
     "build": "father build"
   },
   "dependencies": {
-    "@rxflow/base": "^0.0.3"
+    "@rxflow/base": "^0.0.4-alpha.1"
   },
   "peerDependencies": {
     "@types/lodash": ">=4.17.16",