@sunspirytus/xflow-extension 1.0.52

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

@@ -0,0 +1,16 @@
+import { renderMenuOptions } from './menu-render';
+import { useModel, useXFlowApp } from '@sunspirytus/xflow-core';
+export const XFlowMenu = props => {
+    const { menuModel, target, onHide } = props;
+    const { modelService, commandService } = useXFlowApp();
+    const [state] = useModel(menuModel);
+    return renderMenuOptions({
+        idx: -1,
+        target,
+        commandService,
+        modelService,
+        menuOptions: state,
+        onHide,
+    });
+};
+//# sourceMappingURL=menu.js.map

package/es/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,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAQ/D,MAAM,CAAC,MAAM,SAAS,GAAqB,KAAK,CAAC,EAAE;IACjD,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IAC3C,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,WAAW,EAAE,CAAA;IACtD,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAA;IAEnC,OAAO,iBAAiB,CAAC;QACvB,GAAG,EAAE,CAAC,CAAC;QACP,MAAM;QACN,cAAc;QACd,YAAY;QACZ,WAAW,EAAE,KAAY;QACzB,MAAM;KACP,CAAC,CAAA;AACJ,CAAC,CAAA"}

package/es/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/es/canvas-context-menu/config.js

@@ -0,0 +1,34 @@
+import { __awaiter } from "tslib";
+import { uuidv4 } from '@sunspirytus/xflow-core';
+import 'react';
+export var NsContextMenu;
+(function (NsContextMenu) {
+    NsContextMenu.CONFIG_TYPE = 'ContextMenuConfig';
+})(NsContextMenu || (NsContextMenu = {}));
+export class ContextMenuConfig {
+    /** uuid */
+    constructor(moduleId) {
+        /** config type */
+        this.CONFIG_TYPE = NsContextMenu.CONFIG_TYPE;
+        /** 设置组件的props */
+        this.setMenuModelService = (service) => {
+            this.menuModelService = service;
+        };
+        /** 设置组件的props */
+        this.setCustomMenuRender = (service) => {
+            this.menuCustomRender = service;
+        };
+        /** 获取Props */
+        this.getConfig = () => __awaiter(this, void 0, void 0, function* () {
+            return {
+                CONFIG_TYPE: this.CONFIG_TYPE,
+                menuCustomRender: this.menuCustomRender,
+                menuModelService: this.menuModelService,
+            };
+        });
+        this.moduleId = moduleId || uuidv4();
+    }
+    /** dispose */
+    dispose() { }
+}
+//# sourceMappingURL=config.js.map

package/es/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,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAA;AAGhD,OAAkB,OAAO,CAAA;AAEzB,MAAM,KAAW,aAAa,CAyB7B;AAzBD,WAAiB,aAAa;IACf,yBAAW,GAAG,mBAAmB,CAAA;AAwBhD,CAAC,EAzBgB,aAAa,KAAb,aAAa,QAyB7B;AAED,MAAM,OAAO,iBAAiB;IAS5B,WAAW;IACX,YAAY,QAAiB;QAT7B,kBAAkB;QACT,gBAAW,GAAG,aAAa,CAAC,WAAW,CAAA;QAWhD,iBAAiB;QACjB,wBAAmB,GAAG,CAAC,OAAwC,EAAE,EAAE;YACjE,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAA;QACjC,CAAC,CAAA;QACD,iBAAiB;QACjB,wBAAmB,GAAG,CAAC,OAAoC,EAAE,EAAE;YAC7D,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAA;QACjC,CAAC,CAAA;QACD,cAAc;QACd,cAAS,GAAG,GAAS,EAAE;YACrB,OAAO;gBACL,WAAW,EAAE,IAAI,CAAC,WAAW;gBAC7B,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;gBACvC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;aACxC,CAAA;QACH,CAAC,CAAA,CAAA;QAjBC,IAAI,CAAC,QAAQ,GAAG,QAAQ,IAAI,MAAM,EAAE,CAAA;IACtC,CAAC;IAiBD,cAAc;IACd,OAAO,KAAI,CAAC;CACb"}

package/es/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/es/canvas-context-menu/contributions/model.js

@@ -0,0 +1,77 @@
+import { __awaiter, __decorate, __metadata } from "tslib";
+import { ManaSyringe, DisposableCollection, MenuItemType, IModelContribution, IModelService, RxModel, Disposable, } from '@sunspirytus/xflow-core';
+import { MODELS } from '@sunspirytus/xflow-core';
+import { CONTEXT_MENU_MODEL } from '../interface';
+import { ContextMenuConfig } from '../config';
+const { inject, singleton } = ManaSyringe;
+/**
+ * IModelContribution
+ */
+let CanvasContextMenuContribution = class CanvasContextMenuContribution {
+    constructor() {
+        /** 注册 model */
+        this.toDispose = new DisposableCollection();
+        /** 获取 MenuModel */
+        this.getMenuModelValue = (contextMenuInfo) => __awaiter(this, void 0, void 0, function* () {
+            const config = yield this.menuConfig.getConfig();
+            /** 获取坐标 */
+            const { anchor, type, cell } = contextMenuInfo;
+            /** 获取Menu */
+            const toDispose = new DisposableCollection();
+            this.toDispose.push(toDispose);
+            const data = cell ? cell.getData() : null;
+            const menuModel = new RxModel({
+                id: 'menuroot',
+                type: MenuItemType.Root,
+                submenu: [],
+            });
+            toDispose.push(Disposable.create(() => {
+                menuModel.dispose();
+            }));
+            const renderProps = {
+                toDispose,
+                anchor: anchor,
+                target: { data, type },
+                customRender: null,
+                menuModel: menuModel,
+            };
+            if (config.menuCustomRender) {
+                renderProps.customRender = yield config.menuCustomRender(contextMenuInfo, this.modelService);
+            }
+            if (config.menuModelService) {
+                yield config.menuModelService(contextMenuInfo, renderProps.menuModel, this.modelService, toDispose);
+            }
+            return renderProps;
+        });
+    }
+    /** 注册 MenuModel */
+    registerModel(registry) {
+        const toDispose = [
+            registry.registerModel({
+                id: CONTEXT_MENU_MODEL.id,
+                getInitialValue: () => null,
+                watchChange: (self, modelService) => __awaiter(this, void 0, void 0, function* () {
+                    const contextMenuModel = yield MODELS.CONTEXTMENU_TARGET.getModel(modelService);
+                    return contextMenuModel.watch((contextMenuInfo) => __awaiter(this, void 0, void 0, function* () {
+                        const contextMenuValue = yield this.getMenuModelValue(contextMenuInfo);
+                        self.setValue(contextMenuValue);
+                    }));
+                }),
+            }),
+        ];
+        this.toDispose.pushAll(toDispose);
+    }
+};
+__decorate([
+    inject(ContextMenuConfig),
+    __metadata("design:type", ContextMenuConfig)
+], CanvasContextMenuContribution.prototype, "menuConfig", void 0);
+__decorate([
+    inject(IModelService),
+    __metadata("design:type", Object)
+], CanvasContextMenuContribution.prototype, "modelService", void 0);
+CanvasContextMenuContribution = __decorate([
+    singleton({ contrib: [IModelContribution] })
+], CanvasContextMenuContribution);
+export { CanvasContextMenuContribution };
+//# sourceMappingURL=model.js.map

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { useXFlowApp, XFlowAppExtensionModule } from '@sunspirytus/xflow-core';
+import { ContextMenuConfig } from './config';
+import { createModule } from './module';
+import { ContextMenuRender } from './components';
+export const CONFIG_TYPE = 'CanvasContextMenu';
+export const CanvasContextMenu = props => {
+    const xflow = useXFlowApp();
+    const canRender = !!xflow;
+    /** 获取ContextMenu的配置 */
+    const contextMenuConfig = React.useMemo(() => (props.config ? props.config : new ContextMenuConfig()), [props.config]);
+    return (React.createElement(XFlowAppExtensionModule, { createModule: createModule, config: contextMenuConfig }, canRender && React.createElement(ContextMenuRender, { config: contextMenuConfig })));
+};
+export const createCtxMenuConfig = (addOptions) => (props) => {
+    /** bridge config and props */
+    const proxy = React.useMemo(() => ({ getValue: () => ({}) }), []);
+    proxy.getValue = () => props;
+    const toolbarConfig = React.useMemo(() => {
+        const config = new ContextMenuConfig();
+        addOptions(config, proxy);
+        return config;
+    }, [proxy]);
+    return toolbarConfig;
+};
+//# sourceMappingURL=index.js.map

package/es/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,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAEhD,MAAM,CAAC,MAAM,WAAW,GAAG,mBAAmB,CAAA;AAQ9C,MAAM,CAAC,MAAM,iBAAiB,GAAqB,KAAK,CAAC,EAAE;IACzD,MAAM,KAAK,GAAG,WAAW,EAAE,CAAA;IAC3B,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAA;IACzB,uBAAuB;IACvB,MAAM,iBAAiB,GAAG,KAAK,CAAC,OAAO,CACrC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,iBAAiB,EAAE,CAAC,EAC7D,CAAC,KAAK,CAAC,MAAM,CAAC,CACf,CAAA;IAED,OAAO,CACL,oBAAC,uBAAuB,IACtB,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,iBAAiB,IAExB,SAAS,IAAI,oBAAC,iBAAiB,IAAC,MAAM,EAAE,iBAAiB,GAAI,CACtC,CAC3B,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,UAA6E,EAC7E,EAAE,CAAC,CAAC,KAAS,EAAE,EAAE;IACjB,8BAA8B;IAC9B,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAQ,CAAA,EAAE,CAAC,EAAE,EAAE,CAAC,CAAA;IACtE,KAAK,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,KAAK,CAAA;IAE5B,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACvC,MAAM,MAAM,GAAG,IAAI,iBAAiB,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,CAAA"}

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

@@ -0,0 +1,9 @@
+import 'react';
+import { MODELS } from '@sunspirytus/xflow-core';
+export var CONTEXT_MENU_MODEL;
+(function (CONTEXT_MENU_MODEL) {
+    CONTEXT_MENU_MODEL.id = 'CONTEXT_MENU_MODEL';
+    CONTEXT_MENU_MODEL.useValue = MODELS.useModelValueUtil(CONTEXT_MENU_MODEL.id);
+    CONTEXT_MENU_MODEL.getModel = MODELS.getModelUtil(CONTEXT_MENU_MODEL.id);
+})(CONTEXT_MENU_MODEL || (CONTEXT_MENU_MODEL = {}));
+//# sourceMappingURL=interface.js.map

package/es/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,OAAkB,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAA;AAchD,MAAM,KAAW,kBAAkB,CAYlC;AAZD,WAAiB,kBAAkB;IACpB,qBAAE,GAAG,oBAAoB,CAAA;IASzB,2BAAQ,GAAG,MAAM,CAAC,iBAAiB,CAAS,mBAAA,EAAE,CAAC,CAAA;IAC/C,2BAAQ,GAAG,MAAM,CAAC,YAAY,CAAS,mBAAA,EAAE,CAAC,CAAA;AACzD,CAAC,EAZgB,kBAAkB,KAAlB,kBAAkB,QAYlC"}

package/es/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/es/canvas-context-menu/module.js

@@ -0,0 +1,15 @@
+import 'reflect-metadata';
+/** Application 扩展依赖 */
+import { ManaSyringe } from '@sunspirytus/xflow-core';
+import { CanvasContextMenuContribution } from './contributions/model';
+import { ContextMenuConfig } from './config';
+/** 依赖扩展模块，必须要加载 */
+const createModule = (config) => {
+    return ManaSyringe.Module(register => {
+        /** 扩展 runtime hook */
+        register(CanvasContextMenuContribution);
+        register(ContextMenuConfig, { useValue: config });
+    });
+};
+export { createModule };
+//# sourceMappingURL=module.js.map

package/es/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,OAAO,kBAAkB,CAAA;AACzB,uBAAuB;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,6BAA6B,EAAE,MAAM,uBAAuB,CAAA;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAE5C,mBAAmB;AACnB,MAAM,YAAY,GAAG,CAAC,MAAyB,EAAE,EAAE;IACjD,OAAO,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE;QACnC,sBAAsB;QACtB,QAAQ,CAAC,6BAA6B,CAAC,CAAA;QACvC,QAAQ,CAAC,iBAAiB,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAA;IACnD,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/es/canvas-context-menu/style/index.css

@@ -0,0 +1,142 @@
+.x6-menu {
+  position: relative;
+  display: inline-block;
+  min-width: 160px;
+  min-height: 32px;
+  margin: 0;
+  padding: 4px 0;
+  background-color: #fff;
+  outline: 0;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
+}
+.x6-menu-item {
+  position: relative;
+}
+.x6-menu-item-active > .x6-menu-item-button,
+.x6-menu-item:hover > .x6-menu-item-button {
+  color: #262626;
+  background: #f5f5f5;
+}
+.x6-menu-item-divider {
+  display: block;
+  width: 100%;
+  height: 1px;
+  margin: 4px 0;
+  background: rgba(150, 150, 150, 0.2);
+  pointer-events: none;
+}
+.x6-menu-item-button {
+  position: relative;
+  display: flex;
+  align-content: center;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  height: 28px;
+  padding: 0 12px;
+  color: #595959;
+  text-align: left;
+  background: transparent;
+  border: none;
+  outline: none;
+  box-shadow: none;
+  cursor: pointer;
+}
+.x6-menu-item-hidden {
+  display: none;
+}
+.x6-menu-item-disabled > .x6-menu-item-button,
+.x6-menu-item-disabled:hover > .x6-menu-item-button {
+  color: #595959;
+  background-color: transparent;
+  cursor: not-allowed;
+  opacity: 0.4;
+}
+.x6-menu-item-icon {
+  position: absolute;
+  top: 50%;
+  left: 6px;
+  display: none;
+  width: 24px;
+  height: 24px;
+  margin-top: -12px;
+  font-size: 13px;
+}
+.x6-menu-item-text {
+  padding-right: 56px;
+  overflow: hidden;
+  font-size: 13px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.x6-menu-item-hotkey {
+  font-size: 13px;
+  opacity: 0.75;
+}
+.x6-menu-submenu-arrow,
+.x6-menu-submenu.x6-menu-item-disabled:hover > .x6-menu-item-button > .x6-menu-submenu-arrow {
+  position: absolute;
+  top: 10px;
+  right: 12px;
+  width: 0;
+  height: 0;
+  border-top: 4px solid rgba(0, 0, 0, 0);
+  border-bottom: 4px solid rgba(0, 0, 0, 0);
+  border-left: 5px solid #262626;
+  opacity: 0.4;
+  pointer-events: none;
+}
+.x6-menu-submenu-menu,
+.x6-menu-submenu.x6-menu-item-disabled:hover > .x6-menu-submenu-menu {
+  position: absolute;
+  top: -5px;
+  left: 100%;
+  z-index: 9999;
+  min-width: 200px;
+  margin-left: -4px;
+  padding: 5px 0;
+  background: #fff;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
+  transform: translateX(-10px);
+  visibility: hidden;
+  opacity: 0;
+  transition: all 0.25s cubic-bezier(0.3, 1.2, 0.2, 1);
+}
+.x6-menu-submenu.x6-menu-item-active > .x6-menu-item-button > .x6-menu-submenu-arrow,
+.x6-menu-submenu:hover > .x6-menu-item-button > .x6-menu-submenu-arrow {
+  opacity: 0.75;
+}
+.x6-menu-submenu.x6-menu-item-active > .x6-menu-submenu-menu,
+.x6-menu-submenu:hover > .x6-menu-submenu-menu {
+  transform: translateX(0);
+  visibility: visible;
+  opacity: 1;
+}
+.x6-menu.x6-menu-has-icon .x6-menu-item-button {
+  padding-left: 30px;
+}
+.x6-menu.x6-menu-has-icon .x6-menu-item-button .x6-menu-item-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.x6-menu.x6-menu-has-icon .x6-menu-item-button .x6-menu-item-text {
+  padding-left: 2px;
+}
+.xflow-menu-mask {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1000;
+}
+.xflow-menu-mask .x6-dropdown {
+  overflow: visible;
+  pointer-events: all;
+}
+.xflow-menu-mask .xflow-context-menu-anchor {
+  position: absolute;
+  z-index: 1;
+  background-color: #fff;
+}

package/es/canvas-context-menu/style/index.less

@@ -0,0 +1,22 @@
+@import (once) '~@sunspirytus/xflow-core/es/style/themes/index.less';
+@import (once) '~@antv/x6-react-components/es/menu/style/index';
+
+.@{xflow-prefix}-menu-mask {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1000;
+
+  .@{x6-prefix}-dropdown {
+    overflow: visible;
+    pointer-events: all;
+  }
+
+  .@{xflow-prefix}-context-menu-anchor {
+    position: absolute;
+    z-index: 1;
+    background-color: #fff;
+  }
+}

package/es/canvas-dag-extension/components/index.d.ts

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

package/es/canvas-dag-extension/components/index.js

@@ -0,0 +1,20 @@
+import { __awaiter } from "tslib";
+import React from 'react';
+import { createDagExtensionModule } from '../module';
+import { useExtensionRegistry, XFlowAppExtensionModule } from '@sunspirytus/xflow-core';
+export const DagGraphExtension = props => {
+    /** 获取扩展Registry */
+    const extensionRegistry = useExtensionRegistry();
+    React.useEffect(() => {
+        /** 添加 container的classname */
+        extensionRegistry.addContainerClassNames('dag-extension-container');
+        const layout = props.layout || 'TB';
+        extensionRegistry.addContainerClassNames(layout === 'TB' ? 'layout-top-bottom' : 'layout-left-right');
+    }, [extensionRegistry, props.layout]);
+    const config = React.useMemo(() => ({
+        CONFIG_TYPE: 'DAG_EXTENSION',
+        getConfig: () => __awaiter(void 0, void 0, void 0, function* () { return props; }),
+    }), [props]);
+    return React.createElement(XFlowAppExtensionModule, { config: config, createModule: createDagExtensionModule });
+};
+//# sourceMappingURL=index.js.map

package/es/canvas-dag-extension/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/canvas-dag-extension/components/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAA;AAEpD,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAGvF,MAAM,CAAC,MAAM,iBAAiB,GAAqB,KAAK,CAAC,EAAE;IACzD,mBAAmB;IACnB,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAA;IAChD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,6BAA6B;QAC7B,iBAAiB,CAAC,sBAAsB,CAAC,yBAAyB,CAAC,CAAA;QACnE,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,IAAI,CAAA;QACnC,iBAAiB,CAAC,sBAAsB,CACtC,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,CAC5D,CAAA;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAErC,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAC1B,GAAG,EAAE,CAAC,CAAC;QACL,WAAW,EAAE,eAAe;QAC5B,SAAS,EAAE,GAAS,EAAE,kDAAC,OAAA,KAAK,CAAA,GAAA;KAC7B,CAAC,EACF,CAAC,KAAK,CAAC,CACR,CAAA;IAED,OAAO,oBAAC,uBAAuB,IAAS,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,wBAAwB,GAAI,CAAA;AACpG,CAAC,CAAA"}

package/es/canvas-dag-extension/constants.d.ts

@@ -0,0 +1,48 @@
+import type { DisposableCollection } from '@sunspirytus/xflow-core';
+import type { IGraphCommand } from '@sunspirytus/xflow-core';
+export declare const EDGE_PATH_TYPE: {
+    /** node 水平 */
+    readonly HORIRONTAL_NODE: "xflow-node-horizontal-edge";
+    /** Node 垂直 */
+    readonly VERTICAL_NODE: "xflow-node-vertical-edge";
+    /** Group 垂直 */
+    readonly VERTICAL_GROUP: "xflow-group-vertical-edge";
+};
+export declare const XFLOW_SHAPE: {
+    readonly EDGE: "xflow-edge";
+};
+export declare const XFLOW_NODE_SHAPE = "XFLOW_NODE_SHAPE";
+export declare const EDGE_PROCESSING_CLASSNAME = "processing";
+export declare const NODE_DEFAULT_WIDTH = 160;
+export declare const NODE_DEFAULT_HEIGHT = 32;
+/** 画布状态 */
+export declare namespace GRAPH_STATUS_INFO {
+    /** Model id */
+    const id = "GRAPH_STATUS_INFO";
+    /** 类型 */
+    enum StatusEnum {
+        SUCCEEDED = "SUCCEEDED",
+        RUNNING = "RUNNING",
+        FAILED = "FAILED",
+        PENDING = "PENDING",
+        CREATING = "CREATING",
+        MANUAL_TERMINATE = "MANUAL_TERMINATE",
+        CACHED = "CACHED",
+        UNKNOWN = "UNKNOWN"
+    }
+    interface INodeStatus {
+        status: StatusEnum;
+        [key: string]: any;
+    }
+    interface IState {
+        graphStatus: StatusEnum;
+        statusMap: Map<string, INodeStatus>;
+        subscription: DisposableCollection;
+    }
+    /** Model Utils */
+    const getModel: (modelService: import("@sunspirytus/xflow-core").IModelService) => Promise<import("@sunspirytus/xflow-core").NsModel.IModel<IState>>;
+    const useValue: (modelService: import("@sunspirytus/xflow-core").IModelService) => Promise<IState>;
+}
+export declare namespace XFlowDagCommands {
+    const QUERY_GRAPH_STATUS: IGraphCommand;
+}

package/es/canvas-dag-extension/constants.js

@@ -0,0 +1,46 @@
+import { getModelUtil, useModelValueUtil } from '@sunspirytus/xflow-core/es/model-service/constant';
+export const EDGE_PATH_TYPE = {
+    /** node 水平 */
+    HORIRONTAL_NODE: 'xflow-node-horizontal-edge',
+    /** Node 垂直 */
+    VERTICAL_NODE: 'xflow-node-vertical-edge',
+    /** Group 垂直 */
+    VERTICAL_GROUP: 'xflow-group-vertical-edge',
+};
+export const XFLOW_SHAPE = {
+    EDGE: 'xflow-edge',
+};
+export const XFLOW_NODE_SHAPE = 'XFLOW_NODE_SHAPE';
+export const EDGE_PROCESSING_CLASSNAME = 'processing';
+export const NODE_DEFAULT_WIDTH = 160;
+export const NODE_DEFAULT_HEIGHT = 32;
+/** 画布状态 */
+export var GRAPH_STATUS_INFO;
+(function (GRAPH_STATUS_INFO) {
+    /** Model id */
+    GRAPH_STATUS_INFO.id = 'GRAPH_STATUS_INFO';
+    /** 类型 */
+    let StatusEnum;
+    (function (StatusEnum) {
+        StatusEnum["SUCCEEDED"] = "SUCCEEDED";
+        StatusEnum["RUNNING"] = "RUNNING";
+        StatusEnum["FAILED"] = "FAILED";
+        StatusEnum["PENDING"] = "PENDING";
+        StatusEnum["CREATING"] = "CREATING";
+        StatusEnum["MANUAL_TERMINATE"] = "MANUAL_TERMINATE";
+        StatusEnum["CACHED"] = "CACHED";
+        StatusEnum["UNKNOWN"] = "UNKNOWN";
+    })(StatusEnum = GRAPH_STATUS_INFO.StatusEnum || (GRAPH_STATUS_INFO.StatusEnum = {}));
+    /** Model Utils */
+    GRAPH_STATUS_INFO.getModel = getModelUtil(GRAPH_STATUS_INFO.id);
+    GRAPH_STATUS_INFO.useValue = useModelValueUtil(GRAPH_STATUS_INFO.id);
+})(GRAPH_STATUS_INFO || (GRAPH_STATUS_INFO = {}));
+export var XFlowDagCommands;
+(function (XFlowDagCommands) {
+    //更新节点的状态
+    XFlowDagCommands.QUERY_GRAPH_STATUS = {
+        id: 'xflow:query-graph-status',
+        label: '查询画布节点状态',
+    };
+})(XFlowDagCommands || (XFlowDagCommands = {}));
+//# sourceMappingURL=constants.js.map

package/es/canvas-dag-extension/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/canvas-dag-extension/constants.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,mDAAmD,CAAA;AAEnG,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,cAAc;IACd,eAAe,EAAE,4BAA4B;IAC7C,cAAc;IACd,aAAa,EAAE,0BAA0B;IACzC,eAAe;IACf,cAAc,EAAE,2BAA2B;CACnC,CAAA;AAEV,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,IAAI,EAAE,YAAY;CACV,CAAA;AAEV,MAAM,CAAC,MAAM,gBAAgB,GAAG,kBAAkB,CAAA;AAElD,MAAM,CAAC,MAAM,yBAAyB,GAAG,YAAY,CAAA;AAErD,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;AAErC,MAAM,CAAC,MAAM,mBAAmB,GAAG,EAAE,CAAA;AAErC,WAAW;AACX,MAAM,KAAW,iBAAiB,CA0BjC;AA1BD,WAAiB,iBAAiB;IAChC,eAAe;IACF,oBAAE,GAAG,mBAAmB,CAAA;IACrC,SAAS;IACT,IAAY,UASX;IATD,WAAY,UAAU;QACpB,qCAAuB,CAAA;QACvB,iCAAmB,CAAA;QACnB,+BAAiB,CAAA;QACjB,iCAAmB,CAAA;QACnB,mCAAqB,CAAA;QACrB,mDAAqC,CAAA;QACrC,+BAAiB,CAAA;QACjB,iCAAmB,CAAA;IACrB,CAAC,EATW,UAAU,GAAV,4BAAU,KAAV,4BAAU,QASrB;IAUD,kBAAkB;IACL,0BAAQ,GAAG,YAAY,CAAS,kBAAA,EAAE,CAAC,CAAA;IACnC,0BAAQ,GAAG,iBAAiB,CAAS,kBAAA,EAAE,CAAC,CAAA;AACvD,CAAC,EA1BgB,iBAAiB,KAAjB,iBAAiB,QA0BjC;AAED,MAAM,KAAW,gBAAgB,CAMhC;AAND,WAAiB,gBAAgB;IAC/B,SAAS;IACI,mCAAkB,GAAkB;QAC/C,EAAE,EAAE,0BAA0B;QAC9B,KAAK,EAAE,UAAU;KAClB,CAAA;AACH,CAAC,EANgB,gBAAgB,KAAhB,gBAAgB,QAMhC"}