@rxflow/bloodline 0.0.3 → 0.0.4-alpha.1

package/cjs/components/Connector.js

@@ -66,7 +66,7 @@ const Connector = ({
 }) => {
   const update = (0, _ahooks.useUpdate)();
   const triggerLayout = (0, _base.useForceUpdate)();
-  const getProps = (0, _base.useGetProps)();
+  const getInputProps = (0, _base.useGetInputProps)();
   const config = source[direction];
   const connectorState = (0, _react2.useMemo)(() => {
     return getStateWithDefault(config);
@@ -85,7 +85,7 @@ const Connector = ({
     } = connectorState;
     const {
       getRelation
-    } = getProps();
+    } = getInputProps();
     if (state === 'loading') {
       return;
     }

package/cjs/hooks/index.d.ts

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

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

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

package/cjs/hooks/index.js

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

package/cjs/hooks/useBloodlineProps.d.ts

@@ -0,0 +1,61 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-01-17
+ * @desc: Bloodline Props hooks - 类型化的 props 访问
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { IBaseFlowProps } from '@rxflow/base';
+import { IBloodlineFlowProps, BloodlineExtendProps, BaseBloodNode, ConnectorState } from '../types';
+import { BloodlineDirection } from '../constants';
+type BloodlineFlowProps = IBaseFlowProps & BloodlineExtendProps;
+/**
+ * 获取原始输入 props
+ *
+ * @example
+ * const inputProps = useBloodlineInputProps();
+ * const root = useBloodlineInputProps(state => state.root);
+ */
+export declare function useBloodlineInputProps(): IBloodlineFlowProps;
+export declare function useBloodlineInputProps<U>(selector: (state: IBloodlineFlowProps) => U): U;
+/**
+ * 获取转换后的 Flow props
+ *
+ * @example
+ * const flowProps = useBloodlineFlowProps();
+ * const nodes = useBloodlineFlowProps(state => state.nodes);
+ */
+export declare function useBloodlineFlowProps(): BloodlineFlowProps;
+export declare function useBloodlineFlowProps<U>(selector: (state: BloodlineFlowProps) => U): U;
+/**
+ * 获取原始输入 props 的 getter（非响应式）
+ */
+export declare const useGetBloodlineInputProps: () => {
+    (): IBloodlineFlowProps;
+    <U>(selector: (state: IBloodlineFlowProps) => U): U;
+};
+/**
+ * 获取转换后 Flow props 的 getter（非响应式）
+ */
+export declare const useGetBloodlineFlowProps: () => {
+    (): BloodlineFlowProps;
+    <U>(selector: (state: BloodlineFlowProps) => U): U;
+};
+/**
+ * 获取 root 节点数据
+ */
+export declare const useRoot: () => BaseBloodNode | undefined;
+/**
+ * 获取异步加载关联节点的函数
+ */
+export declare const useGetRelation: () => ((direction: BloodlineDirection, source: BaseBloodNode) => Promise<Omit<ConnectorState, "state">>) | undefined;
+/**
+ * 获取 Bloodline 主题配置
+ */
+export declare const useBloodlineTheme: () => import("../types").IBloodlineTheme | undefined;
+/**
+ * 获取连线类型
+ */
+export declare const useEdgeType: () => string | undefined;
+export {};
+//# sourceMappingURL=useBloodlineProps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useBloodlineProps.d.ts","sourceRoot":"","sources":["useBloodlineProps.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAkE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9G,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AACpG,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,KAAK,kBAAkB,GAAG,cAAc,GAAG,oBAAoB,CAAC;AAEhE;;;;;;GAMG;AACH,wBAAgB,sBAAsB,IAAI,mBAAmB,CAAC;AAC9D,wBAAgB,sBAAsB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,CAAC,GAAG,CAAC,CAAC;AAK1F;;;;;;GAMG;AACH,wBAAgB,qBAAqB,IAAI,kBAAkB,CAAC;AAC5D,wBAAgB,qBAAqB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,CAAC,GAAG,CAAC,CAAC;AAKxF;;GAEG;AACH,eAAO,MAAM,yBAAyB;;;CAErC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB;;;CAEpC,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,OAAO,iCAAoD,CAAC;AAEzE;;GAEG;AACH,eAAO,MAAM,cAAc,sHAA2D,CAAC;AAEvF;;GAEG;AACH,eAAO,MAAM,iBAAiB,sDAAqD,CAAC;AAEpF;;GAEG;AACH,eAAO,MAAM,WAAW,0BAAwD,CAAC"}

package/cjs/hooks/useBloodlineProps.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useBloodlineFlowProps = useBloodlineFlowProps;
+exports.useBloodlineInputProps = useBloodlineInputProps;
+exports.useRoot = exports.useGetRelation = exports.useGetBloodlineInputProps = exports.useGetBloodlineFlowProps = exports.useEdgeType = exports.useBloodlineTheme = void 0;
+var _base = require("@rxflow/base");
+/**
+ * @author: yanxianliang
+ * @date: 2025-01-17
+ * @desc: Bloodline Props hooks - 类型化的 props 访问
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+/**
+ * 获取原始输入 props
+ *
+ * @example
+ * const inputProps = useBloodlineInputProps();
+ * const root = useBloodlineInputProps(state => state.root);
+ */
+
+function useBloodlineInputProps(selector) {
+  return (0, _base.useInputProps)(selector);
+}
+
+/**
+ * 获取转换后的 Flow props
+ *
+ * @example
+ * const flowProps = useBloodlineFlowProps();
+ * const nodes = useBloodlineFlowProps(state => state.nodes);
+ */
+
+function useBloodlineFlowProps(selector) {
+  return (0, _base.useFlowProps)(selector);
+}
+
+/**
+ * 获取原始输入 props 的 getter（非响应式）
+ */
+const useGetBloodlineInputProps = () => {
+  return (0, _base.useGetInputProps)();
+};
+
+/**
+ * 获取转换后 Flow props 的 getter（非响应式）
+ */
+exports.useGetBloodlineInputProps = useGetBloodlineInputProps;
+const useGetBloodlineFlowProps = () => {
+  return (0, _base.useGetFlowProps)();
+};
+
+// 便捷 hooks
+/**
+ * 获取 root 节点数据
+ */
+exports.useGetBloodlineFlowProps = useGetBloodlineFlowProps;
+const useRoot = () => useBloodlineInputProps(state => state.root);
+
+/**
+ * 获取异步加载关联节点的函数
+ */
+exports.useRoot = useRoot;
+const useGetRelation = () => useBloodlineInputProps(state => state.getRelation);
+
+/**
+ * 获取 Bloodline 主题配置
+ */
+exports.useGetRelation = useGetRelation;
+const useBloodlineTheme = () => useBloodlineInputProps(state => state.theme);
+
+/**
+ * 获取连线类型
+ */
+exports.useBloodlineTheme = useBloodlineTheme;
+const useEdgeType = () => useBloodlineInputProps(state => state.edgeType);
+exports.useEdgeType = useEdgeType;

package/cjs/index.d.ts

@@ -4,4 +4,5 @@ declare const BloodlineFlow: (props: import("react").PropsWithChildren<IBloodlin
 export default BloodlineFlow;
 export * from './types';
 export * from './constants';
+export * from './hooks';
 //# sourceMappingURL=index.d.ts.map

package/cjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAuB,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAalE,QAAA,MAAM,aAAa,4GA6BjB,CAAA;AAGF,eAAe,aAAa,CAAC;AAG7B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAwB,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAsCpE,QAAA,MAAM,aAAa,4GAGlB,CAAC;AAEF,eAAe,aAAa,CAAC;AAG7B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAG5B,cAAc,SAAS,CAAC"}

package/cjs/index.js

@@ -34,9 +34,22 @@ Object.keys(_constants).forEach(function (key) {
     }
   });
 });
+var _hooks = require("./hooks");
+Object.keys(_hooks).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _hooks[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _hooks[key];
+    }
+  });
+});
 /*
  * @author: yanxianliang
  * @date: 2025-06-01 18:36
+ * @modified：2025/1/17 by yanxianliang
  * @desc: 血缘视图
  *
  * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
@@ -47,24 +60,28 @@ const fitViewOptions = {
   minZoom: 1,
   maxZoom: 1
 };
-const omitProps = ['root', 'getRelation', 'mode', 'edgeType'];
-const BloodlineFlow = (0, _base.createFlow)(_base.Flow, props => {
+
+/**
+ * Props 转换 hook
+ */
+const useBloodlinePropsTransform = props => {
   const {
     root,
     nodeTypes
   } = props;
+
+  // 将 root 转换为 nodes
   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
+  const wrappedNodeTypes = (0, _react.useMemo)(() => {
+    return nodeTypes?.map(nodeType => ({
+      ...nodeType,
+      _component: nodeType.component,
+      component: nodeType.type === 'fields' ? _GroupNodeWrapper.GroupWrapper : _BaseNodeWrapper.BaseNodeWrapper
+    }));
   }, [nodeTypes]);
   return {
     ...props,
@@ -73,10 +90,11 @@ const BloodlineFlow = (0, _base.createFlow)(_base.Flow, props => {
     autoCenter: true,
     nodes,
     layout: _layoutCells.layoutCells,
-    nodeTypes: _nodeTypes,
-    omitProps,
+    nodeTypes: wrappedNodeTypes,
     selectionOnDrag: false,
     nodesDraggable: false
   };
-});
-var _default = exports.default = BloodlineFlow;
+};
+const BloodlineFlow = (0, _base.createFlow)(_base.Flow, useBloodlinePropsTransform);
+var _default = exports.default = BloodlineFlow; // 类型导出
+// Hooks 导出

package/esm/components/Connector.js

@@ -17,7 +17,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  *
  * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
  */
-import { CollapseButton, HiddenHandle, useForceUpdate, useGetProps } from "@rxflow/base";
+import { CollapseButton, HiddenHandle, useForceUpdate, useGetInputProps } from "@rxflow/base";
 import { Position } from "@xyflow/react";
 import { useMemoizedFn, useUpdate } from "ahooks";
 import React, { useMemo } from "react";
@@ -87,7 +87,7 @@ export var Connector = function Connector(_ref2) {
     disabled = _ref2$disabled === void 0 ? false : _ref2$disabled;
   var update = useUpdate();
   var triggerLayout = useForceUpdate();
-  var getProps = useGetProps();
+  var getInputProps = useGetInputProps();
   var config = source[direction];
   var connectorState = useMemo(function () {
     return getStateWithDefault(config);
@@ -101,8 +101,8 @@ export var Connector = function Connector(_ref2) {
   var onClick = useMemoizedFn(function () {
     var state = connectorState.state,
       list = connectorState.list;
-    var _getProps = getProps(),
-      getRelation = _getProps.getRelation;
+    var _getInputProps = getInputProps(),
+      getRelation = _getInputProps.getRelation;
     if (state === 'loading') {
       return;
     }

package/esm/hooks/index.d.ts

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

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

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

package/esm/hooks/index.js

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

package/esm/hooks/useBloodlineProps.d.ts

@@ -0,0 +1,61 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-01-17
+ * @desc: Bloodline Props hooks - 类型化的 props 访问
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { IBaseFlowProps } from '@rxflow/base';
+import { IBloodlineFlowProps, BloodlineExtendProps, BaseBloodNode, ConnectorState } from '../types';
+import { BloodlineDirection } from '../constants';
+type BloodlineFlowProps = IBaseFlowProps & BloodlineExtendProps;
+/**
+ * 获取原始输入 props
+ *
+ * @example
+ * const inputProps = useBloodlineInputProps();
+ * const root = useBloodlineInputProps(state => state.root);
+ */
+export declare function useBloodlineInputProps(): IBloodlineFlowProps;
+export declare function useBloodlineInputProps<U>(selector: (state: IBloodlineFlowProps) => U): U;
+/**
+ * 获取转换后的 Flow props
+ *
+ * @example
+ * const flowProps = useBloodlineFlowProps();
+ * const nodes = useBloodlineFlowProps(state => state.nodes);
+ */
+export declare function useBloodlineFlowProps(): BloodlineFlowProps;
+export declare function useBloodlineFlowProps<U>(selector: (state: BloodlineFlowProps) => U): U;
+/**
+ * 获取原始输入 props 的 getter（非响应式）
+ */
+export declare const useGetBloodlineInputProps: () => {
+    (): IBloodlineFlowProps;
+    <U>(selector: (state: IBloodlineFlowProps) => U): U;
+};
+/**
+ * 获取转换后 Flow props 的 getter（非响应式）
+ */
+export declare const useGetBloodlineFlowProps: () => {
+    (): BloodlineFlowProps;
+    <U>(selector: (state: BloodlineFlowProps) => U): U;
+};
+/**
+ * 获取 root 节点数据
+ */
+export declare const useRoot: () => BaseBloodNode | undefined;
+/**
+ * 获取异步加载关联节点的函数
+ */
+export declare const useGetRelation: () => ((direction: BloodlineDirection, source: BaseBloodNode) => Promise<Omit<ConnectorState, "state">>) | undefined;
+/**
+ * 获取 Bloodline 主题配置
+ */
+export declare const useBloodlineTheme: () => import("../types").IBloodlineTheme | undefined;
+/**
+ * 获取连线类型
+ */
+export declare const useEdgeType: () => string | undefined;
+export {};
+//# sourceMappingURL=useBloodlineProps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useBloodlineProps.d.ts","sourceRoot":"","sources":["useBloodlineProps.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAkE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9G,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AACpG,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,KAAK,kBAAkB,GAAG,cAAc,GAAG,oBAAoB,CAAC;AAEhE;;;;;;GAMG;AACH,wBAAgB,sBAAsB,IAAI,mBAAmB,CAAC;AAC9D,wBAAgB,sBAAsB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,CAAC,GAAG,CAAC,CAAC;AAK1F;;;;;;GAMG;AACH,wBAAgB,qBAAqB,IAAI,kBAAkB,CAAC;AAC5D,wBAAgB,qBAAqB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,CAAC,GAAG,CAAC,CAAC;AAKxF;;GAEG;AACH,eAAO,MAAM,yBAAyB;;;CAErC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB;;;CAEpC,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,OAAO,iCAAoD,CAAC;AAEzE;;GAEG;AACH,eAAO,MAAM,cAAc,sHAA2D,CAAC;AAEvF;;GAEG;AACH,eAAO,MAAM,iBAAiB,sDAAqD,CAAC;AAEpF;;GAEG;AACH,eAAO,MAAM,WAAW,0BAAwD,CAAC"}

package/esm/hooks/useBloodlineProps.js

@@ -0,0 +1,83 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-01-17
+ * @desc: Bloodline Props hooks - 类型化的 props 访问
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { useInputProps, useFlowProps, useGetInputProps, useGetFlowProps } from '@rxflow/base';
+
+/**
+ * 获取原始输入 props
+ *
+ * @example
+ * const inputProps = useBloodlineInputProps();
+ * const root = useBloodlineInputProps(state => state.root);
+ */
+
+export function useBloodlineInputProps(selector) {
+  return useInputProps(selector);
+}
+
+/**
+ * 获取转换后的 Flow props
+ *
+ * @example
+ * const flowProps = useBloodlineFlowProps();
+ * const nodes = useBloodlineFlowProps(state => state.nodes);
+ */
+
+export function useBloodlineFlowProps(selector) {
+  return useFlowProps(selector);
+}
+
+/**
+ * 获取原始输入 props 的 getter（非响应式）
+ */
+export var useGetBloodlineInputProps = function useGetBloodlineInputProps() {
+  return useGetInputProps();
+};
+
+/**
+ * 获取转换后 Flow props 的 getter（非响应式）
+ */
+export var useGetBloodlineFlowProps = function useGetBloodlineFlowProps() {
+  return useGetFlowProps();
+};
+
+// 便捷 hooks
+/**
+ * 获取 root 节点数据
+ */
+export var useRoot = function useRoot() {
+  return useBloodlineInputProps(function (state) {
+    return state.root;
+  });
+};
+
+/**
+ * 获取异步加载关联节点的函数
+ */
+export var useGetRelation = function useGetRelation() {
+  return useBloodlineInputProps(function (state) {
+    return state.getRelation;
+  });
+};
+
+/**
+ * 获取 Bloodline 主题配置
+ */
+export var useBloodlineTheme = function useBloodlineTheme() {
+  return useBloodlineInputProps(function (state) {
+    return state.theme;
+  });
+};
+
+/**
+ * 获取连线类型
+ */
+export var useEdgeType = function useEdgeType() {
+  return useBloodlineInputProps(function (state) {
+    return state.edgeType;
+  });
+};

package/esm/index.d.ts

@@ -4,4 +4,5 @@ declare const BloodlineFlow: (props: import("react").PropsWithChildren<IBloodlin
 export default BloodlineFlow;
 export * from './types';
 export * from './constants';
+export * from './hooks';
 //# sourceMappingURL=index.d.ts.map

package/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAuB,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAalE,QAAA,MAAM,aAAa,4GA6BjB,CAAA;AAGF,eAAe,aAAa,CAAC;AAG7B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAwB,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAsCpE,QAAA,MAAM,aAAa,4GAGlB,CAAC;AAEF,eAAe,aAAa,CAAC;AAG7B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAG5B,cAAc,SAAS,CAAC"}

package/esm/index.js

@@ -7,6 +7,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 /*
  * @author: yanxianliang
  * @date: 2025-06-01 18:36
+ * @modified：2025/1/17 by yanxianliang
  * @desc: 血缘视图
  *
  * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
@@ -22,18 +23,24 @@ var fitViewOptions = {
   minZoom: 1,
   maxZoom: 1
 };
-var omitProps = ['root', 'getRelation', 'mode', 'edgeType'];
-var BloodlineFlow = createFlow(Flow, function (props) {
+
+/**
+ * Props 转换 hook
+ */
+var useBloodlinePropsTransform = function useBloodlinePropsTransform(props) {
   var root = props.root,
     nodeTypes = props.nodeTypes;
+
+  // 将 root 转换为 nodes
   var nodes = useMemo(function () {
     return root ? [root] : [];
   }, [root]);
-  var _nodeTypes = useMemo(function () {
+
+  // 包装 nodeTypes
+  var wrappedNodeTypes = useMemo(function () {
     return nodeTypes === null || nodeTypes === void 0 ? void 0 : nodeTypes.map(function (nodeType) {
       return _objectSpread(_objectSpread({}, nodeType), {}, {
         _component: nodeType.component,
-        // 真实的节点组件
         component: nodeType.type === 'fields' ? GroupWrapper : BaseNodeWrapper
       });
     });
@@ -44,12 +51,17 @@ var BloodlineFlow = createFlow(Flow, function (props) {
     autoCenter: true,
     nodes: nodes,
     layout: layoutCells,
-    nodeTypes: _nodeTypes,
-    omitProps: omitProps,
+    nodeTypes: wrappedNodeTypes,
     selectionOnDrag: false,
     nodesDraggable: false
   });
-});
+};
+var BloodlineFlow = createFlow(Flow, useBloodlinePropsTransform);
 export default BloodlineFlow;
+
+// 类型导出
 export * from "./types";
-export * from "./constants";
+export * from "./constants";
+
+// Hooks 导出
+export * from "./hooks";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rxflow/bloodline",
-  "version": "0.0.3",
+  "version": "0.0.4-alpha.1",
   "description": "通用血缘关系图",
   "homepage": "https://tree-graph.publib.cn/packages/bloodline",
   "repository": {
@@ -31,7 +31,7 @@
     "build": "father build"
   },
   "dependencies": {
-    "@rxflow/base": "^0.0.3"
+    "@rxflow/base": "^0.0.4-alpha.1"
   },
   "peerDependencies": {
     "@antv/hierarchy": ">=0.6.14",