@rxflow/mind-map 0.0.1-alpha.0

package/README.md

@@ -0,0 +1,41 @@
+# @rxflow/mind-map
+
+资产树/思维导图组件。
+
+## 安装
+
+```bash
+npm install @rxflow/mind-map @rxflow/base
+# or
+pnpm add @rxflow/mind-map @rxflow/base
+```
+
+## 使用
+
+```tsx
+import MindMapFlow from '@rxflow/mind-map';
+
+function App() {
+  return (
+    <MindMapFlow
+      data={mindMapData}
+      // ... other props
+    />
+  );
+}
+```
+
+## 特性
+
+- 树形布局
+- 节点展开/折叠
+- 拖拽排序
+- 主题定制
+
+## API 文档
+
+访问 [完整文档](https://tree-graph.publib.cn/mind-map/examples) 查看详细 API。
+
+## License
+
+MIT

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MindMapNodeEnum = void 0;
+/**
+ * @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.
+ */
+let MindMapNodeEnum = exports.MindMapNodeEnum = /*#__PURE__*/function (MindMapNodeEnum) {
+  MindMapNodeEnum["Topic"] = "topic";
+  MindMapNodeEnum["TopicBranch"] = "topic-branch";
+  MindMapNodeEnum["TopicChild"] = "topic-child";
+  return MindMapNodeEnum;
+}({});

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

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports.default = void 0;
+var _base = require("@rxflow/base");
+var _react = require("react");
+var _nodes = require("./nodes");
+var _jsxRuntime = require("react/jsx-runtime");
+var _types = require("./types");
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _types[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _types[key];
+    }
+  });
+});
+var _constants = require("./constants");
+Object.keys(_constants).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _constants[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _constants[key];
+    }
+  });
+});
+/*
+ * @author: yanxianliang
+ * @date: 2025-06-01 18:36
+ * @desc: 资产树 / 脑图
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const fitViewOptions = {
+  minZoom: 1,
+  maxZoom: 1
+};
+const omitProps = ['root', 'layoutType', 'showTooltip'];
+const fn = () => {};
+const usePropsTransformer = props => {
+  const {
+    nodeTypes: customNodeTypes = [],
+    root
+  } = props;
+  const nodes = (0, _react.useMemo)(() => {
+    return root ? [root] : [];
+  }, [root]);
+  return {
+    minZoom: 1,
+    maxZoom: 1,
+    onNodeClick: fn,
+    ...props,
+    autoCenter: false,
+    fitViewOptions: fitViewOptions,
+    forceLayout: false,
+    nodes,
+    omitProps,
+    readOnly: true,
+    nodeTypes: [..._nodes.nodeTypes, ...customNodeTypes]
+  };
+};
+const MindMapFlow = (0, _base.createFlow)(props => {
+  const {
+    theme,
+    children
+  } = props;
+  const layout = (0, _react.useMemo)(() => {
+    return _base.mindMapLayout.bind(null, {
+      hGap: theme?.hGap,
+      vGap: theme?.vGap,
+      markerType: theme?.markerType
+    });
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.Flow, {
+    ...props,
+    layout: layout,
+    children: children
+  });
+}, usePropsTransformer);
+var _default = exports.default = MindMapFlow;

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

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TopicNode = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _TopicChild = require("../TopicChild");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/*
+ * @author: yanxianliang
+ * @date: 2025-06-01 20:44
+ * @desc: Topic Node
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const TopicNode = props => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TopicChild.TopicChildNode, {
+    ...props
+  });
+};
+exports.TopicNode = TopicNode;

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

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TopicBranchNode = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _TopicChild = require("../TopicChild");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/*
+ * @author: yanxianliang
+ * @date: 2025-06-01 20:44
+ * @desc: Topic Node
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const TopicBranchNode = props => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TopicChild.TopicChildNode, {
+    ...props
+  });
+};
+exports.TopicBranchNode = TopicBranchNode;

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

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TopicChildNode = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@xyflow/react");
+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 _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; }
+/*
+ * @author: yanxianliang
+ * @date: 2025-06-01 20:44
+ * @desc: Topic Node
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const TopicChildNode = exports.TopicChildNode = /*#__PURE__*/_react.default.memo(props => {
+  const {
+    data,
+    height,
+    type,
+    id
+  } = props;
+  const {
+    label,
+    level,
+    childCount,
+    collapsed,
+    children,
+    ellipsis
+  } = data; // 主题配置
+
+  const theme = (0, _base.useTheme)();
+  const showTooltip = (0, _base.usePropsSelector)(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)(() => {
+    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]);
+  const childrenCounts = childCount ?? children?.length;
+  const onCollapsed = (0, _ahooks.useMemoizedFn)(collapsed => {
+    // 修改data 属性，触发relayout
+    data.collapsed = collapsed;
+    // 触发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 {
+      source = [],
+      target
+    } = internalNode?.internals?.handleBounds || {};
+    return [...(source || []), ...(target || [])];
+  }, [internalNode?.internals?.handleBounds]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [handles?.map(handle => /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.HiddenHandle, {
+      type: handle.type,
+      position: handle.position,
+      style: {
+        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
+        })
+      })
+    }), childrenCounts ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.CollapseButton, {
+      count: childrenCounts,
+      collapsed: collapsed,
+      onCollapse: onCollapsed
+    }) : null]
+  });
+}, (prevProps, nextProps) => (0, _lodash.isEqual)(prevProps.data, nextProps.data));

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

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.nodeTypes = void 0;
+var _constants = require("../constants");
+var _Topic = require("./Topic");
+var _TopicBranch = require("./TopicBranch");
+var _TopicChild = require("./TopicChild");
+var _getNodeBoundWidth = require("../utils/getNodeBoundWidth");
+var _getHandles = require("../utils/getHandles");
+/**
+ * @author: yanxianliang
+ * @date: 2025-06-20 21:48
+ * @desc: nodeTypes register
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+/**
+ * 内置的节点类型
+ */
+const nodeTypes = exports.nodeTypes = [{
+  type: _constants.MindMapNodeEnum.Topic,
+  component: _Topic.TopicNode,
+  defaultSize: {
+    width: _getNodeBoundWidth.getNodeBoundWidth.bind(void 0, 160),
+    height: 50
+  },
+  measureHandles: _getHandles.getHandles
+}, {
+  type: _constants.MindMapNodeEnum.TopicBranch,
+  component: _TopicBranch.TopicBranchNode,
+  defaultSize: {
+    width: _getNodeBoundWidth.getNodeBoundWidth.bind(void 0, 100),
+    height: 40
+  },
+  measureHandles: _getHandles.getHandles
+}, {
+  type: _constants.MindMapNodeEnum.TopicChild,
+  component: _TopicChild.TopicChildNode,
+  defaultSize: {
+    width: _getNodeBoundWidth.getNodeBoundWidth.bind(void 0, 60),
+    height: 30
+  },
+  measureHandles: _getHandles.getHandles
+}];

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/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/cjs/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/cjs/utils/getHandles.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getHandles = getHandles;
+var _react = require("@xyflow/react");
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-02 20:15
+ * @desc:  计算handles 信息
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+function getHandles(node) {
+  const {
+    id,
+    width = 1,
+    height = 1
+  } = node;
+  return {
+    source: [{
+      height: 0,
+      id: null,
+      nodeId: id,
+      position: _react.Position.Right,
+      type: "source",
+      width: 0,
+      x: width,
+      y: height / 2
+    }],
+    target: [{
+      height: 0,
+      id: null,
+      nodeId: id,
+      position: _react.Position.Left,
+      type: "target",
+      width: 0,
+      x: 0,
+      y: height / 2
+    }]
+  };
+}

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