@sunspirytus/xflow-core 1.0.52

package/lib/keybinding/interface.d.ts

@@ -0,0 +1,52 @@
+import type { Disposable } from '../common/disposable';
+import type { IGraphCommandService } from '../command/interface';
+import type { IModelService } from '../model-service/interface';
+import { Syringe } from 'mana-syringe';
+export declare const IKeyBindingService: unique symbol;
+export interface IKeyBindingService {
+    registerKeybinding: (keybindings: IKeyBinding[]) => Disposable;
+}
+/** 实现这个扩展点来注册更多的keybinding */
+export declare const IKeyBindingContribution: Syringe.DefinedToken;
+/** 扩展keybinding */
+export interface IKeyBindingContribution {
+    /**
+     * 注册keybinding
+     * @param registry KeyBindingRegistry.
+     */
+    registerKeybinding: (registry: IKeyBindingService) => Disposable;
+}
+/** keybinding item的 cmdOptions 字段 */
+export interface ICmdExecutor {
+    (item: IKeyBinding, modelService: IModelService, cmd: IGraphCommandService, e: KeyboardEvent): Promise<void>;
+}
+export interface IKeyBinding {
+    /** keybinding的唯一标识  */
+    id: string;
+    /**
+     * Unique command identifier of the command to be triggered by this keybinding.
+     */
+    command?: string;
+    /**
+     * 快捷键
+     * https://craig.is/killing/mice
+     * https://x6.antv.vision/zh/docs/api/graph/keyboard#bindkey
+     */
+    keybinding: string | string[];
+    /**
+     * 执行command时的参数
+     */
+    callback: ICmdExecutor;
+}
+export interface IKeybindingRegistry {
+    registerKeybinding: (configs: IKeyBinding[]) => Disposable;
+}
+export interface IRegisterKeybindingFunction {
+    (registry: IKeybindingRegistry): Disposable;
+}
+export interface IKeyBindingOptionProvider {
+    getOption: () => Promise<{
+        registerKeybindingFunc: IRegisterKeybindingFunction;
+    }>;
+}
+export declare const IKeyBindingOptionProvider: unique symbol;

package/lib/keybinding/interface.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IKeyBindingOptionProvider = exports.IKeyBindingContribution = exports.IKeyBindingService = void 0;
+var mana_syringe_1 = require("mana-syringe");
+exports.IKeyBindingService = Symbol('IKeyBindingService');
+/** 实现这个扩展点来注册更多的keybinding */
+exports.IKeyBindingContribution = mana_syringe_1.Syringe.defineToken('IKeyBindingContribution');
+exports.IKeyBindingOptionProvider = Symbol('IKeyBindingOptionProvider');
+//# sourceMappingURL=interface.js.map

package/lib/keybinding/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../src/keybinding/interface.ts"],"names":[],"mappings":";;;AAIA,6CAAsC;AAEzB,QAAA,kBAAkB,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAA;AAK9D,8BAA8B;AACjB,QAAA,uBAAuB,GAAG,sBAAO,CAAC,WAAW,CAAC,yBAAyB,CAAC,CAAA;AAmDxE,QAAA,yBAAyB,GAAG,MAAM,CAAC,2BAA2B,CAAC,CAAA"}

package/lib/keybinding/keybinding-registry.d.ts

@@ -0,0 +1,52 @@
+import { Contribution } from 'mana-syringe';
+import { DisposableCollection, Disposable } from '../common/disposable';
+import { IFrontendApplicationContribution } from '../xflow-main/interface';
+import { IGraphProvider } from '../xflow-main/graph/graph-provider';
+import type { IKeyBinding, IKeybindingRegistry } from './interface';
+import { IKeyBindingContribution } from './interface';
+export declare class KeyBindingRegistry implements IFrontendApplicationContribution, IKeybindingRegistry {
+    /** disposables */
+    private toDispose;
+    /** disposables */
+    private keyBindingMap;
+    /** disposables */
+    private enabledKeyBindingMap;
+    /** KeyBinding 配置 */
+    private optionProvider;
+    /** GraphCommandRegistry 用于执行 */
+    private commandService;
+    /** IModelService 实例 */
+    private modelService;
+    /** context 扩展点 */
+    protected readonly contributionProvider: Contribution.Provider<IKeyBindingContribution>;
+    /**
+     *  app启动时, 注册keybinding的扩展
+     */
+    onStart(): void;
+    /**
+     * app停止的逻辑
+     */
+    onStop(): void;
+    /** 注册用户定义在config中的keybinding */
+    protected registerExternalKeybindings: () => Promise<Disposable>;
+    /** 注册可Dispose的Keybinding */
+    registerKeybinding: (keybindings?: IKeyBinding[]) => DisposableCollection;
+    /**
+     * 启用keybinding, 用于触发command
+     * @param id contextId
+     */
+    enableKeyBindings: (keybindingId: string) => Promise<Disposable>;
+    /**
+     * 禁用keybinding
+     */
+    disableKeyBindings: (ids: string[]) => void;
+    /**
+     * 执行command
+     */
+    protected runCommand: (keybinding: IKeyBinding) => (e: KeyboardEvent) => Promise<void>;
+    /**
+     * 获取画布实例
+     */
+    private getX6Graph;
+    protected readonly graphProvider: IGraphProvider;
+}

package/lib/keybinding/keybinding-registry.js

@@ -0,0 +1,166 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KeyBindingRegistry = void 0;
+var tslib_1 = require("tslib");
+var mana_syringe_1 = require("mana-syringe");
+var disposable_1 = require("../common/disposable");
+var interface_1 = require("../xflow-main/interface");
+var graph_provider_1 = require("../xflow-main/graph/graph-provider");
+var interface_2 = require("./interface");
+var interface_3 = require("../command/interface");
+var interface_4 = require("../model-service/interface");
+var KeyBindingRegistry = /** @class */ (function () {
+    function KeyBindingRegistry() {
+        var _this = this;
+        /** disposables */
+        this.toDispose = new disposable_1.DisposableCollection();
+        /** disposables */
+        this.keyBindingMap = new Map();
+        /** disposables */
+        this.enabledKeyBindingMap = new Map();
+        /** 注册用户定义在config中的keybinding */
+        this.registerExternalKeybindings = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var registerKeybindingFunc;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.optionProvider.getOption()];
+                    case 1:
+                        registerKeybindingFunc = (_a.sent()).registerKeybindingFunc;
+                        return [2 /*return*/, registerKeybindingFunc(this)];
+                }
+            });
+        }); };
+        /** 注册可Dispose的Keybinding */
+        this.registerKeybinding = function (keybindings) {
+            if (keybindings === void 0) { keybindings = []; }
+            var toDispose = new disposable_1.DisposableCollection();
+            keybindings.forEach(function (keybinding) {
+                /** 注册 Keybinding config */
+                _this.keyBindingMap.set(keybinding.id, keybinding);
+                /** enable Keybinding */
+                _this.enableKeyBindings(keybinding.id).then(function (d) {
+                    toDispose.push(disposable_1.Disposable.create(function () {
+                        d.dispose();
+                        _this.keyBindingMap.delete(keybinding.id);
+                    }));
+                });
+            });
+            _this.toDispose.push(toDispose);
+            return toDispose;
+        };
+        /**
+         * 启用keybinding, 用于触发command
+         * @param id contextId
+         */
+        this.enableKeyBindings = function (keybindingId) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var keybinding, graph, handler, toDispose;
+            var _this = this;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        /** 清理同样的键盘事件 */
+                        this.disableKeyBindings([keybindingId]);
+                        keybinding = this.keyBindingMap.get(keybindingId);
+                        return [4 /*yield*/, this.getX6Graph()
+                            /**
+                             * x6文档：https://x6.antv.vision/zh/docs/api/graph/keyboard
+                             * x6源码：packages/x6/src/graph/keyboard.ts
+                             */
+                        ];
+                    case 1:
+                        graph = _a.sent();
+                        handler = this.runCommand(keybinding);
+                        graph.bindKey(keybinding.keybinding, handler);
+                        toDispose = disposable_1.Disposable.create(function () {
+                            graph.unbindKey(keybinding.keybinding);
+                            _this.enabledKeyBindingMap.delete(keybinding.id);
+                        });
+                        /** 注册disposable */
+                        this.enabledKeyBindingMap.set(keybinding.id, toDispose);
+                        return [2 /*return*/, toDispose];
+                }
+            });
+        }); };
+        /**
+         * 禁用keybinding
+         */
+        this.disableKeyBindings = function (ids) {
+            ids.forEach(function (id) {
+                var disposable = _this.enabledKeyBindingMap.get(id);
+                if (disposable) {
+                    disposable.dispose();
+                }
+            });
+        };
+        /**
+         * 执行command
+         */
+        this.runCommand = function (keybinding) { return function (e) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, keybinding.callback(keybinding, this.modelService, this.commandService, e)];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        }); }; };
+        /**
+         * 获取画布实例
+         */
+        this.getX6Graph = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var graphInstance;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.graphProvider.getGraphInstance()];
+                    case 1:
+                        graphInstance = _a.sent();
+                        return [2 /*return*/, graphInstance];
+                }
+            });
+        }); };
+    }
+    /**
+     *  app启动时, 注册keybinding的扩展
+     */
+    KeyBindingRegistry.prototype.onStart = function () {
+        var contributions = this.contributionProvider.getContributions();
+        for (var _i = 0, contributions_1 = contributions; _i < contributions_1.length; _i++) {
+            var contribution = contributions_1[_i];
+            contribution.registerKeybinding(this);
+        }
+        this.registerExternalKeybindings();
+    };
+    /**
+     * app停止的逻辑
+     */
+    KeyBindingRegistry.prototype.onStop = function () {
+        this.toDispose.dispose();
+    };
+    tslib_1.__decorate([
+        (0, mana_syringe_1.inject)(interface_2.IKeyBindingOptionProvider),
+        tslib_1.__metadata("design:type", Object)
+    ], KeyBindingRegistry.prototype, "optionProvider", void 0);
+    tslib_1.__decorate([
+        (0, mana_syringe_1.inject)(interface_3.IGraphCommandService),
+        tslib_1.__metadata("design:type", Object)
+    ], KeyBindingRegistry.prototype, "commandService", void 0);
+    tslib_1.__decorate([
+        (0, mana_syringe_1.inject)(interface_4.IModelService),
+        tslib_1.__metadata("design:type", Object)
+    ], KeyBindingRegistry.prototype, "modelService", void 0);
+    tslib_1.__decorate([
+        (0, mana_syringe_1.contrib)(interface_2.IKeyBindingContribution),
+        tslib_1.__metadata("design:type", Object)
+    ], KeyBindingRegistry.prototype, "contributionProvider", void 0);
+    tslib_1.__decorate([
+        (0, mana_syringe_1.inject)(graph_provider_1.IGraphProvider),
+        tslib_1.__metadata("design:type", Object)
+    ], KeyBindingRegistry.prototype, "graphProvider", void 0);
+    KeyBindingRegistry = tslib_1.__decorate([
+        (0, mana_syringe_1.singleton)({ contrib: [interface_1.IFrontendApplicationContribution, interface_2.IKeyBindingService] })
+    ], KeyBindingRegistry);
+    return KeyBindingRegistry;
+}());
+exports.KeyBindingRegistry = KeyBindingRegistry;
+//# sourceMappingURL=keybinding-registry.js.map

package/lib/keybinding/keybinding-registry.js.map

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

package/lib/keybinding/module.d.ts

@@ -0,0 +1,8 @@
+import 'reflect-metadata';
+/** Application 扩展依赖 */
+/** 扩展Toolbar注册 */
+import type { KeybindingConfig } from './config';
+import { Syringe } from 'mana-syringe';
+export declare const registerKeybindingConfig: (register: Syringe.Register, config: KeybindingConfig) => void;
+/** 依赖扩展模块，必须要加载 */
+export declare const createModule: (keyBindingConfig: KeybindingConfig) => import("mana-syringe").SyringeModule;

package/lib/keybinding/module.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createModule = exports.registerKeybindingConfig = void 0;
+var tslib_1 = require("tslib");
+/* eslint-disable @typescript-eslint/no-redeclare */
+require("reflect-metadata");
+/** Toolbar扩展点依赖 */
+var keybinding_registry_1 = require("./keybinding-registry");
+var interface_1 = require("./interface");
+var mana_syringe_1 = require("mana-syringe");
+var registerKeybindingConfig = function (register, config) {
+    register(interface_1.IKeyBindingOptionProvider, {
+        useDynamic: function () {
+            return {
+                getOption: function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+                    return tslib_1.__generator(this, function (_a) {
+                        return [2 /*return*/, config.getConfig()];
+                    });
+                }); },
+            };
+        },
+        lifecycle: mana_syringe_1.Syringe.Lifecycle.singleton,
+    });
+};
+exports.registerKeybindingConfig = registerKeybindingConfig;
+/** 依赖扩展模块，必须要加载 */
+var createModule = function (keyBindingConfig) {
+    return (0, mana_syringe_1.Module)(function (register) {
+        /** 绑定 context 配置 */
+        (0, exports.registerKeybindingConfig)(register, keyBindingConfig);
+        /** 注册 IContextContribution */
+        mana_syringe_1.Contribution.register(register, interface_1.IKeyBindingContribution);
+        /** 注册 KeyBindingRegistry 到 IFrontendApplicationContribution  */
+        /** 注册 KeyBindingRegistry */
+        /** 注册 KeyBindingRegistry alias  IKeybindingService */
+        register(keybinding_registry_1.KeyBindingRegistry);
+    });
+};
+exports.createModule = createModule;
+//# sourceMappingURL=module.js.map

package/lib/keybinding/module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.js","sourceRoot":"","sources":["../../src/keybinding/module.ts"],"names":[],"mappings":";;;;AAAA,oDAAoD;AACpD,4BAAyB;AAIzB,mBAAmB;AACnB,6DAA0D;AAC1D,yCAAgF;AAChF,6CAA4D;AAErD,IAAM,wBAAwB,GAAG,UAAC,QAA0B,EAAE,MAAwB;IAC3F,QAAQ,CAA4B,qCAAyB,EAAE;QAC7D,UAAU,EAAE;YACV,OAAO;gBACL,SAAS,EAAE;;wBACT,sBAAO,MAAM,CAAC,SAAS,EAAE,EAAA;;qBAC1B;aACF,CAAA;QACH,CAAC;QACD,SAAS,EAAE,sBAAO,CAAC,SAAS,CAAC,SAAS;KACvC,CAAC,CAAA;AACJ,CAAC,CAAA;AAXY,QAAA,wBAAwB,4BAWpC;AAED,mBAAmB;AACZ,IAAM,YAAY,GAAG,UAAC,gBAAkC;IAC7D,OAAO,IAAA,qBAAM,EAAC,UAAA,QAAQ;QACpB,oBAAoB;QACpB,IAAA,gCAAwB,EAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAA;QAEpD,8BAA8B;QAC9B,2BAAY,CAAC,QAAQ,CAAC,QAAQ,EAAE,mCAAuB,CAAC,CAAA;QAExD,gEAAgE;QAChE,4BAA4B;QAC5B,sDAAsD;QACtD,QAAQ,CAAC,wCAAkB,CAAC,CAAA;IAC9B,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAbY,QAAA,YAAY,gBAaxB"}

package/lib/menu/components/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export interface IProps {
+}
+export declare const MenuRegistry: React.FC<IProps>;

package/lib/menu/components/index.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuRegistry = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var module_1 = require("../module");
+var extension_context_1 = require("../../xflow-main/components/extension-context");
+var MenuRegistry = function (props) {
+    var _a = props;
+    /** 获取配置中心 */
+    var extensionRegistry = (0, extension_context_1.useExtensionRegistry)();
+    react_1.default.useEffect(function () {
+        var disposable = extensionRegistry.addCoreModule({
+            config: { CONFIG_TYPE: 'MenuRegistry', getConfig: function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () { return tslib_1.__generator(this, function (_a) {
+                    return [2 /*return*/];
+                }); }); } },
+            createModule: module_1.createModule,
+        });
+        return function () {
+            disposable.dispose();
+        };
+        /* eslint-disable-next-line  */
+    }, []);
+    return null;
+};
+exports.MenuRegistry = MenuRegistry;
+exports.MenuRegistry.defaultProps = { XFlowModuleType: 'MenuRegistry' };
+//# sourceMappingURL=index.js.map

package/lib/menu/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/menu/components/index.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,oCAAwC;AACxC,mFAAoF;AAI7E,IAAM,YAAY,GAAqB,UAAA,KAAK;IAC3C,IAAA,KAAK,KAAK,CAAA;IAChB,aAAa;IACb,IAAM,iBAAiB,GAAG,IAAA,wCAAoB,GAAE,CAAA;IAEhD,eAAK,CAAC,SAAS,CAAC;QACd,IAAM,UAAU,GAAG,iBAAiB,CAAC,aAAa,CAAC;YACjD,MAAM,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE;;yBAAc,EAAE;YAClE,YAAY,uBAAA;SACb,CAAC,CAAA;QACF,OAAO;YACL,UAAU,CAAC,OAAO,EAAE,CAAA;QACtB,CAAC,CAAA;QACD,+BAA+B;IACjC,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAjBY,QAAA,YAAY,gBAiBxB;AAED,oBAAY,CAAC,YAAY,GAAG,EAAE,eAAe,EAAE,cAAc,EAAE,CAAA"}

package/lib/menu/index.d.ts

@@ -0,0 +1,3 @@
+import { IMenuId, IAnchor, IMenuTarget, MenuItemType, IMenuOptions, IMenuModel, IMenuService, IRegisterMenuFunction, IMenuContribution } from './interface';
+import { MenuRegistry } from './components';
+export { IMenuService, IMenuContribution, IMenuId, IAnchor, IMenuTarget, MenuItemType, IMenuModel, IMenuOptions, IRegisterMenuFunction, MenuRegistry, };

package/lib/menu/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuRegistry = exports.MenuItemType = exports.IMenuContribution = exports.IMenuService = void 0;
+var interface_1 = require("./interface");
+Object.defineProperty(exports, "MenuItemType", { enumerable: true, get: function () { return interface_1.MenuItemType; } });
+Object.defineProperty(exports, "IMenuService", { enumerable: true, get: function () { return interface_1.IMenuService; } });
+Object.defineProperty(exports, "IMenuContribution", { enumerable: true, get: function () { return interface_1.IMenuContribution; } });
+var components_1 = require("./components");
+Object.defineProperty(exports, "MenuRegistry", { enumerable: true, get: function () { return components_1.MenuRegistry; } });
+//# sourceMappingURL=index.js.map

package/lib/menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/menu/index.ts"],"names":[],"mappings":";;;AAAA,yCAUoB;AAYlB,6FAlBA,wBAAY,OAkBA;AAPZ,6FARA,wBAAY,OAQA;AACZ,kGAPA,6BAAiB,OAOA;AALnB,2CAA2C;AAgBzC,6FAhBO,yBAAY,OAgBP"}

package/lib/menu/interface.d.ts

@@ -0,0 +1,114 @@
+import type React from 'react';
+import { Syringe } from 'mana-syringe';
+import type { Disposable } from '../common/disposable';
+import type { RxModel } from '../common/rx-model';
+import type { IGraphCommandService } from '../command/interface';
+import type { IModelService, MODELS } from '../model-service';
+import type { NsGraph } from '../interface';
+/** rootMenuId */
+export declare const ROOT_MENU_ID: unique symbol;
+/** MenuId */
+export type IMenuId = string;
+/** Menu UI Model Service */
+export declare const IMenuService: unique symbol;
+/** Menu UI Model Service  */
+export interface IMenuService {
+    /**
+     * 注册 menu
+     * @param config IMenuOptions
+     */
+    registerMenu: (config: IMenuOptions) => Disposable;
+    /**
+     * 注册一批可单独dispose的扩展项目
+     * @param externalRegisterFn IRegisterMenuFunction
+     */
+    registerDisposableMenu: (externalRegisterFn: IRegisterMenuFunction) => Disposable;
+    /**
+     * 获取menu model
+     * @param menuId  menu id
+     */
+    getMenu: (menuId: IMenuId) => IMenuOptions;
+}
+/** IRegisterMenuFunction */
+export interface IRegisterMenuFunction {
+    (registry: Pick<IMenuService, 'registerMenu'>): void;
+}
+/**
+ * 应该实现这个扩展点来注册更多的Menu
+ */
+export declare const IMenuContribution: Syringe.DefinedToken;
+/**
+ * 扩展Menu
+ */
+export interface IMenuContribution {
+    /**
+     * 注册Menu
+     * @param registry the toolbar registry.
+     */
+    registerMenu: (registry: IMenuService) => void;
+}
+/**  A type alias for a menu item type. */
+export type ItemType = typeof MenuItemType;
+/**  menu item type. */
+export declare enum MenuItemType {
+    Separator = "separator",
+    Submenu = "submenu",
+    Root = "root",
+    Leaf = "leaf"
+}
+export interface IMenuTarget {
+    type: MODELS.CONTEXTMENU_TARGET.TargetType;
+    data: NsGraph.INodeConfig | NsGraph.IEdgeConfig | null;
+}
+/** menu item model */
+export interface IMenuOptions<T = any> {
+    /** The type of the menu item. */
+    id: IMenuId;
+    /** The type of the menu item. */
+    type?: MenuItemType;
+    /** The submenu id  */
+    submenu?: IMenuOptions[];
+    /** The display label for the menu item. */
+    label?: string;
+    /** Whether submenu is active */
+    active?: boolean;
+    /** The hotkey for the menu item */
+    hotkey?: string;
+    /** The icon label for the menu item */
+    iconName?: string;
+    /** Whether the menu item is enabled  */
+    isEnabled?: boolean;
+    /** Whether the menu item is visible */
+    isVisible?: boolean;
+    /** data. */
+    data?: T;
+    /** 自定义渲染 */
+    render?: React.ComponentType<{
+        menuItem: IMenuOptions;
+        target: IMenuTarget;
+        commandService: IGraphCommandService;
+        modelService: IModelService;
+        onHide: () => void;
+    }>;
+    /** onClick */
+    onClick?: (args: IClickArgs) => Promise<void>;
+}
+export interface IClickArgs {
+    menuItem: IMenuOptions;
+    target: IMenuTarget;
+    commandService: IGraphCommandService;
+    modelService: IModelService;
+}
+export type IMenuModel = RxModel<IMenuOptions>;
+/** 渲染 menu 的锚点数据 */
+export interface IAnchor {
+    x: number;
+    y: number;
+}
+/** Config */
+export interface IConfig {
+    /** 画布的 root 节点 */
+    getProps: () => any;
+    /** 从事件对象中解析出 menuid */
+    createMenuOptions: (data: MODELS.CONTEXTMENU_TARGET.IState, modelService: IModelService, getProps: () => any) => IMenuOptions[];
+}

package/lib/menu/interface.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuItemType = exports.IMenuContribution = exports.IMenuService = exports.ROOT_MENU_ID = void 0;
+var mana_syringe_1 = require("mana-syringe");
+/** rootMenuId */
+exports.ROOT_MENU_ID = Symbol('xflow-menu-root');
+/** Menu UI Model Service */
+exports.IMenuService = Symbol('IMenuService');
+/**
+ * 应该实现这个扩展点来注册更多的Menu
+ */
+exports.IMenuContribution = mana_syringe_1.Syringe.defineToken('IMenuContribution');
+/**  menu item type. */
+var MenuItemType;
+(function (MenuItemType) {
+    MenuItemType["Separator"] = "separator";
+    MenuItemType["Submenu"] = "submenu";
+    MenuItemType["Root"] = "root";
+    MenuItemType["Leaf"] = "leaf";
+})(MenuItemType = exports.MenuItemType || (exports.MenuItemType = {}));
+//# sourceMappingURL=interface.js.map

package/lib/menu/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../src/menu/interface.ts"],"names":[],"mappings":";;;AAEA,6CAAsC;AAStC,iBAAiB;AACJ,QAAA,YAAY,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAA;AAKrD,4BAA4B;AACf,QAAA,YAAY,GAAG,MAAM,CAAC,cAAc,CAAC,CAAA;AAyBlD;;GAEG;AACU,QAAA,iBAAiB,GAAG,sBAAO,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAA;AAazE,uBAAuB;AACvB,IAAY,YAKX;AALD,WAAY,YAAY;IACtB,uCAAuB,CAAA;IACvB,mCAAmB,CAAA;IACnB,6BAAa,CAAA;IACb,6BAAa,CAAA;AACf,CAAC,EALW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAKvB"}

package/lib/menu/menu-registry.d.ts

@@ -0,0 +1,32 @@
+import { Contribution } from 'mana-syringe';
+import { DisposableCollection, Disposable } from '../common/disposable';
+import { IFrontendApplicationContribution } from '../xflow-main/interface';
+import type { IMenuId, IMenuOptions, IRegisterMenuFunction } from './interface';
+import { IMenuService, IMenuContribution } from './interface';
+export declare class MenuRegistry implements IMenuService, IFrontendApplicationContribution {
+    /** disposables */
+    private toDispose;
+    /** menuMap */
+    private menuMap;
+    /** menu扩展 */
+    protected readonly contributionProvider: Contribution.Provider<IMenuContribution>;
+    /** app启动时，收集menu扩展点的注册项 */
+    onStart(): void;
+    /** app的停止逻辑 */
+    onStop(): void;
+    /**
+     * 注册 menu 类型
+     * @param config IMenu
+     */
+    registerMenu(config: IMenuOptions): Disposable;
+    /**
+     * 获取 menu
+     * @param menuId menuId
+     */
+    getMenu: (menuId: IMenuId) => IMenuOptions<any>;
+    /**
+     * 注册一批可单独dispose的扩展项目
+     * @param externalRegisterFn IRegisterMenuFunction
+     */
+    registerDisposableMenu: (externalRegisterFn: IRegisterMenuFunction) => DisposableCollection;
+}

package/lib/menu/menu-registry.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuRegistry = void 0;
+var tslib_1 = require("tslib");
+var mana_syringe_1 = require("mana-syringe");
+var disposable_1 = require("../common/disposable");
+var interface_1 = require("../xflow-main/interface");
+var interface_2 = require("./interface");
+var MenuRegistry = /** @class */ (function () {
+    function MenuRegistry() {
+        var _this = this;
+        /** disposables */
+        this.toDispose = new disposable_1.DisposableCollection();
+        /** menuMap */
+        this.menuMap = new Map();
+        /**
+         * 获取 menu
+         * @param menuId menuId
+         */
+        this.getMenu = function (menuId) {
+            return _this.menuMap.get(menuId);
+        };
+        /**
+         * 注册一批可单独dispose的扩展项目
+         * @param externalRegisterFn IRegisterMenuFunction
+         */
+        this.registerDisposableMenu = function (externalRegisterFn) {
+            var toDispose = new disposable_1.DisposableCollection();
+            var disposableRegistry = {
+                registerMenu: function (config) {
+                    var disposable = _this.registerMenu(config);
+                    toDispose.push(disposable);
+                    return disposable;
+                },
+            };
+            externalRegisterFn(disposableRegistry);
+            _this.toDispose.push(toDispose);
+            return toDispose;
+        };
+    }
+    /** app启动时，收集menu扩展点的注册项 */
+    MenuRegistry.prototype.onStart = function () {
+        var contributions = this.contributionProvider.getContributions();
+        for (var _i = 0, contributions_1 = contributions; _i < contributions_1.length; _i++) {
+            var contribution = contributions_1[_i];
+            contribution.registerMenu(this);
+        }
+    };
+    /** app的停止逻辑 */
+    MenuRegistry.prototype.onStop = function () {
+        this.toDispose.dispose();
+    };
+    /**
+     * 注册 menu 类型
+     * @param config IMenu
+     */
+    MenuRegistry.prototype.registerMenu = function (config) {
+        var _this = this;
+        this.menuMap.set(config.id, config);
+        return disposable_1.Disposable.create(function () { return _this.menuMap.delete(config.id); });
+    };
+    tslib_1.__decorate([
+        (0, mana_syringe_1.contrib)(interface_2.IMenuContribution),
+        tslib_1.__metadata("design:type", Object)
+    ], MenuRegistry.prototype, "contributionProvider", void 0);
+    MenuRegistry = tslib_1.__decorate([
+        (0, mana_syringe_1.singleton)({ contrib: [interface_1.IFrontendApplicationContribution, interface_2.IMenuService] })
+    ], MenuRegistry);
+    return MenuRegistry;
+}());
+exports.MenuRegistry = MenuRegistry;
+//# sourceMappingURL=menu-registry.js.map

package/lib/menu/menu-registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-registry.js","sourceRoot":"","sources":["../../src/menu/menu-registry.ts"],"names":[],"mappings":";;;;AAAA,6CAA+D;AAC/D,mDAAuE;AACvE,qDAA0E;AAG1E,yCAA6D;AAG7D;IAAA;QAAA,iBAmDC;QAlDC,kBAAkB;QACV,cAAS,GAAG,IAAI,iCAAoB,EAAE,CAAA;QAC9C,cAAc;QACN,YAAO,GAAG,IAAI,GAAG,EAAyB,CAAA;QAuBlD;;;WAGG;QACH,YAAO,GAAG,UAAC,MAAe;YACxB,OAAO,KAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;QACjC,CAAC,CAAA;QACD;;;WAGG;QACH,2BAAsB,GAAG,UAAC,kBAAyC;YACjE,IAAM,SAAS,GAAG,IAAI,iCAAoB,EAAE,CAAA;YAC5C,IAAM,kBAAkB,GAAG;gBACzB,YAAY,EAAE,UAAC,MAAoB;oBACjC,IAAM,UAAU,GAAG,KAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAA;oBAC5C,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;oBAC1B,OAAO,UAAU,CAAA;gBACnB,CAAC;aACF,CAAA;YACD,kBAAkB,CAAC,kBAAkB,CAAC,CAAA;YACtC,KAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;YAC9B,OAAO,SAAS,CAAA;QAClB,CAAC,CAAA;IACH,CAAC;IA3CC,2BAA2B;IAC3B,8BAAO,GAAP;QACE,IAAM,aAAa,GAAG,IAAI,CAAC,oBAAoB,CAAC,gBAAgB,EAAE,CAAA;QAClE,KAA2B,UAAa,EAAb,+BAAa,EAAb,2BAAa,EAAb,IAAa,EAAE;YAArC,IAAM,YAAY,sBAAA;YACrB,YAAY,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;SAChC;IACH,CAAC;IACD,eAAe;IACf,6BAAM,GAAN;QACE,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAA;IAC1B,CAAC;IACD;;;OAGG;IACH,mCAAY,GAAZ,UAAa,MAAoB;QAAjC,iBAGC;QAFC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,CAAA;QACnC,OAAO,uBAAU,CAAC,MAAM,CAAC,cAAM,OAAA,KAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,EAA9B,CAA8B,CAAC,CAAA;IAChE,CAAC;IApBD;QAAC,IAAA,sBAAO,EAAC,6BAAiB,CAAC;;8DACsD;IAPtE,YAAY;QADxB,IAAA,wBAAS,EAAC,EAAE,OAAO,EAAE,CAAC,4CAAgC,EAAE,wBAAY,CAAC,EAAE,CAAC;OAC5D,YAAY,CAmDxB;IAAD,mBAAC;CAAA,AAnDD,IAmDC;AAnDY,oCAAY"}