@sunspirytus/xflow-core 1.0.52

package/es/xflow-main/components/global-config-context.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import { XFLOW_PREFIX_CLS } from '../../constants';
+/** xflow classname prefix context */
+class ConfigProvider {
+    constructor() {
+        this.xflowPrefixCls = XFLOW_PREFIX_CLS;
+        this.getXflowPrefixCls = (pkgName) => {
+            return `${this.xflowPrefixCls}-${pkgName}`;
+        };
+        this.setXflowPrefixCls = (prefixCls) => {
+            return (this.xflowPrefixCls = prefixCls);
+        };
+    }
+}
+export const XFlowConfigProviderContext = React.createContext({
+    configProvider: null,
+});
+export const useConfigContext = () => {
+    return React.useContext(XFlowConfigProviderContext);
+};
+export const useXflowPrefixCls = (pkgName) => {
+    const ctx = useConfigContext();
+    return React.useMemo(() => {
+        if (ctx.configProvider) {
+            return ctx.configProvider.getXflowPrefixCls(pkgName);
+        }
+        return `${XFLOW_PREFIX_CLS}-${pkgName}`;
+        /* eslint-disable-next-line  */
+    }, [pkgName]);
+};
+//# sourceMappingURL=global-config-context.js.map

package/es/xflow-main/components/global-config-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"global-config-context.js","sourceRoot":"","sources":["../../../src/xflow-main/components/global-config-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAElD,qCAAqC;AACrC,MAAM,cAAc;IAApB;QACU,mBAAc,GAAW,gBAAgB,CAAA;QAEjD,sBAAiB,GAAG,CAAC,OAAe,EAAE,EAAE;YACtC,OAAO,GAAG,IAAI,CAAC,cAAc,IAAI,OAAO,EAAE,CAAA;QAC5C,CAAC,CAAA;QAED,sBAAiB,GAAG,CAAC,SAAiB,EAAE,EAAE;YACxC,OAAO,CAAC,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC,CAAA;QAC1C,CAAC,CAAA;IACH,CAAC;CAAA;AAMD,MAAM,CAAC,MAAM,0BAA0B,GAAG,KAAK,CAAC,aAAa,CAAW;IACtE,cAAc,EAAE,IAAI;CACrB,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,OAAO,KAAK,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAAA;AACrD,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,OAAe,EAAE,EAAE;IACnD,MAAM,GAAG,GAAG,gBAAgB,EAAE,CAAA;IAC9B,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxB,IAAI,GAAG,CAAC,cAAc,EAAE;YACtB,OAAO,GAAG,CAAC,cAAc,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAA;SACrD;QACD,OAAO,GAAG,gBAAgB,IAAI,OAAO,EAAE,CAAA;QACvC,+BAA+B;IACjC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;AACf,CAAC,CAAA"}

package/es/xflow-main/components/index.d.ts

@@ -0,0 +1,58 @@
+import React from 'react';
+import { useXFlowApp } from './app-context';
+import type { FrontendApplication as IApplication } from '../application';
+import { useXflowPrefixCls } from './global-config-context';
+import { XFlowAppExtensionModule } from './app-extension-module';
+import { ExtensionRegistry } from './extension-registry';
+/** graph */
+import { XFlowCanvas } from './canvas';
+import type { GraphConfig } from '../graph';
+import type { ModelServiceConfig } from '../../model-service';
+import type { CommandConfig } from '../../command-contributions';
+import type { HookConfig } from '../../hooks';
+import type { NsGraph } from '../../interface';
+import type { NsGraphCmd } from '../../command-contributions';
+export interface IProps {
+    /** XFlow 工作台组件元信息, 会储存在全局Model中并在调用Service时作为额外的参数传入 */
+    meta?: {
+        flowId?: string;
+        [key: string]: any;
+    };
+    /** 画布的配置，用于配置X6的 Graph.Options 和绑定 Graph 的事件 */
+    graphConfig?: GraphConfig;
+    /** 画布数据 */
+    graphData?: NsGraph.IGraphData;
+    /** 布局配置项 */
+    graphLayout?: NsGraphCmd.GraphLayout.IArgs;
+    /** app 初始化成功的回调 */
+    onLoad?: IAppLoad;
+    /** 画布是否自动居中 */
+    isAutoCenter?: boolean;
+    /** 核心模块钩子函数，可以配置额外的业务逻辑包括以下4个hook：
+     * 1. graphOptions: 在实例化X6之前执行
+     * 2. afterGraphInit:  在实例化X6后执行
+     * 3. x6Events: 在实例化X6后绑定事件
+     * 4. beforeGraphDestroy: 在X6实例销毁前执行
+     */
+    hookConfig?: HookConfig;
+    /** 可以在这里扩展工作台全局状态  */
+    modelServiceConfig?: ModelServiceConfig;
+    /** 在这里配置命令的hook */
+    commandConfig?: CommandConfig;
+    /** xflow app 销毁前的回调 */
+    onAppDestroy?: IAppDestroy;
+    /** xflow app 初始化后的回调 */
+    onAppConfigReady?: IAppConfigReady;
+    /** app container style */
+    style?: React.CSSProperties;
+    /** app container classname */
+    className?: string;
+    /** xflow less文件中的prefix变量 */
+    xflowPrefixCls?: string;
+}
+export type IAppLoad = (app: IApplication, registry?: ExtensionRegistry) => void;
+export type IAppDestroy = (app: IApplication) => void;
+export type IAppConfigReady = (registry: ExtensionRegistry) => void;
+export declare const XFlow: React.FC<IProps>;
+export default XFlow;
+export { useXFlowApp, useXflowPrefixCls, XFlowCanvas, XFlowAppExtensionModule as XFlowAppExtension, ExtensionRegistry, };

package/es/xflow-main/components/index.js

@@ -0,0 +1,116 @@
+import { __awaiter } from "tslib";
+import React from 'react';
+import classNames from 'classnames';
+/** app */
+import { initApp } from '../application-module';
+import { XFlowAppInternalProvider, useXFlowApp } from './app-context';
+/** app-extension */
+import { ExtensionRegistryContext } from './extension-context';
+import { useXflowPrefixCls } from './global-config-context';
+import { XFlowAppExtensionModule } from './app-extension-module';
+import { ExtensionRegistry, createExtensionRegistry } from './extension-registry';
+/** graph */
+import { XFlowCanvas } from './canvas';
+/** command */
+import { ModelServiceRegistry } from '../../model-service';
+import { CommandsRegistry, XFlowGraphCommands } from '../../command-contributions';
+/** hook */
+import { HookRegistry } from '../../hooks';
+/** UI model */
+import { ToolbarRegistry } from '../../toolbar';
+import { MenuRegistry } from '../../menu';
+export const XFlow = props => {
+    const { meta, graphConfig, graphData, graphLayout, onLoad, isAutoCenter, hookConfig, modelServiceConfig, commandConfig, onAppConfigReady, onAppDestroy, children = [], className, style, } = props;
+    const [appRef, setAppRef] = React.useState();
+    /** 所有组件父容器 */
+    const appContainerRef = React.useRef(null);
+    /** XFlow App 配置中心 */
+    const extensionRegistry = createExtensionRegistry();
+    /** didMount */
+    React.useEffect(() => {
+        /** before app start */
+        if (onAppConfigReady) {
+            onAppConfigReady(extensionRegistry);
+        }
+        /** 初始化应用 */
+        const app = initApp(extensionRegistry);
+        app.start().then(() => __awaiter(void 0, void 0, void 0, function* () {
+            var _a;
+            /** 保留引用 */
+            setAppRef(app);
+            (_a = extensionRegistry.getExtension('GraphConfig')) === null || _a === void 0 ? void 0 : _a.config.setAppContainer(appContainerRef.current);
+            /** 自动执行 load Meta */
+            if (meta) {
+                yield app.commandService.executeCommand(XFlowGraphCommands.LOAD_META.id, { meta });
+            }
+            /** after app start */
+            if (onLoad) {
+                onLoad(app, extensionRegistry);
+            }
+            if (graphData) {
+                if (graphLayout) {
+                    yield app.commandService.executeCommand(XFlowGraphCommands.GRAPH_LAYOUT.id, Object.assign({ graphData }, graphLayout));
+                }
+                yield app.commandService.executeCommand(XFlowGraphCommands.GRAPH_RENDER.id, { graphData });
+            }
+        }));
+        /** unmount */
+        const destroy = () => __awaiter(void 0, void 0, void 0, function* () {
+            onAppDestroy && onAppDestroy(app);
+        });
+        return () => {
+            destroy();
+        };
+        /** 不要删 保证只生成一次 */
+        // eslint-disable-next-line
+    }, []);
+    /** 自动更新meta */
+    React.useEffect(() => {
+        if (appRef) {
+            appRef.commandService.executeCommand(XFlowGraphCommands.LOAD_META.id, { meta });
+        }
+        /** 不要删 只和meta联动 */
+        // eslint-disable-next-line
+    }, [meta]);
+    /** 自动渲染画布内容 */
+    React.useEffect(() => {
+        const fn = () => __awaiter(void 0, void 0, void 0, function* () {
+            if (appRef) {
+                if (graphData && graphLayout) {
+                    yield appRef.commandService.executeCommand(XFlowGraphCommands.GRAPH_LAYOUT.id, Object.assign({ graphData }, graphLayout));
+                }
+                yield appRef.commandService.executeCommand(XFlowGraphCommands.GRAPH_RENDER.id, {
+                    graphData,
+                });
+                /** 自动居中画布内容 */
+                if (isAutoCenter) {
+                    const x6Graph = yield appRef.getGraphInstance();
+                    x6Graph.centerContent();
+                }
+            }
+        });
+        fn();
+        /** 不要删 只和graphData联动 */
+        // eslint-disable-next-line
+    }, [graphData]);
+    /** classname */
+    const appClzName = classNames('xflow-app-workspace', className, ...extensionRegistry.getContainerClassNames());
+    /** 判断是否需要自动渲染画布组件, 坐标相对于xflow-graph-root */
+    const hasCanvasComponent = (Array.isArray(children) ? children : [children]).some(child => {
+        return child && child.props.isXFlowCanvas;
+    });
+    return (React.createElement(XFlowAppInternalProvider, { app: appRef },
+        React.createElement(ExtensionRegistryContext.Provider, { value: extensionRegistry },
+            React.createElement("div", { className: appClzName, id: extensionRegistry.getInstanceId(), ref: appContainerRef, style: style },
+                !hasCanvasComponent && (React.createElement(XFlowCanvas, { config: graphConfig, position: { top: 0, bottom: 0, left: 0, right: 0 } })),
+                children,
+                React.createElement(ModelServiceRegistry, { config: modelServiceConfig }),
+                React.createElement(CommandsRegistry, { config: commandConfig }),
+                React.createElement(HookRegistry, { config: hookConfig }),
+                React.createElement(ToolbarRegistry, null),
+                React.createElement(MenuRegistry, null)))));
+};
+XFlow.defaultProps = {};
+export default XFlow;
+export { useXFlowApp, useXflowPrefixCls, XFlowCanvas, XFlowAppExtensionModule as XFlowAppExtension, ExtensionRegistry, };
+//# sourceMappingURL=index.js.map

package/es/xflow-main/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/xflow-main/components/index.tsx"],"names":[],"mappings":"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"}

package/es/xflow-main/graph/config.d.ts

@@ -0,0 +1,102 @@
+import React from 'react';
+import { Syringe } from 'mana-syringe';
+import type { Graph as X6Graph } from '@antv/x6';
+import type { NsGraph } from '../../interface';
+export declare namespace NsGraphConfig {
+    const CONFIG_TYPE = "GraphConfig";
+    /** 默认的Node解析函数 */
+    const defaultNodeTypeParser: (nodeConfig: NsGraph.INodeConfig) => string;
+    /** 构造的Edge解析函数 */
+    const defaultEdgeTypeParser: (edgeConfig: NsGraph.IEdgeConfig) => string;
+    /** XFlow默认的React组件 */
+    const defaultNodeMapValue: [string, NsGraph.INodeRender<any>][];
+}
+export declare class GraphConfig {
+    /** 配置类型 */
+    readonly CONFIG_TYPE = "GraphConfig";
+    /**
+     * xflow app instance id, 用来标记app的实例
+     * 一个app instance 可以包含多个graphId
+     */
+    xflowInstanceId: string;
+    /**
+     * Graph的配置id：
+     * 1. 和画布的 html container 一一对应，
+     * 2. 作为X6的 react portal view Id
+     */
+    graphId: string;
+    /** 构造函数 */
+    constructor();
+    /** 画布的属性 */
+    private x6Options;
+    /** app 的 root 节点 */
+    private appContainer;
+    /** 画布的root节点 */
+    private rootContainer;
+    /** 画布的dom节点 */
+    private graphContainer;
+    /** 自定义节点 */
+    private nodeRender;
+    /** 自定义边 */
+    private edgeRender;
+    /** 解析node渲染类型的parser */
+    private nodeTypeParser;
+    /** 解析edge渲染类型的parser  */
+    private edgeTypeParser;
+    /** 自定义事件 */
+    private events;
+    mergeX6Config: (config: Partial<X6Graph.Options>) => Promise<X6Graph.Options & Partial<X6Graph.Options>>;
+    getX6Config: () => Promise<X6Graph.Options>;
+    setX6Config: (options?: X6Graph.Options) => void;
+    setAppContainer: (ele: HTMLElement | null) => void;
+    setRootContainer: (ele: HTMLElement | null) => void;
+    setGraphContainer: (ele: HTMLElement | null) => void;
+    setEvents: (events: NsGraph.IEvent[]) => void;
+    setDefaultNodeRender: (component: React.ComponentType<NsGraph.IReactNodeProps<T>>) => void;
+    setDefaultEdgeRender: (component: React.ComponentType<NsGraph.IReactEdgeProps<T>>) => void;
+    setNodeRender: (renderKey: string, component: React.ComponentType<NsGraph.IReactNodeProps<T>>) => void;
+    setEdgeRender: (renderKey: string, component: React.ComponentType<NsGraph.IReactEdgeProps<T>>) => void;
+    /** 设置解析node render key的 parser */
+    setNodeTypeParser: (parser: (nodeConfig: NsGraph.INodeConfig) => string) => void;
+    /** 设置解析edge render key的 parser */
+    setEdgeTypeParser: (parser: (edgeConfig: NsGraph.INodeConfig) => string) => void;
+    /** 获取Graph参数 */
+    getConfig: () => Promise<IGraphConfig>;
+    private getDefaultGraphOptions;
+    dispose: () => void;
+}
+export interface IGraphConfig {
+    /** xflow实例id */
+    xflowInstanceId: string;
+    /** 画布实例id */
+    graphId: string;
+    nodeViewId: string;
+    /** 画布的options */
+    x6Options: X6Graph.Options;
+    /** app 的 root 节点 */
+    appContainer: HTMLElement;
+    /** 画布的root节点 */
+    rootContainer: HTMLElement;
+    /** 画布的dom节点 */
+    graphContainer: HTMLElement;
+    /** 自定节点的渲染 */
+    nodeRender: Map<string, React.ComponentType<any>>;
+    /** 自定义边label的渲染 */
+    edgeRender: Map<string, React.ComponentType<any>>;
+    /** 自定义X6事件 */
+    events: NsGraph.IEvent[];
+    /** 解析node类型：从nodeConfig 中解析 ReactComponent类型 */
+    nodeTypeParser: (nodeConfig: NsGraph.INodeConfig) => string;
+    /** 解析edge类型：从edgeConfig 中解析 ReactComponent类型 */
+    edgeTypeParser: (edgeConfig: NsGraph.IEdgeConfig) => string;
+}
+export interface IGraphOptionProvider {
+    getOptions: () => Promise<IGraphConfig>;
+}
+export declare const IGraphOptionProvider: unique symbol;
+export declare const registerGraphConfig: (register: Syringe.Register, graphConfig: GraphConfig) => void;
+interface IValueProxy<T> {
+    getValue: () => T;
+}
+export declare const createGraphConfig: <T = any>(addOptions: (config: GraphConfig, proxy: IValueProxy<T>) => void) => (props?: T) => any;
+export {};

package/es/xflow-main/graph/config.js

@@ -0,0 +1,233 @@
+import { __awaiter } from "tslib";
+import React from 'react';
+import { Syringe } from 'mana-syringe';
+import { Deferred } from '../../common/deferred';
+import { MAX_ZOOM, MIN_ZOOM, XFLOW_DEFAULT_EDGE, XFLOW_DEFAULT_NODE, XFLOW_DEFAULT_GROUP_NODE, } from '../../constants';
+import { uuidv4 } from '../../common/uuid';
+import { XFlowDefaultGroupNode } from './react-group-node';
+import { XFlowDefaultNode } from './react-node';
+export var NsGraphConfig;
+(function (NsGraphConfig) {
+    NsGraphConfig.CONFIG_TYPE = 'GraphConfig';
+    /** 默认的Node解析函数 */
+    NsGraphConfig.defaultNodeTypeParser = (nodeConfig) => nodeConfig.renderKey;
+    /** 构造的Edge解析函数 */
+    NsGraphConfig.defaultEdgeTypeParser = (edgeConfig) => edgeConfig.renderKey;
+    /** XFlow默认的React组件 */
+    NsGraphConfig.defaultNodeMapValue = [
+        [XFLOW_DEFAULT_NODE, XFlowDefaultNode],
+        [XFLOW_DEFAULT_GROUP_NODE, XFlowDefaultGroupNode],
+    ];
+})(NsGraphConfig || (NsGraphConfig = {}));
+export class GraphConfig {
+    /** 构造函数 */
+    constructor() {
+        /** 配置类型 */
+        this.CONFIG_TYPE = NsGraphConfig.CONFIG_TYPE;
+        /** 画布的属性 */
+        this.x6Options = new Deferred();
+        /** 画布的root节点 */
+        this.rootContainer = new Deferred();
+        /** 画布的dom节点 */
+        this.graphContainer = new Deferred();
+        /** 自定义节点 */
+        this.nodeRender = new Map(NsGraphConfig.defaultNodeMapValue);
+        /** 自定义边 */
+        this.edgeRender = new Map();
+        /** 解析node渲染类型的parser */
+        this.nodeTypeParser = NsGraphConfig.defaultNodeTypeParser;
+        /** 解析edge渲染类型的parser  */
+        this.edgeTypeParser = NsGraphConfig.defaultEdgeTypeParser;
+        /** 自定义事件 */
+        this.events = [];
+        this.mergeX6Config = (config) => __awaiter(this, void 0, void 0, function* () {
+            const current = yield this.getX6Config();
+            return Object.assign(current, config);
+        });
+        this.getX6Config = () => __awaiter(this, void 0, void 0, function* () {
+            const config = yield this.x6Options.promise;
+            return config;
+        });
+        this.setX6Config = (options) => {
+            var _a;
+            const defaultOptions = this.getDefaultGraphOptions();
+            (_a = this.x6Options) === null || _a === void 0 ? void 0 : _a.resolve(Object.assign(Object.assign({}, defaultOptions), options));
+        };
+        this.setAppContainer = (ele) => {
+            this.appContainer = ele;
+        };
+        this.setRootContainer = (ele) => {
+            ele && (this === null || this === void 0 ? void 0 : this.rootContainer.resolve(ele));
+        };
+        this.setGraphContainer = (ele) => {
+            var _a;
+            ele && ((_a = this.graphContainer) === null || _a === void 0 ? void 0 : _a.resolve(ele));
+        };
+        this.setEvents = (events) => {
+            this.events = events;
+        };
+        this.setDefaultNodeRender = (component) => {
+            this.nodeRender.set(XFLOW_DEFAULT_NODE, component);
+        };
+        this.setDefaultEdgeRender = (component) => {
+            this.edgeRender.set(XFLOW_DEFAULT_EDGE, component);
+        };
+        this.setNodeRender = (renderKey, component) => {
+            this.nodeRender.set(renderKey, component);
+        };
+        this.setEdgeRender = (renderKey, component) => {
+            this.edgeRender.set(renderKey, component);
+        };
+        /** 设置解析node render key的 parser */
+        this.setNodeTypeParser = (parser) => {
+            this.nodeTypeParser = parser;
+        };
+        /** 设置解析edge render key的 parser */
+        this.setEdgeTypeParser = (parser) => {
+            this.edgeTypeParser = parser;
+        };
+        /** 获取Graph参数 */
+        this.getConfig = () => __awaiter(this, void 0, void 0, function* () {
+            const [rootContainer, graphContainer, x6Options] = yield Promise.all([
+                this.rootContainer.promise,
+                this.graphContainer.promise,
+                this.x6Options.promise,
+            ]);
+            const graphConfig = {
+                xflowInstanceId: this.xflowInstanceId,
+                graphId: this.graphId,
+                nodeViewId: this.graphId,
+                appContainer: this.appContainer,
+                rootContainer,
+                graphContainer,
+                x6Options,
+                events: this.events,
+                nodeRender: this.nodeRender,
+                edgeRender: this.edgeRender,
+                nodeTypeParser: this.nodeTypeParser,
+                edgeTypeParser: this.edgeTypeParser,
+            };
+            return graphConfig;
+        });
+        this.getDefaultGraphOptions = () => {
+            const defaultOptions = {
+                // 节点是否可旋转
+                rotating: false,
+                // 节点是否可调整大小
+                resizing: false,
+                // 节点连线规则配置（详细文档：https://X6.antv.vision/zh/docs/api/graph/interaction#connecting）
+                connecting: {
+                    snap: true,
+                    dangling: false,
+                    highlight: false,
+                    connectionPoint: 'rect',
+                    router: { name: 'er' },
+                    connector: {
+                        name: 'rounded',
+                        args: {
+                            radius: 15,
+                        },
+                    },
+                },
+                // 画布背景，支持颜色/图片/水印等（详细文档：https://X6.antv.vision/zh/docs/tutorial/basic/background）
+                background: {},
+                // 网格配置（详细文档：https://X6.antv.vision/zh/docs/tutorial/basic/grid）
+                grid: {
+                    visible: true,
+                },
+                // 点选/框选配置（详细文档：https://X6.antv.vision/zh/docs/tutorial/basic/selection）
+                selecting: {
+                    strict: true,
+                    enabled: true,
+                    multiple: true,
+                    selectCellOnMoved: true,
+                    showNodeSelectionBox: false,
+                    // 框选可以选中edge
+                    rubberEdge: true,
+                    // 框选可以选中node
+                    rubberNode: true,
+                    movable: true,
+                },
+                // 对齐线配置，辅助移动节点排版（详细文档：https://X6.antv.vision/zh/docs/tutorial/basic/snapline）
+                snapline: {
+                    enabled: false,
+                },
+                // 撤销/重做能力（详细文档：https://X6.antv.vision/zh/docs/tutorial/basic/history）
+                history: {
+                    enabled: false,
+                },
+                // 剪切板，支持跨画布的复制/粘贴（详细文档：https://X6.antv.vision/zh/docs/tutorial/basic/clipboard）
+                clipboard: {
+                    enabled: true,
+                    useLocalStorage: true,
+                },
+                // 使画布具备滚动、平移、居中、缩放等能力（详细文档：https://X6.antv.vision/zh/docs/tutorial/basic/scroller）
+                scroller: {
+                    enabled: false,
+                },
+                // 滚轮缩放 （详细文档：https://X6.antv.vision/zh/docs/tutorial/basic/mousewheel）
+                mousewheel: {
+                    enabled: true,
+                    minScale: MIN_ZOOM,
+                    maxScale: MAX_ZOOM,
+                    factor: 1.1,
+                    modifiers: ['ctrl', 'meta'],
+                },
+                /** 普通画布, 支持拖拽平移 */
+                panning: {
+                    enabled: true,
+                },
+                /** 缩放参数 */
+                scaling: {
+                    min: MIN_ZOOM,
+                    max: MAX_ZOOM,
+                },
+                /** keyboard */
+                keyboard: {
+                    enabled: true,
+                },
+                /** 定制节点和边的交互行为 */
+                interacting: {
+                    /** 节点默认可以被移动 */
+                    nodeMovable: true,
+                    /** 边上标签默认不可以被移动 */
+                    edgeLabelMovable: false,
+                },
+                async: false,
+            };
+            return defaultOptions;
+        };
+        this.dispose = () => {
+            // TODO: 统一看下defer的销毁
+            this.rootContainer = new Deferred();
+            this.graphContainer = new Deferred();
+            this.x6Options = new Deferred();
+        };
+        this.graphId = uuidv4();
+    }
+}
+export const IGraphOptionProvider = Symbol('IGraphOptionProvider');
+export const registerGraphConfig = (register, graphConfig) => {
+    register(IGraphOptionProvider, {
+        lifecycle: Syringe.Lifecycle.singleton,
+        useDynamic: () => {
+            return {
+                getOptions: () => __awaiter(void 0, void 0, void 0, function* () {
+                    return graphConfig.getConfig();
+                }),
+            };
+        },
+    });
+};
+export const createGraphConfig = (addOptions) => (props) => {
+    /** bridge config and props */
+    const propsContainer = React.useMemo(() => ({ getValue: () => ({}) }), []);
+    propsContainer.getValue = () => props;
+    const graphConfig = React.useMemo(() => {
+        const config = new GraphConfig();
+        addOptions(config, propsContainer);
+        return config;
+    }, [propsContainer]);
+    return graphConfig;
+};
+//# sourceMappingURL=config.js.map

package/es/xflow-main/graph/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../../../src/xflow-main/graph/config.ts"],"names":[],"mappings":"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"}

package/es/xflow-main/graph/graph-provider.d.ts

@@ -0,0 +1,47 @@
+import type { IHooks } from '../../hooks/interface';
+import { Graph as X6Graph } from '@antv/x6';
+import type { IGraphConfig } from './config';
+import { IGraphOptionProvider } from './config';
+import { Syringe } from 'mana-syringe';
+import { IGraphCommandService } from '../../command';
+import { IModelService } from '../../model-service/interface';
+import { IHookService } from '../../hooks';
+/** !!! 所有需要使用Graph相关信息的地方, 都统一使用IGraphProvider来获取 */
+export declare const IGraphProvider: unique symbol;
+export interface IGraphProvider {
+    /** 获取画布实例 */
+    getGraphInstance: () => Promise<X6Graph>;
+    /** 获取画布配置项 */
+    getGraphOptions: () => Promise<IGraphConfig>;
+}
+export declare const ICommandServiceProvider: unique symbol;
+export interface ICommandServiceProvider {
+    getCommandService: () => Promise<IGraphCommandService>;
+}
+export declare const IModelServiceProvider: unique symbol;
+export interface IModelServiceProvider {
+    getModelService: () => Promise<IModelService>;
+}
+export interface IGraphManager {
+    getGraph: (graphId: string) => Promise<X6Graph>;
+}
+export declare class GraphManager implements IGraphManager {
+    /** 处理画布实例的销毁 */
+    private toDispose;
+    /** 储存画布实例 */
+    private graphMap;
+    /** 通过optionProvider 获取组件的 html dom element */
+    optionProvider: IGraphOptionProvider;
+    /** hooks */
+    hookService: IHookService<IHooks>;
+    /** hooks call 依赖的参数 */
+    commandServiceProvider: ICommandServiceProvider;
+    modelServiceProvider: IModelServiceProvider;
+    /** 获取X6 Graph 实例 */
+    getGraph: (graphId: string) => Promise<X6Graph>;
+    private renderEdgeReactLabel;
+    /** 实现在连线上渲染React节点 */
+    private edgeAppendForeignObject;
+    dispose(): void;
+}
+export declare const registerGraphModule: (register: Syringe.Register) => void;