@sunspirytus/xflow-extension 1.0.52

package/lib/canvas-context-menu/components/index.d.ts

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

package/lib/canvas-context-menu/components/index.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContextMenuRender = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var x6_react_components_1 = require("@antv/x6-react-components");
+var xflow_core_1 = require("@sunspirytus/xflow-core");
+var interface_1 = require("../interface");
+var menu_1 = require("./menu");
+var DisposeHelper = function (_a) {
+    var toDispose = _a.toDispose;
+    react_1.default.useEffect(function () {
+        return function () {
+            toDispose.dispose();
+        };
+    }, [toDispose]);
+    return null;
+};
+var ContextMenuRender = function () {
+    var domRef = react_1.default.useRef();
+    var xflow = (0, xflow_core_1.useXFlowApp)();
+    var _a = (0, xflow_core_1.useModelAsync)({
+        /** 绑定Model到state */
+        getModel: function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, interface_1.CONTEXT_MENU_MODEL.getModel(xflow.modelService)];
+                    case 1: return [2 /*return*/, _a.sent()];
+                }
+            });
+        }); },
+        /** 设置state的默认值 */
+        initialState: {
+            anchor: null,
+            menuModel: null,
+            target: null,
+            customRender: null,
+            toDispose: null,
+        },
+    }), state = _a[0], renderModel = _a[2];
+    var target = state.target, anchor = state.anchor, menuModel = state.menuModel, customRender = state.customRender, toDispose = state.toDispose;
+    if (!target || !anchor || !menuModel) {
+        return null;
+    }
+    var onMaskClick = function () {
+        renderModel.setValue({
+            anchor: null,
+            menuModel: null,
+            target: null,
+            customRender: null,
+            toDispose: null,
+        });
+    };
+    var overlay = customRender ? (react_1.default.createElement(customRender, {
+        target: target,
+        modelService: xflow.modelService,
+        onHide: onMaskClick,
+    })) : (react_1.default.createElement(menu_1.XFlowMenu, { target: target, menuModel: menuModel, onHide: onMaskClick }));
+    return (react_1.default.createElement("div", { className: "xflow-menu-mask", ref: domRef, onClick: onMaskClick, onContextMenu: function (e) {
+            e.preventDefault();
+            e.stopPropagation();
+        } },
+        react_1.default.createElement(DisposeHelper, { toDispose: toDispose }),
+        react_1.default.createElement(x6_react_components_1.Dropdown, { visible: true, getPopupContainer: function () { return domRef.current; }, overlay: overlay },
+            react_1.default.createElement("div", { className: "xflow-context-menu-anchor", style: { top: anchor.y, left: anchor.x } }))));
+};
+exports.ContextMenuRender = ContextMenuRender;
+//# sourceMappingURL=index.js.map

package/lib/canvas-context-menu/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/canvas-context-menu/components/index.tsx"],"names":[],"mappings":";;;;AAEA,wDAAyB;AACzB,iEAAoD;AACpD,sDAAoE;AACpE,0CAAiD;AACjD,+BAAkC;AAElC,IAAM,aAAa,GAAkD,UAAC,EAAa;QAAX,SAAS,eAAA;IAC/E,eAAK,CAAC,SAAS,CAAC;QACd,OAAO;YACL,SAAS,CAAC,OAAO,EAAE,CAAA;QACrB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAEM,IAAM,iBAAiB,GAAqB;IACjD,IAAM,MAAM,GAAG,eAAK,CAAC,MAAM,EAAkB,CAAA;IAC7C,IAAM,KAAK,GAAG,IAAA,wBAAW,GAAE,CAAA;IAErB,IAAA,KAAyB,IAAA,0BAAa,EAA4B;QACtE,oBAAoB;QACpB,QAAQ,EAAE;;;4BACD,qBAAM,8BAAkB,CAAC,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,EAAA;4BAA5D,sBAAO,SAAqD,EAAA;;;aAC7D;QACD,kBAAkB;QAClB,YAAY,EAAE;YACZ,MAAM,EAAE,IAAI;YACZ,SAAS,EAAE,IAAI;YACf,MAAM,EAAE,IAAI;YACZ,YAAY,EAAE,IAAI;YAClB,SAAS,EAAE,IAAI;SAChB;KACF,CAAC,EAbK,KAAK,QAAA,EAAI,WAAW,QAazB,CAAA;IAEM,IAAA,MAAM,GAAiD,KAAK,OAAtD,EAAE,MAAM,GAAyC,KAAK,OAA9C,EAAE,SAAS,GAA8B,KAAK,UAAnC,EAAE,YAAY,GAAgB,KAAK,aAArB,EAAE,SAAS,GAAK,KAAK,UAAV,CAAU;IAEpE,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE;QACpC,OAAO,IAAI,CAAA;KACZ;IAED,IAAM,WAAW,GAAG;QAClB,WAAW,CAAC,QAAQ,CAAC;YACnB,MAAM,EAAE,IAAI;YACZ,SAAS,EAAE,IAAI;YACf,MAAM,EAAE,IAAI;YACZ,YAAY,EAAE,IAAI;YAClB,SAAS,EAAE,IAAI;SAChB,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,IAAM,OAAO,GAAG,YAAY,CAAC,CAAC,CAAC,CAC7B,eAAK,CAAC,aAAa,CAAC,YAAY,EAAE;QAChC,MAAM,QAAA;QACN,YAAY,EAAE,KAAK,CAAC,YAAY;QAChC,MAAM,EAAE,WAAW;KACpB,CAAC,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,gBAAS,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,GAAI,CACzE,CAAA;IAED,OAAO,CACL,uCACE,SAAS,EAAC,iBAAiB,EAC3B,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,WAAW,EACpB,aAAa,EAAE,UAAA,CAAC;YACd,CAAC,CAAC,cAAc,EAAE,CAAA;YAClB,CAAC,CAAC,eAAe,EAAE,CAAA;QACrB,CAAC;QAED,8BAAC,aAAa,IAAC,SAAS,EAAE,SAAS,GAAI;QACvC,8BAAC,8BAAQ,IAAC,OAAO,QAAC,iBAAiB,EAAE,cAAM,OAAA,MAAM,CAAC,OAAO,EAAd,CAAc,EAAE,OAAO,EAAE,OAAO;YACzE,uCAAK,SAAS,EAAC,2BAA2B,EAAC,KAAK,EAAE,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,EAAE,GAAI,CAC9E,CACP,CACP,CAAA;AACH,CAAC,CAAA;AA7DY,QAAA,iBAAiB,qBA6D7B"}

package/lib/canvas-context-menu/components/menu-render.d.ts

@@ -0,0 +1,10 @@
+import type { IMenuTarget, IMenuOptions, IModelService, IGraphCommandService } from '@sunspirytus/xflow-core';
+export interface IRenderProps {
+    idx: number;
+    onHide: () => void;
+    target: IMenuTarget;
+    menuOptions: IMenuOptions;
+    modelService: IModelService;
+    commandService: IGraphCommandService;
+}
+export declare const renderMenuOptions: (props: IRenderProps) => any;

package/lib/canvas-context-menu/components/menu-render.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderMenuOptions = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var xflow_core_1 = require("@sunspirytus/xflow-core");
+var x6_react_components_1 = require("@antv/x6-react-components");
+var renderMenuOptions = function (props) {
+    var idx = props.idx, menuItem = props.menuOptions, target = props.target, modelService = props.modelService, commandService = props.commandService, onHide = props.onHide;
+    var id = menuItem.id, label = menuItem.label, _a = menuItem.isEnabled, isEnabled = _a === void 0 ? true : _a, _b = menuItem.isVisible, isVisible = _b === void 0 ? true : _b, iconName = menuItem.iconName, _c = menuItem.submenu, submenu = _c === void 0 ? [] : _c, active = menuItem.active, hotkey = menuItem.hotkey, render = menuItem.render, onClick = menuItem.onClick;
+    if (!isVisible) {
+        return null;
+    }
+    /** 分隔符：separator */
+    if (menuItem.type === 'separator') {
+        return react_1.default.createElement(x6_react_components_1.Menu.Divider, { key: String(menuItem.id) + idx });
+    }
+    /** 根结点：root */
+    if (menuItem.type === 'root') {
+        return (react_1.default.createElement(x6_react_components_1.Menu, { hasIcon: true }, submenu.map(function (item, submenuIdx) {
+            return (0, exports.renderMenuOptions)({
+                idx: submenuIdx,
+                target: target,
+                commandService: commandService,
+                modelService: modelService,
+                menuOptions: item,
+                onHide: onHide,
+            });
+        })));
+    }
+    /** 子菜单：submenu */
+    if (menuItem.submenu && Array.isArray(menuItem.submenu)) {
+        var Icon_1 = xflow_core_1.IconStore.get(iconName);
+        var isDisable = !isEnabled;
+        return (react_1.default.createElement(x6_react_components_1.Menu.SubMenu, { key: String(id), text: label, disabled: isDisable || submenu.length === 0, icon: Icon_1 ? react_1.default.createElement(Icon_1, null) : null, active: active, hotkey: hotkey }, submenu.map(function (item, submenuIdx) {
+            return (0, exports.renderMenuOptions)({
+                idx: submenuIdx,
+                target: target,
+                commandService: commandService,
+                modelService: modelService,
+                menuOptions: item,
+                onHide: onHide,
+            });
+        })));
+    }
+    /** 叶子节点 */
+    var Icon = xflow_core_1.IconStore.get(iconName);
+    if (render) {
+        return react_1.default.createElement(render, { menuItem: menuItem, target: target, commandService: commandService, modelService: modelService, onHide: onHide }, [
+            react_1.default.createElement(x6_react_components_1.Menu.Item, { key: String(id), text: label, disabled: !isEnabled, icon: Icon ? react_1.default.createElement(Icon, null) : null, active: active, hotkey: hotkey }),
+        ]);
+    }
+    return (react_1.default.createElement(x6_react_components_1.Menu.Item, { key: String(id), text: label, disabled: !isEnabled, icon: Icon ? react_1.default.createElement(Icon, null) : null, active: active, hotkey: hotkey, onClick: function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, onClick({ menuItem: menuItem, target: target, commandService: commandService, modelService: modelService })];
+                    case 1:
+                        _a.sent();
+                        onHide && onHide();
+                        return [2 /*return*/];
+                }
+            });
+        }); } }));
+};
+exports.renderMenuOptions = renderMenuOptions;
+//# sourceMappingURL=menu-render.js.map

package/lib/canvas-context-menu/components/menu-render.js.map

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

package/lib/canvas-context-menu/components/menu.d.ts

@@ -0,0 +1,9 @@
+import type React from 'react';
+import type { IMenuModel, IMenuTarget } from '@sunspirytus/xflow-core';
+interface IProps {
+    onHide: () => void;
+    target: IMenuTarget;
+    menuModel: IMenuModel;
+}
+export declare const XFlowMenu: React.FC<IProps>;
+export {};

package/lib/canvas-context-menu/components/menu.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XFlowMenu = void 0;
+var menu_render_1 = require("./menu-render");
+var xflow_core_1 = require("@sunspirytus/xflow-core");
+var XFlowMenu = function (props) {
+    var menuModel = props.menuModel, target = props.target, onHide = props.onHide;
+    var _a = (0, xflow_core_1.useXFlowApp)(), modelService = _a.modelService, commandService = _a.commandService;
+    var state = (0, xflow_core_1.useModel)(menuModel)[0];
+    return (0, menu_render_1.renderMenuOptions)({
+        idx: -1,
+        target: target,
+        commandService: commandService,
+        modelService: modelService,
+        menuOptions: state,
+        onHide: onHide,
+    });
+};
+exports.XFlowMenu = XFlowMenu;
+//# sourceMappingURL=menu.js.map

package/lib/canvas-context-menu/components/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/canvas-context-menu/components/menu.tsx"],"names":[],"mappings":";;;AAEA,6CAAiD;AACjD,sDAA+D;AAQxD,IAAM,SAAS,GAAqB,UAAA,KAAK;IACtC,IAAA,SAAS,GAAqB,KAAK,UAA1B,EAAE,MAAM,GAAa,KAAK,OAAlB,EAAE,MAAM,GAAK,KAAK,OAAV,CAAU;IACrC,IAAA,KAAmC,IAAA,wBAAW,GAAE,EAA9C,YAAY,kBAAA,EAAE,cAAc,oBAAkB,CAAA;IAC/C,IAAA,KAAK,GAAI,IAAA,qBAAQ,EAAC,SAAS,CAAC,GAAvB,CAAuB;IAEnC,OAAO,IAAA,+BAAiB,EAAC;QACvB,GAAG,EAAE,CAAC,CAAC;QACP,MAAM,QAAA;QACN,cAAc,gBAAA;QACd,YAAY,cAAA;QACZ,WAAW,EAAE,KAAY;QACzB,MAAM,QAAA;KACP,CAAC,CAAA;AACJ,CAAC,CAAA;AAbY,QAAA,SAAS,aAarB"}

package/lib/canvas-context-menu/config.d.ts

@@ -0,0 +1,45 @@
+import type { IModelService, IModuleConfig, RxModel, IMenuOptions, DisposableCollection } from '@sunspirytus/xflow-core';
+import type { MODELS } from '@sunspirytus/xflow-core';
+import type { IMenuRenderProps } from './interface';
+import React from 'react';
+export declare namespace NsContextMenu {
+    const CONFIG_TYPE = "ContextMenuConfig";
+    interface IMenuModelService {
+        (data: MODELS.CONTEXTMENU_TARGET.IState, model: RxModel<IMenuOptions>, modelService: IModelService, toDispose: DisposableCollection): Promise<void>;
+    }
+    interface ICustomRender {
+        (data: MODELS.CONTEXTMENU_TARGET.IState, modelService: IModelService): Promise<React.FC<IMenuRenderProps>>;
+    }
+    interface IContextMenuData extends MODELS.CONTEXTMENU_TARGET.IState {
+        targetData: any;
+    }
+    interface IConfig {
+        CONFIG_TYPE: string;
+        menuModelService?: IMenuModelService;
+        menuCustomRender?: ICustomRender;
+    }
+}
+export declare class ContextMenuConfig implements IModuleConfig {
+    /** config type */
+    readonly CONFIG_TYPE = "ContextMenuConfig";
+    /** menu model service */
+    private menuModelService;
+    /** menu menuRender */
+    private menuCustomRender;
+    /** instance id */
+    readonly moduleId: string;
+    /** uuid */
+    constructor(moduleId?: string);
+    /** 设置组件的props */
+    setMenuModelService: (service: NsContextMenu.IMenuModelService) => void;
+    /** 设置组件的props */
+    setCustomMenuRender: (service: NsContextMenu.ICustomRender) => void;
+    /** 获取Props */
+    getConfig: () => Promise<{
+        CONFIG_TYPE: string;
+        menuCustomRender: NsContextMenu.ICustomRender;
+        menuModelService: NsContextMenu.IMenuModelService;
+    }>;
+    /** dispose */
+    dispose(): void;
+}

package/lib/canvas-context-menu/config.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContextMenuConfig = exports.NsContextMenu = void 0;
+var tslib_1 = require("tslib");
+var xflow_core_1 = require("@sunspirytus/xflow-core");
+require("react");
+var NsContextMenu;
+(function (NsContextMenu) {
+    NsContextMenu.CONFIG_TYPE = 'ContextMenuConfig';
+})(NsContextMenu = exports.NsContextMenu || (exports.NsContextMenu = {}));
+var ContextMenuConfig = /** @class */ (function () {
+    /** uuid */
+    function ContextMenuConfig(moduleId) {
+        var _this = this;
+        /** config type */
+        this.CONFIG_TYPE = NsContextMenu.CONFIG_TYPE;
+        /** 设置组件的props */
+        this.setMenuModelService = function (service) {
+            _this.menuModelService = service;
+        };
+        /** 设置组件的props */
+        this.setCustomMenuRender = function (service) {
+            _this.menuCustomRender = service;
+        };
+        /** 获取Props */
+        this.getConfig = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            return tslib_1.__generator(this, function (_a) {
+                return [2 /*return*/, {
+                        CONFIG_TYPE: this.CONFIG_TYPE,
+                        menuCustomRender: this.menuCustomRender,
+                        menuModelService: this.menuModelService,
+                    }];
+            });
+        }); };
+        this.moduleId = moduleId || (0, xflow_core_1.uuidv4)();
+    }
+    /** dispose */
+    ContextMenuConfig.prototype.dispose = function () { };
+    return ContextMenuConfig;
+}());
+exports.ContextMenuConfig = ContextMenuConfig;
+//# sourceMappingURL=config.js.map

package/lib/canvas-context-menu/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../../src/canvas-context-menu/config.tsx"],"names":[],"mappings":";;;;AAOA,sDAAgD;AAGhD,iBAAyB;AAEzB,IAAiB,aAAa,CAyB7B;AAzBD,WAAiB,aAAa;IACf,yBAAW,GAAG,mBAAmB,CAAA;AAwBhD,CAAC,EAzBgB,aAAa,GAAb,qBAAa,KAAb,qBAAa,QAyB7B;AAED;IASE,WAAW;IACX,2BAAY,QAAiB;QAA7B,iBAEC;QAXD,kBAAkB;QACT,gBAAW,GAAG,aAAa,CAAC,WAAW,CAAA;QAWhD,iBAAiB;QACjB,wBAAmB,GAAG,UAAC,OAAwC;YAC7D,KAAI,CAAC,gBAAgB,GAAG,OAAO,CAAA;QACjC,CAAC,CAAA;QACD,iBAAiB;QACjB,wBAAmB,GAAG,UAAC,OAAoC;YACzD,KAAI,CAAC,gBAAgB,GAAG,OAAO,CAAA;QACjC,CAAC,CAAA;QACD,cAAc;QACd,cAAS,GAAG;;gBACV,sBAAO;wBACL,WAAW,EAAE,IAAI,CAAC,WAAW;wBAC7B,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;wBACvC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;qBACxC,EAAA;;aACF,CAAA;QAjBC,IAAI,CAAC,QAAQ,GAAG,QAAQ,IAAI,IAAA,mBAAM,GAAE,CAAA;IACtC,CAAC;IAiBD,cAAc;IACd,mCAAO,GAAP,cAAW,CAAC;IACd,wBAAC;AAAD,CAAC,AA/BD,IA+BC;AA/BY,8CAAiB"}

package/lib/canvas-context-menu/contributions/model.d.ts

@@ -0,0 +1,18 @@
+import { DisposableCollection, IModelContribution, IModelService } from '@sunspirytus/xflow-core';
+import { MODELS } from '@sunspirytus/xflow-core';
+import { CONTEXT_MENU_MODEL } from '../interface';
+import { ContextMenuConfig } from '../config';
+/**
+ * IModelContribution
+ */
+export declare class CanvasContextMenuContribution implements IModelContribution {
+    /** 注册 model */
+    toDispose: DisposableCollection;
+    /** 注册 model */
+    menuConfig: ContextMenuConfig;
+    modelService: IModelService;
+    /** 获取 MenuModel */
+    getMenuModelValue: (contextMenuInfo: MODELS.CONTEXTMENU_TARGET.IState) => Promise<CONTEXT_MENU_MODEL.IState>;
+    /** 注册 MenuModel */
+    registerModel(registry: IModelService): void;
+}

package/lib/canvas-context-menu/contributions/model.js

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CanvasContextMenuContribution = void 0;
+var tslib_1 = require("tslib");
+var xflow_core_1 = require("@sunspirytus/xflow-core");
+var xflow_core_2 = require("@sunspirytus/xflow-core");
+var interface_1 = require("../interface");
+var config_1 = require("../config");
+var inject = xflow_core_1.ManaSyringe.inject, singleton = xflow_core_1.ManaSyringe.singleton;
+/**
+ * IModelContribution
+ */
+var CanvasContextMenuContribution = /** @class */ (function () {
+    function CanvasContextMenuContribution() {
+        var _this = this;
+        /** 注册 model */
+        this.toDispose = new xflow_core_1.DisposableCollection();
+        /** 获取 MenuModel */
+        this.getMenuModelValue = function (contextMenuInfo) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var config, anchor, type, cell, toDispose, data, menuModel, renderProps, _a;
+            return tslib_1.__generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0: return [4 /*yield*/, this.menuConfig.getConfig()
+                        /** 获取坐标 */
+                    ];
+                    case 1:
+                        config = _b.sent();
+                        anchor = contextMenuInfo.anchor, type = contextMenuInfo.type, cell = contextMenuInfo.cell;
+                        toDispose = new xflow_core_1.DisposableCollection();
+                        this.toDispose.push(toDispose);
+                        data = cell ? cell.getData() : null;
+                        menuModel = new xflow_core_1.RxModel({
+                            id: 'menuroot',
+                            type: xflow_core_1.MenuItemType.Root,
+                            submenu: [],
+                        });
+                        toDispose.push(xflow_core_1.Disposable.create(function () {
+                            menuModel.dispose();
+                        }));
+                        renderProps = {
+                            toDispose: toDispose,
+                            anchor: anchor,
+                            target: { data: data, type: type },
+                            customRender: null,
+                            menuModel: menuModel,
+                        };
+                        if (!config.menuCustomRender) return [3 /*break*/, 3];
+                        _a = renderProps;
+                        return [4 /*yield*/, config.menuCustomRender(contextMenuInfo, this.modelService)];
+                    case 2:
+                        _a.customRender = _b.sent();
+                        _b.label = 3;
+                    case 3:
+                        if (!config.menuModelService) return [3 /*break*/, 5];
+                        return [4 /*yield*/, config.menuModelService(contextMenuInfo, renderProps.menuModel, this.modelService, toDispose)];
+                    case 4:
+                        _b.sent();
+                        _b.label = 5;
+                    case 5: return [2 /*return*/, renderProps];
+                }
+            });
+        }); };
+    }
+    /** 注册 MenuModel */
+    CanvasContextMenuContribution.prototype.registerModel = function (registry) {
+        var _this = this;
+        var toDispose = [
+            registry.registerModel({
+                id: interface_1.CONTEXT_MENU_MODEL.id,
+                getInitialValue: function () { return null; },
+                watchChange: function (self, modelService) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                    var contextMenuModel;
+                    var _this = this;
+                    return tslib_1.__generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0: return [4 /*yield*/, xflow_core_2.MODELS.CONTEXTMENU_TARGET.getModel(modelService)];
+                            case 1:
+                                contextMenuModel = _a.sent();
+                                return [2 /*return*/, contextMenuModel.watch(function (contextMenuInfo) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                                        var contextMenuValue;
+                                        return tslib_1.__generator(this, function (_a) {
+                                            switch (_a.label) {
+                                                case 0: return [4 /*yield*/, this.getMenuModelValue(contextMenuInfo)];
+                                                case 1:
+                                                    contextMenuValue = _a.sent();
+                                                    self.setValue(contextMenuValue);
+                                                    return [2 /*return*/];
+                                            }
+                                        });
+                                    }); })];
+                        }
+                    });
+                }); },
+            }),
+        ];
+        this.toDispose.pushAll(toDispose);
+    };
+    tslib_1.__decorate([
+        inject(config_1.ContextMenuConfig),
+        tslib_1.__metadata("design:type", config_1.ContextMenuConfig)
+    ], CanvasContextMenuContribution.prototype, "menuConfig", void 0);
+    tslib_1.__decorate([
+        inject(xflow_core_1.IModelService),
+        tslib_1.__metadata("design:type", Object)
+    ], CanvasContextMenuContribution.prototype, "modelService", void 0);
+    CanvasContextMenuContribution = tslib_1.__decorate([
+        singleton({ contrib: [xflow_core_1.IModelContribution] })
+    ], CanvasContextMenuContribution);
+    return CanvasContextMenuContribution;
+}());
+exports.CanvasContextMenuContribution = CanvasContextMenuContribution;
+//# sourceMappingURL=model.js.map

package/lib/canvas-context-menu/contributions/model.js.map

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

package/lib/canvas-context-menu/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ContextMenuConfig } from './config';
+export declare const CONFIG_TYPE = "CanvasContextMenu";
+export interface IProps {
+    config: ContextMenuConfig;
+}
+export { IProps as ICanvasContextMenuProps };
+export declare const CanvasContextMenu: React.FC<IProps>;
+export declare const createCtxMenuConfig: <T extends unknown = any>(addOptions: (config: ContextMenuConfig, proxy: {
+    getValue: () => T;
+}) => void) => (props?: T) => any;

package/lib/canvas-context-menu/index.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createCtxMenuConfig = exports.CanvasContextMenu = exports.CONFIG_TYPE = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var xflow_core_1 = require("@sunspirytus/xflow-core");
+var config_1 = require("./config");
+var module_1 = require("./module");
+var components_1 = require("./components");
+exports.CONFIG_TYPE = 'CanvasContextMenu';
+var CanvasContextMenu = function (props) {
+    var xflow = (0, xflow_core_1.useXFlowApp)();
+    var canRender = !!xflow;
+    /** 获取ContextMenu的配置 */
+    var contextMenuConfig = react_1.default.useMemo(function () { return (props.config ? props.config : new config_1.ContextMenuConfig()); }, [props.config]);
+    return (react_1.default.createElement(xflow_core_1.XFlowAppExtensionModule, { createModule: module_1.createModule, config: contextMenuConfig }, canRender && react_1.default.createElement(components_1.ContextMenuRender, { config: contextMenuConfig })));
+};
+exports.CanvasContextMenu = CanvasContextMenu;
+var createCtxMenuConfig = function (addOptions) { return function (props) {
+    /** bridge config and props */
+    var proxy = react_1.default.useMemo(function () { return ({ getValue: function () { return ({}); } }); }, []);
+    proxy.getValue = function () { return props; };
+    var toolbarConfig = react_1.default.useMemo(function () {
+        var config = new config_1.ContextMenuConfig();
+        addOptions(config, proxy);
+        return config;
+    }, [proxy]);
+    return toolbarConfig;
+}; };
+exports.createCtxMenuConfig = createCtxMenuConfig;
+//# sourceMappingURL=index.js.map

package/lib/canvas-context-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/canvas-context-menu/index.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,sDAA8E;AAC9E,mCAA4C;AAC5C,mCAAuC;AACvC,2CAAgD;AAEnC,QAAA,WAAW,GAAG,mBAAmB,CAAA;AAQvC,IAAM,iBAAiB,GAAqB,UAAA,KAAK;IACtD,IAAM,KAAK,GAAG,IAAA,wBAAW,GAAE,CAAA;IAC3B,IAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAA;IACzB,uBAAuB;IACvB,IAAM,iBAAiB,GAAG,eAAK,CAAC,OAAO,CACrC,cAAM,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,0BAAiB,EAAE,CAAC,EAAvD,CAAuD,EAC7D,CAAC,KAAK,CAAC,MAAM,CAAC,CACf,CAAA;IAED,OAAO,CACL,8BAAC,oCAAuB,IACtB,YAAY,EAAE,qBAAY,EAC1B,MAAM,EAAE,iBAAiB,IAExB,SAAS,IAAI,8BAAC,8BAAiB,IAAC,MAAM,EAAE,iBAAiB,GAAI,CACtC,CAC3B,CAAA;AACH,CAAC,CAAA;AAjBY,QAAA,iBAAiB,qBAiB7B;AAEM,IAAM,mBAAmB,GAAG,UACjC,UAA6E,IAC1E,OAAA,UAAC,KAAS;IACb,8BAA8B;IAC9B,IAAM,KAAK,GAAG,eAAK,CAAC,OAAO,CAAC,cAAM,OAAA,CAAC,EAAE,QAAQ,EAAE,cAAM,OAAA,CAAC,EAAQ,CAAA,EAAT,CAAS,EAAE,CAAC,EAA/B,CAA+B,EAAE,EAAE,CAAC,CAAA;IACtE,KAAK,CAAC,QAAQ,GAAG,cAAM,OAAA,KAAK,EAAL,CAAK,CAAA;IAE5B,IAAM,aAAa,GAAG,eAAK,CAAC,OAAO,CAAC;QAClC,IAAM,MAAM,GAAG,IAAI,0BAAiB,EAAE,CAAA;QACtC,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;QACzB,OAAO,MAAM,CAAA;IACf,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,aAAa,CAAA;AACtB,CAAC,EAZI,CAYJ,CAAA;AAdY,QAAA,mBAAmB,uBAc/B"}

package/lib/canvas-context-menu/interface.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { ContextMenuConfig } from './config';
+import type { IAnchor, IMenuModel, IMenuTarget, IModelService, DisposableCollection } from '@sunspirytus/xflow-core';
+export interface IProps {
+    config: ContextMenuConfig;
+}
+export declare namespace CONTEXT_MENU_MODEL {
+    const id = "CONTEXT_MENU_MODEL";
+    interface IState {
+        anchor: IAnchor;
+        target: IMenuTarget;
+        customRender: React.FC<IMenuRenderProps>;
+        menuModel: IMenuModel;
+        toDispose: DisposableCollection;
+    }
+    const useValue: (modelService: IModelService) => Promise<IState>;
+    const getModel: (modelService: IModelService) => Promise<import("@sunspirytus/xflow-core").NsModel.IModel<IState>>;
+}
+export interface IMenuRenderProps {
+    target: IMenuTarget;
+    modelService: IModelService;
+    onHide: () => void;
+}

package/lib/canvas-context-menu/interface.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CONTEXT_MENU_MODEL = void 0;
+require("react");
+var xflow_core_1 = require("@sunspirytus/xflow-core");
+var CONTEXT_MENU_MODEL;
+(function (CONTEXT_MENU_MODEL) {
+    CONTEXT_MENU_MODEL.id = 'CONTEXT_MENU_MODEL';
+    CONTEXT_MENU_MODEL.useValue = xflow_core_1.MODELS.useModelValueUtil(CONTEXT_MENU_MODEL.id);
+    CONTEXT_MENU_MODEL.getModel = xflow_core_1.MODELS.getModelUtil(CONTEXT_MENU_MODEL.id);
+})(CONTEXT_MENU_MODEL = exports.CONTEXT_MENU_MODEL || (exports.CONTEXT_MENU_MODEL = {}));
+//# sourceMappingURL=interface.js.map

package/lib/canvas-context-menu/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../src/canvas-context-menu/interface.tsx"],"names":[],"mappings":";;;AAAA,iBAAyB;AACzB,sDAAgD;AAchD,IAAiB,kBAAkB,CAYlC;AAZD,WAAiB,kBAAkB;IACpB,qBAAE,GAAG,oBAAoB,CAAA;IASzB,2BAAQ,GAAG,mBAAM,CAAC,iBAAiB,CAAS,mBAAA,EAAE,CAAC,CAAA;IAC/C,2BAAQ,GAAG,mBAAM,CAAC,YAAY,CAAS,mBAAA,EAAE,CAAC,CAAA;AACzD,CAAC,EAZgB,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAYlC"}

package/lib/canvas-context-menu/module.d.ts

@@ -0,0 +1,7 @@
+import 'reflect-metadata';
+/** Application 扩展依赖 */
+import { ManaSyringe } from '@sunspirytus/xflow-core';
+import { ContextMenuConfig } from './config';
+/** 依赖扩展模块，必须要加载 */
+declare const createModule: (config: ContextMenuConfig) => ManaSyringe.SyringeModule;
+export { createModule };

package/lib/canvas-context-menu/module.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createModule = void 0;
+require("reflect-metadata");
+/** Application 扩展依赖 */
+var xflow_core_1 = require("@sunspirytus/xflow-core");
+var model_1 = require("./contributions/model");
+var config_1 = require("./config");
+/** 依赖扩展模块，必须要加载 */
+var createModule = function (config) {
+    return xflow_core_1.ManaSyringe.Module(function (register) {
+        /** 扩展 runtime hook */
+        register(model_1.CanvasContextMenuContribution);
+        register(config_1.ContextMenuConfig, { useValue: config });
+    });
+};
+exports.createModule = createModule;
+//# sourceMappingURL=module.js.map

package/lib/canvas-context-menu/module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.js","sourceRoot":"","sources":["../../src/canvas-context-menu/module.ts"],"names":[],"mappings":";;;AAAA,4BAAyB;AACzB,uBAAuB;AACvB,sDAAqD;AACrD,+CAAqE;AACrE,mCAA4C;AAE5C,mBAAmB;AACnB,IAAM,YAAY,GAAG,UAAC,MAAyB;IAC7C,OAAO,wBAAW,CAAC,MAAM,CAAC,UAAA,QAAQ;QAChC,sBAAsB;QACtB,QAAQ,CAAC,qCAA6B,CAAC,CAAA;QACvC,QAAQ,CAAC,0BAAiB,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAA;IACnD,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAEQ,oCAAY"}