@rxflow/base 0.0.1-alpha.0

package/cjs/components/Controls/index.js

@@ -0,0 +1,195 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _FullscreenExitOutlined = _interopRequireDefault(require("@ant-design/icons/FullscreenExitOutlined"));
+var _FullscreenOutlined = _interopRequireDefault(require("@ant-design/icons/FullscreenOutlined"));
+var _ZoomInOutlined = _interopRequireDefault(require("@ant-design/icons/lib/icons/ZoomInOutlined"));
+var _ZoomOutOutlined = _interopRequireDefault(require("@ant-design/icons/lib/icons/ZoomOutOutlined"));
+var _react = require("@xyflow/react");
+var _ahooks = require("ahooks");
+var _antd = require("antd");
+var _classcat = _interopRequireDefault(require("classcat"));
+var _react2 = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _shallow = require("zustand/shallow");
+var _icons = require("./icons");
+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; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/*
+ * @author: yanxianliang
+ * @date: 2025-06-09 09:45
+ * @desc: 画布控制器
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const selector = s => ({
+  isInteractive: s.nodesDraggable || s.nodesConnectable || s.elementsSelectable,
+  minZoomReached: s.transform[2] <= s.minZoom,
+  maxZoomReached: s.transform[2] >= s.maxZoom
+});
+function Controls({
+  style,
+  showZoom = true,
+  showFitView = true,
+  showInteractive = false,
+  showFullscreen = true,
+  showMiniMap,
+  containerRef,
+  fitViewOptions,
+  onZoomIn,
+  onZoomOut,
+  onFitView,
+  onInteractiveChange,
+  className,
+  children,
+  position = 'bottom-left',
+  orientation = 'vertical',
+  'aria-label': ariaLabel = 'React Flow controls',
+  minimapVisible,
+  setMinimapVisible,
+  showForceLayout
+}) {
+  const [isFullscreen, {
+    toggleFullscreen
+  }] = (0, _ahooks.useFullscreen)(containerRef);
+  const store = (0, _react.useStoreApi)();
+  const {
+    isInteractive,
+    minZoomReached,
+    maxZoomReached
+  } = (0, _react.useStore)(selector, _shallow.shallow);
+  const {
+    zoomIn,
+    zoomOut,
+    fitView
+  } = (0, _react.useReactFlow)();
+  const onZoomInHandler = () => {
+    zoomIn();
+    onZoomIn?.();
+  };
+  const onZoomOutHandler = () => {
+    zoomOut();
+    onZoomOut?.();
+  };
+  const onFitViewHandler = () => {
+    fitView(fitViewOptions);
+    onFitView?.();
+  };
+  const onToggleInteractivity = () => {
+    store.setState({
+      nodesDraggable: !isInteractive,
+      nodesConnectable: !isInteractive,
+      elementsSelectable: !isInteractive
+    });
+    onInteractiveChange?.(!isInteractive);
+  };
+  const onForceLayout = () => {
+    // TODO 美化布局
+  };
+  const onToggleMiniMap = () => {
+    setMinimapVisible(!minimapVisible);
+  };
+  const orientationClass = orientation === 'horizontal' ? 'horizontal' : 'vertical';
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Panel, {
+    className: (0, _classcat.default)(['react-flow__controls', orientationClass, className]),
+    position: position,
+    style: style,
+    "data-testid": "rf__controls",
+    "aria-label": ariaLabel,
+    children: [showZoom && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
+        title: '放大',
+        placement: 'right',
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.ControlButton, {
+            onClick: onZoomInHandler,
+            className: "react-flow__controls-zoomin",
+            title: '放大',
+            "aria-label": 'zoom in',
+            disabled: maxZoomReached,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ZoomInOutlined.default, {})
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
+        title: '缩小',
+        placement: 'right',
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.ControlButton, {
+            onClick: onZoomOutHandler,
+            className: "react-flow__controls-zoomout",
+            title: '缩小',
+            "aria-label": 'zoom out',
+            disabled: minZoomReached,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ZoomOutOutlined.default, {})
+          })
+        })
+      })]
+    }), showFitView && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
+      title: '自适应视图',
+      placement: 'right',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.ControlButton, {
+          className: "react-flow__controls-fitview",
+          onClick: onFitViewHandler,
+          title: '自适应视图',
+          "aria-label": 'fit view',
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.FitViewIcon, {})
+        })
+      })
+    }), showFullscreen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
+      title: isFullscreen ? '取消全屏' : '全屏',
+      placement: 'right',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.ControlButton, {
+          className: "react-flow__controls-fullscreen",
+          onClick: toggleFullscreen,
+          title: isFullscreen ? '取消全屏' : '全屏',
+          "aria-label": "toggle fullscreen",
+          children: isFullscreen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_FullscreenExitOutlined.default, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_FullscreenOutlined.default, {})
+        })
+      })
+    }), showMiniMap && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
+      title: minimapVisible ? '关闭缩略图' : '开启缩略图',
+      placement: 'right',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.ControlButton, {
+          className: "react-flow__controls-interactive",
+          onClick: onToggleMiniMap,
+          title: minimapVisible ? '关闭缩略图' : '开启缩略图',
+          "aria-label": "toggle minimap",
+          children: minimapVisible ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.UnMinimap, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Minimap, {})
+        })
+      })
+    }), showInteractive && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
+      title: isInteractive ? '解锁' : '锁定',
+      placement: 'right',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.ControlButton, {
+          className: "react-flow__controls-interactive",
+          onClick: onToggleInteractivity,
+          title: isInteractive ? '解锁' : '锁定',
+          "aria-label": "toggle interactivity",
+          children: isInteractive ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.UnlockIcon, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.LockIcon, {})
+        })
+      })
+    }), showForceLayout && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
+      title: '美化布局',
+      placement: 'right',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.ControlButton, {
+          className: "react-flow__controls-layout",
+          onClick: onForceLayout,
+          title: '美化布局',
+          "aria-label": "force layout",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ForceLayout, {})
+        })
+      })
+    }), children]
+  });
+}
+var _default = exports.default = /*#__PURE__*/(0, _react2.memo)(Controls);

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

@@ -0,0 +1,5 @@
+import './index.less';
+export declare const DebugInfo: ({ debug }: {
+    debug?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAUA,OAAO,cAAc,CAAC;AAEtB,eAAO,MAAM,SAAS;;oDAUrB,CAAA"}

package/cjs/components/DebugInfo/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DebugInfo = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactFpsStats = _interopRequireDefault(require("react-fps-stats"));
+require("./index.less");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-29 10:17
+ * @modified：2025/7/29 10:17 by yanxianliang
+ * @desc: 性能分析调试组件
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const DebugInfo = ({
+  debug
+}) => {
+  const show = debug || window[Symbol.for('rxflow_debug')] === true;
+  if (!show) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: 'rxflow-debug',
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFpsStats.default, {})
+  });
+};
+exports.DebugInfo = DebugInfo;

package/cjs/components/DebugInfo/index.less

@@ -0,0 +1,6 @@
+.rxflow-debug {
+  position: absolute;
+  & > div {
+    position: absolute!important;
+  }
+}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { EdgeTextProps } from "@xyflow/react";
+declare function EdgeText({ x, y, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, children, className, ...rest }: EdgeTextProps): import("react/jsx-runtime").JSX.Element | null;
+declare const _default: import("react").MemoExoticComponent<typeof EdgeText>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AASA,OAAO,EAAC,aAAa,EAAC,MAAM,eAAe,CAAC;AAE5C,iBAAS,QAAQ,CACf,EACE,CAAC,EACD,CAAC,EACD,KAAK,EACL,UAAU,EACV,WAAkB,EAClB,YAAY,EACZ,cAAuB,EACvB,mBAAuB,EACvB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,aAAa,kDAqBjB;;AAED,wBAA8B"}

package/cjs/components/EdgeText/index.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _classcat = _interopRequireDefault(require("classcat"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/*
+ * @author: yanxianliang
+ * @date: 2025-06-08 11:16
+ * @desc: 边文字组件支持左对齐/右对齐
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+function EdgeText({
+  x,
+  y,
+  label,
+  labelStyle,
+  labelShowBg = true,
+  labelBgStyle,
+  labelBgPadding = [2, 4],
+  labelBgBorderRadius = 2,
+  children,
+  className,
+  ...rest
+}) {
+  const edgeTextClasses = (0, _classcat.default)(['react-flow__edge-textwrapper', className]);
+  if (!label) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+    transform: `translate(${x} ${y})`,
+    className: edgeTextClasses,
+    ...rest,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("text", {
+      className: "react-flow__edge-text",
+      dy: "0.3em",
+      style: labelStyle,
+      children: label
+    }), children]
+  });
+}
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(EdgeText);

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

@@ -0,0 +1,3 @@
+import { HandleProps } from '@xyflow/react';
+export default function (props: HandleProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAS,WAAW,EAAC,MAAM,eAAe,CAAA;AAGjD,MAAM,CAAC,OAAO,WAAW,KAAK,EAAE,WAAW,2CAO1C"}

package/cjs/components/Handle/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = _default;
+var _react = require("@xyflow/react");
+var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/*
+ * @author: yanxianliang
+ * @date: 2025-06-07 11:45
+ * @desc: Handle 自定义
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+function _default(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Handle, {
+    ...props,
+    className: _indexModule.default.handle
+  });
+}

package/cjs/components/Handle/index.module.less

@@ -0,0 +1,9 @@
+.handle {
+  visibility: hidden;
+  width: 0;
+  height: 0;
+  min-width: 0;
+  min-height: 0;
+  border: none;
+  z-index: 5;
+}

package/cjs/components/HiddenHandle/index.css

@@ -0,0 +1,9 @@
+.rxflow-hidden-handle.react-flow__handle {
+    visibility: hidden;
+    width: 0;
+    height: 0;
+    min-width: 0;
+    min-height: 0;
+    border: none;
+    z-index: 5;
+}

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

@@ -0,0 +1,4 @@
+import { HandleProps } from '@xyflow/react';
+import './index.css';
+export default function (props: HandleProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAS,WAAW,EAAC,MAAM,eAAe,CAAA;AACjD,OAAO,aAAa,CAAC;AAErB,MAAM,CAAC,OAAO,WAAW,KAAK,EAAE,WAAW,2CAO1C"}

package/cjs/components/HiddenHandle/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = _default;
+var _react = require("@xyflow/react");
+require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+/*
+ * @author: yanxianliang
+ * @date: 2025-06-07 11:45
+ * @desc: Handle 自定义
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+function _default(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Handle, {
+    ...props,
+    className: 'rxflow-hidden-handle'
+  });
+}

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

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

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

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

package/cjs/components/Legend/index.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Legend = void 0;
+require("./index.less");
+var _react = require("@xyflow/react");
+var _antd = require("antd");
+var _react2 = _interopRequireWildcard(require("react"));
+var _hooks = require("../../hooks");
+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-03 19:33
+ * @desc: 图例标准组件。按照节点类型进行分类展示。
+ *
+ * 遍历当前的nodes 列表，根据类型定义解析出图例列表。
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const Legend = ({
+  showLegend
+}) => {
+  const nodes = (0, _react.useNodes)();
+  const showAll = typeof showLegend === "boolean" ? true : showLegend?.showAll ?? true; // 默认值为 true
+
+  // 节点定义列表
+  const nodeTypeList = (0, _hooks.usePropsSelector)(state => state.nodeTypes);
+  const legendList = (0, _react2.useMemo)(() => {
+    const showTypeList = [];
+    const nodeTypeSet = new Set();
+    if (!showAll) {
+      nodes.forEach(node => {
+        const type = node.type;
+        nodeTypeSet.add(type);
+      });
+    }
+    nodeTypeList?.forEach(nodeType => {
+      if (!nodeType.hideInLegend && (showAll || nodeTypeSet.has(nodeType.type))) {
+        showTypeList.push(nodeType);
+      }
+    });
+    return showTypeList;
+  }, [nodes, nodeTypeList]);
+  if (legendList.length === 0) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: 'rxflow-legend-container',
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Space, {
+      size: 10,
+      children: legendList.map(legend => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: 'rxflow-legend-item',
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: 'rxflow-legend-tag',
+          style: {
+            backgroundColor: legend.color
+          },
+          children: legend.icon
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: 'rxflow-legend-label',
+          children: legend.label
+        })]
+      }, legend.label))
+    })
+  });
+};
+exports.Legend = Legend;

package/cjs/components/Legend/index.less

@@ -0,0 +1,41 @@
+/*
+ * @author: yanxianliang
+ * @date: 2025-06-03 19:47
+ * @desc: 样式
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+.rxflow-legend {
+  &-container {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 52px;
+    padding: 5px 10px;
+    z-index: 200;
+  }
+
+  &-item {
+    display: flex;
+    align-items: center;
+  }
+
+  &-tag{
+    width: 14px;
+    height: 14px;
+    border-radius: 2px;
+    margin-right: 3px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    img {
+      width: 14px;
+      height: 14px;
+    }
+  }
+
+  &-label {
+    font-size: 14px;
+    color: #474747;
+  }
+}

package/cjs/components/LoadingButton.d.ts

@@ -0,0 +1,16 @@
+import { ButtonProps } from 'antd';
+/**
+ * LoadingButton 组件
+ * - 支持 loading 状态受控/非受控
+ * - 支持点击防抖（防止重复点击）
+ * - 支持异步 onClick
+ *
+ * @param props
+ *   onClick: 点击事件，支持返回 Promise
+ *   throttle: 防抖间隔，默认 300ms
+ */
+export declare const LoadingButton: (props: Omit<ButtonProps, "onClick"> & {
+    onClick?: ((e: React.MouseEvent<HTMLButtonElement>) => Promise<void> | void) | undefined;
+    throttle?: number | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LoadingButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingButton.d.ts","sourceRoot":"","sources":["LoadingButton.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAU,WAAW,EAAE,MAAM,MAAM,CAAC;AAG3C;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa;mBAER,gBAAgB,CAAC,iBAAiB,CAAC,KAAK,QAAQ,IAAI,CAAC,GAAG,IAAI;;6CAuD7E,CAAC"}

package/cjs/components/LoadingButton.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoadingButton = void 0;
+var _ahooks = require("ahooks");
+var _antd = require("antd");
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+/*
+ * @author: yanxianliang
+ * @date: 2025-05-23 15:19
+ * @desc: Loading Button
+ *
+ * 支持业务防抖
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+/**
+ * LoadingButton 组件
+ * - 支持 loading 状态受控/非受控
+ * - 支持点击防抖（防止重复点击）
+ * - 支持异步 onClick
+ *
+ * @param props
+ *   onClick: 点击事件，支持返回 Promise
+ *   throttle: 防抖间隔，默认 300ms
+ */
+const LoadingButton = props => {
+  const lockRef = (0, _react.useRef)(false); // 点击锁，loading 无法解决鼠标连击问题
+  const throttle = props.throttle ?? 300;
+
+  /**
+   * loading 状态受控/非受控
+   */
+  const [loading, setLoading] = (0, _ahooks.useControllableValue)(props, {
+    valuePropName: 'loading',
+    trigger: 'onLoadingChange'
+  });
+
+  /**
+   * 包装点击事件，支持防抖和 loading
+   */
+  const onButtonClick = (0, _ahooks.useMemoizedFn)(e => {
+    if (lockRef.current) {
+      return; // 防抖拦截
+    }
+    lockRef.current = true;
+    const result = props.onClick?.(e);
+    if (result && result instanceof Promise) {
+      (async () => {
+        setLoading(true);
+        try {
+          await result;
+          // eslint-disable-next-line @typescript-eslint/no-shadow
+        } catch (e) {
+          /* empty */
+        } finally {
+          setLoading(false);
+          setTimeout(() => {
+            lockRef.current = false;
+          }, throttle);
+        }
+      })();
+    } else {
+      setTimeout(() => {
+        /**
+         * 纯前端交互的，进行前端防抖
+         */
+        lockRef.current = false;
+      }, throttle);
+    }
+  });
+
+  /**
+   * 渲染按钮
+   */
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
+    ...props,
+    loading: loading,
+    onClick: onButtonClick
+  });
+};
+exports.LoadingButton = LoadingButton;

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

@@ -0,0 +1,11 @@
+/**
+ * @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.
+ */
+import { MarkerProps } from "@xyflow/system";
+export declare const Marker: ({ id, type, color, width, height, markerUnits, strokeWidth, orient, }: MarkerProps) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Mark.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Mark.d.ts","sourceRoot":"","sources":["Mark.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAI3C,eAAO,MAAM,MAAM,0EAUd,WAAW,mDAsBf,CAAC"}