@rxflow/mind-map 0.0.1-alpha.0

package/cjs/utils/getNodeBoundWidth.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getNodeBoundWidth = getNodeBoundWidth;
+var _base = require("@rxflow/base");
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-02 20:29
+ * @desc: 计算节点宽度
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+function calcAutoWidth(label, theme) {
+  const fontStyle = `${theme.fontSize}px ${theme.fontFamily}`;
+  const textWidth = (0, _base.measureTextWidth)(label, fontStyle);
+  return textWidth + 6 * 2; // margin 5px
+}
+function getNodeBoundWidth(defaultWidth, node, theme) {
+  const topicNode = node;
+  const {
+    width,
+    label = ''
+  } = topicNode;
+  if (width === 'auto') {
+    // 自动计算
+
+    const widthSize = calcAutoWidth(label, theme);
+    const minWidth = topicNode?.minWidth ?? widthSize;
+    const maxWidth = topicNode?.maxWidth ?? widthSize;
+    return Math.min(Math.max(widthSize, minWidth), maxWidth);
+  }
+  return defaultWidth; // 默认值
+}

package/esm/constants.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-09-10 17:25
+ * @modified：2025/9/10 17:25 by yanxianliang
+ * @desc: 内置常量配置
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+export declare enum MindMapNodeEnum {
+    Topic = "topic",
+    TopicBranch = "topic-branch",
+    TopicChild = "topic-child"
+}
+//# sourceMappingURL=constants.d.ts.map

package/esm/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["constants.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,oBAAY,eAAe;IACzB,KAAK,UAAU;IACf,WAAW,iBAAgB;IAC3B,UAAU,gBAAgB;CAC3B"}

package/esm/constants.js

@@ -0,0 +1,15 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-09-10 17:25
+ * @modified：2025/9/10 17:25 by yanxianliang
+ * @desc: 内置常量配置
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+export var MindMapNodeEnum = /*#__PURE__*/function (MindMapNodeEnum) {
+  MindMapNodeEnum["Topic"] = "topic";
+  MindMapNodeEnum["TopicBranch"] = "topic-branch";
+  MindMapNodeEnum["TopicChild"] = "topic-child";
+  return MindMapNodeEnum;
+}({});

package/esm/index.d.ts

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

package/esm/index.d.ts.map

@@ -0,0 +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"}

package/esm/index.js

@@ -0,0 +1,68 @@
+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 _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 _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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); }
+/*
+ * @author: yanxianliang
+ * @date: 2025-06-01 18:36
+ * @desc: 资产树 / 脑图
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { createFlow, Flow, mindMapLayout } from "@rxflow/base";
+import { useMemo } from "react";
+import { nodeTypes } from "./nodes";
+import { jsx as _jsx } from "react/jsx-runtime";
+var fitViewOptions = {
+  minZoom: 1,
+  maxZoom: 1
+};
+var omitProps = ['root', 'layoutType', 'showTooltip'];
+var fn = function fn() {};
+var usePropsTransformer = function usePropsTransformer(props) {
+  var _props$nodeTypes = props.nodeTypes,
+    customNodeTypes = _props$nodeTypes === void 0 ? [] : _props$nodeTypes,
+    root = props.root;
+  var nodes = useMemo(function () {
+    return root ? [root] : [];
+  }, [root]);
+  return _objectSpread(_objectSpread({
+    minZoom: 1,
+    maxZoom: 1,
+    onNodeClick: fn
+  }, props), {}, {
+    autoCenter: false,
+    fitViewOptions: fitViewOptions,
+    forceLayout: false,
+    nodes: nodes,
+    omitProps: omitProps,
+    readOnly: true,
+    nodeTypes: [].concat(_toConsumableArray(nodeTypes), _toConsumableArray(customNodeTypes))
+  });
+};
+var MindMapFlow = createFlow(function (props) {
+  var theme = props.theme,
+    children = props.children;
+  var layout = useMemo(function () {
+    return mindMapLayout.bind(null, {
+      hGap: theme === null || theme === void 0 ? void 0 : theme.hGap,
+      vGap: theme === null || theme === void 0 ? void 0 : theme.vGap,
+      markerType: theme === null || theme === void 0 ? void 0 : theme.markerType
+    });
+  }, []);
+  return /*#__PURE__*/_jsx(Flow, _objectSpread(_objectSpread({}, props), {}, {
+    layout: layout,
+    children: children
+  }));
+}, usePropsTransformer);
+export default MindMapFlow;
+export * from "./types";
+export * from "./constants";

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

@@ -0,0 +1,4 @@
+import { TopicNodeType } from "../../types";
+import { NodeTypeComponent } from '@rxflow/base';
+export declare const TopicNode: NodeTypeComponent<TopicNodeType>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAE1C,OAAO,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAG/C,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,aAAa,CAItD,CAAC"}

package/esm/nodes/Topic/index.js

@@ -0,0 +1,20 @@
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); }
+/*
+ * @author: yanxianliang
+ * @date: 2025-06-01 20:44
+ * @desc: Topic Node
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+import React from "react";
+import { TopicChildNode } from "../TopicChild";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var TopicNode = function TopicNode(props) {
+  return /*#__PURE__*/_jsx(TopicChildNode, _objectSpread({}, props));
+};

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

@@ -0,0 +1,4 @@
+import { TopicBranchNodeType } from "../../types";
+import { NodeTypeComponent } from "@rxflow/base";
+export declare const TopicBranchNode: NodeTypeComponent<TopicBranchNodeType>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,mBAAmB,EAAC,MAAM,aAAa,CAAC;AAEjD,OAAO,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAE/C,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,mBAAmB,CAIlE,CAAC"}

package/esm/nodes/TopicBranch/index.js

@@ -0,0 +1,20 @@
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); }
+/*
+ * @author: yanxianliang
+ * @date: 2025-06-01 20:44
+ * @desc: Topic Node
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+import React from "react";
+import { TopicChildNode } from "../TopicChild";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var TopicBranchNode = function TopicBranchNode(props) {
+  return /*#__PURE__*/_jsx(TopicChildNode, _objectSpread({}, props));
+};

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

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

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

@@ -0,0 +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"}

package/esm/nodes/TopicChild/index.js

@@ -0,0 +1,118 @@
+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); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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: 2025-06-01 20:44
+ * @desc: Topic Node
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+import React, { useMemo } from "react";
+import { useInternalNode } from "@xyflow/react";
+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 { 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 data = props.data,
+    height = props.height,
+    type = props.type,
+    id = props.id;
+  var _ref = data,
+    label = _ref.label,
+    level = _ref.level,
+    childCount = _ref.childCount,
+    collapsed = _ref.collapsed,
+    children = _ref.children,
+    ellipsis = _ref.ellipsis; // 主题配置
+
+  var theme = useTheme();
+  var showTooltip = (_usePropsSelector = usePropsSelector(function (state) {
+    return state.showTooltip;
+  })) !== null && _usePropsSelector !== void 0 ? _usePropsSelector : 'ellipsis';
+  var _useToken = useToken(),
+    _useToken2 = _slicedToArray(_useToken, 2),
+    _ = _useToken2[0],
+    token = _useToken2[1];
+  var triggerLayout = useForceUpdate();
+  var internalNode = useInternalNode(id);
+  var ellipsisRow = useMemo(function () {
+    if (typeof height === 'number' && token.lineHeight && ellipsis === 'multiLine' && theme.fontSize) {
+      return Math.floor(height / (theme.fontSize * token.lineHeight));
+    }
+    return 1;
+  }, [token.lineHeight, height, theme.fontSize]);
+  var childrenCounts = childCount !== null && childCount !== void 0 ? childCount : children === null || children === void 0 ? void 0 : children.length;
+  var onCollapsed = useMemoizedFn(function (collapsed) {
+    // 修改data 属性，触发relayout
+    data.collapsed = collapsed;
+    // 触发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) || {},
+      _ref2$source = _ref2.source,
+      source = _ref2$source === void 0 ? [] : _ref2$source,
+      target = _ref2.target;
+    return [].concat(_toConsumableArray(source || []), _toConsumableArray(target || []));
+  }, [internalNode === null || internalNode === void 0 || (_internalNode$interna2 = internalNode.internals) === null || _internalNode$interna2 === void 0 ? void 0 : _internalNode$interna2.handleBounds]);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [handles === null || handles === void 0 ? void 0 : handles.map(function (handle) {
+      return /*#__PURE__*/_jsx(HiddenHandle, {
+        type: handle.type,
+        position: handle.position,
+        style: {
+          left: handle.x,
+          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
+        })
+      })
+    }), childrenCounts ? /*#__PURE__*/_jsx(CollapseButton, {
+      count: childrenCounts,
+      collapsed: collapsed,
+      onCollapse: onCollapsed
+    }) : null]
+  });
+}, function (prevProps, nextProps) {
+  return isEqual(prevProps.data, nextProps.data);
+});

package/esm/nodes/TopicChild/index.less

@@ -0,0 +1,58 @@
+.rxflow-topic {
+  &,&-branch{
+    align-items: center;
+    background-color: rgb(239, 244, 255);
+    border: 1px solid var(--primary-color);
+    border-radius: 6px;
+
+    &:hover {
+      box-shadow: 0 0 3px 2px var(--primary-color-lighten);
+    }
+  }
+
+  &-child {
+    align-items: end;
+    transform: translate(0, -50%) translate(0, 1px);
+    &:after {
+      content: '';
+      display: block;
+      position: absolute;
+      bottom: 0;
+      height: 2px;
+      background-color: var(--primary-color);
+      left: 0;
+      right: 0;
+    }
+
+    &:hover {
+      &:after {
+        box-shadow: 0 2px 1px 0 var(--primary-color-lighten);
+      }
+    }
+  }
+
+  &-container {
+    width: 100%;
+    height: 100%;
+    cursor: pointer;
+    display: flex;
+    padding: 5px 5px 4px;
+    justify-content: center;
+    position: relative;
+    box-sizing: border-box;
+  }
+
+  &-text {
+    font-family: var(--font-family);
+    font-size: var(--font-size);
+    color: var(--text-color);
+    display: -webkit-box;
+    -webkit-line-clamp: 1; /* 默认1行 */
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+
+    &&-link {
+      color: var(--link-text-color);
+    }
+  }
+}

package/esm/nodes/index.d.ts

@@ -0,0 +1,6 @@
+import { INodeDefinition } from "@rxflow/base";
+/**
+ * 内置的节点类型
+ */
+export declare const nodeTypes: INodeDefinition<any>[];
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAWA,OAAO,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAI7C;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,eAAe,CAAC,GAAG,CAAC,EAwB1C,CAAA"}

package/esm/nodes/index.js

@@ -0,0 +1,42 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-06-20 21:48
+ * @desc: nodeTypes register
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { MindMapNodeEnum } from "../constants";
+import { TopicNode } from "./Topic";
+import { TopicBranchNode } from "./TopicBranch";
+import { TopicChildNode } from "./TopicChild";
+import { getNodeBoundWidth } from "../utils/getNodeBoundWidth";
+import { getHandles } from "../utils/getHandles";
+
+/**
+ * 内置的节点类型
+ */
+export var nodeTypes = [{
+  type: MindMapNodeEnum.Topic,
+  component: TopicNode,
+  defaultSize: {
+    width: getNodeBoundWidth.bind(this, 160),
+    height: 50
+  },
+  measureHandles: getHandles
+}, {
+  type: MindMapNodeEnum.TopicBranch,
+  component: TopicBranchNode,
+  defaultSize: {
+    width: getNodeBoundWidth.bind(this, 100),
+    height: 40
+  },
+  measureHandles: getHandles
+}, {
+  type: MindMapNodeEnum.TopicChild,
+  component: TopicChildNode,
+  defaultSize: {
+    width: getNodeBoundWidth.bind(this, 60),
+    height: 30
+  },
+  measureHandles: getHandles
+}];

package/esm/types.d.ts

@@ -0,0 +1,77 @@
+import { BaseThemeConfig, IBaseFlowProps, MindMapLayoutConfig } from "@rxflow/base";
+import { MindMapNodeEnum } from "./constants";
+export interface MiniMapThemeConfig extends BaseThemeConfig, MindMapLayoutConfig {
+    /**
+     * @description 折叠按钮形状
+     * @default 'rect'
+     */
+    collapseButtonShape?: 'rect' | 'circle';
+}
+export type LayoutType = 'compactBox' | 'mindmap';
+export type NodeConfig = {
+    /**
+     * @description 节点默认宽度，当节点数据中未配置宽度时，使用全局默认宽度，不配置则使用对应节点类型内置的宽度
+     */
+    width?: number | 'auto';
+    /**
+     * @description 节点高度，当节点数据中未配置宽度时，使用全局默认宽度，不配置则使用对应节点类型内置的宽度
+     */
+    height?: number;
+    /**
+     * @description 最小宽度限制
+     */
+    minWidth?: number;
+    /**
+     * @description 最大宽度限制
+     */
+    maxWidth?: number;
+};
+export type MindMapExtendProps = {
+    /**
+     * @description 布局方式
+     * @default 'mindmap'
+     */
+    layoutType?: LayoutType;
+    /**
+     * @description 主题配置
+     */
+    theme?: MiniMapThemeConfig;
+    /**
+     * @description 树结构数据源
+     */
+    root?: TopicNodeType | CustomNodeType;
+    /**
+     * @description tooltip 显示策略
+     * @default 'ellipsis'
+     */
+    showTooltip?: 'always' | 'ellipsis' | false;
+};
+export type MindMapFlowProps = Omit<IBaseFlowProps, 'nodes' | 'edges' | 'defaultEdges' | 'defaultNodes' | 'markers' | 'readOnly' | 'forceLayout' | 'layout' | 'autoCenter' | 'showLegend'> & MindMapExtendProps & {};
+export type DisplayLevel = 'link';
+export type TopicChildNodeType = NodeConfig & {
+    id: string;
+    type: MindMapNodeEnum.TopicChild;
+    label: string;
+    level?: DisplayLevel;
+    ellipsis?: 'multiLine';
+    side?: 'left' | 'right';
+};
+export type TopicBranchNodeType = Omit<TopicChildNodeType, 'type'> & {
+    type: MindMapNodeEnum.TopicBranch;
+    collapsed?: boolean;
+    childCount?: number;
+    children?: Array<TopicBranchNodeType | TopicChildNodeType>;
+};
+export type TopicNodeType = Omit<TopicBranchNodeType, 'type'> & {
+    type: MindMapNodeEnum.Topic;
+};
+export type InnerNodeType = TopicNodeType | TopicBranchNodeType | TopicChildNodeType;
+export type CustomNodeType = {
+    type: string;
+    id: string;
+    collapsed?: boolean;
+    childCount?: number;
+    children?: Array<CustomNodeType>;
+    side?: 'left' | 'right';
+};
+//# sourceMappingURL=types.d.ts.map

package/esm/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAE,cAAc,EAAE,mBAAmB,EAAC,MAAM,cAAc,CAAC;AAClF,OAAO,EAAC,eAAe,EAAC,MAAM,aAAa,CAAC;AAE5C,MAAM,WAAW,kBAAmB,SAAQ,eAAe,EAAE,mBAAmB;IAC9E;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;CACzC;AAED,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG,SAAS,CAAC;AAGlD,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAA;AAGD,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,GAAG,cAAc,CAAC;IAEtC;;;OAGG;IACH,WAAW,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,KAAK,CAAC;CAC7C,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,EAChD,OAAO,GACP,OAAO,GACP,cAAc,GACd,cAAc,GACd,SAAS,GACT,UAAU,GACV,aAAa,GACb,QAAQ,GACR,YAAY,GACZ,YAAY,CACb,GAAG,kBAAkB,GAAG,EAAE,CAAA;AAE3B,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC;AAElC,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG;IAC5C,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,eAAe,CAAC,UAAU,CAAC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACzB,CAAA;AAGD,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,GAAG;IACnE,IAAI,EAAE,eAAe,CAAC,WAAW,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,mBAAmB,GAAG,kBAAkB,CAAC,CAAC;CAC5D,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,mBAAmB,EAAE,MAAM,CAAC,GAAG;IAC9D,IAAI,EAAE,eAAe,CAAC,KAAK,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,aAAa,GAAG,mBAAmB,GAAG,kBAAkB,CAAC;AAGrF,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACzB,CAAA"}

package/esm/types.js

@@ -0,0 +1 @@
+export {};

package/esm/utils/getHandles.d.ts

@@ -0,0 +1,4 @@
+import { Node } from "@xyflow/react";
+import { NodeHandleBounds } from "@xyflow/system";
+export declare function getHandles(node: Node): NodeHandleBounds;
+//# sourceMappingURL=getHandles.d.ts.map

package/esm/utils/getHandles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getHandles.d.ts","sourceRoot":"","sources":["getHandles.ts"],"names":[],"mappings":"AAQA,OAAO,EAAC,IAAI,EAAC,MAAM,eAAe,CAAC;AACnC,OAAO,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAEhD,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,gBAAgB,CAwBvD"}

package/esm/utils/getHandles.js

@@ -0,0 +1,37 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-02 20:15
+ * @desc:  计算handles 信息
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { Position } from "@xyflow/react";
+export function getHandles(node) {
+  var id = node.id,
+    _node$width = node.width,
+    width = _node$width === void 0 ? 1 : _node$width,
+    _node$height = node.height,
+    height = _node$height === void 0 ? 1 : _node$height;
+  return {
+    source: [{
+      height: 0,
+      id: null,
+      nodeId: id,
+      position: Position.Right,
+      type: "source",
+      width: 0,
+      x: width,
+      y: height / 2
+    }],
+    target: [{
+      height: 0,
+      id: null,
+      nodeId: id,
+      position: Position.Left,
+      type: "target",
+      width: 0,
+      x: 0,
+      y: height / 2
+    }]
+  };
+}

package/esm/utils/getNodeBoundWidth.d.ts

@@ -0,0 +1,4 @@
+import { Node } from '@xyflow/react';
+import { BaseThemeConfig } from "@rxflow/base";
+export declare function getNodeBoundWidth(defaultWidth: number, node: Node, theme: BaseThemeConfig): number;
+//# sourceMappingURL=getNodeBoundWidth.d.ts.map

package/esm/utils/getNodeBoundWidth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getNodeBoundWidth.d.ts","sourceRoot":"","sources":["getNodeBoundWidth.ts"],"names":[],"mappings":"AAQA,OAAO,EAAC,IAAI,EAAC,MAAM,eAAe,CAAC;AACnC,OAAO,EAAmB,eAAe,EAAC,MAAM,cAAc,CAAC;AAQ/D,wBAAgB,iBAAiB,CAAC,YAAY,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,eAAe,UAWzF"}

package/esm/utils/getNodeBoundWidth.js

@@ -0,0 +1,30 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-02 20:29
+ * @desc: 计算节点宽度
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+import { measureTextWidth } from "@rxflow/base";
+function calcAutoWidth(label, theme) {
+  var fontStyle = "".concat(theme.fontSize, "px ").concat(theme.fontFamily);
+  var textWidth = measureTextWidth(label, fontStyle);
+  return textWidth + 6 * 2; // margin 5px
+}
+export function getNodeBoundWidth(defaultWidth, node, theme) {
+  var topicNode = node;
+  var width = topicNode.width,
+    _topicNode$label = topicNode.label,
+    label = _topicNode$label === void 0 ? '' : _topicNode$label;
+  if (width === 'auto') {
+    var _topicNode$minWidth, _topicNode$maxWidth;
+    // 自动计算
+
+    var widthSize = calcAutoWidth(label, theme);
+    var minWidth = (_topicNode$minWidth = topicNode === null || topicNode === void 0 ? void 0 : topicNode.minWidth) !== null && _topicNode$minWidth !== void 0 ? _topicNode$minWidth : widthSize;
+    var maxWidth = (_topicNode$maxWidth = topicNode === null || topicNode === void 0 ? void 0 : topicNode.maxWidth) !== null && _topicNode$maxWidth !== void 0 ? _topicNode$maxWidth : widthSize;
+    return Math.min(Math.max(widthSize, minWidth), maxWidth);
+  }
+  return defaultWidth; // 默认值
+}