@rxflow/bloodline 0.0.1-alpha.0

package/README.md

@@ -0,0 +1,41 @@
+# @rxflow/bloodline
+
+通用血缘关系图组件，用于展示数据血缘关系。
+
+## 安装
+
+```bash
+npm install @rxflow/bloodline @rxflow/base
+# or
+pnpm add @rxflow/bloodline @rxflow/base
+```
+
+## 使用
+
+```tsx
+import BloodlineFlow from '@rxflow/bloodline';
+
+function App() {
+  return (
+    <BloodlineFlow
+      data={bloodlineData}
+      // ... other props
+    />
+  );
+}
+```
+
+## 特性
+
+- 自动布局
+- 血缘关系可视化
+- 节点展开/折叠
+- 主题定制
+
+## API 文档
+
+访问 [完整文档](https://tree-graph.publib.cn/bloodline/examples) 查看详细 API。
+
+## License
+
+MIT

package/cjs/BaseNodeWrapper/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-09-18 14:16
+ * @modified：2025/9/18 14:16 by yanxianliang
+ * @desc: 节点的外层组件，实现内置的折叠、加载功能
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { NodeTypeComponent } from '@rxflow/base';
+import { BloodlineDirection } from "..";
+import { BaseBloodNode } from "../types";
+export declare const BaseNodeWrapper: NodeTypeComponent<{
+    direction: BloodlineDirection;
+    origin: BaseBloodNode;
+    isRoot?: boolean;
+    depth: number;
+}>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAC,iBAAiB,EAAiB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAC,kBAAkB,EAAC,WAA0B;AAGrD,OAAO,EAAC,aAAa,EAAC,MAAM,UAAU,CAAC;AAIvC,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC;IAC9C,SAAS,EAAE,kBAAkB,CAAC;IAC9B,MAAM,EAAE,aAAa,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf,CAyBA,CAAA"}

package/cjs/BaseNodeWrapper/index.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BaseNodeWrapper = void 0;
+var _base = require("@rxflow/base");
+var _ = require("./..");
+var _react = _interopRequireWildcard(require("react"));
+var _Connector = require("../components/Connector");
+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; }
+/**
+ * @author: yanxianliang
+ * @date: 2025-09-18 14:16
+ * @modified：2025/9/18 14:16 by yanxianliang
+ * @desc: 节点的外层组件，实现内置的折叠、加载功能
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+// 末级叶子节点，前面显示折叠器
+const BaseNodeWrapper = props => {
+  const {
+    type,
+    data
+  } = props;
+  const nodeTypeMap = (0, _base.useNodeTypeMap)();
+  const Component = (0, _react.useMemo)(() => {
+    return nodeTypeMap.get(type)?._component;
+  }, [nodeTypeMap]);
+  const {
+    origin
+  } = data;
+
+  // 创建更多的占位连接桩，当出现重复时可以使用上下进行链接
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Connector.Connector, {
+      source: origin,
+      direction: _.BloodlineDirection.upstream
+    }), Component ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+      ...props
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Connector.Connector, {
+      source: origin,
+      direction: _.BloodlineDirection.downstream
+    })]
+  });
+};
+exports.BaseNodeWrapper = BaseNodeWrapper;

package/cjs/GroupNodeWrapper/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-09-25 10:16
+ * @modified：2025/9/25 10:16 by yanxianliang
+ * @desc: 组合节点，支持多个连接桩
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { type NodeTypeComponent } from '@rxflow/base';
+import { BaseBloodNode, BloodlineDirection } from "..";
+export declare const GroupWrapper: NodeTypeComponent<{
+    direction: BloodlineDirection;
+    origin: BaseBloodNode;
+}>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAiB,KAAK,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAEpE,OAAO,EAAC,aAAa,EAAE,kBAAkB,EAAC,WAA0B;AAIpE,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC;IAC3C,SAAS,EAAE,kBAAkB,CAAC;IAC9B,MAAM,EAAE,aAAa,CAAC;CACvB,CAsCA,CAAA"}

package/cjs/GroupNodeWrapper/index.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GroupWrapper = void 0;
+var _base = require("@rxflow/base");
+var _ = require("./..");
+var _react = _interopRequireWildcard(require("react"));
+var _Connector = require("../components/Connector");
+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; }
+/**
+ * @author: yanxianliang
+ * @date: 2025-09-25 10:16
+ * @modified：2025/9/25 10:16 by yanxianliang
+ * @desc: 组合节点，支持多个连接桩
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const GroupWrapper = props => {
+  const {
+    type,
+    data
+  } = props;
+  const nodeTypeMap = (0, _base.useNodeTypeMap)();
+  const Component = (0, _react.useMemo)(() => {
+    return nodeTypeMap.get(type)?._component;
+  }, [nodeTypeMap]);
+  const {
+    origin,
+    direction
+  } = data;
+  const innerNodes = origin?.innerNodes || [];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [Component ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+      ...props
+    }) : null, innerNodes?.map(node => {
+      const NodeComponent = nodeTypeMap.get(node.type)?._component;
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        style: {
+          position: 'relative'
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Connector.Connector, {
+          source: node,
+          direction: _.BloodlineDirection.upstream
+        }), NodeComponent ? /*#__PURE__*/(0, _jsxRuntime.jsx)(NodeComponent, {
+          ...props,
+          ...node,
+          data: {
+            direction,
+            origin: node
+          }
+        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Connector.Connector, {
+          source: node,
+          direction: _.BloodlineDirection.downstream
+        })]
+      }, node.id);
+    })]
+  });
+};
+exports.GroupWrapper = GroupWrapper;

package/cjs/components/Connector.d.ts

@@ -0,0 +1,8 @@
+import { BloodlineDirection } from "../constants";
+import { BaseBloodNode } from "../types";
+export declare const Connector: ({ direction, source, disabled }: {
+    direction: BloodlineDirection;
+    source: BaseBloodNode;
+    disabled?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Connector.d.ts.map

package/cjs/components/Connector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Connector.d.ts","sourceRoot":"","sources":["Connector.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAC,kBAAkB,EAAoB,MAAM,cAAc,CAAC;AACnE,OAAO,EAAC,aAAa,EAAsC,MAAM,UAAU,CAAC;AAwC5E,eAAO,MAAM,SAAS;eAMP,kBAAkB;YACrB,aAAa;;6CAyFxB,CAAA"}

package/cjs/components/Connector.js

@@ -0,0 +1,147 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Connector = void 0;
+var _base = require("@rxflow/base");
+var _react = require("@xyflow/react");
+var _ahooks = require("ahooks");
+var _react2 = _interopRequireWildcard(require("react"));
+var _constants = require("../constants");
+var _keys = require("../utils/keys");
+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; }
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-05 15:19
+ * @desc: 连接器
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+function collapseVersionsNode(direction, node) {
+  for (const version of node.versions) {
+    version[direction] && (version[direction].state = 'collapsed');
+  }
+}
+function collapseGroup(direction, node) {
+  const list = node.state?.list;
+  if (list) {
+    collapseSiblings(direction, list);
+  }
+}
+function collapseSiblings(direction, siblings) {
+  for (const sibling of siblings) {
+    const {
+      type
+    } = sibling;
+    switch (type) {
+      case _constants.BloodlineNodeType.Service:
+        collapseVersionsNode(direction, sibling);
+        break;
+      case _constants.BloodlineNodeType.ServiceGroup:
+        collapseGroup(direction, sibling);
+        break;
+    }
+  }
+}
+function getStateWithDefault(config) {
+  const {
+    state = 'collapsed',
+    list,
+    ...extra
+  } = config || {};
+  return {
+    ...extra,
+    state,
+    list
+  };
+}
+const Connector = ({
+  direction,
+  source,
+  disabled = false
+}) => {
+  const update = (0, _ahooks.useUpdate)();
+  const triggerLayout = (0, _base.useForceUpdate)();
+  const getProps = (0, _base.useGetProps)();
+  const config = source[direction];
+  const connectorState = (0, _react2.useMemo)(() => {
+    return getStateWithDefault(config);
+  }, [config?.state]);
+  const {
+    count,
+    state,
+    disableCollapse = false
+  } = connectorState;
+  const notShow = !config || config.count === 0 || disabled;
+  const position = direction === _constants.BloodlineDirection.upstream ? _react.Position.Left : _react.Position.Right;
+  const onClick = (0, _ahooks.useMemoizedFn)(() => {
+    const {
+      state,
+      list
+    } = connectorState;
+    const {
+      getRelation
+    } = getProps();
+    if (state === 'loading') {
+      return;
+    }
+    if (state === 'collapsed') {
+      if (list || !getRelation) {
+        // 数据已经缓存了，不需要再次加载
+        config.state = 'expanded'; // 展开状态，关联的节点需要显示，在布局函数中处理
+        triggerLayout();
+      } else {
+        config.state = 'loading';
+        update(); // 变成加载状态
+        getRelation(direction, source).then(({
+          count,
+          list
+        }) => {
+          // 执行互斥逻辑，将同级所有节点展开项全部关闭
+          if (config.state === 'loading') {
+            // 可能已经被收起来了
+            config.state = 'expanded';
+            config.count = count;
+            config.list = list;
+            triggerLayout();
+          } else {
+            config.count = count;
+            config.list = list;
+            update();
+          }
+        }).catch(() => {
+          // 异常兜底，
+          config.state = 'collapsed'; // 支持重试
+          update();
+        });
+      }
+    } else {
+      config.state = 'collapsed';
+      triggerLayout();
+    }
+  });
+  const handleType = direction === _constants.BloodlineDirection.upstream ? 'target' : 'source';
+  const handle = /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.HiddenHandle, {
+    type: handleType,
+    position: position,
+    id: (0, _keys.getConnectorId)(direction, source.id)
+  });
+  if (notShow) {
+    return handle;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [handle, disableCollapse ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.CollapseButton, {
+      direction: 'vertical',
+      collapsed: state === 'collapsed',
+      position: position,
+      loading: state === 'loading',
+      onCollapse: onClick,
+      count: count
+    })]
+  });
+};
+exports.Connector = Connector;

package/cjs/constants.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-05 15:48
+ * @desc: 常量
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+export declare enum BloodlineDirection {
+    upstream = "upstream",
+    downstream = "downstream"
+}
+export declare enum BloodlineNodeType {
+    Service = "service",// 服务节点，支持单版本和多版本。
+    ServiceGroup = "service-group"
+}
+export declare enum Align {
+    center = "center",
+    top = "top"
+}
+export declare const sideSymbol: unique symbol;
+export declare const parentIdSymbol: unique symbol;
+export declare enum SplitSide {
+    left = "left",
+    right = "right"
+}
+//# 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;;;;;;GAMG;AAEH,oBAAY,kBAAkB;IAC5B,QAAQ,aAAa;IACrB,UAAU,eAAe;CAC1B;AAGD,oBAAY,iBAAiB;IAC3B,OAAO,YAAY,CAAE,kBAAkB;IACvC,YAAY,kBAAkB;CAC/B;AAGD,oBAAY,KAAK;IACf,MAAM,WAAW;IACjB,GAAG,QAAQ;CACZ;AAGD,eAAO,MAAM,UAAU,eAA8B,CAAC;AACtD,eAAO,MAAM,cAAc,eAA8B,CAAC;AAE1D,oBAAY,SAAS;IACnB,IAAI,SAAS;IACb,KAAK,UAAU;CAChB"}

package/cjs/constants.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sideSymbol = exports.parentIdSymbol = exports.SplitSide = exports.BloodlineNodeType = exports.BloodlineDirection = exports.Align = void 0;
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-05 15:48
+ * @desc: 常量
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+let BloodlineDirection = exports.BloodlineDirection = /*#__PURE__*/function (BloodlineDirection) {
+  BloodlineDirection["upstream"] = "upstream";
+  BloodlineDirection["downstream"] = "downstream";
+  return BloodlineDirection;
+}({});
+let BloodlineNodeType = exports.BloodlineNodeType = /*#__PURE__*/function (BloodlineNodeType) {
+  BloodlineNodeType["Service"] = "service";
+  BloodlineNodeType["ServiceGroup"] = "service-group";
+  return BloodlineNodeType;
+}({});
+let Align = exports.Align = /*#__PURE__*/function (Align) {
+  Align["center"] = "center";
+  Align["top"] = "top";
+  return Align;
+}({});
+const sideSymbol = exports.sideSymbol = Symbol.for('__node_side__');
+const parentIdSymbol = exports.parentIdSymbol = Symbol.for('__parent_id__');
+let SplitSide = exports.SplitSide = /*#__PURE__*/function (SplitSide) {
+  SplitSide["left"] = "left";
+  SplitSide["right"] = "right";
+  return SplitSide;
+}({});

package/cjs/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { IBloodlineFlowProps } from "./types";
+declare const BloodlineFlow: (props: import("react").PropsWithChildren<IBloodlineFlowProps>) => import("react/jsx-runtime").JSX.Element;
+export default BloodlineFlow;
+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":";AAaA,OAAO,EAAuB,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAYlE,QAAA,MAAM,aAAa,4GA6BjB,CAAA;AAGF,eAAe,aAAa,CAAC;AAG7B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC"}

package/cjs/index.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports.default = void 0;
+var _base = require("@rxflow/base");
+var _react = require("react");
+var _BaseNodeWrapper = require("./BaseNodeWrapper");
+var _GroupNodeWrapper = require("./GroupNodeWrapper");
+var _layoutCells = require("./utils/layoutCells");
+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 = {
+  padding: 2,
+  minZoom: 1,
+  maxZoom: 1
+};
+const omitProps = ['root', 'getRelation', 'mode'];
+const BloodlineFlow = (0, _base.createFlow)(_base.Flow, props => {
+  const {
+    root,
+    nodeTypes
+  } = props;
+  const nodes = (0, _react.useMemo)(() => {
+    return root ? [root] : [];
+  }, [root]);
+  const _nodeTypes = (0, _react.useMemo)(() => {
+    return nodeTypes?.map(nodeType => {
+      return {
+        ...nodeType,
+        _component: nodeType.component,
+        // 真实的节点组件
+        component: nodeType.type === 'fields' ? _GroupNodeWrapper.GroupWrapper : _BaseNodeWrapper.BaseNodeWrapper
+      };
+    });
+  }, [nodeTypes]);
+  return {
+    ...props,
+    edgesFocusable: false,
+    fitViewOptions,
+    autoCenter: true,
+    nodes,
+    layout: _layoutCells.layoutCells,
+    nodeTypes: _nodeTypes,
+    omitProps,
+    selectionOnDrag: false,
+    nodesDraggable: false
+  };
+});
+var _default = exports.default = BloodlineFlow;

package/cjs/style/index.less

@@ -0,0 +1 @@
+@import "theme";

package/cjs/style/theme.less

@@ -0,0 +1,16 @@
+@padding-left: 18px;
+@main-color: #69b1ff;
+@border-color: #E8E8E8;
+@hit-border-color: #69b1ff;
+
+@second-border-color: #BBBBBB;
+
+@changed-color: #ff4d4f;
+
+@txt-color: rgba(0,0,0,0.88);
+
+@text-second-color: rgba(0, 0, 0, 0.45);
+
+@root-node-ng: #E8F0FD;
+
+@text-space: 12px;

package/cjs/types.d.ts

@@ -0,0 +1,49 @@
+import { BaseThemeConfig, IBaseFlowProps } from "@rxflow/base";
+import { Align, BloodlineDirection, parentIdSymbol, sideSymbol, SplitSide } from "./constants";
+export interface IBloodlineTheme extends BaseThemeConfig {
+    /**
+     * @description 对齐方式
+     * @default 'top'
+     */
+    align?: Align;
+    /**
+     * @description 布局方式
+     * @default 'compactBox'
+     */
+    layout?: 'compactBox' | 'mindmap';
+}
+export type BloodlineExtendProps = {
+    root?: BaseBloodNode;
+    theme?: IBloodlineTheme;
+    /**
+     * 异步加载关联节点
+     * @param direction
+     * @param source
+     */
+    getRelation?: (direction: BloodlineDirection, source: BaseBloodNode) => Promise<Omit<ConnectorState, 'state'>>;
+};
+export type IBloodlineFlowProps = Omit<IBaseFlowProps, 'nodes' | 'edges' | 'theme' | 'defaultNodes' | 'defaultEdges'> & BloodlineExtendProps;
+export type BaseBloodNode = {
+    relationLabel?: string;
+    id: string;
+    type: string;
+    width?: number;
+    height?: number;
+    upstream?: ConnectorState;
+    downstream?: ConnectorState;
+    innerNodes?: BaseBloodNode[];
+    [sideSymbol]?: SplitSide;
+    [parentIdSymbol]?: string;
+    [key: string]: any;
+};
+export type ConnectorState = {
+    state?: 'expanded' | 'loading' | 'collapsed';
+    count?: number;
+    disableCollapse?: boolean;
+    list?: Array<BaseBloodNode>;
+};
+export type InnerNodeData = {
+    isRoot: boolean;
+    depth: number;
+};
+//# 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":"AASA,OAAO,EAAC,eAAe,EAAE,cAAc,EAAC,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAC,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAC,MAAM,aAAa,CAAC;AAI7F,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;CACnC;AAGD,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,kBAAkB,EAAE,MAAM,EAAE,aAAa,KAAK,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC;CAChH,CAAA;AAGD,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,cAAc,GAAG,cAAc,CAAC,GAAG,oBAAoB,CAAC;AAE7I,MAAM,MAAM,aAAa,GAAG;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAE1B,UAAU,CAAC,EAAE,cAAc,CAAC;IAE5B,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAE7B,CAAC,UAAU,CAAC,CAAC,EAAE,SAAS,CAAC;IAEzB,CAAC,cAAc,CAAC,CAAC,EAAE,MAAM,CAAC;IAE1B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAA;AAGD,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,WAAW,CAAC;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;CAC7B,CAAA;AAID,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf,CAAA"}

package/cjs/types.js

@@ -0,0 +1,3 @@
+"use strict";
+
+var _constants = require("./constants");

package/cjs/utils/_layoutCells.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-03 13:20
+ * @desc: 血缘布局
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { LayoutConfig } from "@rxflow/base";
+import { Edge, Node } from "@xyflow/react";
+export declare const layoutCells: <NodeType extends Node = Node, EdgeType extends Edge = Edge>(config: LayoutConfig<NodeType, EdgeType>) => {
+    nodes: NodeType[];
+    edges: EdgeType[];
+};
+//# sourceMappingURL=_layoutCells.d.ts.map

package/cjs/utils/_layoutCells.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_layoutCells.d.ts","sourceRoot":"","sources":["_layoutCells.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAA8B,YAAY,EAAe,MAAM,cAAc,CAAC;AAErF,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAoGzC,eAAO,MAAM,WAAW,uEACd,aAAa,QAAQ,EAAE,QAAQ,CAAC;;;CA6WzC,CAAA"}