@rxflow/base 0.0.1-alpha.0

package/cjs/components/MarkerDefinitions/Mark.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Marker = void 0;
+var _symbols = require("./symbols");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-23 16:29
+ * @modified：2025/7/23 16:29 by yanxianliang
+ * @desc: Mark
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const Marker = ({
+  id,
+  type,
+  color,
+  width = 12.5,
+  height = 12.5,
+  markerUnits = 'strokeWidth',
+  strokeWidth,
+  orient = 'auto-start-reverse'
+}) => {
+  const Symbol = _symbols.symbols[type];
+  if (!Symbol) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("marker", {
+    className: "react-flow__arrowhead",
+    id: id,
+    markerWidth: `${width}`,
+    markerHeight: `${height}`,
+    viewBox: "-10 -10 20 20",
+    markerUnits: markerUnits,
+    orient: orient,
+    refX: "0",
+    refY: "0",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Symbol, {
+      color: color,
+      strokeWidth: strokeWidth
+    })
+  });
+};
+exports.Marker = Marker;

package/cjs/components/MarkerDefinitions/Symbols/Arrow.d.ts

@@ -0,0 +1,11 @@
+import { SymbolProps } from "../types";
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-23 16:19
+ * @modified：2025/7/23 16:19 by yanxianliang
+ * @desc: Arrow Symbol
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+export declare const Arrow: ({ color, strokeWidth }: SymbolProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Arrow.d.ts.map

package/cjs/components/MarkerDefinitions/Symbols/Arrow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Arrow.d.ts","sourceRoot":"","sources":["Arrow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AAErC;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK,2BAAyC,WAAW,4CAarE,CAAC"}

package/cjs/components/MarkerDefinitions/Symbols/Arrow.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Arrow = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-23 16:19
+ * @modified：2025/7/23 16:19 by yanxianliang
+ * @desc: Arrow Symbol
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+const Arrow = ({
+  color = 'none',
+  strokeWidth = 1
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("polyline", {
+    style: {
+      stroke: color,
+      strokeWidth
+    },
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    fill: "none",
+    points: "-5,-4 0,0 -5,4"
+  });
+};
+exports.Arrow = Arrow;

package/cjs/components/MarkerDefinitions/Symbols/ArrowClosed.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-23 16:12
+ * @modified：2025/7/23 16:12 by yanxianliang
+ * @desc: ArrowClosedSymbol
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { SymbolProps } from "../types";
+export declare const ArrowClosedSymbol: ({ color, strokeWidth, }: SymbolProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ArrowClosed.d.ts.map

package/cjs/components/MarkerDefinitions/Symbols/ArrowClosed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowClosed.d.ts","sourceRoot":"","sources":["ArrowClosed.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AAErC,eAAO,MAAM,iBAAiB,4BAIzB,WAAW,4CAaf,CAAC"}

package/cjs/components/MarkerDefinitions/Symbols/ArrowClosed.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ArrowClosedSymbol = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-23 16:12
+ * @modified：2025/7/23 16:12 by yanxianliang
+ * @desc: ArrowClosedSymbol
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const ArrowClosedSymbol = ({
+  color = 'none',
+  strokeWidth = 1
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("polyline", {
+    style: {
+      stroke: color,
+      fill: color,
+      strokeWidth
+    },
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    points: "-5,-4 0,0 -5,4 -5,-4"
+  });
+};
+exports.ArrowClosedSymbol = ArrowClosedSymbol;

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

@@ -0,0 +1,6 @@
+import { MarkDefinition } from "./types";
+import './styles.less';
+export declare const MarkerDefinitions: ({ marks }: {
+    marks: MarkDefinition[];
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AAEvC,OAAO,eAAe,CAAC;AAKvB,eAAO,MAAM,iBAAiB;WAInB,cAAc,EAAE;6CAsB1B,CAAC"}

package/cjs/components/MarkerDefinitions/index.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MarkerDefinitions = void 0;
+var _system = require("@xyflow/system");
+var _ = require("../..");
+require("./styles.less");
+var _classcat = _interopRequireDefault(require("classcat"));
+var _Mark = require("./Mark");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-23 15:02
+ * @modified：2025/7/23 15:02 by yanxianliang
+ * @desc: inner mark 定义
+ *
+ *
+ * 可以放到 workflow内部，自定义，不需要再遍历进行更新
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const MarkerDefinitions = ({
+  marks
+}) => {
+  const flowId = (0, _.useFlowId)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+    className: (0, _classcat.default)(["react-flow__marker", 'rxflow-marks']),
+    "aria-hidden": "true",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("defs", {
+      children: marks.map((mark, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Mark.Marker, {
+        id: (0, _system.getMarkerId)(mark, flowId),
+        type: _system.MarkerType.ArrowClosed,
+        color: mark.color,
+        width: mark.width,
+        height: mark.height,
+        strokeWidth: mark.strokeWidth
+      }, index))
+    })
+  });
+};
+exports.MarkerDefinitions = MarkerDefinitions;

package/cjs/components/MarkerDefinitions/styles.less

@@ -0,0 +1,5 @@
+.rxflow-marks {
+  position: absolute;
+  z-index: -1;
+  pointer-events: none;
+}

package/cjs/components/MarkerDefinitions/symbols.d.ts

@@ -0,0 +1,5 @@
+export declare const symbols: {
+    arrowclosed: ({ color, strokeWidth, }: import("./types").SymbolProps) => import("react/jsx-runtime").JSX.Element;
+    arrow: ({ color, strokeWidth }: import("./types").SymbolProps) => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=symbols.d.ts.map

package/cjs/components/MarkerDefinitions/symbols.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"symbols.d.ts","sourceRoot":"","sources":["symbols.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,OAAO;;;CAGnB,CAAA"}

package/cjs/components/MarkerDefinitions/symbols.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.symbols = void 0;
+var _system = require("@xyflow/system");
+var _ArrowClosed = require("./Symbols/ArrowClosed");
+var _Arrow = require("./Symbols/Arrow");
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-23 16:13
+ * @modified：2025/7/23 16:13 by yanxianliang
+ * @desc: symbols
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const symbols = exports.symbols = {
+  [_system.MarkerType.ArrowClosed]: _ArrowClosed.ArrowClosedSymbol,
+  [_system.MarkerType.Arrow]: _Arrow.Arrow
+};

package/cjs/components/MarkerDefinitions/types.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-23 16:12
+ * @modified：2025/7/23 16:12 by yanxianliang
+ * @desc: 类型定义
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+export type SymbolProps = {
+  color?: string;
+  strokeWidth?: number;
+}
+
+export type MarkDefinition = {
+  type: MarkerType;
+  color?: string;
+  width?: number;
+  height?: number;
+  strokeWidth?: number;
+}

package/cjs/components/NodeRenderFactory.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-12 17:54
+ * @desc: Node Render 支持通用逻辑
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { ComponentType } from "react";
+import { NodeRenderProps } from "../types";
+export declare const nodeRenderFactory: (NodeComponent: ComponentType<NodeRenderProps>) => (props: NodeRenderProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NodeRenderFactory.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NodeRenderFactory.d.ts","sourceRoot":"","sources":["NodeRenderFactory.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AACpC,OAAO,EAAC,eAAe,EAAC,MAAM,UAAU,CAAC;AAIzC,eAAO,MAAM,iBAAiB,kBAAmB,cAAc,eAAe,CAAC,aAC9D,eAAe,4CAO/B,CAAA"}

package/cjs/components/NodeRenderFactory.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.nodeRenderFactory = void 0;
+var _hooks = require("../hooks");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-12 17:54
+ * @desc: Node Render 支持通用逻辑
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const nodeRenderFactory = NodeComponent => {
+  return props => {
+    // id 绑定
+    (0, _hooks.useNodeInitialize)(props.id);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(NodeComponent, {
+      ...props
+    });
+  };
+};
+exports.nodeRenderFactory = nodeRenderFactory;

package/cjs/components/Nodes/DefaultNode.d.ts

@@ -0,0 +1,3 @@
+import { BuiltInNode, NodeProps } from '@xyflow/react';
+export declare function DefaultNode({ id, data, isConnectable, targetPosition, sourcePosition, }: NodeProps<BuiltInNode>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DefaultNode.d.ts.map

package/cjs/components/Nodes/DefaultNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultNode.d.ts","sourceRoot":"","sources":["DefaultNode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAE,SAAS,EAAS,MAAM,eAAe,CAAC;AAI7D,wBAAgB,WAAW,CACzB,EACE,EAAE,EACF,IAAI,EACJ,aAAa,EACb,cAA6B,EAC7B,cAAgC,GACjC,EAAE,SAAS,CAAC,WAAW,CAAC,2CAS1B"}

package/cjs/components/Nodes/DefaultNode.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DefaultNode = DefaultNode;
+var _react = require("@xyflow/react");
+var _system = require("@xyflow/system");
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+function DefaultNode({
+  id,
+  data,
+  isConnectable,
+  targetPosition = _system.Position.Top,
+  sourcePosition = _system.Position.Bottom
+}) {
+  (0, _.useNodeInitialize)(id);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Handle, {
+      type: "target",
+      position: targetPosition,
+      isConnectable: isConnectable
+    }), data?.label, /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Handle, {
+      type: "source",
+      position: sourcePosition,
+      isConnectable: isConnectable
+    })]
+  });
+}

package/cjs/components/Nodes/GroupNode.d.ts

@@ -0,0 +1,3 @@
+import { NodeProps } from "@xyflow/react";
+export declare function GroupNode({ id }: NodeProps): null;
+//# sourceMappingURL=GroupNode.d.ts.map

package/cjs/components/Nodes/GroupNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupNode.d.ts","sourceRoot":"","sources":["GroupNode.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AAExC,wBAAgB,SAAS,CAAC,EAAC,EAAE,EAAC,EAAE,SAAS,QAGxC"}

package/cjs/components/Nodes/GroupNode.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GroupNode = GroupNode;
+var _ = require("../..");
+function GroupNode({
+  id
+}) {
+  (0, _.useNodeInitialize)(id);
+  return null;
+}

package/cjs/components/Nodes/InputNode.d.ts

@@ -0,0 +1,3 @@
+import { BuiltInNode, NodeProps } from '@xyflow/react';
+export declare function InputNode({ id, data, isConnectable, sourcePosition }: NodeProps<BuiltInNode>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InputNode.d.ts.map

package/cjs/components/Nodes/InputNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputNode.d.ts","sourceRoot":"","sources":["InputNode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAE,SAAS,EAAS,MAAM,eAAe,CAAC;AAI7D,wBAAgB,SAAS,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,cAAgC,EAAE,EAAE,SAAS,CAAC,WAAW,CAAC,2CAQ9G"}

package/cjs/components/Nodes/InputNode.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InputNode = InputNode;
+var _react = require("@xyflow/react");
+var _system = require("@xyflow/system");
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+function InputNode({
+  id,
+  data,
+  isConnectable,
+  sourcePosition = _system.Position.Bottom
+}) {
+  (0, _.useNodeInitialize)(id);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [data?.label, /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Handle, {
+      type: "source",
+      position: sourcePosition,
+      isConnectable: isConnectable
+    })]
+  });
+}

package/cjs/components/Nodes/OutputNode.d.ts

@@ -0,0 +1,3 @@
+import { BuiltInNode, NodeProps } from '@xyflow/react';
+export declare function OutputNode({ id, data, isConnectable, targetPosition }: NodeProps<BuiltInNode>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OutputNode.d.ts.map

package/cjs/components/Nodes/OutputNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OutputNode.d.ts","sourceRoot":"","sources":["OutputNode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAE,SAAS,EAAS,MAAM,eAAe,CAAC;AAI7D,wBAAgB,UAAU,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,cAA6B,EAAE,EAAE,SAAS,CAAC,WAAW,CAAC,2CAQ5G"}

package/cjs/components/Nodes/OutputNode.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OutputNode = OutputNode;
+var _react = require("@xyflow/react");
+var _system = require("@xyflow/system");
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+function OutputNode({
+  id,
+  data,
+  isConnectable,
+  targetPosition = _system.Position.Top
+}) {
+  (0, _.useNodeInitialize)(id);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Handle, {
+      type: "target",
+      position: targetPosition,
+      isConnectable: isConnectable
+    }), data?.label]
+  });
+}

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

@@ -0,0 +1,11 @@
+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;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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,2CAsFF"}

package/cjs/components/Popover/index.js

@@ -0,0 +1,100 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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");
+var _getPopupContainer = require("../../utils/getPopupContainer");
+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-06-27 09:35
+ * @desc: 自定义Popover享元模式
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+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 {
+    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 (open) {
+      tooltipRef.current?.forceAlign(); // 跟随 viewport 移动
+    }
+  }, [x, y]);
+  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 && !isNodeDragging,
+      onOpenChange: setOpen,
+      children: children
+    });
+  }
+  return cloneChildren;
+}

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

@@ -0,0 +1,12 @@
+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;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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,2CA6FF"}