@rxflow/base 0.0.1-alpha.0

package/esm/components/Controls/icons.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare function FitViewIcon(): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function LockIcon(): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function UnlockIcon(): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function Minimap(): import("react/jsx-runtime").JSX.Element;
+export declare function UnMinimap(): import("react/jsx-runtime").JSX.Element;
+export declare function ForceLayout(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=icons.d.ts.map

package/esm/components/Controls/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["icons.tsx"],"names":[],"mappings":";AAWA,wBAAgB,WAAW,+FAM1B;AAED,wBAAgB,QAAQ,+FAMvB;AAED,wBAAgB,UAAU,+FAMzB;AAED,wBAAgB,OAAO,4CActB;AAED,wBAAgB,SAAS,4CAcxB;AAGD,wBAAgB,WAAW,4CAa1B"}

package/esm/components/Controls/icons.js

@@ -0,0 +1,75 @@
+/*
+ * @author: yanxianliang
+ * @date: 2025-06-09 09:56
+ * @desc: icons
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+import { jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function FitViewIcon() {
+  return jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 32 30",
+    children: jsx("path", {
+      d: "M3.692 4.63c0-.53.4-.938.939-.938h5.215V0H4.708C2.13 0 0 2.054 0 4.63v5.216h3.692V4.631zM27.354 0h-5.2v3.692h5.17c.53 0 .984.4.984.939v5.215H32V4.631A4.624 4.624 0 0027.354 0zm.954 24.83c0 .532-.4.94-.939.94h-5.215v3.768h5.215c2.577 0 4.631-2.13 4.631-4.707v-5.139h-3.692v5.139zm-23.677.94c-.531 0-.939-.4-.939-.94v-5.138H0v5.139c0 2.577 2.13 4.707 4.708 4.707h5.138V25.77H4.631z"
+    })
+  });
+}
+export function LockIcon() {
+  return jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 25 32",
+    children: jsx("path", {
+      d: "M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0 8 0 4.571 3.429 4.571 7.619v3.048H3.048A3.056 3.056 0 000 13.714v15.238A3.056 3.056 0 003.048 32h18.285a3.056 3.056 0 003.048-3.048V13.714a3.056 3.056 0 00-3.048-3.047zM12.19 24.533a3.056 3.056 0 01-3.047-3.047 3.056 3.056 0 013.047-3.048 3.056 3.056 0 013.048 3.048 3.056 3.056 0 01-3.048 3.047zm4.724-13.866H7.467V7.619c0-2.59 2.133-4.724 4.723-4.724 2.591 0 4.724 2.133 4.724 4.724v3.048z"
+    })
+  });
+}
+export function UnlockIcon() {
+  return jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 25 32",
+    children: jsx("path", {
+      d: "M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0c-4.114 1.828-1.37 2.133.305 2.438 1.676.305 4.42 2.59 4.42 5.181v3.048H3.047A3.056 3.056 0 000 13.714v15.238A3.056 3.056 0 003.048 32h18.285a3.056 3.056 0 003.048-3.048V13.714a3.056 3.056 0 00-3.048-3.047zM12.19 24.533a3.056 3.056 0 01-3.047-3.047 3.056 3.056 0 013.047-3.048 3.056 3.056 0 013.048 3.048 3.056 3.056 0 01-3.048 3.047z"
+    })
+  });
+}
+export function Minimap() {
+  return /*#__PURE__*/_jsx("svg", {
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "32",
+    height: "32",
+    fill: 'currentColor',
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M960 495.424V128a32 32 0 0 0-32-32H96a32 32 0 0 0-32 32v768a32 32 0 0 0 32 32h433.68a30.32 30.32 0 1 0 0-60.64H127.824V157.968h768.688v337.44a31.744 31.744 0 1 0 63.488 0zM630.512 928c-5.968 0-11.696-2.448-15.92-6.8A23.568 23.568 0 0 1 608 904.8V583.216c0-6.16 2.368-12.064 6.592-16.416s9.952-6.8 15.936-6.8h311.84c5.984 0 11.712 2.448 15.936 6.8s6.592 10.24 6.592 16.416v321.376c0 6.16-2.368 12.064-6.592 16.432a22.176 22.176 0 0 1-15.936 6.784l-311.84 0.192zM672 624v240h224V624H672zM313.904 473.568l93.392-0.24L184.16 250.176l40.848-40.848 223.136 223.136 0.24-93.392 57.68-0.16-0.48 162.912a28.96 28.96 0 0 1-28.928 28.928l-162.928 0.48 0.16-57.664z"
+    })
+  });
+}
+export function UnMinimap() {
+  return /*#__PURE__*/_jsx("svg", {
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "32",
+    height: "32",
+    fill: 'currentColor',
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M64 528.576L64 896a32 32 0 0 0 32 32L928 928a32 32 0 0 0 32-32l0-768a32 32 0 0 0-32-32l-433.68 1e-8a30.32 30.32 0 1 0 0 60.63999999L896.176 156.64 896.176 866.032l-768.688 0 0-337.44a31.744 31.744 0 1 0-63.488 0zM393.488 96c5.968 0 11.696 2.448 15.92 6.8A23.568 23.568 0 0 1 416.00000001 119.2L416.00000001 440.784c0 6.16-2.368 12.064-6.59200001 16.41600001s-9.952 6.8-15.936 6.79999999l-311.84 0c-5.984 0-11.712-2.448-15.936-6.8s-6.592-10.24-6.592-16.416l0-321.376c0-6.16 2.368-12.064 6.592-16.432a22.176 22.176 0 0 1 15.936-6.784l311.84-0.19199999zM352 400l0-240-224 0L128 400 352 400zM710.096 550.432l-93.392 0.24L839.84 773.824l-40.848 40.848-223.136-223.136-0.24 93.392-57.68 0.16 0.48-162.912a28.96 28.96 0 0 1 28.928-28.92800001l162.928-0.48-0.16 57.66400001z"
+    })
+  });
+}
+export function ForceLayout() {
+  return /*#__PURE__*/_jsx("svg", {
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "32",
+    height: "32",
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M600.795429 395.117714a23.04 23.04 0 0 1-23.04-23.04c0-63.268571-51.565714-114.907429-114.980572-114.907428a23.04 23.04 0 0 1 0-46.006857c63.414857 0 114.980571-51.565714 114.980572-114.980572a23.04 23.04 0 1 1 46.08 0c0 63.341714 51.565714 114.980571 114.834285 114.980572a23.04 23.04 0 0 1 0 46.006857c-63.268571 0-114.834286 51.565714-114.834285 114.907428 0 12.726857-10.313143 23.04-23.04 23.04zM545.645714 234.130286c22.528 13.677714 41.545143 32.621714 55.149715 55.149714 13.604571-22.528 32.621714-41.472 55.149714-55.149714a162.596571 162.596571 0 0 1-55.149714-55.149715 162.377143 162.377143 0 0 1-55.149715 55.149715zM140.873143 533.065143a23.04 23.04 0 0 1-22.893714-22.966857 23.04 23.04 0 0 0-23.04-23.04 23.04 23.04 0 0 1 0-45.933715c12.726857 0 23.04-10.24 23.04-22.966857a23.04 23.04 0 0 1 45.933714 0c0 12.653714 10.24 22.966857 22.966857 22.966857a23.04 23.04 0 0 1 0 45.933715 23.04 23.04 0 0 0-22.966857 23.04c0 12.726857-10.24 22.966857-23.04 22.966857z m765.586286 273.115428L419.693714 319.414857a68.461714 68.461714 0 0 0-48.859428-20.187428 68.754286 68.754286 0 0 0-48.786286 20.114285l-26.916571 26.916572a68.461714 68.461714 0 0 0-20.114286 48.859428c0 18.505143 7.094857 35.766857 20.114286 48.786286l486.838857 486.838857a68.461714 68.461714 0 0 0 48.786285 20.114286 68.534857 68.534857 0 0 0 48.713143-20.114286l27.062857-26.989714a68.388571 68.388571 0 0 0 20.041143-48.713143 68.754286 68.754286 0 0 0-20.114285-48.859429zM327.68 378.806857l26.989714-26.916571a23.04 23.04 0 0 1 32.548572 0l66.121143 66.194285-59.392 59.465143-66.267429-66.194285a23.04 23.04 0 0 1 0-32.548572z m546.230857 492.397714l-26.916571 27.062858a22.747429 22.747429 0 0 1-16.310857 6.582857 22.820571 22.820571 0 0 1-16.164572-6.582857L426.422857 510.098286l59.465143-59.538286 388.022857 388.096a23.04 23.04 0 0 1 0 32.548571zM232.886857 303.250286a23.04 23.04 0 0 1-23.04-23.113143 68.973714 68.973714 0 0 0-68.973714-68.973714 23.04 23.04 0 0 1 0-46.006858c38.034286 0 68.973714-30.939429 68.973714-68.900571a23.04 23.04 0 0 1 46.08 0c0 37.961143 30.939429 68.900571 68.900572 68.900571a23.04 23.04 0 0 1 0 46.08 69.046857 69.046857 0 0 0-68.973715 68.900572c0 12.726857-10.24 23.04-22.966857 23.04z m-23.04-114.980572c8.777143 6.582857 16.530286 14.336 23.113143 23.04 6.582857-8.777143 14.409143-16.457143 23.113143-23.04a116.809143 116.809143 0 0 1-23.113143-23.113143c-6.582857 8.777143-14.409143 16.530286-23.113143 23.113143z m23.04 574.756572a23.04 23.04 0 0 1-23.04-22.893715 68.973714 68.973714 0 0 0-68.973714-68.973714 23.04 23.04 0 0 1 0-46.08c38.034286 0 68.973714-30.939429 68.973714-68.900571a23.04 23.04 0 0 1 46.08 0c0 38.034286 30.939429 68.973714 68.900572 68.973714a23.04 23.04 0 0 1 0 45.933714 69.046857 69.046857 0 0 0-68.973715 68.973715c0 12.653714-10.24 22.966857-22.966857 22.966857z m-23.04-114.834286c8.777143 6.582857 16.530286 14.336 23.113143 23.113143 6.582857-8.777143 14.409143-16.603429 23.113143-23.186286a116.809143 116.809143 0 0 1-23.113143-23.04c-6.582857 8.777143-14.409143 16.530286-23.113143 23.04z"
+    })
+  });
+}

package/esm/components/Controls/index.d.ts

@@ -0,0 +1,13 @@
+import { ControlProps } from "@xyflow/react";
+import React, { RefObject } from "react";
+declare function Controls({ style, showZoom, showFitView, showInteractive, showFullscreen, showMiniMap, containerRef, fitViewOptions, onZoomIn, onZoomOut, onFitView, onInteractiveChange, className, children, position, orientation, 'aria-label': ariaLabel, minimapVisible, setMinimapVisible, showForceLayout, }: ControlProps & {
+    showMiniMap?: boolean;
+    showFullscreen?: boolean;
+    showForceLayout?: boolean;
+    minimapVisible: boolean;
+    setMinimapVisible: (visible: boolean) => void;
+    containerRef?: RefObject<HTMLDivElement | null>;
+}): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof Controls>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/esm/components/Controls/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAgB,YAAY,EAA6D,MAAM,eAAe,CAAC;AAItH,OAAO,KAAK,EAAE,EAAO,SAAS,EAAC,MAAM,OAAO,CAAC;AAY7C,iBAAS,QAAQ,CACf,EACE,KAAK,EACL,QAAe,EACf,WAAkB,EAClB,eAAuB,EACvB,cAAqB,EACrB,WAAW,EACX,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,SAAS,EACT,SAAS,EACT,mBAAmB,EACnB,SAAS,EACT,QAAQ,EACR,QAAwB,EACxB,WAAwB,EACxB,YAAY,EAAE,SAAiC,EAC/C,cAAc,EACd,iBAAiB,EACjB,eAAe,GAChB,EAAE,YAAY,GAAG;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,YAAY,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACjD,2CAuKF;;AAED,wBAA8B"}

package/esm/components/Controls/index.js

@@ -0,0 +1,201 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+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; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+/*
+ * @author: yanxianliang
+ * @date: 2025-06-09 09:45
+ * @desc: 画布控制器
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+import FullscreenExitOutlined from '@ant-design/icons/FullscreenExitOutlined';
+import FullscreenOutlined from '@ant-design/icons/FullscreenOutlined';
+import ZoomInOutlined from "@ant-design/icons/lib/icons/ZoomInOutlined";
+import ZoomOutOutlined from "@ant-design/icons/lib/icons/ZoomOutOutlined";
+import { ControlButton, Panel, useReactFlow, useStore, useStoreApi } from "@xyflow/react";
+import { useFullscreen } from "ahooks";
+import { Tooltip } from 'antd';
+import cc from 'classcat';
+import React, { memo } from "react";
+import { Fragment } from "react/jsx-runtime";
+import { shallow } from "zustand/shallow";
+import { FitViewIcon, ForceLayout, LockIcon, Minimap, UnlockIcon, UnMinimap } from "./icons";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var selector = function selector(s) {
+  return {
+    isInteractive: s.nodesDraggable || s.nodesConnectable || s.elementsSelectable,
+    minZoomReached: s.transform[2] <= s.minZoom,
+    maxZoomReached: s.transform[2] >= s.maxZoom
+  };
+};
+function Controls(_ref) {
+  var style = _ref.style,
+    _ref$showZoom = _ref.showZoom,
+    showZoom = _ref$showZoom === void 0 ? true : _ref$showZoom,
+    _ref$showFitView = _ref.showFitView,
+    showFitView = _ref$showFitView === void 0 ? true : _ref$showFitView,
+    _ref$showInteractive = _ref.showInteractive,
+    showInteractive = _ref$showInteractive === void 0 ? false : _ref$showInteractive,
+    _ref$showFullscreen = _ref.showFullscreen,
+    showFullscreen = _ref$showFullscreen === void 0 ? true : _ref$showFullscreen,
+    showMiniMap = _ref.showMiniMap,
+    containerRef = _ref.containerRef,
+    fitViewOptions = _ref.fitViewOptions,
+    onZoomIn = _ref.onZoomIn,
+    onZoomOut = _ref.onZoomOut,
+    onFitView = _ref.onFitView,
+    onInteractiveChange = _ref.onInteractiveChange,
+    className = _ref.className,
+    children = _ref.children,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? 'bottom-left' : _ref$position,
+    _ref$orientation = _ref.orientation,
+    orientation = _ref$orientation === void 0 ? 'vertical' : _ref$orientation,
+    _ref$ariaLabel = _ref['aria-label'],
+    ariaLabel = _ref$ariaLabel === void 0 ? 'React Flow controls' : _ref$ariaLabel,
+    minimapVisible = _ref.minimapVisible,
+    setMinimapVisible = _ref.setMinimapVisible,
+    showForceLayout = _ref.showForceLayout;
+  var _useFullscreen = useFullscreen(containerRef),
+    _useFullscreen2 = _slicedToArray(_useFullscreen, 2),
+    isFullscreen = _useFullscreen2[0],
+    toggleFullscreen = _useFullscreen2[1].toggleFullscreen;
+  var store = useStoreApi();
+  var _useStore = useStore(selector, shallow),
+    isInteractive = _useStore.isInteractive,
+    minZoomReached = _useStore.minZoomReached,
+    maxZoomReached = _useStore.maxZoomReached;
+  var _useReactFlow = useReactFlow(),
+    zoomIn = _useReactFlow.zoomIn,
+    zoomOut = _useReactFlow.zoomOut,
+    fitView = _useReactFlow.fitView;
+  var onZoomInHandler = function onZoomInHandler() {
+    zoomIn();
+    onZoomIn === null || onZoomIn === void 0 || onZoomIn();
+  };
+  var onZoomOutHandler = function onZoomOutHandler() {
+    zoomOut();
+    onZoomOut === null || onZoomOut === void 0 || onZoomOut();
+  };
+  var onFitViewHandler = function onFitViewHandler() {
+    fitView(fitViewOptions);
+    onFitView === null || onFitView === void 0 || onFitView();
+  };
+  var onToggleInteractivity = function onToggleInteractivity() {
+    store.setState({
+      nodesDraggable: !isInteractive,
+      nodesConnectable: !isInteractive,
+      elementsSelectable: !isInteractive
+    });
+    onInteractiveChange === null || onInteractiveChange === void 0 || onInteractiveChange(!isInteractive);
+  };
+  var onForceLayout = function onForceLayout() {
+    // TODO 美化布局
+  };
+  var onToggleMiniMap = function onToggleMiniMap() {
+    setMinimapVisible(!minimapVisible);
+  };
+  var orientationClass = orientation === 'horizontal' ? 'horizontal' : 'vertical';
+  return /*#__PURE__*/_jsxs(Panel, {
+    className: cc(['react-flow__controls', orientationClass, className]),
+    position: position,
+    style: style,
+    "data-testid": "rf__controls",
+    "aria-label": ariaLabel,
+    children: [showZoom && /*#__PURE__*/_jsxs(Fragment, {
+      children: [/*#__PURE__*/_jsx(Tooltip, {
+        title: '放大',
+        placement: 'right',
+        children: /*#__PURE__*/_jsx("span", {
+          children: /*#__PURE__*/_jsx(ControlButton, {
+            onClick: onZoomInHandler,
+            className: "react-flow__controls-zoomin",
+            title: '放大',
+            "aria-label": 'zoom in',
+            disabled: maxZoomReached,
+            children: /*#__PURE__*/_jsx(ZoomInOutlined, {})
+          })
+        })
+      }), /*#__PURE__*/_jsx(Tooltip, {
+        title: '缩小',
+        placement: 'right',
+        children: /*#__PURE__*/_jsx("span", {
+          children: /*#__PURE__*/_jsx(ControlButton, {
+            onClick: onZoomOutHandler,
+            className: "react-flow__controls-zoomout",
+            title: '缩小',
+            "aria-label": 'zoom out',
+            disabled: minZoomReached,
+            children: /*#__PURE__*/_jsx(ZoomOutOutlined, {})
+          })
+        })
+      })]
+    }), showFitView && /*#__PURE__*/_jsx(Tooltip, {
+      title: '自适应视图',
+      placement: 'right',
+      children: /*#__PURE__*/_jsx("span", {
+        children: /*#__PURE__*/_jsx(ControlButton, {
+          className: "react-flow__controls-fitview",
+          onClick: onFitViewHandler,
+          title: '自适应视图',
+          "aria-label": 'fit view',
+          children: /*#__PURE__*/_jsx(FitViewIcon, {})
+        })
+      })
+    }), showFullscreen && /*#__PURE__*/_jsx(Tooltip, {
+      title: isFullscreen ? '取消全屏' : '全屏',
+      placement: 'right',
+      children: /*#__PURE__*/_jsx("span", {
+        children: /*#__PURE__*/_jsx(ControlButton, {
+          className: "react-flow__controls-fullscreen",
+          onClick: toggleFullscreen,
+          title: isFullscreen ? '取消全屏' : '全屏',
+          "aria-label": "toggle fullscreen",
+          children: isFullscreen ? /*#__PURE__*/_jsx(FullscreenExitOutlined, {}) : /*#__PURE__*/_jsx(FullscreenOutlined, {})
+        })
+      })
+    }), showMiniMap && /*#__PURE__*/_jsx(Tooltip, {
+      title: minimapVisible ? '关闭缩略图' : '开启缩略图',
+      placement: 'right',
+      children: /*#__PURE__*/_jsx("span", {
+        children: /*#__PURE__*/_jsx(ControlButton, {
+          className: "react-flow__controls-interactive",
+          onClick: onToggleMiniMap,
+          title: minimapVisible ? '关闭缩略图' : '开启缩略图',
+          "aria-label": "toggle minimap",
+          children: minimapVisible ? /*#__PURE__*/_jsx(UnMinimap, {}) : /*#__PURE__*/_jsx(Minimap, {})
+        })
+      })
+    }), showInteractive && /*#__PURE__*/_jsx(Tooltip, {
+      title: isInteractive ? '解锁' : '锁定',
+      placement: 'right',
+      children: /*#__PURE__*/_jsx("span", {
+        children: /*#__PURE__*/_jsx(ControlButton, {
+          className: "react-flow__controls-interactive",
+          onClick: onToggleInteractivity,
+          title: isInteractive ? '解锁' : '锁定',
+          "aria-label": "toggle interactivity",
+          children: isInteractive ? /*#__PURE__*/_jsx(UnlockIcon, {}) : /*#__PURE__*/_jsx(LockIcon, {})
+        })
+      })
+    }), showForceLayout && /*#__PURE__*/_jsx(Tooltip, {
+      title: '美化布局',
+      placement: 'right',
+      children: /*#__PURE__*/_jsx("span", {
+        children: /*#__PURE__*/_jsx(ControlButton, {
+          className: "react-flow__controls-layout",
+          onClick: onForceLayout,
+          title: '美化布局',
+          "aria-label": "force layout",
+          children: /*#__PURE__*/_jsx(ForceLayout, {})
+        })
+      })
+    }), children]
+  });
+}
+export default /*#__PURE__*/memo(Controls);

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

@@ -0,0 +1,23 @@
+/**
+ * @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.
+ */
+import React from "react";
+import FPSStats from "react-fps-stats";
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var DebugInfo = function DebugInfo(_ref) {
+  var debug = _ref.debug;
+  var show = debug || window[Symbol.for('rxflow_debug')] === true;
+  if (!show) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx("div", {
+    className: 'rxflow-debug',
+    children: /*#__PURE__*/_jsx(FPSStats, {})
+  });
+};

package/esm/components/DebugInfo/index.less

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

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

@@ -0,0 +1,52 @@
+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 = ["x", "y", "label", "labelStyle", "labelShowBg", "labelBgStyle", "labelBgPadding", "labelBgBorderRadius", "children", "className"];
+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; }
+/*
+ * @author: yanxianliang
+ * @date: 2025-06-08 11:16
+ * @desc: 边文字组件支持左对齐/右对齐
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { memo } from 'react';
+import cc from 'classcat';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+function EdgeText(_ref) {
+  var x = _ref.x,
+    y = _ref.y,
+    label = _ref.label,
+    labelStyle = _ref.labelStyle,
+    _ref$labelShowBg = _ref.labelShowBg,
+    labelShowBg = _ref$labelShowBg === void 0 ? true : _ref$labelShowBg,
+    labelBgStyle = _ref.labelBgStyle,
+    _ref$labelBgPadding = _ref.labelBgPadding,
+    labelBgPadding = _ref$labelBgPadding === void 0 ? [2, 4] : _ref$labelBgPadding,
+    _ref$labelBgBorderRad = _ref.labelBgBorderRadius,
+    labelBgBorderRadius = _ref$labelBgBorderRad === void 0 ? 2 : _ref$labelBgBorderRad,
+    children = _ref.children,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var edgeTextClasses = cc(['react-flow__edge-textwrapper', className]);
+  if (!label) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs("g", _objectSpread(_objectSpread({
+    transform: "translate(".concat(x, " ").concat(y, ")"),
+    className: edgeTextClasses
+  }, rest), {}, {
+    children: [/*#__PURE__*/_jsx("text", {
+      className: "react-flow__edge-text",
+      dy: "0.3em",
+      style: labelStyle,
+      children: label
+    }), children]
+  }));
+}
+export default /*#__PURE__*/memo(EdgeText);

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

@@ -0,0 +1,21 @@
+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-06-07 11:45
+ * @desc: Handle 自定义
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { Handle } from '@xyflow/react';
+import styles from "./index.module.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function (props) {
+  return /*#__PURE__*/_jsx(Handle, _objectSpread(_objectSpread({}, props), {}, {
+    className: styles.handle
+  }));
+}

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

@@ -0,0 +1,21 @@
+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-06-07 11:45
+ * @desc: Handle 自定义
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { Handle } from '@xyflow/react';
+import "./index.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function (props) {
+  return /*#__PURE__*/_jsx(Handle, _objectSpread(_objectSpread({}, props), {}, {
+    className: 'rxflow-hidden-handle'
+  }));
+}

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

@@ -0,0 +1,68 @@
+/*
+ * @author: yanxianliang
+ * @date: 2025-06-03 19:33
+ * @desc: 图例标准组件。按照节点类型进行分类展示。
+ *
+ * 遍历当前的nodes 列表，根据类型定义解析出图例列表。
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+import "./index.less";
+import { useNodes } from "@xyflow/react";
+import { Space } from "antd";
+import React, { useMemo } from "react";
+import { usePropsSelector } from "../../hooks";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var Legend = function Legend(_ref) {
+  var _showLegend$showAll;
+  var showLegend = _ref.showLegend;
+  var nodes = useNodes();
+  var showAll = typeof showLegend === "boolean" ? true : (_showLegend$showAll = showLegend === null || showLegend === void 0 ? void 0 : showLegend.showAll) !== null && _showLegend$showAll !== void 0 ? _showLegend$showAll : true; // 默认值为 true
+
+  // 节点定义列表
+  var nodeTypeList = usePropsSelector(function (state) {
+    return state.nodeTypes;
+  });
+  var legendList = useMemo(function () {
+    var showTypeList = [];
+    var nodeTypeSet = new Set();
+    if (!showAll) {
+      nodes.forEach(function (node) {
+        var type = node.type;
+        nodeTypeSet.add(type);
+      });
+    }
+    nodeTypeList === null || nodeTypeList === void 0 || nodeTypeList.forEach(function (nodeType) {
+      if (!nodeType.hideInLegend && (showAll || nodeTypeSet.has(nodeType.type))) {
+        showTypeList.push(nodeType);
+      }
+    });
+    return showTypeList;
+  }, [nodes, nodeTypeList]);
+  if (legendList.length === 0) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx("div", {
+    className: 'rxflow-legend-container',
+    children: /*#__PURE__*/_jsx(Space, {
+      size: 10,
+      children: legendList.map(function (legend) {
+        return /*#__PURE__*/_jsxs("div", {
+          className: 'rxflow-legend-item',
+          children: [/*#__PURE__*/_jsx("div", {
+            className: 'rxflow-legend-tag',
+            style: {
+              backgroundColor: legend.color
+            },
+            children: legend.icon
+          }), /*#__PURE__*/_jsx("div", {
+            className: 'rxflow-legend-label',
+            children: legend.label
+          })]
+        }, legend.label);
+      })
+    })
+  });
+};

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