@rxflow/base 0.0.1-alpha.0

package/cjs/hooks/state/useSelector.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-24 09:36
+ * @modified：2025/7/24 09:36 by yanxianliang
+ * @desc: 获取内置的状态
+ *
+ *  <U>(selector: (state: ExtractState<S>) => U): U;
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { BaseStateType, ExtractState } from "../..";
+import type { StoreApi } from "zustand/vanilla";
+export declare function useSelector<Store extends BaseStateType, U>(selector: (state: ExtractState<StoreApi<Store>>) => U): U;
+//# sourceMappingURL=useSelector.d.ts.map

package/cjs/hooks/state/useSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelector.d.ts","sourceRoot":"","sources":["useSelector.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAC,aAAa,EAAE,YAAY,EAAC,cAAqB;AAEzD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,iBAAiB,CAAC;AAK9C,wBAAgB,WAAW,CAAC,KAAK,SAAS,aAAa,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,KAQhH"}

package/cjs/hooks/state/useSelector.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSelector = useSelector;
+var _react = require("react");
+var _FlowProvider = require("../../providers/FlowProvider");
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-24 09:36
+ * @modified：2025/7/24 09:36 by yanxianliang
+ * @desc: 获取内置的状态
+ *
+ *  <U>(selector: (state: ExtractState<S>) => U): U;
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+function useSelector(selector) {
+  const {
+    useStore
+  } = (0, _react.useContext)(_FlowProvider.FlowContext);
+  if (!useStore) {
+    console.error("Missing provider for context:", _FlowProvider.FlowContext);
+    throw new Error("Missing provider for context");
+  }
+  return useStore(selector);
+}

package/cjs/hooks/state/useSetState.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-26 08:34
+ * @modified：2025/7/26 08:34 by yanxianliang
+ * @desc: 获取设置状态的函数
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { BaseStateType } from "../..";
+export declare function useSetState<Store extends BaseStateType = BaseStateType>(): (partial: Store | Partial<Store> | ((state: Store) => Store | Partial<Store>), replace?: boolean | undefined) => void;
+//# sourceMappingURL=useSetState.d.ts.map

package/cjs/hooks/state/useSetState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSetState.d.ts","sourceRoot":"","sources":["useSetState.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,aAAa,EAAE,cAAqB;AAK7C,wBAAgB,WAAW,CAAC,KAAK,SAAS,aAAa,GAAG,aAAa,2HAQtE"}

package/cjs/hooks/state/useSetState.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSetState = useSetState;
+var _FlowProvider = require("../../providers/FlowProvider");
+var _react = require("react");
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-26 08:34
+ * @modified：2025/7/26 08:34 by yanxianliang
+ * @desc: 获取设置状态的函数
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+function useSetState() {
+  const {
+    useStore
+  } = (0, _react.useContext)(_FlowProvider.FlowContext);
+  if (!useStore) {
+    console.error("Missing provider for context:", _FlowProvider.FlowContext);
+    throw new Error("Missing provider for context");
+  }
+  return useStore.setState;
+}

package/cjs/hooks/useFlowId.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 获取 workFlow 实例 id，适用于页面多 flow 场景
+ * 例如：mark 隔离
+ */
+export declare const useFlowId: () => string;
+//# sourceMappingURL=useFlowId.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFlowId.d.ts","sourceRoot":"","sources":["useFlowId.ts"],"names":[],"mappings":"AAUA;;;GAGG;AACH,eAAO,MAAM,SAAS,cAErB,CAAA"}

package/cjs/hooks/useFlowId.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFlowId = void 0;
+var _useSelector = require("./state/useSelector");
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-23 16:08
+ * @modified：2025/7/23 16:08 by yanxianliang
+ * @desc: 获取 flow 的 Id
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+/**
+ * 获取 workFlow 实例 id，适用于页面多 flow 场景
+ * 例如：mark 隔离
+ */
+const useFlowId = () => {
+  return (0, _useSelector.useSelector)(state => state.id);
+};
+exports.useFlowId = useFlowId;

package/cjs/hooks/useListenRender.d.ts

@@ -0,0 +1,2 @@
+export declare const useListenRender: () => void;
+//# sourceMappingURL=useListenRender.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useListenRender.d.ts","sourceRoot":"","sources":["useListenRender.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,eAAe,YA0B3B,CAAA"}

package/cjs/hooks/useListenRender.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useListenRender = void 0;
+var _react = require("@xyflow/react");
+var _react2 = require("react");
+var _ = require("./..");
+/**
+ * @author: yanxianliang
+ * @date: 2025-08-25 17:49
+ * @modified：2025/8/25 17:49 by yanxianliang
+ * @desc: Render 监听并回传对应的事件
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const useListenRender = () => {
+  const getProps = (0, _.useGetProps)();
+  const onRender = getProps().onRender;
+  const nodes = (0, _react.useNodes)();
+  const {
+    getEdges
+  } = (0, _react.useReactFlow)();
+  const startRenderTimeRef = (0, _react2.useRef)(performance.now());
+  const isWaitInitRef = (0, _react2.useRef)(true); // 等待触发初始化回调
+
+  (0, _react2.useEffect)(() => {
+    if (nodes.length === 0) {
+      startRenderTimeRef.current = performance.now();
+    } else {
+      // 计算时间，
+      if (isWaitInitRef.current) {
+        setTimeout(() => {
+          const timing = performance.now() - startRenderTimeRef.current;
+          const edges = getEdges();
+          onRender?.(nodes, edges, timing);
+          if (getProps().debug) {
+            console.log(`初始化节点数：${nodes.length}, 边：${edges.length}, 渲染时长：${timing}`);
+          }
+        }, 1);
+      }
+      isWaitInitRef.current = false;
+    }
+  }, [nodes]);
+};
+exports.useListenRender = useListenRender;

package/cjs/hooks/useNodeTypes.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-02 11:40
+ * @desc: 获取节点类型定义
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { Edge, Node } from "@xyflow/react";
+import { IBaseFlowProps, NodeTypeComponent } from "../types";
+/**
+ * 将外部节点定义解析成 reactflow 需要的结构
+ */
+export declare const useNodeTypes: <NodeType extends Node = Node, EdgeType extends Edge = Edge>(nodeTypeList: IBaseFlowProps<NodeType, EdgeType>['nodeTypes']) => Record<string, NodeTypeComponent>;
+//# sourceMappingURL=useNodeTypes.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useNodeTypes.d.ts","sourceRoot":"","sources":["useNodeTypes.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAC,cAAc,EAAE,iBAAiB,EAAC,MAAM,UAAU,CAAC;AAQ3D;;GAEG;AACH,eAAO,MAAM,YAAY,6EAA8E,eAAe,QAAQ,EAAE,QAAQ,CAAC,CAAC,WAAW,CAAC,sCAyBrJ,CAAA"}

package/cjs/hooks/useNodeTypes.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useNodeTypes = void 0;
+var _react = require("react");
+var _InputNode = require("../components/Nodes/InputNode");
+var _DefaultNode = require("../components/Nodes/DefaultNode");
+var _OutputNode = require("../components/Nodes/OutputNode");
+var _GroupNode = require("../components/Nodes/GroupNode");
+var _NodeRenderFactory = require("../components/NodeRenderFactory");
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-02 11:40
+ * @desc: 获取节点类型定义
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+/**
+ * 将外部节点定义解析成 reactflow 需要的结构
+ */
+const useNodeTypes = nodeTypeList => {
+  return (0, _react.useMemo)(() => {
+    // inner nodes
+    const nodeTypes = {
+      input: _InputNode.InputNode,
+      default: _DefaultNode.DefaultNode,
+      output: _OutputNode.OutputNode,
+      group: _GroupNode.GroupNode
+    };
+    if (nodeTypeList && Array.isArray(nodeTypeList)) {
+      for (let i = 0; i < nodeTypeList.length; i++) {
+        const item = nodeTypeList[i];
+        if (item && item.type && item.component) {
+          const {
+            type,
+            component,
+            defaultSize,
+            measureHandles
+          } = item;
+          const nodeType = (0, _NodeRenderFactory.nodeRenderFactory)(component);
+          // defaultSize 和 measureHandles绑定
+          nodeType.defaultSize = defaultSize;
+          nodeType.measureHandles = measureHandles;
+          nodeTypes[type] = nodeType; // 高阶组件
+        }
+      }
+    }
+    return nodeTypes;
+  }, [nodeTypeList]);
+};
+exports.useNodeTypes = useNodeTypes;

package/cjs/hooks/useTheme.d.ts

@@ -0,0 +1,9 @@
+export declare const useTheme: () => {
+    fontSize: number;
+    fontFamily: string;
+    primaryColor: string;
+    collapseButtonShape?: "circle" | "rect" | undefined;
+    autoHideCountWhenExpanded?: boolean | undefined;
+    showCount?: boolean | undefined;
+};
+//# sourceMappingURL=useTheme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["useTheme.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,QAAQ;;;;;;;CAKpB,CAAA"}

package/cjs/hooks/useTheme.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTheme = void 0;
+var _shallow = require("zustand/react/shallow");
+var _react = require("react");
+var _getThemeWithDefaultValue = require("../utils/getThemeWithDefaultValue");
+var _usePropsSelector = require("./props/usePropsSelector");
+/**
+ * @author: yanxianliang
+ * @date: 2025-06-21 13:16
+ * @desc: 节点主题配置
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const useTheme = () => {
+  const theme = (0, _usePropsSelector.usePropsSelector)((0, _shallow.useShallow)(state => state.theme));
+  return (0, _react.useMemo)(() => {
+    return (0, _getThemeWithDefaultValue.getThemeWithDefaultValue)(theme);
+  }, [theme]);
+};
+exports.useTheme = useTheme;

package/cjs/hooks/useThemeVars.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-06-22 12:49
+ * @desc: 主题变量配置
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { CSSProperties } from "react";
+declare module 'react' {
+    interface CSSProperties {
+        [key: `--${string}`]: string | number | undefined;
+    }
+}
+export declare const useThemeVars: () => CSSProperties;
+//# sourceMappingURL=useThemeVars.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useThemeVars.d.ts","sourceRoot":"","sources":["useThemeVars.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAC,aAAa,EAAU,MAAM,OAAO,CAAC;AAI7C,OAAO,QAAQ,OAAO,CAAC;IACrB,UAAU,aAAa;QACrB,CAAC,GAAG,EAAE,KAAK,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;KACnD;CACF;AAED,eAAO,MAAM,YAAY,qBAaxB,CAAA"}

package/cjs/hooks/useThemeVars.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useThemeVars = void 0;
+var _react = require("react");
+var _tinycolor = _interopRequireDefault(require("tinycolor2"));
+var _useTheme = require("./useTheme");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * @author: yanxianliang
+ * @date: 2025-06-22 12:49
+ * @desc: 主题变量配置
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const useThemeVars = () => {
+  const theme = (0, _useTheme.useTheme)();
+  return (0, _react.useMemo)(() => {
+    const {
+      primaryColor,
+      fontSize,
+      fontFamily
+    } = theme;
+    return {
+      '--primary-color': primaryColor,
+      '--font-size': `${fontSize}px`,
+      '--text-color': '#262626',
+      '--link-text-color': primaryColor,
+      '--font-family': fontFamily,
+      '--primary-color-lighten': (0, _tinycolor.default)(primaryColor).setAlpha(0.2).toRgbString()
+    };
+  }, [theme]);
+};
+exports.useThemeVars = useThemeVars;

package/cjs/index.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-02 09:27
+ * @desc: 基础Graph 组件
+ *
+ * 提供统一图解决方案底层
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { Flow } from "./Flow";
+declare const BaseFlow: (props: import("react").PropsWithChildren<import("./types").IBaseFlowProps<import("@xyflow/react").Node, import("@xyflow/react").Edge>>) => import("react/jsx-runtime").JSX.Element;
+export default BaseFlow;
+export * from './types';
+export * from './hooks';
+export * from './components';
+export * from './utils/parse';
+export * from './utils/dimension';
+export * from './hoc/createFlow';
+export * from './hoc/withFlowProvider';
+export * from './utils/measureText';
+export * from './utils/layouts/mindmap';
+export * from './constants/NodeRoleType';
+export * from './constants/InnerFlowType';
+export * from './constants/SelectionStrategy';
+export { FlowContext } from './providers/FlowProvider';
+export { Flow };
+//# sourceMappingURL=index.d.ts.map

package/cjs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;AACH,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAG5B,QAAA,MAAM,QAAQ,qLAAmB,CAAA;AAEjC,eAAe,QAAQ,CAAC;AAExB,cAAc,SAAS,CAAC;AAExB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAC,WAAW,EAAC,MAAM,0BAA0B,CAAC;AAErD,OAAO,EAAC,IAAI,EAAC,CAAA"}

package/cjs/index.js

@@ -0,0 +1,180 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Flow: true,
+  FlowContext: true
+};
+Object.defineProperty(exports, "Flow", {
+  enumerable: true,
+  get: function () {
+    return _Flow.Flow;
+  }
+});
+Object.defineProperty(exports, "FlowContext", {
+  enumerable: true,
+  get: function () {
+    return _FlowProvider.FlowContext;
+  }
+});
+exports.default = void 0;
+var _Flow = require("./Flow");
+var _createFlow = require("./hoc/createFlow");
+Object.keys(_createFlow).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _createFlow[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _createFlow[key];
+    }
+  });
+});
+var _types = require("./types");
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _types[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _types[key];
+    }
+  });
+});
+var _hooks = require("./hooks");
+Object.keys(_hooks).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _hooks[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _hooks[key];
+    }
+  });
+});
+var _components = require("./components");
+Object.keys(_components).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _components[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _components[key];
+    }
+  });
+});
+var _parse = require("./utils/parse");
+Object.keys(_parse).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _parse[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _parse[key];
+    }
+  });
+});
+var _dimension = require("./utils/dimension");
+Object.keys(_dimension).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _dimension[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _dimension[key];
+    }
+  });
+});
+var _withFlowProvider = require("./hoc/withFlowProvider");
+Object.keys(_withFlowProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _withFlowProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _withFlowProvider[key];
+    }
+  });
+});
+var _measureText = require("./utils/measureText");
+Object.keys(_measureText).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _measureText[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _measureText[key];
+    }
+  });
+});
+var _mindmap = require("./utils/layouts/mindmap");
+Object.keys(_mindmap).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _mindmap[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _mindmap[key];
+    }
+  });
+});
+var _NodeRoleType = require("./constants/NodeRoleType");
+Object.keys(_NodeRoleType).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _NodeRoleType[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _NodeRoleType[key];
+    }
+  });
+});
+var _InnerFlowType = require("./constants/InnerFlowType");
+Object.keys(_InnerFlowType).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _InnerFlowType[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _InnerFlowType[key];
+    }
+  });
+});
+var _SelectionStrategy = require("./constants/SelectionStrategy");
+Object.keys(_SelectionStrategy).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _SelectionStrategy[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SelectionStrategy[key];
+    }
+  });
+});
+var _FlowProvider = require("./providers/FlowProvider");
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-02 09:27
+ * @desc: 基础Graph 组件
+ *
+ * 提供统一图解决方案底层
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const BaseFlow = (0, _createFlow.createFlow)(_Flow.Flow);
+var _default = exports.default = BaseFlow;

package/cjs/index.less

@@ -0,0 +1,7 @@
+.rxflow-bg {
+  &-hide-pattern {
+    pattern {
+      display: none;
+    }
+  }
+}

package/cjs/index.module.less

@@ -0,0 +1,10 @@
+.hidePattern {
+  pattern {
+    display: none;
+  }
+}
+
+.popup {
+  pointer-events: all;
+  cursor: default;
+}

package/cjs/plugins/export/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-08-26 14:29
+ * @modified：2025/8/26 14:29 by yanxianliang
+ * @desc: 导出
+ *
+ * 支持导出 yaml、PNG、PDF
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+/**
+ * 导出插件，暂时不好处理，先 pending
+ */
+export declare const exportPlugin: {
+    exportYaml: (data: Record<string, any>, fileName?: string) => void;
+    exportPng: (container: HTMLDivElement, scale?: number) => Promise<void>;
+};
+//# sourceMappingURL=index.d.ts.map

package/cjs/plugins/export/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAKH;;GAEG;AACH,eAAO,MAAM,YAAY;uBAEJ,OAAO,MAAM,EAAE,GAAG,CAAC,aAAY,MAAM;2BAY3B,cAAc;CAQ5C,CAAA"}

package/cjs/plugins/export/index.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.exportPlugin = void 0;
+var yaml = _interopRequireWildcard(require("yaml"));
+var _snapdom = require("@zumer/snapdom");
+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-08-26 14:29
+ * @modified：2025/8/26 14:29 by yanxianliang
+ * @desc: 导出
+ *
+ * 支持导出 yaml、PNG、PDF
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+/**
+ * 导出插件，暂时不好处理，先 pending
+ */
+const exportPlugin = exports.exportPlugin = {
+  // 导出 yaml配置文件
+  exportYaml: (data, fileName = 'config') => {
+    const yamlStr = yaml.stringify(data);
+    const blob = new Blob([yamlStr], {
+      type: 'text/yaml'
+    });
+
+    // 生成临时URL并触发下载
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = `${fileName}.yaml`; // 设置文件名
+    a.click(); // 模拟点击下载
+  },
+  // 导出 png文件
+  exportPng: async (container, scale = 2) => {
+    // 虚拟渲染的，导出会有问题
+    const result = await (0, _snapdom.snapdom)(container, {
+      scale
+    });
+    await result.download({
+      format: 'png',
+      type: 'png',
+      quality: 1
+    });
+  }
+};