@rxflow/base 0.0.3 → 0.0.4-alpha.1

package/cjs/Flow.d.ts

@@ -1,7 +1,7 @@
 /**
  * @author: yanxianliang
  * @date: 2025-07-27 16:33
- * @modified：2025/7/27 16:33 by yanxianliang
+ * @modified：2025/1/17 by yanxianliang
  * @desc: Flow
  *
  * Copyright (c) 2025 by yanxianliang, All Rights Reserved.

package/cjs/Flow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Flow.d.ts","sourceRoot":"","sources":["Flow.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,8BAA8B,CAAC;AACtC,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AAQvC,OAAO,EAGL,IAAI,EAGJ,IAAI,EAOL,MAAM,eAAe,CAAC;AAavB,OAAO,cAAc,CAAC;AAMtB,wBAAgB,IAAI,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,2CAuPzH"}
+{"version":3,"file":"Flow.d.ts","sourceRoot":"","sources":["Flow.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,8BAA8B,CAAC;AACtC,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AAQvC,OAAO,EAGL,IAAI,EAGJ,IAAI,EAOL,MAAM,eAAe,CAAC;AAavB,OAAO,cAAc,CAAC;AA0HtB,wBAAgB,IAAI,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,2CAwNzH"}

package/cjs/Flow.js

@@ -29,12 +29,26 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 /**
  * @author: yanxianliang
  * @date: 2025-07-27 16:33
- * @modified：2025/7/27 16:33 by yanxianliang
+ * @modified：2025/1/17 by yanxianliang
  * @desc: Flow
  *
  * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
  */
 
+/**
+ * ReactFlow 原生支持的属性列表
+ * 这些属性会透传给 ReactFlow
+ */const REACT_FLOW_PROPS = [
+// 核心数据
+'defaultNodes', 'defaultEdges', 'defaultEdgeOptions',
+// 视图控制
+'fitView', 'fitViewOptions', 'minZoom', 'maxZoom', 'defaultViewport', 'snapToGrid', 'snapGrid', 'onlyRenderVisibleElements',
+// 交互控制
+'nodesDraggable', 'nodesConnectable', 'nodesFocusable', 'edgesFocusable', 'elementsSelectable', 'selectNodesOnDrag', 'panOnDrag', 'panOnScroll', 'panOnScrollSpeed', 'panOnScrollMode', 'zoomOnScroll', 'zoomOnPinch', 'zoomOnDoubleClick', 'preventScrolling', 'connectionMode', 'connectionLineType', 'connectionLineStyle', 'connectionLineComponent', 'connectionLineContainerStyle', 'connectionRadius', 'isValidConnection', 'nodeDragThreshold', 'autoPanOnConnect', 'autoPanOnNodeDrag', 'autoPanSpeed', 'selectionOnDrag', 'selectionMode', 'selectionKeyCode', 'multiSelectionKeyCode', 'zoomActivationKeyCode', 'panActivationKeyCode', 'deleteKeyCode', 'nodeExtent', 'translateExtent', 'elevateNodesOnSelect', 'elevateEdgesOnSelect', 'disableKeyboardA11y', 'noDragClassName', 'noWheelClassName', 'noPanClassName',
+// 事件回调
+'onNodeClick', 'onNodeDoubleClick', 'onNodeMouseEnter', 'onNodeMouseMove', 'onNodeMouseLeave', 'onNodeContextMenu', 'onNodeDragStart', 'onNodeDrag', 'onNodeDragStop', 'onNodesDelete', 'onEdgeClick', 'onEdgeDoubleClick', 'onEdgeMouseEnter', 'onEdgeMouseMove', 'onEdgeMouseLeave', 'onEdgeContextMenu', 'onEdgeUpdate', 'onEdgeUpdateStart', 'onEdgeUpdateEnd', 'onEdgesDelete', 'onConnect', 'onConnectStart', 'onConnectEnd', 'onClickConnectStart', 'onClickConnectEnd', 'onMove', 'onMoveStart', 'onMoveEnd', 'onSelectionChange', 'onSelectionDragStart', 'onSelectionDrag', 'onSelectionDragStop', 'onSelectionContextMenu', 'onSelectionStart', 'onSelectionEnd', 'onPaneClick', 'onPaneContextMenu', 'onPaneScroll', 'onPaneMouseEnter', 'onPaneMouseMove', 'onPaneMouseLeave', 'onInit', 'onError', 'onDelete', 'onBeforeDelete',
+// 样式
+'style', 'className', 'id', 'colorMode'];
 const proOptions = {
   hideAttribution: true
 }; // 默认隐藏水印
@@ -64,8 +78,6 @@ function Flow(props) {
     edges,
     layout = _base.baseLayout,
     autoCenter = false,
-    omitProps = [],
-    // 不向下透传的属性
     forceLayout = !!props.layout,
     // 是否强制布局，如果强制布局会监控节点的dimension改变事件，自动触发布局计算
     getMiniMapNodeColor,
@@ -121,8 +133,17 @@ function Flow(props) {
       flowProps: props
     });
   }, [nodes, edges, forceUpdateTimes]);
+  const edgeTypes = (0, _react2.useMemo)(() => {
+    return {
+      manhattan: _manhattan.ManhattanEdge,
+      ...(props.edgeTypes || {})
+    };
+  }, [props.edgeTypes]);
   const flowProps = (0, _react2.useMemo)(() => {
+    // 使用 pick 选择需要透传的属性，而不是 omit 排除
+    const passthroughProps = (0, _lodash.pick)(props, REACT_FLOW_PROPS);
     const options = {
+      // 默认配置
       selectNodesOnDrag: false,
       preventScrolling: true,
       panOnScroll: false,
@@ -135,14 +156,10 @@ function Flow(props) {
       },
       fitView: true,
       onlyRenderVisibleElements,
-      ...(0, _lodash.omit)(props, ['flowInstanceRef', 'width', 'height', 'nodes', 'edges', 'fitViewOptions', 'theme', 'background', 'nodeTypes', 'showControls', 'showMiniMap', 'autoCenter', 'rootStyle', 'layout', 'onNodesChange', 'omitProps', 'forceLayout', 'controlsPosition', 'getMiniMapNodeColor', 'markers', 'onBeforeLayout', 'onLayout', 'onAfterLayout', 'plugins', 'readOnly', 'showFitView', 'showFullscreen', 'showInteractive', 'showZoom', 'showForceLayout', 'onInteractiveChange', 'onZoomOut', 'onZoomIn', 'onFitView', 'customControls', 'controlsOrientation', ...omitProps]),
-      edgeTypes: {
-        manhattan: _manhattan.ManhattanEdge,
-        ...(props.edgeTypes || {})
-      }
+      // 透传 ReactFlow 原生属性
+      ...passthroughProps
     };
     if (plugins?.scroller) {
-      // 只读模式也需要
       options.zoomOnScroll = false;
       options.panOnScroll = true;
       options.panOnDrag = options.panOnDrag ?? [1, 2];
@@ -155,7 +172,7 @@ function Flow(props) {
       options.elementsSelectable = false;
     }
     return options;
-  }, [props, _nodes, readOnly, onlyRenderVisibleElements]);
+  }, [props, _nodes, readOnly, onlyRenderVisibleElements, autoCenter, plugins?.scroller]);
   const onNodesChange = (0, _ahooks.useMemoizedFn)(changes => {
     if (forceLayout && (0, _hasDimensionsChange.hasDimensionsChange)(changes)) {
       // 强制布局
@@ -194,6 +211,7 @@ function Flow(props) {
     }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.ReactFlow, {
       nodeTypes: nodeTypes,
       ...flowProps,
+      edgeTypes: edgeTypes,
       nodes: _nodes,
       edges: _edges,
       onNodesChange: onNodesChange,

package/cjs/components/Legend/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAWA,OAAO,cAAc,CAAC;AAKtB,OAAO,EAAC,cAAc,EAAkB,MAAM,aAAa,CAAC;AAE5D,eAAO,MAAM,MAAM;gBAIH,cAAc,CAAC,YAAY,CAAC;oDAkD3C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAYA,OAAO,cAAc,CAAC;AAKtB,OAAO,EAAC,cAAc,EAAkB,MAAM,aAAa,CAAC;AAE5D,eAAO,MAAM,MAAM;gBAIH,cAAc,CAAC,YAAY,CAAC;oDAkD3C,CAAA"}

package/cjs/components/Legend/index.js

@@ -15,6 +15,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 /*
  * @author: yanxianliang
  * @date: 2025-06-03 19:33
+ * @modified：2025/1/17 by yanxianliang
  * @desc: 图例标准组件。按照节点类型进行分类展示。
  *
  * 遍历当前的nodes 列表，根据类型定义解析出图例列表。
@@ -29,7 +30,7 @@ const Legend = ({
   const showAll = typeof showLegend === "boolean" ? true : showLegend?.showAll ?? true; // 默认值为 true
 
   // 节点定义列表
-  const nodeTypeList = (0, _hooks.usePropsSelector)(state => state.nodeTypes);
+  const nodeTypeList = (0, _hooks.useFlowProps)(state => state.nodeTypes);
   const legendList = (0, _react2.useMemo)(() => {
     const showTypeList = [];
     const nodeTypeSet = new Set();

package/cjs/components/Popover/index.d.ts

@@ -1,11 +1,3 @@
 import { PopoverProps } from "antd/es/popover";
-import React from "react";
-export declare function Popover(props: PopoverProps & {
-    children: React.ReactElement<{
-        onMouseEnter?: (event: React.MouseEvent<HTMLElement>) => void;
-        onMouseLeave?: (event: React.MouseEvent<HTMLElement>) => void;
-        onPointerEnter?: (event: React.MouseEvent<HTMLElement>) => void;
-        onClick?: (event: React.MouseEvent<HTMLElement>) => void;
-    }>;
-}): import("react/jsx-runtime").JSX.Element;
+export declare function Popover(props: PopoverProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/cjs/components/Popover/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAE7C,OAAO,KAAmC,MAAM,OAAO,CAAC;AAKxD,wBAAgB,OAAO,CACrB,KAAK,EAAE,YAAY,GAAG;IACpB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;QAC3B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;QAC9D,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;QAC9D,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;QAChE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;KAC1D,CAAC,CAAC;CACJ,2CA4FF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAO7C,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,2CAqB1C"}

package/cjs/components/Popover/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Popover = Popover;
 var _react = require("@xyflow/react");
-var _ahooks = require("ahooks");
 var _antd = require("antd");
 var _react2 = _interopRequireWildcard(require("react"));
 var _useNodeDragging = require("../../hooks/node/useNodeDragging");
@@ -23,83 +22,23 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 
 function Popover(props) {
   const isNodeDragging = (0, _useNodeDragging.useNodeDragging)();
-  const [open, setOpen] = (0, _ahooks.useControllableValue)(props, {
-    valuePropName: 'open',
-    defaultValue: false,
-    trigger: 'onOpenChange'
-  });
-  const showFirstRef = (0, _react2.useRef)(false); // 是否首次渲染过
-
+  const {
+    x,
+    y
+  } = (0, _react.useViewport)();
   const {
     children,
-    trigger = 'hover',
     ...rest
   } = props;
-  (0, _react2.useMemo)(() => {
-    if (open) {
-      showFirstRef.current = true; // 初始化之后就不销毁了
-    }
-  }, [open]);
-  const _onMouseEnter = (0, _ahooks.useMemoizedFn)(event => {
-    if (!showFirstRef.current) {
-      setOpen(true);
-    }
-    children?.props?.onMouseEnter?.(event);
-  });
-  const _onMouseLeave = (0, _ahooks.useMemoizedFn)(event => {
-    setOpen(false);
-    children?.props?.onMouseLeave?.(event);
-  });
-  const _onClick = (0, _ahooks.useMemoizedFn)(event => {
-    if (!showFirstRef.current) {
-      setOpen(beforeOpen => !beforeOpen);
-    }
-    children?.props?.onClick?.(event);
-  });
-  const triggerActions = (0, _react2.useMemo)(() => {
-    return {
-      click: trigger === 'click' || trigger && Array.from(trigger) && trigger.indexOf('click') !== -1,
-      hover: trigger === 'hover' || trigger && Array.from(trigger) && trigger.indexOf('hover') !== -1
-    };
-  }, []);
   const tooltipRef = (0, _react2.useRef)(null);
-  const {
-    x,
-    y
-  } = (0, _react.useViewport)();
-  (0, _react2.useEffect)(() => {
-    if (triggerActions.hover) {
-      setOpen(false); // viewport 移动, 自动关闭，fix
-    }
-  }, [x, y]);
-  (0, _react2.useEffect)(() => {
-    if (open) {
-      setOpen(false);
-    }
-  }, [isNodeDragging]);
-  const cloneChildren = (0, _react2.useMemo)(() => {
-    return /*#__PURE__*/_react2.default.cloneElement(children, {
-      ...children.props,
-      ...(triggerActions.hover ? {
-        onMouseEnter: _onMouseEnter,
-        onMouseLeave: _onMouseLeave
-      } : {}),
-      ...(triggerActions.click ? {
-        onClick: _onClick
-      } : {})
-    });
-  }, [children]);
-  if (open || showFirstRef.current) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Popover, {
-      ref: tooltipRef,
-      destroyOnHidden: true,
-      getPopupContainer: _getPopupContainer.getPopupContainer,
-      ...rest,
-      trigger: trigger,
-      open: open,
-      onOpenChange: setOpen,
-      children: children
-    });
-  }
-  return cloneChildren;
+  (0, _react2.useLayoutEffect)(() => {
+    tooltipRef.current?.forceAlign();
+  }, [isNodeDragging, x, y]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Popover, {
+    ref: tooltipRef,
+    destroyOnHidden: true,
+    getPopupContainer: _getPopupContainer.getPopupContainer,
+    ...rest,
+    children: children
+  });
 }

package/cjs/components/Tooltip/index.d.ts

@@ -1,12 +1,3 @@
 import { TooltipProps } from "antd/es/tooltip";
-import React from "react";
-export declare function Tooltip({ children, canTooltipShow, title, trigger, ...rest }: TooltipProps & {
-    children: React.ReactElement<{
-        onMouseEnter?: (event: React.MouseEvent<HTMLElement>) => void;
-        onMouseLeave?: (event: React.MouseEvent<HTMLElement>) => void;
-        onPointerEnter?: (event: React.MouseEvent<HTMLElement>) => void;
-        onClick?: (event: React.MouseEvent<HTMLElement>) => void;
-    }>;
-    canTooltipShow?: (e: React.MouseEvent<HTMLElement>) => void;
-}): import("react/jsx-runtime").JSX.Element;
+export declare function Tooltip({ children, ...rest }: TooltipProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/cjs/components/Tooltip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAC,YAAY,EAAa,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAmC,MAAM,OAAO,CAAC;AAIxD,wBAAgB,OAAO,CACrB,EACE,QAAQ,EACR,cAAc,EACd,KAAK,EACL,OAAiB,EACjB,GAAG,IAAI,EACR,EAAE,YAAY,GAAG;IAChB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;QAC3B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;QAC9D,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;QAC9D,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;QAChE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;KAC1D,CAAC,CAAC;IACH,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;CAC5D,2CAmGF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAC,YAAY,EAAa,MAAM,iBAAiB,CAAC;AAKzD,wBAAgB,OAAO,CACrB,EACE,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,YAAY,2CAmBhB"}

package/cjs/components/Tooltip/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Tooltip = Tooltip;
 var _react = require("@xyflow/react");
-var _ahooks = require("ahooks");
 var _antd = require("antd");
 var _react2 = _interopRequireWildcard(require("react"));
 var _useNodeDragging = require("../../hooks/node/useNodeDragging");
@@ -23,93 +22,22 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 
 function Tooltip({
   children,
-  canTooltipShow,
-  title,
-  trigger = 'hover',
   ...rest
 }) {
-  const isNodeDragging = (0, _useNodeDragging.useNodeDragging)();
-  const [open, setOpen] = (0, _ahooks.useControllableValue)(rest, {
-    valuePropName: 'open',
-    defaultValue: false,
-    trigger: 'onOpenChange'
-  });
-  const showFirstRef = (0, _react2.useRef)(false); // 是否首次渲染过
-
-  (0, _react2.useMemo)(() => {
-    if (open) {
-      showFirstRef.current = true; // 初始化之后就不销毁了
-    }
-  }, [open]);
-  (0, _react2.useEffect)(() => {
-    if (!title) {
-      setOpen(false);
-    }
-  }, [title]);
-  const _onMouseEnter = (0, _ahooks.useMemoizedFn)(event => {
-    if (!showFirstRef.current) {
-      const canShow = canTooltipShow?.(event) ?? true;
-      if (canShow && title) {
-        setOpen(true);
-      }
-    }
-    children?.props?.onMouseEnter?.(event);
-  });
-  const _onMouseLeave = (0, _ahooks.useMemoizedFn)(event => {
-    setOpen(false);
-    children?.props?.onMouseLeave?.(event);
-  });
-  const triggerActions = (0, _react2.useMemo)(() => {
-    return {
-      click: trigger === 'click' || trigger && Array.from(trigger) && trigger.indexOf('click') !== -1,
-      hover: trigger === 'hover' || trigger && Array.from(trigger) && trigger.indexOf('hover') !== -1
-    };
-  }, []);
-  const _onClick = (0, _ahooks.useMemoizedFn)(event => {
-    if (!showFirstRef.current) {
-      setOpen(beforeOpen => !beforeOpen);
-    }
-    children?.props?.onClick?.(event);
-  });
   const tooltipRef = (0, _react2.useRef)(null);
+  const isNodeDragging = (0, _useNodeDragging.useNodeDragging)();
   const {
     x,
     y
   } = (0, _react.useViewport)();
-  (0, _react2.useEffect)(() => {
-    if (triggerActions.hover) {
-      setOpen(false); // viewport 移动, 自动关闭，fix
-    }
-  }, [x, y]);
-  (0, _react2.useEffect)(() => {
-    if (open) {
-      setOpen(false);
-    }
-  }, [isNodeDragging]);
-  const cloneChildren = (0, _react2.useMemo)(() => {
-    return /*#__PURE__*/_react2.default.cloneElement(children, {
-      ...children.props,
-      ...(triggerActions.hover ? {
-        onMouseEnter: _onMouseEnter,
-        onMouseLeave: _onMouseLeave
-      } : {}),
-      ...(triggerActions.click ? {
-        onClick: _onClick
-      } : {})
-    });
-  }, [children]);
-  if (open || showFirstRef.current) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
-      ref: tooltipRef,
-      destroyOnHidden: true,
-      title: title,
-      getPopupContainer: _getPopupContainer.getPopupContainer,
-      ...rest,
-      trigger: trigger,
-      open: open,
-      onOpenChange: setOpen,
-      children: children
-    });
-  }
-  return cloneChildren;
+  (0, _react2.useLayoutEffect)(() => {
+    tooltipRef.current?.forceAlign();
+  }, [isNodeDragging, x, y]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
+    ref: tooltipRef,
+    destroyOnHidden: true,
+    getPopupContainer: _getPopupContainer.getPopupContainer,
+    ...rest,
+    children: children
+  });
 }

package/cjs/edges/manhattan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"manhattan.d.ts","sourceRoot":"","sources":["manhattan.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAW,KAAK,SAAS,EAAc,MAAM,eAAe,CAAC;AACpE,OAAO,EAAC,aAAa,EAAoC,MAAM,OAAO,CAAC;AAgGvE,eAAO,MAAM,aAAa,EAAE,aAAa,CAAC,SAAS,CA0IjD,CAAA"}
+{"version":3,"file":"manhattan.d.ts","sourceRoot":"","sources":["manhattan.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAW,KAAK,SAAS,EAA2C,MAAM,eAAe,CAAC;AACjG,OAAO,EAAC,aAAa,EAAoC,MAAM,OAAO,CAAC;AAmKvE,eAAO,MAAM,aAAa,EAAE,aAAa,CAAC,SAAS,CAwJjD,CAAA"}

package/cjs/edges/manhattan.js

@@ -18,22 +18,74 @@ var _jsxRuntime = require("react/jsx-runtime");
  * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
  */
 
+/**
+ * 判断是否为简单的就近连接场景
+ * 这些场景不需要复杂的 Manhattan 算法，直接使用 SmoothStep 即可
+ *
+ * 就近连接规则：
+ * - 右锚点 → 左锚点（source 在 target 左侧）
+ * - 左锚点 → 右锚点（source 在 target 右侧）
+ * - 下锚点 → 上锚点（source 在 target 上方）
+ * - 上锚点 → 下锚点（source 在 target 下方）
+ */
+function isSimpleConnection(sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition) {
+  // 右 → 左：source 在左侧，target 在右侧
+  if (sourcePosition === _react.Position.Right && targetPosition === _react.Position.Left) {
+    return sourceX < targetX;
+  }
+
+  // 左 → 右：source 在右侧，target 在左侧
+  if (sourcePosition === _react.Position.Left && targetPosition === _react.Position.Right) {
+    return sourceX > targetX;
+  }
+
+  // 下 → 上：source 在上方，target 在下方
+  if (sourcePosition === _react.Position.Bottom && targetPosition === _react.Position.Top) {
+    return sourceY < targetY;
+  }
+
+  // 上 → 下：source 在下方，target 在上方
+  if (sourcePosition === _react.Position.Top && targetPosition === _react.Position.Bottom) {
+    return sourceY > targetY;
+  }
+  return false;
+}
+
 // 全局 Worker 实例（单例）
 let workerInstance = null;
 let workerApi = null;
+let workerInitFailed = false;
+
+/**
+ * 创建 Worker
+ * 使用预编译的 .js bundle，不使用 type: 'module' 以获得更好的浏览器兼容性
+ */
+function tryCreateWorker() {
+  try {
+    return new Worker(new URL('../workers/manhattan.worker.js', import.meta.url));
+  } catch (error) {
+    console.warn('[ManhattanEdge] Worker creation failed:', error);
+    return null;
+  }
+}
 
 // 获取或创建 Worker
 function getWorker() {
   if (typeof window === 'undefined') return null; // SSR 环境
+  if (workerInitFailed) return null; // 之前初始化失败，不再尝试
 
   if (!workerInstance || !workerApi) {
     try {
-      workerInstance = new Worker(new URL('../workers/manhattan.worker.ts', import.meta.url), {
-        type: 'module'
-      });
-      workerApi = (0, _comlink.wrap)(workerInstance);
+      workerInstance = tryCreateWorker();
+      if (workerInstance) {
+        workerApi = (0, _comlink.wrap)(workerInstance);
+      } else {
+        workerInitFailed = true;
+        return null;
+      }
     } catch (error) {
       console.warn('[ManhattanEdge] Worker initialization failed, using main thread:', error);
+      workerInitFailed = true;
       return null;
     }
   }
@@ -51,7 +103,8 @@ const perfStats = {
   cacheHits: 0,
   cacheMisses: 0,
   workerCalculations: 0,
-  mainThreadCalculations: 0
+  mainThreadCalculations: 0,
+  simplePathCalculations: 0 // 简单路径（使用 SmoothStep）
 };
 
 // 生成缓存 key
@@ -75,17 +128,20 @@ function resetPerfStats() {
   perfStats.cacheMisses = 0;
   perfStats.workerCalculations = 0;
   perfStats.mainThreadCalculations = 0;
+  perfStats.simplePathCalculations = 0;
 }
 
 // 打印统计
 function logPerfStats() {
   const totalDuration = performance.now() - perfStats.startTime;
   const cacheHitRate = perfStats.totalEdges > 0 ? (perfStats.cacheHits / perfStats.totalEdges * 100).toFixed(1) : '0';
+  const simplePathRate = perfStats.totalEdges > 0 ? (perfStats.simplePathCalculations / perfStats.totalEdges * 100).toFixed(1) : '0';
   console.log('=== Manhattan Edge Performance Stats ===');
   console.log(`Total edges: ${perfStats.totalEdges}`);
   console.log(`Completed: ${perfStats.completedEdges}`);
   console.log(`Cache hits: ${perfStats.cacheHits} (${cacheHitRate}%)`);
   console.log(`Cache misses: ${perfStats.cacheMisses}`);
+  console.log(`Simple paths (SmoothStep): ${perfStats.simplePathCalculations} (${simplePathRate}%)`);
   console.log(`Worker calculations: ${perfStats.workerCalculations}`);
   console.log(`Main thread calculations: ${perfStats.mainThreadCalculations}`);
   console.log(`Total calculation time: ${perfStats.totalTime.toFixed(2)}ms`);
@@ -147,32 +203,48 @@ const ManhattanEdge = exports.ManhattanEdge = /*#__PURE__*/(0, _react2.memo)(({
       if (!isMountedRef.current) return;
       const startTime = performance.now();
       let calculatedPath;
-      const params = {
-        sourceNodeId: source,
-        targetNodeId: target,
-        sourceX,
-        sourceY,
-        sourcePosition,
-        targetX,
-        targetY,
-        targetPosition,
-        nodeLookup: nodeLookup
-      };
-
-      // 尝试使用 Worker，失败则回退到主线程
-      const worker = getWorker();
-      try {
-        if (worker) {
-          perfStats.workerCalculations++;
-          calculatedPath = await worker.calculatePath(params);
-        } else {
+
+      // 前置判断：简单的就近连接场景直接使用 SmoothStep
+      if (isSimpleConnection(sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition)) {
+        perfStats.simplePathCalculations++;
+        const [smoothPath] = (0, _react.getSmoothStepPath)({
+          sourceX,
+          sourceY,
+          sourcePosition,
+          targetX,
+          targetY,
+          targetPosition
+        });
+        calculatedPath = smoothPath;
+      } else {
+        // 复杂场景使用 Manhattan 算法
+        const params = {
+          sourceNodeId: source,
+          targetNodeId: target,
+          sourceX,
+          sourceY,
+          sourcePosition,
+          targetX,
+          targetY,
+          targetPosition,
+          nodeLookup: nodeLookup
+        };
+
+        // 尝试使用 Worker，失败则回退到主线程
+        const worker = getWorker();
+        try {
+          if (worker) {
+            perfStats.workerCalculations++;
+            calculatedPath = await worker.calculatePath(params);
+          } else {
+            perfStats.mainThreadCalculations++;
+            calculatedPath = (0, _manhattan.getManHattanPath)(params);
+          }
+        } catch (error) {
+          // Fallback 到主线程
           perfStats.mainThreadCalculations++;
           calculatedPath = (0, _manhattan.getManHattanPath)(params);
         }
-      } catch (error) {
-        // Fallback 到主线程
-        perfStats.mainThreadCalculations++;
-        calculatedPath = (0, _manhattan.getManHattanPath)(params);
       }
       const endTime = performance.now();
       const duration = endTime - startTime;
@@ -201,8 +273,6 @@ const ManhattanEdge = exports.ManhattanEdge = /*#__PURE__*/(0, _react2.memo)(({
         logPerfStats();
       }
     };
-
-    // 直接执行异步计算（Worker 已经是异步的）
     calculatePath();
     return () => {
       isMountedRef.current = false;

package/cjs/hoc/createFlow.d.ts

@@ -1,14 +1,40 @@
 /**
  * @author: yanxianliang
  * @date: 2025-10-15 15:25
- * @modified：2025/10/15 15:25 by yanxianliang
+ * @modified：2025/1/17 by yanxianliang
  * @desc: 创建 Flow 组件
  *
- * 提供公众能力封装
+ * 提供公共能力封装，支持双层 Props 存储
  *
  * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
  */
-import { IBaseFlowProps } from "../types";
+import { Edge, Node } from "@xyflow/react";
 import React, { PropsWithChildren } from "react";
-export declare function createFlow<Props = IBaseFlowProps, ExtendProps = {}>(FlowComponent: React.ComponentType<IBaseFlowProps & ExtendProps>, usePropsTransform?: (props: PropsWithChildren<Props>) => PropsWithChildren<IBaseFlowProps & ExtendProps>): (props: React.PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element;
+import { IBaseFlowProps } from "../types";
+/**
+ * 创建 Flow 组件的工厂函数
+ *
+ * @param FlowComponent - 基础 Flow 组件
+ * @param usePropsTransform - Props 转换 hook，将输入 props 转换为 Flow props
+ *
+ * @example
+ * // 基础用法
+ * const MyFlow = createFlow(Flow);
+ *
+ * @example
+ * // 带 props 转换
+ * const BloodlineFlow = createFlow<IBloodlineFlowProps, BloodlineExtendProps>(
+ *   Flow,
+ *   (props) => {
+ *     const { root, nodeTypes } = props;
+ *     const nodes = useMemo(() => root ? [root] : [], [root]);
+ *     return {
+ *       ...props,
+ *       nodes,
+ *       nodeTypes: wrapNodeTypes(nodeTypes, BaseNodeWrapper),
+ *     };
+ *   }
+ * );
+ */
+export declare function createFlow<TInputProps = IBaseFlowProps, TExtendProps = {}, NodeType extends Node = Node, EdgeType extends Edge = Edge>(FlowComponent: React.ComponentType<IBaseFlowProps<NodeType, EdgeType> & TExtendProps>, usePropsTransform?: (props: PropsWithChildren<TInputProps>) => PropsWithChildren<IBaseFlowProps<NodeType, EdgeType> & TExtendProps>): (props: React.PropsWithChildren<TInputProps>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=createFlow.d.ts.map

package/cjs/hoc/createFlow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createFlow.d.ts","sourceRoot":"","sources":["createFlow.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,EAAC,cAAc,EAAC,MAAM,UAAU,CAAC;AAGxC,OAAO,KAAK,EAAE,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AA0B/C,wBAAgB,UAAU,CAAC,KAAK,GAAG,cAAc,EAAE,WAAW,GAAG,EAAE,EACjE,aAAa,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,GAAG,WAAW,CAAC,EAChE,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,KAAK,iBAAiB,CAAC,cAAc,GAAG,WAAW,CAAC,sFAwBzG"}
+{"version":3,"file":"createFlow.d.ts","sourceRoot":"","sources":["createFlow.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAEzC,OAAO,KAAK,EAAE,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAG/C,OAAO,EAAC,cAAc,EAAC,MAAM,UAAU,CAAC;AAwBxC;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,UAAU,CACxB,WAAW,GAAG,cAAc,EAC5B,YAAY,GAAG,EAAE,EACjB,QAAQ,SAAS,IAAI,GAAG,IAAI,EAC5B,QAAQ,SAAS,IAAI,GAAG,IAAI,EAE5B,aAAa,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,YAAY,CAAC,EACrF,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,WAAW,CAAC,KAAK,iBAAiB,CAAC,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,YAAY,CAAC,4FA4BpI"}