@sunspirytus/xflow-core 1.0.52

package/es/keybinding/keybinding-registry.js

@@ -0,0 +1,129 @@
+import { __awaiter, __decorate, __metadata } from "tslib";
+import { inject, singleton, contrib, 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 { IKeyBindingOptionProvider, IKeyBindingService, IKeyBindingContribution } from './interface';
+import { IGraphCommandService } from '../command/interface';
+import { IModelService } from '../model-service/interface';
+let KeyBindingRegistry = class KeyBindingRegistry {
+    constructor() {
+        /** disposables */
+        this.toDispose = new DisposableCollection();
+        /** disposables */
+        this.keyBindingMap = new Map();
+        /** disposables */
+        this.enabledKeyBindingMap = new Map();
+        /** 注册用户定义在config中的keybinding */
+        this.registerExternalKeybindings = () => __awaiter(this, void 0, void 0, function* () {
+            const { registerKeybindingFunc } = yield this.optionProvider.getOption();
+            return registerKeybindingFunc(this);
+        });
+        /** 注册可Dispose的Keybinding */
+        this.registerKeybinding = (keybindings = []) => {
+            const toDispose = new DisposableCollection();
+            keybindings.forEach(keybinding => {
+                /** 注册 Keybinding config */
+                this.keyBindingMap.set(keybinding.id, keybinding);
+                /** enable Keybinding */
+                this.enableKeyBindings(keybinding.id).then(d => {
+                    toDispose.push(Disposable.create(() => {
+                        d.dispose();
+                        this.keyBindingMap.delete(keybinding.id);
+                    }));
+                });
+            });
+            this.toDispose.push(toDispose);
+            return toDispose;
+        };
+        /**
+         * 启用keybinding, 用于触发command
+         * @param id contextId
+         */
+        this.enableKeyBindings = (keybindingId) => __awaiter(this, void 0, void 0, function* () {
+            /** 清理同样的键盘事件 */
+            this.disableKeyBindings([keybindingId]);
+            const keybinding = this.keyBindingMap.get(keybindingId);
+            const graph = yield this.getX6Graph();
+            /**
+             * x6文档：https://x6.antv.vision/zh/docs/api/graph/keyboard
+             * x6源码：packages/x6/src/graph/keyboard.ts
+             */
+            const handler = this.runCommand(keybinding);
+            graph.bindKey(keybinding.keybinding, handler);
+            /** 注册disposable */
+            const toDispose = Disposable.create(() => {
+                graph.unbindKey(keybinding.keybinding);
+                this.enabledKeyBindingMap.delete(keybinding.id);
+            });
+            /** 注册disposable */
+            this.enabledKeyBindingMap.set(keybinding.id, toDispose);
+            return toDispose;
+        });
+        /**
+         * 禁用keybinding
+         */
+        this.disableKeyBindings = (ids) => {
+            ids.forEach(id => {
+                const disposable = this.enabledKeyBindingMap.get(id);
+                if (disposable) {
+                    disposable.dispose();
+                }
+            });
+        };
+        /**
+         * 执行command
+         */
+        this.runCommand = (keybinding) => (e) => __awaiter(this, void 0, void 0, function* () {
+            yield keybinding.callback(keybinding, this.modelService, this.commandService, e);
+        });
+        /**
+         * 获取画布实例
+         */
+        this.getX6Graph = () => __awaiter(this, void 0, void 0, function* () {
+            const graphInstance = yield this.graphProvider.getGraphInstance();
+            return graphInstance;
+        });
+    }
+    /**
+     *  app启动时, 注册keybinding的扩展
+     */
+    onStart() {
+        const contributions = this.contributionProvider.getContributions();
+        for (const contribution of contributions) {
+            contribution.registerKeybinding(this);
+        }
+        this.registerExternalKeybindings();
+    }
+    /**
+     * app停止的逻辑
+     */
+    onStop() {
+        this.toDispose.dispose();
+    }
+};
+__decorate([
+    inject(IKeyBindingOptionProvider),
+    __metadata("design:type", Object)
+], KeyBindingRegistry.prototype, "optionProvider", void 0);
+__decorate([
+    inject(IGraphCommandService),
+    __metadata("design:type", Object)
+], KeyBindingRegistry.prototype, "commandService", void 0);
+__decorate([
+    inject(IModelService),
+    __metadata("design:type", Object)
+], KeyBindingRegistry.prototype, "modelService", void 0);
+__decorate([
+    contrib(IKeyBindingContribution),
+    __metadata("design:type", Object)
+], KeyBindingRegistry.prototype, "contributionProvider", void 0);
+__decorate([
+    inject(IGraphProvider),
+    __metadata("design:type", Object)
+], KeyBindingRegistry.prototype, "graphProvider", void 0);
+KeyBindingRegistry = __decorate([
+    singleton({ contrib: [IFrontendApplicationContribution, IKeyBindingService] })
+], KeyBindingRegistry);
+export { KeyBindingRegistry };
+//# sourceMappingURL=keybinding-registry.js.map

package/es/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/es/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/es/keybinding/module.js

@@ -0,0 +1,33 @@
+import { __awaiter } from "tslib";
+/* eslint-disable @typescript-eslint/no-redeclare */
+import 'reflect-metadata';
+/** Toolbar扩展点依赖 */
+import { KeyBindingRegistry } from './keybinding-registry';
+import { IKeyBindingContribution, IKeyBindingOptionProvider } from './interface';
+import { Contribution, Module, Syringe } from 'mana-syringe';
+export const registerKeybindingConfig = (register, config) => {
+    register(IKeyBindingOptionProvider, {
+        useDynamic: () => {
+            return {
+                getOption: () => __awaiter(void 0, void 0, void 0, function* () {
+                    return config.getConfig();
+                }),
+            };
+        },
+        lifecycle: Syringe.Lifecycle.singleton,
+    });
+};
+/** 依赖扩展模块，必须要加载 */
+export const createModule = (keyBindingConfig) => {
+    return Module(register => {
+        /** 绑定 context 配置 */
+        registerKeybindingConfig(register, keyBindingConfig);
+        /** 注册 IContextContribution */
+        Contribution.register(register, IKeyBindingContribution);
+        /** 注册 KeyBindingRegistry 到 IFrontendApplicationContribution  */
+        /** 注册 KeyBindingRegistry */
+        /** 注册 KeyBindingRegistry alias  IKeybindingService */
+        register(KeyBindingRegistry);
+    });
+};
+//# sourceMappingURL=module.js.map

package/es/keybinding/module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.js","sourceRoot":"","sources":["../../src/keybinding/module.ts"],"names":[],"mappings":";AAAA,oDAAoD;AACpD,OAAO,kBAAkB,CAAA;AAIzB,mBAAmB;AACnB,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,EAAE,uBAAuB,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAA;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAE5D,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,QAA0B,EAAE,MAAwB,EAAE,EAAE;IAC/F,QAAQ,CAA4B,yBAAyB,EAAE;QAC7D,UAAU,EAAE,GAAG,EAAE;YACf,OAAO;gBACL,SAAS,EAAE,GAAS,EAAE;oBACpB,OAAO,MAAM,CAAC,SAAS,EAAE,CAAA;gBAC3B,CAAC,CAAA;aACF,CAAA;QACH,CAAC;QACD,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,SAAS;KACvC,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,mBAAmB;AACnB,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,gBAAkC,EAAE,EAAE;IACjE,OAAO,MAAM,CAAC,QAAQ,CAAC,EAAE;QACvB,oBAAoB;QACpB,wBAAwB,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAA;QAEpD,8BAA8B;QAC9B,YAAY,CAAC,QAAQ,CAAC,QAAQ,EAAE,uBAAuB,CAAC,CAAA;QAExD,gEAAgE;QAChE,4BAA4B;QAC5B,sDAAsD;QACtD,QAAQ,CAAC,kBAAkB,CAAC,CAAA;IAC9B,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}

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

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

package/es/menu/components/index.js

@@ -0,0 +1,22 @@
+import { __awaiter } from "tslib";
+import React from 'react';
+import { createModule } from '../module';
+import { useExtensionRegistry } from '../../xflow-main/components/extension-context';
+export const MenuRegistry = props => {
+    const {} = props;
+    /** 获取配置中心 */
+    const extensionRegistry = useExtensionRegistry();
+    React.useEffect(() => {
+        const disposable = extensionRegistry.addCoreModule({
+            config: { CONFIG_TYPE: 'MenuRegistry', getConfig: () => __awaiter(void 0, void 0, void 0, function* () { }) },
+            createModule,
+        });
+        return () => {
+            disposable.dispose();
+        };
+        /* eslint-disable-next-line  */
+    }, []);
+    return null;
+};
+MenuRegistry.defaultProps = { XFlowModuleType: 'MenuRegistry' };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/menu/components/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAA;AAIpF,MAAM,CAAC,MAAM,YAAY,GAAqB,KAAK,CAAC,EAAE;IACpD,MAAM,EAAE,GAAG,KAAK,CAAA;IAChB,aAAa;IACb,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAA;IAEhD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,UAAU,GAAG,iBAAiB,CAAC,aAAa,CAAC;YACjD,MAAM,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,GAAS,EAAE,kDAAE,CAAC,CAAA,EAAE;YAClE,YAAY;SACb,CAAC,CAAA;QACF,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,OAAO,EAAE,CAAA;QACtB,CAAC,CAAA;QACD,+BAA+B;IACjC,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,YAAY,CAAC,YAAY,GAAG,EAAE,eAAe,EAAE,cAAc,EAAE,CAAA"}

package/es/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/es/menu/index.js

@@ -0,0 +1,10 @@
+import { MenuItemType, IMenuService, IMenuContribution, } from './interface';
+import { MenuRegistry } from './components';
+export { 
+// 扩展 Service
+IMenuService, IMenuContribution, 
+// menu item
+MenuItemType, 
+// Component
+MenuRegistry, };
+//# sourceMappingURL=index.js.map

package/es/menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,YAAY,EAGZ,YAAY,EAEZ,iBAAiB,GAClB,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAE3C,OAAO;AACL,aAAa;AACb,YAAY,EACZ,iBAAiB;AAKjB,YAAY;AACZ,YAAY;AAIZ,YAAY;AACZ,YAAY,GACb,CAAA"}

package/es/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/es/menu/interface.js

@@ -0,0 +1,18 @@
+import { Syringe } from 'mana-syringe';
+/** rootMenuId */
+export const ROOT_MENU_ID = Symbol('xflow-menu-root');
+/** Menu UI Model Service */
+export const IMenuService = Symbol('IMenuService');
+/**
+ * 应该实现这个扩展点来注册更多的Menu
+ */
+export const IMenuContribution = Syringe.defineToken('IMenuContribution');
+/**  menu item type. */
+export var MenuItemType;
+(function (MenuItemType) {
+    MenuItemType["Separator"] = "separator";
+    MenuItemType["Submenu"] = "submenu";
+    MenuItemType["Root"] = "root";
+    MenuItemType["Leaf"] = "leaf";
+})(MenuItemType || (MenuItemType = {}));
+//# sourceMappingURL=interface.js.map

package/es/menu/interface.js.map

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

package/es/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/es/menu/menu-registry.js

@@ -0,0 +1,65 @@
+import { __decorate, __metadata } from "tslib";
+import { singleton, contrib, Contribution } from 'mana-syringe';
+import { DisposableCollection, Disposable } from '../common/disposable';
+import { IFrontendApplicationContribution } from '../xflow-main/interface';
+import { IMenuService, IMenuContribution } from './interface';
+let MenuRegistry = class MenuRegistry {
+    constructor() {
+        /** disposables */
+        this.toDispose = new DisposableCollection();
+        /** menuMap */
+        this.menuMap = new Map();
+        /**
+         * 获取 menu
+         * @param menuId menuId
+         */
+        this.getMenu = (menuId) => {
+            return this.menuMap.get(menuId);
+        };
+        /**
+         * 注册一批可单独dispose的扩展项目
+         * @param externalRegisterFn IRegisterMenuFunction
+         */
+        this.registerDisposableMenu = (externalRegisterFn) => {
+            const toDispose = new DisposableCollection();
+            const disposableRegistry = {
+                registerMenu: (config) => {
+                    const disposable = this.registerMenu(config);
+                    toDispose.push(disposable);
+                    return disposable;
+                },
+            };
+            externalRegisterFn(disposableRegistry);
+            this.toDispose.push(toDispose);
+            return toDispose;
+        };
+    }
+    /** app启动时，收集menu扩展点的注册项 */
+    onStart() {
+        const contributions = this.contributionProvider.getContributions();
+        for (const contribution of contributions) {
+            contribution.registerMenu(this);
+        }
+    }
+    /** app的停止逻辑 */
+    onStop() {
+        this.toDispose.dispose();
+    }
+    /**
+     * 注册 menu 类型
+     * @param config IMenu
+     */
+    registerMenu(config) {
+        this.menuMap.set(config.id, config);
+        return Disposable.create(() => this.menuMap.delete(config.id));
+    }
+};
+__decorate([
+    contrib(IMenuContribution),
+    __metadata("design:type", Object)
+], MenuRegistry.prototype, "contributionProvider", void 0);
+MenuRegistry = __decorate([
+    singleton({ contrib: [IFrontendApplicationContribution, IMenuService] })
+], MenuRegistry);
+export { MenuRegistry };
+//# sourceMappingURL=menu-registry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-registry.js","sourceRoot":"","sources":["../../src/menu/menu-registry.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAC/D,OAAO,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACvE,OAAO,EAAE,gCAAgC,EAAE,MAAM,yBAAyB,CAAA;AAG1E,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAGtD,IAAM,YAAY,GAAlB,MAAM,YAAY;IAAlB;QACL,kBAAkB;QACV,cAAS,GAAG,IAAI,oBAAoB,EAAE,CAAA;QAC9C,cAAc;QACN,YAAO,GAAG,IAAI,GAAG,EAAyB,CAAA;QAuBlD;;;WAGG;QACH,YAAO,GAAG,CAAC,MAAe,EAAE,EAAE;YAC5B,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;QACjC,CAAC,CAAA;QACD;;;WAGG;QACH,2BAAsB,GAAG,CAAC,kBAAyC,EAAE,EAAE;YACrE,MAAM,SAAS,GAAG,IAAI,oBAAoB,EAAE,CAAA;YAC5C,MAAM,kBAAkB,GAAG;gBACzB,YAAY,EAAE,CAAC,MAAoB,EAAE,EAAE;oBACrC,MAAM,UAAU,GAAG,IAAI,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,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;YAC9B,OAAO,SAAS,CAAA;QAClB,CAAC,CAAA;IACH,CAAC;IA3CC,2BAA2B;IAC3B,OAAO;QACL,MAAM,aAAa,GAAG,IAAI,CAAC,oBAAoB,CAAC,gBAAgB,EAAE,CAAA;QAClE,KAAK,MAAM,YAAY,IAAI,aAAa,EAAE;YACxC,YAAY,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;SAChC;IACH,CAAC;IACD,eAAe;IACf,MAAM;QACJ,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAA;IAC1B,CAAC;IACD;;;OAGG;IACH,YAAY,CAAC,MAAoB;QAC/B,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,CAAA;QACnC,OAAO,UAAU,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAA;IAChE,CAAC;CAyBF,CAAA;AA7CC;IAAC,OAAO,CAAC,iBAAiB,CAAC;;0DACsD;AAPtE,YAAY;IADxB,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC,gCAAgC,EAAE,YAAY,CAAC,EAAE,CAAC;GAC5D,YAAY,CAmDxB;SAnDY,YAAY"}

package/es/menu/module.d.ts

@@ -0,0 +1,3 @@
+import 'reflect-metadata';
+/** 依赖扩展模块，必须要加载 */
+export declare const createModule: () => import("mana-syringe").SyringeModule;

package/es/menu/module.js

@@ -0,0 +1,17 @@
+import 'reflect-metadata';
+/** Application 扩展依赖 */
+/** 扩展 menu 注册 */
+import { MenuRegistry } from './menu-registry';
+import { Contribution, Module } from 'mana-syringe';
+import { IMenuContribution } from './interface';
+/** 依赖扩展模块，必须要加载 */
+export const createModule = () => {
+    return Module(register => {
+        /** 注册 IMenuContribution 成为一个扩展点 */
+        Contribution.register(register, IMenuContribution);
+        /** 注册 MenuModelRegistry 到 IFrontendApplicationContribution */
+        /** 注册 MenuModelRegistry */
+        register(MenuRegistry);
+    });
+};
+//# sourceMappingURL=module.js.map

package/es/menu/module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.js","sourceRoot":"","sources":["../../src/menu/module.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAA;AACzB,uBAAuB;AACvB,iBAAiB;AACjB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAE/C,mBAAmB;AACnB,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,OAAO,MAAM,CAAC,QAAQ,CAAC,EAAE;QACvB,mCAAmC;QACnC,YAAY,CAAC,QAAQ,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAA;QAElD,8DAA8D;QAC9D,2BAA2B;QAC3B,QAAQ,CAAC,YAAY,CAAC,CAAA;IACxB,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}

package/es/model-service/components/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ModelServiceConfig } from '../config';
+export interface IProps {
+    config?: ModelServiceConfig;
+    XFlowModuleType?: string;
+}
+export declare const ModelServiceRegistry: React.FC<IProps>;
+interface IValueProxy<T> {
+    getValue: () => T;
+}
+export declare const createModelServiceConfig: <T extends unknown = any>(addOptions: (config: ModelServiceConfig, proxy: IValueProxy<TextDecoderOptions>) => void) => (value?: T) => any;
+export {};

package/es/model-service/components/index.js

@@ -0,0 +1,40 @@
+import React from 'react';
+import { createModule } from '../module';
+import { ModelServiceConfig } from '../config';
+import { useExtensionRegistry } from '../../xflow-main/components/extension-context';
+export const ModelServiceRegistry = props => {
+    const { config } = props;
+    /** 获取配置中心 */
+    const extensionRegistry = useExtensionRegistry();
+    /** 获取ModelService的配置 */
+    const modelServiceConfig = React.useMemo(() => (config ? config : new ModelServiceConfig()), 
+    /* eslint-disable-next-line  */
+    []);
+    React.useEffect(() => {
+        const disposable = extensionRegistry.addCoreModule({
+            config: modelServiceConfig,
+            createModule,
+        });
+        modelServiceConfig.setMountState();
+        return () => {
+            disposable.dispose();
+            modelServiceConfig.dispose();
+        };
+        // 不要移除：保证 只生执行一次
+        // eslint-disable-next-line
+    }, []);
+    return null;
+};
+ModelServiceRegistry.defaultProps = { XFlowModuleType: 'ModelServiceConfig' };
+export const createModelServiceConfig = (addOptions) => (value) => {
+    /** bridge config and value */
+    const valueContainer = React.useMemo(() => ({ getValue: () => ({}) }), []);
+    valueContainer.getValue = () => value;
+    const hookConfig = React.useMemo(() => {
+        const config = new ModelServiceConfig();
+        addOptions(config, valueContainer);
+        return config;
+    }, [valueContainer]);
+    return hookConfig;
+};
+//# sourceMappingURL=index.js.map

package/es/model-service/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/model-service/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAA;AAOpF,MAAM,CAAC,MAAM,oBAAoB,GAAqB,KAAK,CAAC,EAAE;IAC5D,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IACxB,aAAa;IACb,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAA;IAChD,wBAAwB;IACxB,MAAM,kBAAkB,GAAG,KAAK,CAAC,OAAO,CACtC,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,kBAAkB,EAAE,CAAC;IAClD,+BAA+B;IAC/B,EAAE,CACH,CAAA;IAED,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,UAAU,GAAG,iBAAiB,CAAC,aAAa,CAAC;YACjD,MAAM,EAAE,kBAAkB;YAC1B,YAAY;SACb,CAAC,CAAA;QACF,kBAAkB,CAAC,aAAa,EAAE,CAAA;QAClC,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,OAAO,EAAE,CAAA;YACpB,kBAAkB,CAAC,OAAO,EAAE,CAAA;QAC9B,CAAC,CAAA;QACD,iBAAiB;QACjB,2BAA2B;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,oBAAoB,CAAC,YAAY,GAAG,EAAE,eAAe,EAAE,oBAAoB,EAAE,CAAA;AAM7E,MAAM,CAAC,MAAM,wBAAwB,GACnC,CACE,UAAwF,EACxF,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,kBAAkB,EAAE,CAAA;QACvC,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/model-service/config.d.ts

@@ -0,0 +1,20 @@
+import type { IModelRegisterFunction } from './interface';
+import type { IModuleConfig } from '../xflow-main/interface';
+export declare namespace NsModelServiceConfig {
+    const CONFIG_TYPE = "MODEL_SERVICE_CONFIG";
+}
+export declare class ModelServiceConfig implements IModuleConfig {
+    /** CONFIG_TYPE */
+    readonly CONFIG_TYPE = "MODEL_SERVICE_CONFIG";
+    /** 外部注册context的方法 */
+    private registerModelFn?;
+    /** CONFIG_TYPE */
+    private isMounted;
+    registerModel: (registerModel: IModelRegisterFunction) => void;
+    setMountState: () => void;
+    getConfig: () => Promise<{
+        CONFIG_TYPE: string;
+        modelRegisterFunc: IModelRegisterFunction;
+    }>;
+    dispose: () => void;
+}

package/es/model-service/config.js

@@ -0,0 +1,36 @@
+import { __awaiter } from "tslib";
+import { Deferred } from '../common/deferred';
+import { Disposable } from '../common/disposable';
+export var NsModelServiceConfig;
+(function (NsModelServiceConfig) {
+    NsModelServiceConfig.CONFIG_TYPE = 'MODEL_SERVICE_CONFIG';
+})(NsModelServiceConfig || (NsModelServiceConfig = {}));
+const disposableNoop = () => Disposable.create(() => { });
+export class ModelServiceConfig {
+    constructor() {
+        /** CONFIG_TYPE */
+        this.CONFIG_TYPE = NsModelServiceConfig.CONFIG_TYPE;
+        /** 外部注册context的方法 */
+        this.registerModelFn = disposableNoop;
+        /** CONFIG_TYPE */
+        this.isMounted = new Deferred();
+        this.registerModel = (registerModel) => {
+            this.registerModelFn = registerModel;
+        };
+        this.setMountState = () => {
+            this.isMounted.resolve(true);
+        };
+        this.getConfig = () => __awaiter(this, void 0, void 0, function* () {
+            yield this.isMounted.promise;
+            return {
+                CONFIG_TYPE: this.CONFIG_TYPE,
+                modelRegisterFunc: this.registerModelFn || disposableNoop,
+            };
+        });
+        this.dispose = () => {
+            this.registerModelFn = disposableNoop;
+            this.isMounted = new Deferred();
+        };
+    }
+}
+//# sourceMappingURL=config.js.map

package/es/model-service/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../../src/model-service/config.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAIjD,MAAM,KAAW,oBAAoB,CAEpC;AAFD,WAAiB,oBAAoB;IACtB,gCAAW,GAAG,sBAAsB,CAAA;AACnD,CAAC,EAFgB,oBAAoB,KAApB,oBAAoB,QAEpC;AAED,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAA;AAExD,MAAM,OAAO,kBAAkB;IAA/B;QACE,kBAAkB;QACT,gBAAW,GAAG,oBAAoB,CAAC,WAAW,CAAA;QAEvD,qBAAqB;QACb,oBAAe,GAA4B,cAAc,CAAA;QAEjE,kBAAkB;QACV,cAAS,GAAG,IAAI,QAAQ,EAAW,CAAA;QAE3C,kBAAa,GAAG,CAAC,aAAqC,EAAE,EAAE;YACxD,IAAI,CAAC,eAAe,GAAG,aAAa,CAAA;QACtC,CAAC,CAAA;QAED,kBAAa,GAAG,GAAG,EAAE;YACnB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;QAC9B,CAAC,CAAA;QAED,cAAS,GAAG,GAAS,EAAE;YACrB,MAAM,IAAI,CAAC,SAAS,CAAC,OAAO,CAAA;YAC5B,OAAO;gBACL,WAAW,EAAE,IAAI,CAAC,WAAW;gBAC7B,iBAAiB,EAAE,IAAI,CAAC,eAAe,IAAI,cAAc;aAC1D,CAAA;QACH,CAAC,CAAA,CAAA;QAED,YAAO,GAAG,GAAG,EAAE;YACb,IAAI,CAAC,eAAe,GAAG,cAAc,CAAA;YACrC,IAAI,CAAC,SAAS,GAAG,IAAI,QAAQ,EAAE,CAAA;QACjC,CAAC,CAAA;IACH,CAAC;CAAA"}