@rxflow/bloodline 0.0.1-alpha.0

package/cjs/utils/layoutCells.js

@@ -0,0 +1,308 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.layoutCells = void 0;
+var _hierarchy = _interopRequireDefault(require("@antv/hierarchy"));
+var _base = require("@rxflow/base");
+var _constants = require("../constants");
+var _keys = require("./keys");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-03 13:20
+ * @desc: 血缘布局
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+// 支持 innerNodes 配置
+function getChildren(direction, origin) {
+  let children = [];
+  if (origin.innerNodes) {
+    origin.innerNodes.forEach(innerNode => {
+      const connectorState = direction === _constants.BloodlineDirection.downstream ? innerNode.downstream : innerNode.upstream;
+      if (connectorState?.state === 'expanded') {
+        const list = connectorState.list || [];
+        children.push(...list.map(child => {
+          return {
+            ...child,
+            [_constants.sideSymbol]: direction === _constants.BloodlineDirection.upstream ? _constants.SplitSide.left : _constants.SplitSide.right,
+            [_constants.parentIdSymbol]: innerNode.id
+          };
+        }));
+      }
+    });
+  } else {
+    const connectorState = direction === _constants.BloodlineDirection.downstream ? origin.downstream : origin.upstream;
+    if (connectorState?.state === 'expanded') {
+      const list = connectorState.list || [];
+      children.push(...list.map(child => {
+        return {
+          ...child,
+          [_constants.sideSymbol]: direction === _constants.BloodlineDirection.upstream ? _constants.SplitSide.left : _constants.SplitSide.right
+        };
+      }));
+    }
+  }
+  return children;
+}
+function getSiblings(node) {
+  const {
+    depth,
+    side,
+    parent
+  } = node;
+  if (!parent || !parent.children) {
+    return {
+      firstNode: null
+    };
+  }
+  let firstNode = null;
+  for (const child of parent.children) {
+    if (depth === 1 && child.side === side) {
+      !firstNode && (firstNode = child);
+    }
+    if (depth !== 1) {
+      !firstNode && (firstNode = child);
+    }
+  }
+  return {
+    firstNode
+  };
+}
+function getChildrenNodes(node, cycleCheckNodeSet) {
+  const side = node.side;
+  let children = [];
+  switch (side) {
+    case 'left':
+      children = getChildren(_constants.BloodlineDirection.upstream, node);
+      break;
+    case 'right':
+      children = getChildren(_constants.BloodlineDirection.downstream, node);
+      break;
+    default:
+      {
+        const leftChildren = getChildren(_constants.BloodlineDirection.upstream, node);
+        const rightChildren = getChildren(_constants.BloodlineDirection.downstream, node);
+        children = [...(leftChildren || []), ...(rightChildren || [])];
+      }
+  }
+
+  // 支持 nodeList 处理
+
+  if (cycleCheckNodeSet) {
+    // 剔除循环引用的列表
+    return children.filter(child => {
+      if (cycleCheckNodeSet.has(child.id)) {
+        return false;
+      }
+      cycleCheckNodeSet.add(child.id);
+      return true;
+    });
+  } else {
+    return children;
+  }
+}
+const layoutCells = config => {
+  const {
+    nodeTypes,
+    originNodes,
+    theme,
+    store,
+    flowProps
+  } = config;
+
+  // const {autoHideIntermediateNode} = flowProps as IBloodlineFlowProps;
+
+  const {
+    nodeLookup
+  } = store;
+  const innerNodeLookup = new Map();
+  if (originNodes.length === 0) {
+    return {
+      nodes: [],
+      edges: []
+    };
+  }
+
+  // 需不需要进行 clone ??? 需要设置 side 等属性，要回显回去吗？？不需要的吧
+  const root = originNodes[0]; // 根节点
+
+  const align = theme.align || _constants.Align.top;
+  const layoutType = theme.layout || 'compactBox';
+  const layoutUtil = layoutType === 'mindmap' ? _hierarchy.default.mindmap : _hierarchy.default.compactBox;
+  let edges = [];
+
+  // split side
+  root?.upstream?.list?.forEach(item => {
+    item[_constants.sideSymbol] = _constants.SplitSide.left;
+  });
+  root?.downstream?.list?.forEach(item => {
+    item[_constants.sideSymbol] = _constants.SplitSide.right;
+  });
+  const cycleCheckNodeSet = new Set([root.id]); // 循环依赖节点检测
+
+  const layoutResult = layoutUtil(root, {
+    direction: 'H',
+    getHGap: () => {
+      return 40;
+    },
+    getVGap: () => {
+      return 20;
+    },
+    getWidth(node) {
+      const width = (0, _base.getNodeWidth)(node, nodeTypes, theme, nodeLookup);
+      node.measured ?? (node.measured = {});
+      node.measured.width = width;
+      return width;
+    },
+    getHeight(node) {
+      const height = (0, _base.getNodeHeight)(node, nodeTypes, theme, nodeLookup);
+      node.measured ?? (node.measured = {});
+      node.measured.height = height;
+      return height;
+    },
+    getSide: node => {
+      // side 计算，上下游需要区分左和右
+      return node.data[_constants.sideSymbol] || 'right';
+    },
+    getChildren: node => {
+      return getChildrenNodes(node, cycleCheckNodeSet);
+    }
+  });
+  let layoutNodes = [];
+  const {
+    x: rootX,
+    y: rootY
+  } = layoutResult;
+  // 开始节点x,y 以（0,0）进行修正，根节点需要能够被检测显示在画布区域
+
+  const loopCycleCheckNodeSet = new Set();
+  // source 表示上游节点，target 表示下游节点
+  layoutResult.BFTraverse(node => {
+    const {
+      x,
+      y,
+      data,
+      side,
+      parent,
+      depth
+    } = node;
+    const {
+      id,
+      type,
+      measured
+    } = data;
+    if (loopCycleCheckNodeSet.has(id)) {
+      // 循环节点进行剔除
+      return;
+    }
+    loopCycleCheckNodeSet.add(id);
+    const {
+      firstNode
+    } = getSiblings(node); // 同级节点
+
+    const offsetY = firstNode ? firstNode.y - parent.position.y : 0;
+    const direction = side === 'left' ? _constants.BloodlineDirection.upstream : _constants.BloodlineDirection.downstream;
+    const adjustX = x - rootX;
+    // 是否居中， 可居中，可顶部对齐
+    const adjustY = align === _constants.Align.top ? y - (parent ? offsetY : rootY) : y - rootY;
+    const position = {
+      x: adjustX,
+      y: adjustY
+    };
+    node.position = position;
+    if (!innerNodeLookup.has(id)) {
+      // 已经存在相同的节点了，直接关联到之前的节点上
+      // 实例每次都是新的，使用 data 实例缓存，但是所有节点外面都需要包一层？？？？
+      const definition = nodeTypes?.[type];
+      const instance = {
+        id,
+        type,
+        measured: measured,
+        width: measured.width,
+        // 宽度固定，高度自动计算
+        height: measured.height,
+        // 血缘节点高度标准化模式为固定
+        data: {
+          isRoot: node.isRoot(),
+          depth,
+          id,
+          direction,
+          origin: data
+          // leaf 节点属性，当展开和折叠时需要处理对应的 leaf。
+        },
+        position: position,
+        zIndex: 10 // 节点默认 zIndex
+      };
+      const handles = definition?.measureHandles?.(instance);
+      instance.handles = (0, _base.parseHandles)(handles);
+
+      // 重复检测，如果已经存在相同节点，节点id相同，自动复用之前的节点。
+      layoutNodes.push(instance);
+      innerNodeLookup.set(id, instance);
+    }
+    const childrenNodes = getChildrenNodes(data);
+
+    // 如果已经存在的，则使用上下节点进行标记。解决直线回连显示问题
+    let edgeIndex = 0;
+    childrenNodes.forEach(child => {
+      const side = child[_constants.sideSymbol] || 'right';
+      const {
+        innerNodes
+      } = child; // 如果有父级的子节点标记
+      // 连线是从 __parentId__ 到 child
+      const parentNodeId = child[_constants.parentIdSymbol] || id;
+      const childId = child.id;
+      if (!innerNodes) {
+        const sourceNode = side === 'left' ? childId : id; // 上游节点
+        const targetNode = side === 'left' ? id : childId; // 下游节点
+
+        const sourceHandleNode = side === 'left' ? childId : parentNodeId;
+        const targetHandleNode = side === 'left' ? parentNodeId : childId; // targetHandleNode 是
+
+        const sourceHandle = (0, _keys.getConnectorId)(_constants.BloodlineDirection.downstream, sourceHandleNode);
+        const targetHandle = (0, _keys.getConnectorId)(_constants.BloodlineDirection.upstream, targetHandleNode);
+        // if(edgeIndex === 1){
+        edges.push({
+          id: `source.${sourceHandle}_target.${targetHandle}`,
+          type: 'smart',
+          source: sourceNode,
+          target: targetNode,
+          sourceHandle: sourceHandle,
+          // 可能链接其中某个版本
+          targetHandle: targetHandle
+        });
+        // }
+        edgeIndex++;
+      } else {
+        innerNodes.forEach(innerNode => {
+          const sourceNode = side === 'left' ? childId : id; // 上游节点
+          const targetNode = side === 'left' ? id : childId; // 下游节点
+
+          const sourceHandleNode = side === 'left' ? innerNode.id : parentNodeId;
+          const targetHandleNode = side === 'left' ? parentNodeId : innerNode.id; // targetHandleNode 是
+
+          const sourceHandle = (0, _keys.getConnectorId)(_constants.BloodlineDirection.downstream, sourceHandleNode);
+          const targetHandle = (0, _keys.getConnectorId)(_constants.BloodlineDirection.upstream, targetHandleNode);
+          edges.push({
+            id: `source.${sourceHandle}_target.${targetHandle}`,
+            type: 'smart',
+            source: sourceNode,
+            target: targetNode,
+            sourceHandle: sourceHandle,
+            // 可能链接其中某个版本
+            targetHandle: targetHandle
+          });
+        });
+      }
+    });
+  });
+  return {
+    nodes: layoutNodes,
+    edges: edges
+  };
+};
+exports.layoutCells = layoutCells;

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

@@ -0,0 +1,44 @@
+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-09-18 14:16
+ * @modified：2025/9/18 14:16 by yanxianliang
+ * @desc: 节点的外层组件，实现内置的折叠、加载功能
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { useNodeTypeMap } from '@rxflow/base';
+import { BloodlineDirection } from "./..";
+import React, { useMemo } from "react";
+import { Connector } from "../components/Connector";
+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 BaseNodeWrapper = function BaseNodeWrapper(props) {
+  var type = props.type,
+    data = props.data;
+  var nodeTypeMap = useNodeTypeMap();
+  var Component = useMemo(function () {
+    var _nodeTypeMap$get;
+    return (_nodeTypeMap$get = nodeTypeMap.get(type)) === null || _nodeTypeMap$get === void 0 ? void 0 : _nodeTypeMap$get._component;
+  }, [nodeTypeMap]);
+  var origin = data.origin;
+
+  // 创建更多的占位连接桩，当出现重复时可以使用上下进行链接
+
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Connector, {
+      source: origin,
+      direction: BloodlineDirection.upstream
+    }), Component ? /*#__PURE__*/_jsx(Component, _objectSpread({}, props)) : null, /*#__PURE__*/_jsx(Connector, {
+      source: origin,
+      direction: BloodlineDirection.downstream
+    })]
+  });
+};

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

@@ -0,0 +1,56 @@
+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-09-25 10:16
+ * @modified：2025/9/25 10:16 by yanxianliang
+ * @desc: 组合节点，支持多个连接桩
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { useNodeTypeMap } from '@rxflow/base';
+import { BloodlineDirection } from "./..";
+import React, { useMemo } from "react";
+import { Connector } from "../components/Connector";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+export var GroupWrapper = function GroupWrapper(props) {
+  var type = props.type,
+    data = props.data;
+  var nodeTypeMap = useNodeTypeMap();
+  var Component = useMemo(function () {
+    var _nodeTypeMap$get;
+    return (_nodeTypeMap$get = nodeTypeMap.get(type)) === null || _nodeTypeMap$get === void 0 ? void 0 : _nodeTypeMap$get._component;
+  }, [nodeTypeMap]);
+  var origin = data.origin,
+    direction = data.direction;
+  var innerNodes = (origin === null || origin === void 0 ? void 0 : origin.innerNodes) || [];
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [Component ? /*#__PURE__*/_jsx(Component, _objectSpread({}, props)) : null, innerNodes === null || innerNodes === void 0 ? void 0 : innerNodes.map(function (node) {
+      var _nodeTypeMap$get2;
+      var NodeComponent = (_nodeTypeMap$get2 = nodeTypeMap.get(node.type)) === null || _nodeTypeMap$get2 === void 0 ? void 0 : _nodeTypeMap$get2._component;
+      return /*#__PURE__*/_jsxs("div", {
+        style: {
+          position: 'relative'
+        },
+        children: [/*#__PURE__*/_jsx(Connector, {
+          source: node,
+          direction: BloodlineDirection.upstream
+        }), NodeComponent ? /*#__PURE__*/_jsx(NodeComponent, _objectSpread(_objectSpread(_objectSpread({}, props), node), {}, {
+          data: {
+            direction: direction,
+            origin: node
+          }
+        })) : null, /*#__PURE__*/_jsx(Connector, {
+          source: node,
+          direction: BloodlineDirection.downstream
+        })]
+      }, node.id);
+    })]
+  });
+};

package/esm/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/esm/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/esm/components/Connector.js

@@ -0,0 +1,162 @@
+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); }
+var _excluded = ["state", "list"];
+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); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+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; }
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-05 15:19
+ * @desc: 连接器
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { CollapseButton, HiddenHandle, useForceUpdate, useGetProps } from "@rxflow/base";
+import { Position } from "@xyflow/react";
+import { useMemoizedFn, useUpdate } from "ahooks";
+import React, { useMemo } from "react";
+import { BloodlineDirection, BloodlineNodeType } from "../constants";
+import { getConnectorId } from "../utils/keys";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+function collapseVersionsNode(direction, node) {
+  var _iterator = _createForOfIteratorHelper(node.versions),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var version = _step.value;
+      version[direction] && (version[direction].state = 'collapsed');
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+}
+function collapseGroup(direction, node) {
+  var _node$state;
+  var list = (_node$state = node.state) === null || _node$state === void 0 ? void 0 : _node$state.list;
+  if (list) {
+    collapseSiblings(direction, list);
+  }
+}
+function collapseSiblings(direction, siblings) {
+  var _iterator2 = _createForOfIteratorHelper(siblings),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var sibling = _step2.value;
+      var type = sibling.type;
+      switch (type) {
+        case BloodlineNodeType.Service:
+          collapseVersionsNode(direction, sibling);
+          break;
+        case BloodlineNodeType.ServiceGroup:
+          collapseGroup(direction, sibling);
+          break;
+      }
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+}
+function getStateWithDefault(config) {
+  var _ref = config || {},
+    _ref$state = _ref.state,
+    state = _ref$state === void 0 ? 'collapsed' : _ref$state,
+    list = _ref.list,
+    extra = _objectWithoutProperties(_ref, _excluded);
+  return _objectSpread(_objectSpread({}, extra), {}, {
+    state: state,
+    list: list
+  });
+}
+export var Connector = function Connector(_ref2) {
+  var direction = _ref2.direction,
+    source = _ref2.source,
+    _ref2$disabled = _ref2.disabled,
+    disabled = _ref2$disabled === void 0 ? false : _ref2$disabled;
+  var update = useUpdate();
+  var triggerLayout = useForceUpdate();
+  var getProps = useGetProps();
+  var config = source[direction];
+  var connectorState = useMemo(function () {
+    return getStateWithDefault(config);
+  }, [config === null || config === void 0 ? void 0 : config.state]);
+  var count = connectorState.count,
+    state = connectorState.state,
+    _connectorState$disab = connectorState.disableCollapse,
+    disableCollapse = _connectorState$disab === void 0 ? false : _connectorState$disab;
+  var notShow = !config || config.count === 0 || disabled;
+  var position = direction === BloodlineDirection.upstream ? Position.Left : Position.Right;
+  var onClick = useMemoizedFn(function () {
+    var state = connectorState.state,
+      list = connectorState.list;
+    var _getProps = getProps(),
+      getRelation = _getProps.getRelation;
+    if (state === 'loading') {
+      return;
+    }
+    if (state === 'collapsed') {
+      if (list || !getRelation) {
+        // 数据已经缓存了，不需要再次加载
+        config.state = 'expanded'; // 展开状态，关联的节点需要显示，在布局函数中处理
+        triggerLayout();
+      } else {
+        config.state = 'loading';
+        update(); // 变成加载状态
+        getRelation(direction, source).then(function (_ref3) {
+          var count = _ref3.count,
+            list = _ref3.list;
+          // 执行互斥逻辑，将同级所有节点展开项全部关闭
+          if (config.state === 'loading') {
+            // 可能已经被收起来了
+            config.state = 'expanded';
+            config.count = count;
+            config.list = list;
+            triggerLayout();
+          } else {
+            config.count = count;
+            config.list = list;
+            update();
+          }
+        }).catch(function () {
+          // 异常兜底，
+          config.state = 'collapsed'; // 支持重试
+          update();
+        });
+      }
+    } else {
+      config.state = 'collapsed';
+      triggerLayout();
+    }
+  });
+  var handleType = direction === BloodlineDirection.upstream ? 'target' : 'source';
+  var handle = /*#__PURE__*/_jsx(HiddenHandle, {
+    type: handleType,
+    position: position,
+    id: getConnectorId(direction, source.id)
+  });
+  if (notShow) {
+    return handle;
+  }
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [handle, disableCollapse ? null : /*#__PURE__*/_jsx(CollapseButton, {
+      direction: 'vertical',
+      collapsed: state === 'collapsed',
+      position: position,
+      loading: state === 'loading',
+      onCollapse: onClick,
+      count: count
+    })]
+  });
+};

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