@sunspirytus/xflow-core 1.0.52

package/es/command-contributions/command-contribution.js

@@ -0,0 +1,182 @@
+import { __awaiter, __decorate, __metadata } from "tslib";
+/* eslint-disable @typescript-eslint/no-redeclare */
+import 'reflect-metadata';
+/** Application 扩展依赖 */
+import { ICommandHandler, IGraphCommandFactory, IGraphCommandContribution, } from '../command/interface';
+import { inject, singleton } from 'mana-syringe';
+import { IHookContribution } from '../hooks/interface';
+import { Disposable, DisposableCollection } from '../common/disposable';
+/** Commands */
+import { registerNodeCommand, hookhubList as nodeHooks } from './node';
+import { registerGraphCommand, hookhubList as graphHooks } from './graph';
+import { registerEdgeCommand, hookhubList as edgeHooks } from './edge';
+import { registerGroupCommand, hookhubList as groupHooks } from './group';
+import { registerModelServiceCommand, hookhubList as observablesHooks } from './models';
+/** Command Hooks*/
+import { HookHub } from '@sunspirytus/xflow-hook';
+import { CommandConfig } from './config';
+/** Commands 配置项目*/
+const hookhubList = [...nodeHooks, ...edgeHooks, ...groupHooks, ...graphHooks, ...observablesHooks];
+const defaultHookFactory = () => new HookHub();
+let XFlowCommandContribution = class XFlowCommandContribution {
+    constructor() {
+        /** 注册钩子 */
+        this.registerHook = (hooks) => __awaiter(this, void 0, void 0, function* () {
+            const d = hooks.x6Events.registerHook({
+                name: 'bind group node move event',
+                handler: (args) => __awaiter(this, void 0, void 0, function* () {
+                    const event = {
+                        eventName: 'node:moving',
+                        callback: ({ node }) => __awaiter(this, void 0, void 0, function* () {
+                            const isGroup = node.prop('isGroup');
+                            if (isGroup) {
+                                node.prop('originPosition', node.getPosition());
+                                return;
+                            }
+                            const graph = node.model.graph;
+                            const { group: groupId } = node.getData();
+                            const group = graph.getNodes().find(cell => cell.id === groupId);
+                            if (!group) {
+                                return;
+                            }
+                            const isCollapsed = group.getProp('isCollapsed');
+                            let originSize = group.getProp('originSize');
+                            let hasChange = false;
+                            if (originSize == null) {
+                                originSize = group.size();
+                                group.prop('originSize', originSize);
+                            }
+                            let originPosition = group.prop('originPosition');
+                            if (originPosition == null) {
+                                originPosition = group.getPosition();
+                                group.prop('originPosition', originPosition);
+                            }
+                            let x = originPosition.x;
+                            let y = originPosition.y;
+                            let cornerX = originPosition.x + originSize.width;
+                            let cornerY = originPosition.y + originSize.height;
+                            const childs = group.getChildren();
+                            if (childs) {
+                                childs.forEach(child => {
+                                    const bbox = child.getBBox().inflate(12);
+                                    const corner = bbox.getCorner();
+                                    if (bbox.x < x) {
+                                        x = bbox.x;
+                                        hasChange = true;
+                                    }
+                                    if (bbox.y < y) {
+                                        y = bbox.y;
+                                        hasChange = true;
+                                    }
+                                    if (corner.x > cornerX) {
+                                        cornerX = corner.x;
+                                        hasChange = true;
+                                    }
+                                    if (corner.y > cornerY) {
+                                        cornerY = corner.y;
+                                        hasChange = true;
+                                    }
+                                });
+                            }
+                            if (hasChange) {
+                                group.prop({
+                                    position: { x, y },
+                                    size: { width: cornerX - x, height: cornerY - y },
+                                });
+                                const groupData = Object.assign(Object.assign({}, group.getData()), { x,
+                                    y, width: cornerX - x, height: cornerY - y });
+                                if (isCollapsed !== true) {
+                                    groupData.groupChildrenSize = { width: cornerX - x, height: cornerY - y };
+                                }
+                                group.setData(groupData);
+                            }
+                            /**
+                             *  updateNodeData:
+                             *  1. 折叠时移动更新xy，size需要更新，childrenSize不变
+                             *  2. 展开时
+                             *      - 移动Group更新xy，size不需要更新，childrenSize不更新
+                             *      - 移动children, 更新xy, size childrenSize
+                             */
+                        }),
+                    };
+                    args.push(event);
+                }),
+            });
+            return Disposable.create(() => {
+                d.dispose();
+            });
+        });
+        /** 注册钩子 */
+        this.registerHookHub = (registry) => __awaiter(this, void 0, void 0, function* () {
+            const toDispose = new DisposableCollection();
+            hookhubList.forEach(({ hookKey, createHook = defaultHookFactory }) => {
+                const d = registry.registerHookHub(hookKey, createHook());
+                toDispose.push(d);
+            });
+            this.commandConfig.getConfig().then(({ getContributions }) => {
+                const CommandContributions = getContributions();
+                CommandContributions.forEach(({ hookKey, createHook = defaultHookFactory }) => {
+                    const d = registry.registerHookHub(hookKey, createHook());
+                    toDispose.push(d);
+                });
+            });
+            return toDispose;
+        });
+    }
+    /** 注册画布节点命令 */
+    registerGraphCommands(registry) {
+        /** 注册内置的命令 */
+        hookhubList.forEach(({ command }) => {
+            registry.registerCommand(command, {
+                createCommand: this.commandFactory,
+            });
+        });
+        /** 注册外部传入的命令 */
+        this.commandConfig.getConfig().then(({ getContributions }) => {
+            const CommandContributions = getContributions();
+            CommandContributions.forEach(cmd => {
+                registry.registerCommand(cmd.command, {
+                    createCommand: this.commandFactory,
+                });
+            });
+        });
+    }
+};
+__decorate([
+    inject(IGraphCommandFactory),
+    __metadata("design:type", Function)
+], XFlowCommandContribution.prototype, "commandFactory", void 0);
+__decorate([
+    inject(CommandConfig),
+    __metadata("design:type", CommandConfig
+    /** 注册画布节点命令 */
+    )
+], XFlowCommandContribution.prototype, "commandConfig", void 0);
+XFlowCommandContribution = __decorate([
+    singleton({ contrib: [IGraphCommandContribution, IHookContribution] })
+], XFlowCommandContribution);
+export { XFlowCommandContribution };
+export const registerXFlowCommandContribution = (register, commandConfig) => {
+    /** 扩展 用户自定义命令 */
+    const configContributions = commandConfig.getCommandContributions();
+    configContributions.forEach(execution => {
+        const { CommandHandler, command } = execution;
+        register({
+            token: { token: ICommandHandler, named: command.id },
+            useClass: CommandHandler,
+        });
+    });
+    /** 扩展 Graph 命令 */
+    registerGraphCommand(register);
+    /** 扩展 Node 命令 */
+    registerNodeCommand(register);
+    /** 扩展 Edge 命令 */
+    registerEdgeCommand(register);
+    /** 扩展 Edge 命令 */
+    registerGroupCommand(register);
+    /** 扩展 Observable 命令 */
+    registerModelServiceCommand(register);
+    /** 注册 XFlowCommandContribution */
+    register(XFlowCommandContribution);
+};
+//# sourceMappingURL=command-contribution.js.map

package/es/command-contributions/command-contribution.js.map

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

package/es/command-contributions/components/context.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { IGraphCommandService } from '../../command';
+import type { IModelService } from '../../model-service';
+import type { Node as X6Node, Edge as X6Edge } from '@antv/x6';
+import type { NsGraph } from '../../interface';
+export declare const AppContext: any;
+export declare const useAppContext: () => any;
+export declare function getNodeReactComponent(Component: React.ComponentType<NsGraph.IReactNodeProps>, commands: IGraphCommandService, modelService: IModelService): (x6Node: X6Node) => any;
+export declare function getEdgeReactComponent(Component: React.ComponentType<NsGraph.IReactEdgeProps>, commands: IGraphCommandService, modelService: IModelService): (x6Edge: X6Edge) => any;
+/** 获取节点选中状态 */
+export declare const useIsNodeSelected: () => any[];

package/es/command-contributions/components/context.js

@@ -0,0 +1,86 @@
+import React from 'react';
+export const AppContext = React.createContext({
+    cell: null,
+    x6Graph: null,
+    commands: null,
+    modelService: null,
+});
+export const useAppContext = () => React.useContext(AppContext);
+export function getNodeReactComponent(Component, commands, modelService) {
+    return function (x6Node) {
+        /* eslint-disable-next-line  */
+        const x6Graph = this;
+        const nodeData = x6Node === null || x6Node === void 0 ? void 0 : x6Node.getData();
+        const size = x6Node === null || x6Node === void 0 ? void 0 : x6Node.getSize();
+        const position = x6Node === null || x6Node === void 0 ? void 0 : x6Node.getPosition();
+        const WrappedComponent = () => {
+            return (React.createElement(AppContext.Provider, { value: {
+                    cell: x6Node,
+                    x6Graph,
+                    commands,
+                    modelService,
+                } }, React.createElement(Component, {
+                cell: x6Node,
+                data: nodeData,
+                size,
+                position,
+            })));
+        };
+        return React.createElement(WrappedComponent, null);
+    };
+}
+export function getEdgeReactComponent(Component, commands, modelService) {
+    return function (x6Edge) {
+        /* eslint-disable-next-line  */
+        const x6Graph = this;
+        const edgeData = x6Edge === null || x6Edge === void 0 ? void 0 : x6Edge.getData();
+        const WrappedComponent = () => {
+            return (React.createElement(AppContext.Provider, { value: {
+                    cell: x6Edge,
+                    x6Graph,
+                    commands,
+                    modelService,
+                } }, React.createElement(Component, {
+                data: edgeData,
+                cell: x6Edge,
+            })));
+        };
+        return React.createElement(WrappedComponent, null);
+    };
+}
+/** 获取节点选中状态 */
+export const useIsNodeSelected = () => {
+    const [isSelected, setIsSelected] = React.useState(false);
+    const { x6Graph, cell } = useAppContext();
+    React.useEffect(() => {
+        const handler = ({ added, removed }) => {
+            const isAdded = added
+                .filter(selectedCell => selectedCell.isNode())
+                .some(node => {
+                node.id === cell.id;
+            });
+            if (isAdded) {
+                cell.setData(Object.assign(Object.assign({}, cell.getData()), { isNodeSelected: true }));
+                setIsSelected(true);
+                return;
+            }
+            const isRemoved = removed
+                .filter(selectedCell => selectedCell.isNode())
+                .some(node => {
+                node.id === cell.id;
+            });
+            if (isRemoved) {
+                cell.setData(Object.assign(Object.assign({}, cell.getData()), { isNodeSelected: false }));
+                setIsSelected(false);
+                return;
+            }
+        };
+        x6Graph.on('selection:changed', handler);
+        return () => {
+            x6Graph.off('selection:changed', handler);
+        };
+        /* eslint-disable-next-line  */
+    }, [x6Graph]);
+    return [isSelected];
+};
+//# sourceMappingURL=context.js.map

package/es/command-contributions/components/context.js.map

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

package/es/command-contributions/components/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { CommandConfig } from '../config';
+export interface IProps {
+    config?: CommandConfig;
+}
+export declare const CommandsRegistry: React.FC<IProps>;
+interface IValueProxy<T> {
+    getValue: () => T;
+}
+export declare const createCmdConfig: <T extends unknown = any>(addOptions: (config: CommandConfig, container: IValueProxy<T>) => void) => (value?: T) => any;
+export {};

package/es/command-contributions/components/index.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { useExtensionRegistry } from '../../xflow-main/components/extension-context';
+import { createModule } from '../module';
+import { CommandConfig } from '../config';
+export const CommandsRegistry = props => {
+    /** 生成配置中心 */
+    const extensionRegistry = useExtensionRegistry();
+    /** 获取ContextMenu的配置 */
+    const config = React.useMemo(() => (props.config ? props.config : new CommandConfig()), 
+    /* eslint-disable-next-line  */
+    []);
+    React.useEffect(() => {
+        extensionRegistry.addCoreModule({
+            config: config,
+            createModule,
+        });
+        /* eslint-disable-next-line  */
+    }, []);
+    return null;
+};
+export const createCmdConfig = (addOptions) => (value) => {
+    /** bridge config and value */
+    const valueContainer = React.useMemo(() => ({ getValue: () => ({}) }), []);
+    valueContainer.getValue = () => value;
+    const hookConfig = React.useMemo(() => {
+        const config = new CommandConfig();
+        addOptions(config, valueContainer);
+        return config;
+    }, [valueContainer]);
+    return hookConfig;
+};
+//# sourceMappingURL=index.js.map

package/es/command-contributions/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/command-contributions/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAA;AACpF,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAMzC,MAAM,CAAC,MAAM,gBAAgB,GAAqB,KAAK,CAAC,EAAE;IACxD,aAAa;IACb,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAA;IAEhD,uBAAuB;IACvB,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAC1B,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,aAAa,EAAE,CAAC;IACzD,+BAA+B;IAC/B,EAAE,CACH,CAAA;IAED,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,iBAAiB,CAAC,aAAa,CAAC;YAC9B,MAAM,EAAE,MAAM;YACd,YAAY;SACb,CAAC,CAAA;QACF,+BAA+B;IACjC,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAOD,MAAM,CAAC,MAAM,eAAe,GAC1B,CACE,UAAsE,EACtE,EAAE,CACJ,CAAC,KAAS,EAAE,EAAE;IACZ,8BAA8B;IAC9B,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAQ,CAAA,EAAE,CAAC,EAAE,EAAE,CAAC,CAAA;IAC/E,cAAc,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,KAAK,CAAA;IAErC,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACpC,MAAM,MAAM,GAAG,IAAI,aAAa,EAAE,CAAA;QAClC,UAAU,CAAC,MAAM,EAAE,cAAc,CAAC,CAAA;QAClC,OAAO,MAAM,CAAA;IACf,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA"}

package/es/command-contributions/config.d.ts

@@ -0,0 +1,39 @@
+import { Syringe } from 'mana-syringe';
+import type { IRegisterHookFn, IRegisterHookHubFn, IHookService } from '../hooks/interface';
+import { IHookContribution } from '../hooks/interface';
+import type { ICmdHooks, ICommandContributionConfig } from './interface';
+export interface IConfig {
+    createModule?: (...args: any[]) => Syringe.Module;
+}
+export declare const CONFIG_TYPE = "CommandConfig";
+export declare const getDefaultContributions: () => ICommandContributionConfig[];
+export interface IRegisterCommandContribution {
+    (): ICommandContributionConfig[];
+}
+export declare class CommandConfig implements IHookContribution<ICmdHooks> {
+    private getContributions;
+    constructor();
+    setCommandContributions: (fn: IRegisterCommandContribution) => void;
+    getCommandContributions: () => ICommandContributionConfig[];
+    registerHook: (hooks: ICmdHooks) => Promise<import("..").Disposable>;
+    registerHookHub: (registry: IHookService<ICmdHooks>) => Promise<import("..").Disposable>;
+    /** 设置CONFIG类型 */
+    readonly CONFIG_TYPE = "CommandConfig";
+    /** 注册 command hook */
+    private registerHookFn;
+    /** set command hook fn */
+    setRegisterHookFn: (fn: IRegisterHookFn<ICmdHooks>) => void;
+    /** 注册 command hook hub */
+    private registerHookHubFn;
+    /** 注册 command hook hub */
+    setRegisterHookHubFn: (fn: IRegisterHookHubFn<ICmdHooks>) => void;
+    /** 获取config的所有配置*/
+    getConfig: () => Promise<{
+        registerHookFn: IRegisterHookFn<ICmdHooks>;
+        getContributions: IRegisterCommandContribution;
+        CONFIG_TYPE: string;
+    }>;
+}
+/** 提供一个工厂方法 */
+export declare const createCommandConfig: () => CommandConfig;
+export declare const registerCommandConfig: (register: Syringe.Register, commandConfig: CommandConfig) => void;

package/es/command-contributions/config.js

@@ -0,0 +1,64 @@
+import { __awaiter } from "tslib";
+import { Syringe } from 'mana-syringe';
+import { IHookContribution } from '../hooks/interface';
+import { disposableNoop } from '../common/utils';
+export const CONFIG_TYPE = 'CommandConfig';
+export const getDefaultContributions = () => {
+    return [];
+};
+export class CommandConfig {
+    constructor() {
+        this.setCommandContributions = (fn) => {
+            this.getContributions = fn;
+        };
+        this.getCommandContributions = () => {
+            return this.getContributions();
+        };
+        this.registerHook = (hooks) => __awaiter(this, void 0, void 0, function* () {
+            if (this.registerHookFn) {
+                return this.registerHookFn(hooks);
+            }
+            return disposableNoop;
+        });
+        this.registerHookHub = (registry) => __awaiter(this, void 0, void 0, function* () {
+            if (this.registerHookHubFn) {
+                return this.registerHookHubFn(registry);
+            }
+            return disposableNoop;
+        });
+        /** 设置CONFIG类型 */
+        this.CONFIG_TYPE = CONFIG_TYPE;
+        /** set command hook fn */
+        this.setRegisterHookFn = (fn) => {
+            this.registerHookFn = fn;
+        };
+        /** 注册 command hook hub */
+        this.setRegisterHookHubFn = (fn) => {
+            this.registerHookHubFn = fn;
+        };
+        /** 获取config的所有配置*/
+        this.getConfig = () => __awaiter(this, void 0, void 0, function* () {
+            return {
+                registerHookFn: this.registerHookFn,
+                getContributions: this.getContributions,
+                CONFIG_TYPE: this.CONFIG_TYPE,
+            };
+        });
+        this.getContributions = getDefaultContributions;
+    }
+}
+/** 提供一个工厂方法 */
+export const createCommandConfig = () => {
+    return new CommandConfig();
+};
+export const registerCommandConfig = (register, commandConfig) => {
+    register({
+        token: CommandConfig,
+        contrib: [IHookContribution],
+        lifecycle: Syringe.Lifecycle.singleton,
+        useDynamic: () => {
+            return commandConfig;
+        },
+    });
+};
+//# sourceMappingURL=config.js.map

package/es/command-contributions/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../../src/command-contributions/config.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAEtD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAKhD,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAA;AAE1C,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,EAAE;IAC1C,OAAO,EAAkC,CAAA;AAC3C,CAAC,CAAA;AAMD,MAAM,OAAO,aAAa;IAGxB;QAIA,4BAAuB,GAAG,CAAC,EAAgC,EAAE,EAAE;YAC7D,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAA;QAC5B,CAAC,CAAA;QAED,4BAAuB,GAAG,GAAG,EAAE;YAC7B,OAAO,IAAI,CAAC,gBAAgB,EAAE,CAAA;QAChC,CAAC,CAAA;QAED,iBAAY,GAAG,CAAO,KAAgB,EAAE,EAAE;YACxC,IAAI,IAAI,CAAC,cAAc,EAAE;gBACvB,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;aAClC;YACD,OAAO,cAAc,CAAA;QACvB,CAAC,CAAA,CAAA;QAED,oBAAe,GAAG,CAAO,QAAiC,EAAE,EAAE;YAC5D,IAAI,IAAI,CAAC,iBAAiB,EAAE;gBAC1B,OAAO,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAA;aACxC;YACD,OAAO,cAAc,CAAA;QACvB,CAAC,CAAA,CAAA;QACD,iBAAiB;QACR,gBAAW,GAAG,WAAW,CAAA;QAIlC,0BAA0B;QAC1B,sBAAiB,GAAG,CAAC,EAA8B,EAAE,EAAE;YACrD,IAAI,CAAC,cAAc,GAAG,EAAE,CAAA;QAC1B,CAAC,CAAA;QAGD,0BAA0B;QAC1B,yBAAoB,GAAG,CAAC,EAAiC,EAAE,EAAE;YAC3D,IAAI,CAAC,iBAAiB,GAAG,EAAE,CAAA;QAC7B,CAAC,CAAA;QACD,mBAAmB;QACnB,cAAS,GAAG,GAAS,EAAE;YACrB,OAAO;gBACL,cAAc,EAAE,IAAI,CAAC,cAAc;gBACnC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;gBACvC,WAAW,EAAE,IAAI,CAAC,WAAW;aAC9B,CAAA;QACH,CAAC,CAAA,CAAA;QA9CC,IAAI,CAAC,gBAAgB,GAAG,uBAAuB,CAAA;IACjD,CAAC;CA8CF;AAED,eAAe;AACf,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,OAAO,IAAI,aAAa,EAAE,CAAA;AAC5B,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,QAA0B,EAAE,aAA4B,EAAE,EAAE;IAChG,QAAQ,CAAgB;QACtB,KAAK,EAAE,aAAa;QACpB,OAAO,EAAE,CAAC,iBAAiB,CAAC;QAC5B,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,SAAS;QACtC,UAAU,EAAE,GAAG,EAAE;YACf,OAAO,aAAa,CAAA;QACtB,CAAC;KACF,CAAC,CAAA;AACJ,CAAC,CAAA"}

package/es/command-contributions/constant.d.ts

@@ -0,0 +1,98 @@
+import type { IGraphCommand } from '../command/interface';
+/** 节点命令 */
+export declare namespace XFlowNodeCommands {
+    /** 新增节点 */
+    const ADD_NODE: IGraphCommand;
+    /** 删除节点 */
+    const DEL_NODE: IGraphCommand;
+    /** 更新链接桩 */
+    const UPDATE_NODE_PORT: IGraphCommand;
+    /** 更新节点 */
+    const UPDATE_NODE: IGraphCommand;
+    /** 节点交互：高亮节点 */
+    const HIGHLIGHT_NODE: IGraphCommand;
+    /** 节点交互：选中节点 */
+    const SELECT_NODE: IGraphCommand;
+    /** 移动节点 */
+    const MOVE_NODE: IGraphCommand;
+    /** 节点居中 */
+    const CENTER_NODE: IGraphCommand;
+    /** 节点前置：调整zindex */
+    const FRONT_NODE: IGraphCommand;
+    /** 节点后置：调整zindex */
+    const BACK_NODE: IGraphCommand;
+}
+/** 边命令 */
+export declare namespace XFlowEdgeCommands {
+    /** 新增边 */
+    const ADD_EDGE: IGraphCommand;
+    /** 删除边 */
+    const DEL_EDGE: IGraphCommand;
+    /** 更新边 */
+    const UPDATE_EDGE: IGraphCommand;
+    /** 高亮边 */
+    const HIGHLIGHT_EDGE: IGraphCommand;
+    /** 边前置：调整zindex */
+    const FRONT_EDGE: IGraphCommand;
+    /** 边后置：调整zindex */
+    const BACK_EDGE: IGraphCommand;
+}
+/** 画布命令 */
+export declare namespace XFlowGraphCommands {
+    /** LOAD 元数据操作 */
+    const LOAD_META: IGraphCommand;
+    /** LOAD DATA操作 */
+    const LOAD_DATA: IGraphCommand;
+    /** SAVE GRAPH DATA操作 */
+    const SAVE_GRAPH_DATA: IGraphCommand;
+    /** LAYOUT */
+    const GRAPH_LAYOUT: IGraphCommand;
+    /** Graph Render */
+    const GRAPH_RENDER: IGraphCommand;
+    /** UNDO 操作 */
+    const UNDO_CMD: IGraphCommand;
+    /** REDO 操作 */
+    const REDO_CMD: IGraphCommand;
+    /** Graph General Operations: XFlow命令不满足的可以用这个命令，直接使用Graph的api */
+    const GRAPH_INSTANCE_COMMAND: IGraphCommand;
+    /** Graph Zoom */
+    const GRAPH_ZOOM: IGraphCommand;
+    /** Graph Fullscreen */
+    const GRAPH_FULLSCREEN: IGraphCommand;
+    /** Graph Resize */
+    const GRAPH_RESIZE: IGraphCommand;
+    /** Graph Copy */
+    const GRAPH_COPY: IGraphCommand;
+    /** Graph Paste */
+    const GRAPH_PASTE: IGraphCommand;
+    /** Graph 开启框选 */
+    const GRAPH_TOGGLE_MULTI_SELECT: IGraphCommand;
+    /** 新增 Tool: https://x6.antv.vision/zh/docs/api/registry/edge-tool */
+    const GRAPH_ADD_TOOL: IGraphCommand;
+    /** 删除 Tool: https://x6.antv.vision/zh/docs/api/registry/edge-tool */
+    const GRAPH_DEL_TOOL: IGraphCommand;
+    /** history: https://x6.antv.vision/zh/docs/api/graph/history#%E6%96%B9%E6%B3%95 */
+    const GRAPH_HISTORY_UNDO: IGraphCommand;
+    /** history: https://x6.antv.vision/zh/docs/api/graph/history#%E6%96%B9%E6%B3%95  */
+    const GRAPH_HISTORY_REDO: IGraphCommand;
+    /** history: https://x6.antv.vision/zh/docs/api/graph/history#%E6%96%B9%E6%B3%95  */
+    const GRAPH_HISTORY_RESET: IGraphCommand;
+    /** history: https://x6.antv.vision/zh/docs/api/graph/history#%E6%96%B9%E6%B3%95  */
+    const GRAPH_HISTORY_TOGGLE: IGraphCommand;
+}
+/** 全局状态 */
+export declare namespace XFlowModelCommands {
+    /** Update model 操作 */
+    const UPDATE_MODEL: IGraphCommand;
+}
+/** 全局状态 */
+export declare namespace XFlowGroupCommands {
+    /** 初始化群组操作 */
+    const INIT_GROUP: IGraphCommand;
+    /** ADD GROUP 操作 */
+    const ADD_GROUP: IGraphCommand;
+    /** DELETE GROUP 操作 */
+    const DEL_GROUP: IGraphCommand;
+    /** 折叠操作 */
+    const COLLAPSE_GROUP: IGraphCommand;
+}