@opensumi/ide-overlay 2.12.1-next-079c1930

package/README.md

@@ -0,0 +1,137 @@
+---
+id: overlay
+title: 浮层模块
+---
+
+overlay 模块为 IDE 上的浮层模块，例如包含 Dialog（弹窗）、Message（消息）等模块。如果需要在 IDE 通知用户一条消息或者需要一个模态对话框和用户交互时，可以使用该模块。
+
+## Message
+
+Message 会在 IDE 右下角弹出一个提示信息。
+
+![](https://gw-office.alipayobjects.com/bmw-prod/b9d110e1-73d5-41d7-aaad-14a4d630af13.png)
+
+### 接口
+
+```ts
+export interface IMessageService {
+  info(message: string | React.ReactNode, buttons?: string[], closable?: boolean): Promise<string | undefined>;
+  warning(message: string | React.ReactNode, buttons?: string[], closable?: boolean): Promise<string | undefined>;
+  error(message: string | React.ReactNode, buttons?: string[], closable?: boolean): Promise<string | undefined>;
+  open<T = string>(message: string | React.ReactNode, type: MessageType, buttons?: string[], closable?: boolean, from?: string): Promise<T | undefined>;
+  hide<T = string>(value?: T): void;
+}
+```
+
+### 参数说明
+
+以下参数以 info 为例
+
+#### message
+message 主要指定了消息体，可以是一个普通的文本消息，也可以是一个 React 组件
+
+###### Example
+
+```ts
+import { IMessageService } from '@opensumi/ide-overlay';
+
+@Injectable()
+export class MessageDemo {
+  @Autowired(IMessageService)
+  messageService: IMessageService;
+
+  private showMessage() {
+    this.messageService.info('复制成功');
+  }
+}
+
+```
+
+#### buttons
+buttons 为弹窗右下角按钮，按照从左向右的顺序依次渲染，用户选择后会返回选择的结果
+
+###### Example
+
+```ts
+import { IMessageService } from '@opensumi/ide-overlay';
+
+@Injectable()
+export class MessageDemo {
+  @Autowired(IMessageService)
+  messageService: IMessageService;
+
+  private async showMessage() {
+    const res = await this.messageService.info('是否要更新插件', ['确定', '取消']);
+
+    if (res === '确定') {
+      //...
+    }
+  }
+}
+
+```
+
+
+#### closable
+是否显示关闭按钮，默认为 true
+
+### 常见问题
+
+#### 消息弹出时间是多久
+
+- info: 15 秒
+- warning: 18 秒
+- error: 20 秒
+
+#### 如何自定义消息组件
+
+如果不想用默认消息图标，可以使用 `open` 接口自定义消息组件
+
+##### Example
+
+```tsx
+export const CustomMessage = () => {
+  const messageService = useInjectable(IMessageService)
+  return (
+    <div>
+      <div>这是一个自定义消息</div>
+      <button onClick={() => messageService.hide('确定')}>确定</button>
+    </div>
+  )
+}
+```
+
+```ts
+const res = await this.messageService.open(<CustomMessage />, MessageType.EMPTY);
+
+if (res === '确定') {
+  //...
+}
+```
+
+## Dialog
+Dialog 接口与消息一致，不过弹窗为模态
+
+![](https://gw-office.alipayobjects.com/bmw-prod/6869e5f6-3e1a-452f-a562-02bab963b1b0.png)
+
+### Example
+
+```ts
+import { IDialogService } from '@opensumi/ide-overlay';
+
+@Injectable()
+export class MessageDemo {
+  @Autowired(IDialogService)
+  dialogService: IDialogService;
+
+  private async showMessage() {
+    const res = await this.dialogService.info('这是一个模态弹窗');
+
+    if (res === '确定') {
+      //...
+    }
+  }
+}
+
+```
+

package/lib/browser/ctx-menu/ctx-menu.service.d.ts

@@ -0,0 +1,17 @@
+import { MenuNode } from '@opensumi/ide-core-browser/lib/menu/next/base';
+import { CtxMenuRenderParams } from '@opensumi/ide-core-browser/lib/menu/next/renderer/ctxmenu/base';
+import { IBrowserCtxMenu } from '@opensumi/ide-core-browser/lib/menu/next/renderer/ctxmenu/browser';
+export declare class BrowserCtxMenuService implements IBrowserCtxMenu {
+    visible: boolean;
+    onHide: ((canceled: boolean) => void) | undefined;
+    point: {
+        pageX: number;
+        pageY: number;
+    } | undefined;
+    context: any;
+    menuNodes: MenuNode[];
+    show(payload: CtxMenuRenderParams): void;
+    hide(canceled: boolean): void;
+    private reset;
+}
+//# sourceMappingURL=ctx-menu.service.d.ts.map

package/lib/browser/ctx-menu/ctx-menu.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ctx-menu.service.d.ts","sourceRoot":"","sources":["../../../src/browser/ctx-menu/ctx-menu.service.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gEAAgE,CAAC;AACrG,OAAO,EAAE,eAAe,EAAE,MAAM,mEAAmE,CAAC;AAEpG,qBACa,qBAAsB,YAAW,eAAe;IAE3D,OAAO,EAAE,OAAO,CAAS;IAGzB,MAAM,EAAE,CAAC,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAa;IAG9D,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;KAAE,GAAG,SAAS,CAAa;IAGjE,OAAO,EAAE,GAAG,CAAa;IAGzB,SAAS,EAAE,QAAQ,EAAE,CAAwB;IAGtC,IAAI,CAAC,OAAO,EAAE,mBAAmB,GAAG,IAAI;IAgBxC,IAAI,CAAC,QAAQ,EAAE,OAAO;IAQ7B,OAAO,CAAC,KAAK;CAGd"}

package/lib/browser/ctx-menu/ctx-menu.service.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BrowserCtxMenuService = void 0;
+const tslib_1 = require("tslib");
+const mobx_1 = require("mobx");
+const di_1 = require("@opensumi/di");
+let BrowserCtxMenuService = class BrowserCtxMenuService {
+    constructor() {
+        this.visible = false;
+        this.onHide = undefined;
+        this.point = undefined;
+        this.context = undefined;
+        this.menuNodes = mobx_1.observable.array([]);
+    }
+    show(payload) {
+        const { anchor, onHide, args: context, menuNodes } = payload;
+        // 上层调用前已经将 MenuNodes 处理为数组了
+        if (!Array.isArray(menuNodes) || !menuNodes.length) {
+            return;
+        }
+        this.context = context;
+        this.menuNodes.splice(0, this.menuNodes.length, ...menuNodes);
+        const { x, y } = anchor instanceof window.MouseEvent ? { x: anchor.clientX, y: anchor.clientY } : anchor;
+        this.onHide = onHide;
+        this.point = { pageX: x, pageY: y };
+        this.visible = true;
+    }
+    hide(canceled) {
+        if (typeof this.onHide === 'function') {
+            this.onHide(canceled);
+        }
+        this.reset();
+    }
+    reset() {
+        this.visible = false;
+    }
+};
+(0, tslib_1.__decorate)([
+    mobx_1.observable,
+    (0, tslib_1.__metadata)("design:type", Boolean)
+], BrowserCtxMenuService.prototype, "visible", void 0);
+(0, tslib_1.__decorate)([
+    mobx_1.observable,
+    (0, tslib_1.__metadata)("design:type", Object)
+], BrowserCtxMenuService.prototype, "onHide", void 0);
+(0, tslib_1.__decorate)([
+    mobx_1.observable,
+    (0, tslib_1.__metadata)("design:type", Object)
+], BrowserCtxMenuService.prototype, "point", void 0);
+(0, tslib_1.__decorate)([
+    mobx_1.observable,
+    (0, tslib_1.__metadata)("design:type", Object)
+], BrowserCtxMenuService.prototype, "context", void 0);
+(0, tslib_1.__decorate)([
+    mobx_1.observable,
+    (0, tslib_1.__metadata)("design:type", Array)
+], BrowserCtxMenuService.prototype, "menuNodes", void 0);
+(0, tslib_1.__decorate)([
+    mobx_1.action,
+    (0, tslib_1.__metadata)("design:type", Function),
+    (0, tslib_1.__metadata)("design:paramtypes", [Object]),
+    (0, tslib_1.__metadata)("design:returntype", void 0)
+], BrowserCtxMenuService.prototype, "show", null);
+(0, tslib_1.__decorate)([
+    mobx_1.action.bound,
+    (0, tslib_1.__metadata)("design:type", Function),
+    (0, tslib_1.__metadata)("design:paramtypes", [Boolean]),
+    (0, tslib_1.__metadata)("design:returntype", void 0)
+], BrowserCtxMenuService.prototype, "hide", null);
+(0, tslib_1.__decorate)([
+    mobx_1.action.bound,
+    (0, tslib_1.__metadata)("design:type", Function),
+    (0, tslib_1.__metadata)("design:paramtypes", []),
+    (0, tslib_1.__metadata)("design:returntype", void 0)
+], BrowserCtxMenuService.prototype, "reset", null);
+BrowserCtxMenuService = (0, tslib_1.__decorate)([
+    (0, di_1.Injectable)()
+], BrowserCtxMenuService);
+exports.BrowserCtxMenuService = BrowserCtxMenuService;
+//# sourceMappingURL=ctx-menu.service.js.map

package/lib/browser/ctx-menu/ctx-menu.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ctx-menu.service.js","sourceRoot":"","sources":["../../../src/browser/ctx-menu/ctx-menu.service.ts"],"names":[],"mappings":";;;;AAAA,+BAA0C;AAC1C,qCAA0C;AAM1C,IAAa,qBAAqB,GAAlC,MAAa,qBAAqB;IAAlC;QAEE,YAAO,GAAY,KAAK,CAAC;QAGzB,WAAM,GAA8C,SAAS,CAAC;QAG9D,UAAK,GAAkD,SAAS,CAAC;QAGjE,YAAO,GAAQ,SAAS,CAAC;QAGzB,cAAS,GAAe,iBAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IA8B/C,CAAC;IA3BQ,IAAI,CAAC,OAA4B;QACtC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC;QAC7D,4BAA4B;QAC5B,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE;YAClD,OAAO;SACR;QAED,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,GAAG,SAAS,CAAC,CAAC;QAC9D,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,MAAM,YAAY,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC;QACzG,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;QACpC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACtB,CAAC;IAGM,IAAI,CAAC,QAAiB;QAC3B,IAAI,OAAO,IAAI,CAAC,MAAM,KAAK,UAAU,EAAE;YACrC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;SACvB;QACD,IAAI,CAAC,KAAK,EAAE,CAAC;IACf,CAAC;IAGO,KAAK;QACX,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACvB,CAAC;CACF,CAAA;AA1CC;IADC,iBAAU;;sDACc;AAGzB;IADC,iBAAU;;qDACmD;AAG9D;IADC,iBAAU;;oDACsD;AAGjE;IADC,iBAAU;;sDACc;AAGzB;IADC,iBAAU;;wDACkC;AAG7C;IADC,aAAM;;;;iDAcN;AAGD;IADC,aAAM,CAAC,KAAK;;;;iDAMZ;AAGD;IADC,aAAM,CAAC,KAAK;;;;kDAGZ;AA3CU,qBAAqB;IADjC,IAAA,eAAU,GAAE;GACA,qBAAqB,CA4CjC;AA5CY,sDAAqB"}

package/lib/browser/ctx-menu/ctx-menu.view.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import 'react-ctxmenu-trigger/assets/index.css';
+export declare const CtxMenu: React.FunctionComponent<object>;
+//# sourceMappingURL=ctx-menu.view.d.ts.map

package/lib/browser/ctx-menu/ctx-menu.view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ctx-menu.view.d.ts","sourceRoot":"","sources":["../../../src/browser/ctx-menu/ctx-menu.view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,wCAAwC,CAAC;AAEhD,eAAO,MAAM,OAAO,iCA4ClB,CAAC"}

package/lib/browser/ctx-menu/ctx-menu.view.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CtxMenu = void 0;
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const mobx_react_lite_1 = require("mobx-react-lite");
+const click_outside_1 = require("@opensumi/ide-core-browser/lib/components/click-outside");
+const ide_core_browser_1 = require("@opensumi/ide-core-browser");
+const browser_1 = require("@opensumi/ide-core-browser/lib/menu/next/renderer/ctxmenu/browser");
+const actions_1 = require("@opensumi/ide-core-browser/lib/components/actions");
+const placements_1 = (0, tslib_1.__importDefault)(require("@opensumi/ide-core-browser/lib/components/actions/placements"));
+const react_ctxmenu_trigger_1 = (0, tslib_1.__importDefault)(require("react-ctxmenu-trigger"));
+require("react-ctxmenu-trigger/assets/index.css");
+exports.CtxMenu = (0, mobx_react_lite_1.observer)(() => {
+    const ctxMenuService = (0, ide_core_browser_1.useInjectable)(browser_1.IBrowserCtxMenu);
+    const handleClick = react_1.default.useCallback(() => {
+        ctxMenuService.hide(false);
+    }, []);
+    const onClickOutSide = react_1.default.useCallback(() => {
+        if (ctxMenuService.visible) {
+            ctxMenuService.hide(true);
+        }
+    }, [ctxMenuService.visible]);
+    // todo: 缓存上一次点击 visible 完成 toggle 效果
+    return (react_1.default.createElement(react_ctxmenu_trigger_1.default
+    // popupTransitionName='slide-up'
+    , { 
+        // popupTransitionName='slide-up'
+        popupPlacement: 'bottomLeft', popupVisible: ctxMenuService.visible, action: ['contextMenu'], popupAlign: {
+            overflow: {
+                adjustX: 1,
+                adjustY: 1,
+            },
+            offset: [window.scrollX, window.scrollY],
+        }, point: ctxMenuService.point || {}, popupClassName: 'point-popup', builtinPlacements: placements_1.default, popup: (react_1.default.createElement(click_outside_1.ClickOutside, { mouseEvents: ['click', 'contextmenu'], onOutsideClick: onClickOutSide },
+            react_1.default.createElement(actions_1.MenuActionList, { data: ctxMenuService.menuNodes, afterClick: handleClick, context: ctxMenuService.context }))), alignPoint: true }));
+});
+exports.CtxMenu.displayName = 'CtxMenu';
+//# sourceMappingURL=ctx-menu.view.js.map

package/lib/browser/ctx-menu/ctx-menu.view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ctx-menu.view.js","sourceRoot":"","sources":["../../../src/browser/ctx-menu/ctx-menu.view.tsx"],"names":[],"mappings":";;;;AAAA,+DAA0B;AAC1B,qDAA2C;AAC3C,2FAAuF;AACvF,iEAA2D;AAC3D,+FAAoG;AACpG,+EAAmF;AACnF,2HAAsF;AACtF,+FAAmD;AACnD,kDAAgD;AAEnC,QAAA,OAAO,GAAG,IAAA,0BAAQ,EAAC,GAAG,EAAE;IACnC,MAAM,cAAc,GAAG,IAAA,gCAAa,EAAkB,yBAAe,CAAC,CAAC;IAEvE,MAAM,WAAW,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,cAAc,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC5C,IAAI,cAAc,CAAC,OAAO,EAAE;YAC1B,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAC3B;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAE7B,qCAAqC;IACrC,OAAO,CACL,8BAAC,+BAAc;IACb,iCAAiC;;QAAjC,iCAAiC;QACjC,cAAc,EAAC,YAAY,EAC3B,YAAY,EAAE,cAAc,CAAC,OAAO,EACpC,MAAM,EAAE,CAAC,aAAa,CAAC,EACvB,UAAU,EAAE;YACV,QAAQ,EAAE;gBACR,OAAO,EAAE,CAAC;gBACV,OAAO,EAAE,CAAC;aACX;YACD,MAAM,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC;SACzC,EACD,KAAK,EAAE,cAAc,CAAC,KAAK,IAAI,EAAE,EACjC,cAAc,EAAC,aAAa,EAC5B,iBAAiB,EAAE,oBAAU,EAC7B,KAAK,EAAE,CACL,8BAAC,4BAAY,IACX,WAAW,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,EACrC,cAAc,EAAE,cAAc;YAC9B,8BAAC,wBAAc,IACb,IAAI,EAAE,cAAc,CAAC,SAAS,EAC9B,UAAU,EAAE,WAAW,EACvB,OAAO,EAAE,cAAc,CAAC,OAAO,GAC/B,CACW,CAChB,EACD,UAAU,SACV,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

package/lib/browser/dialog.service.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { IDialogService, AbstractMessageService, Icon } from '../common';
+import { Deferred, MessageType } from '@opensumi/ide-core-common';
+export declare class DialogService extends AbstractMessageService implements IDialogService {
+    protected type: MessageType | undefined;
+    protected deferred: Deferred<any>;
+    protected visible: boolean;
+    protected message: string | React.ReactNode;
+    protected title: string;
+    closable: boolean;
+    protected buttons: string[];
+    open<T = string>(message: string | React.ReactNode, type: MessageType, buttons?: any[], closable?: boolean): Promise<T | undefined>;
+    hide<T = string>(value?: T): void;
+    reset(): void;
+    isVisible(): boolean;
+    getMessage(): string | React.ReactNode;
+    getType(): MessageType | undefined;
+    getIcon(): Icon | undefined;
+    getButtons(): string[];
+}
+//# sourceMappingURL=dialog.service.d.ts.map

package/lib/browser/dialog.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.service.d.ts","sourceRoot":"","sources":["../../src/browser/dialog.service.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,IAAI,EAAC,MAAM,WAAW,CAAC;AAExE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAElE,qBACa,aAAc,SAAQ,sBAAuB,YAAW,cAAc;IAEjF,SAAS,CAAC,IAAI,EAAE,WAAW,GAAG,SAAS,CAAC;IAExC,SAAS,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAGlC,SAAS,CAAC,OAAO,EAAE,OAAO,CAAS;IAGnC,SAAS,CAAC,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAM;IAGjD,SAAS,CAAC,KAAK,EAAE,MAAM,CAAM;IAGtB,QAAQ,EAAE,OAAO,CAAQ;IAGhC,SAAS,CAAC,OAAO,EAAE,MAAM,EAAE,CAAM;IAGjC,IAAI,CAAC,CAAC,GAAG,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,GAAG,EAAE,EAAE,QAAQ,GAAE,OAAc,GAAG,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC;IAazI,IAAI,CAAC,CAAC,GAAG,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,IAAI;IAMjC,KAAK,IAAI,IAAI;IAMb,SAAS,IAAI,OAAO;IAIpB,UAAU,IAAI,MAAM,GAAG,KAAK,CAAC,SAAS;IAItC,OAAO,IAAI,WAAW,GAAG,SAAS;IAIlC,OAAO,IAAI,IAAI,GAAG,SAAS;IAsB3B,UAAU,IAAI,MAAM,EAAE;CAGvB"}

package/lib/browser/dialog.service.js

@@ -0,0 +1,115 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogService = void 0;
+const tslib_1 = require("tslib");
+const di_1 = require("@opensumi/di");
+const common_1 = require("../common");
+const mobx_1 = require("mobx");
+const ide_core_common_1 = require("@opensumi/ide-core-common");
+let DialogService = class DialogService extends common_1.AbstractMessageService {
+    constructor() {
+        super(...arguments);
+        this.visible = false;
+        this.message = '';
+        this.title = '';
+        this.closable = true;
+        this.buttons = [];
+    }
+    open(message, type, buttons, closable = true) {
+        this.deferred = new ide_core_common_1.Deferred();
+        this.type = type;
+        this.message = message;
+        this.visible = true;
+        this.closable = closable;
+        if (buttons) {
+            this.buttons = buttons;
+        }
+        return this.deferred.promise;
+    }
+    hide(value) {
+        this.visible = false;
+        this.deferred.resolve(value);
+    }
+    reset() {
+        this.type = undefined;
+        this.message = '';
+        this.buttons = [];
+    }
+    isVisible() {
+        return this.visible;
+    }
+    getMessage() {
+        return this.message;
+    }
+    getType() {
+        return this.type;
+    }
+    getIcon() {
+        switch (this.type) {
+            case ide_core_common_1.MessageType.Error:
+                return {
+                    color: 'var(--notificationsErrorIcon-foreground)',
+                    className: 'close-circle',
+                };
+            case ide_core_common_1.MessageType.Info:
+                return {
+                    color: 'var(--notificationsInfoIcon-foreground)',
+                    className: 'info-circle',
+                };
+            case ide_core_common_1.MessageType.Warning:
+                return {
+                    color: 'var(--notificationsWarningIcon-foreground)',
+                    className: 'question-circle',
+                };
+            default:
+                break;
+        }
+    }
+    getButtons() {
+        return this.buttons;
+    }
+};
+(0, tslib_1.__decorate)([
+    mobx_1.observable,
+    (0, tslib_1.__metadata)("design:type", Boolean)
+], DialogService.prototype, "visible", void 0);
+(0, tslib_1.__decorate)([
+    mobx_1.observable,
+    (0, tslib_1.__metadata)("design:type", Object)
+], DialogService.prototype, "message", void 0);
+(0, tslib_1.__decorate)([
+    mobx_1.observable,
+    (0, tslib_1.__metadata)("design:type", String)
+], DialogService.prototype, "title", void 0);
+(0, tslib_1.__decorate)([
+    mobx_1.observable,
+    (0, tslib_1.__metadata)("design:type", Boolean)
+], DialogService.prototype, "closable", void 0);
+(0, tslib_1.__decorate)([
+    mobx_1.observable,
+    (0, tslib_1.__metadata)("design:type", Array)
+], DialogService.prototype, "buttons", void 0);
+(0, tslib_1.__decorate)([
+    mobx_1.action,
+    (0, tslib_1.__metadata)("design:type", Function),
+    (0, tslib_1.__metadata)("design:paramtypes", [Object, Number, Array, Boolean]),
+    (0, tslib_1.__metadata)("design:returntype", Promise)
+], DialogService.prototype, "open", null);
+(0, tslib_1.__decorate)([
+    mobx_1.action,
+    (0, tslib_1.__metadata)("design:type", Function),
+    (0, tslib_1.__metadata)("design:paramtypes", [typeof (_a = typeof T !== "undefined" && T) === "function" ? _a : Object]),
+    (0, tslib_1.__metadata)("design:returntype", void 0)
+], DialogService.prototype, "hide", null);
+(0, tslib_1.__decorate)([
+    mobx_1.action,
+    (0, tslib_1.__metadata)("design:type", Function),
+    (0, tslib_1.__metadata)("design:paramtypes", []),
+    (0, tslib_1.__metadata)("design:returntype", void 0)
+], DialogService.prototype, "reset", null);
+DialogService = (0, tslib_1.__decorate)([
+    (0, di_1.Injectable)()
+], DialogService);
+exports.DialogService = DialogService;
+//# sourceMappingURL=dialog.service.js.map

package/lib/browser/dialog.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.service.js","sourceRoot":"","sources":["../../src/browser/dialog.service.ts"],"names":[],"mappings":";;;;;AAAA,qCAA0C;AAC1C,sCAAwE;AACxE,+BAA0C;AAC1C,+DAAkE;AAGlE,IAAa,aAAa,GAA1B,MAAa,aAAc,SAAQ,+BAAsB;IAAzD;;QAOY,YAAO,GAAY,KAAK,CAAC;QAGzB,YAAO,GAA6B,EAAE,CAAC;QAGvC,UAAK,GAAW,EAAE,CAAC;QAGtB,aAAQ,GAAY,IAAI,CAAC;QAGtB,YAAO,GAAa,EAAE,CAAC;IAiEnC,CAAC;IA9DC,IAAI,CAAa,OAAiC,EAAE,IAAiB,EAAE,OAAe,EAAE,WAAoB,IAAI;QAC9G,IAAI,CAAC,QAAQ,GAAG,IAAI,0BAAQ,EAAU,CAAC;QACvC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,OAAO,EAAE;YACX,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;SACxB;QACD,OAAO,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC;IAC/B,CAAC;IAGD,IAAI,CAAa,KAAS;QACxB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;IAGD,KAAK;QACH,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;QACtB,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAClB,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;IACpB,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,OAAO;QACL,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED,OAAO;QACL,QAAQ,IAAI,CAAC,IAAI,EAAE;YACjB,KAAK,6BAAW,CAAC,KAAK;gBACpB,OAAO;oBACL,KAAK,EAAE,0CAA0C;oBACjD,SAAS,EAAE,cAAc;iBAC1B,CAAC;YACJ,KAAK,6BAAW,CAAC,IAAI;gBACjB,OAAO;oBACL,KAAK,EAAE,yCAAyC;oBAChD,SAAS,EAAE,aAAa;iBACzB,CAAC;YACN,KAAK,6BAAW,CAAC,OAAO;gBACpB,OAAO;oBACL,KAAK,EAAE,4CAA4C;oBACnD,SAAS,EAAE,iBAAiB;iBAC7B,CAAC;YACN;gBACE,MAAM;SACT;IACH,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;CACF,CAAA;AA7EC;IADC,iBAAU;;8CACwB;AAGnC;IADC,iBAAU;;8CACsC;AAGjD;IADC,iBAAU;;4CACkB;AAG7B;IADC,iBAAU;;+CACqB;AAGhC;IADC,iBAAU;;8CACsB;AAGjC;IADC,aAAM;;;;yCAWN;AAGD;IADC,aAAM;;sEACkB,CAAC,oBAAD,CAAC;;yCAGzB;AAGD;IADC,aAAM;;;;0CAKN;AA7CU,aAAa;IADzB,IAAA,eAAU,GAAE;GACA,aAAa,CAoFzB;AApFY,sCAAa"}

package/lib/browser/dialog.view.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const Dialog: React.FunctionComponent<object>;
+//# sourceMappingURL=dialog.view.d.ts.map

package/lib/browser/dialog.view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.view.d.ts","sourceRoot":"","sources":["../../src/browser/dialog.view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,eAAO,MAAM,MAAM,iCAiDjB,CAAC"}

package/lib/browser/dialog.view.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dialog = void 0;
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const mobx_react_lite_1 = require("mobx-react-lite");
+const ide_core_browser_1 = require("@opensumi/ide-core-browser");
+const strings_1 = require("@opensumi/ide-core-common/lib/utils/strings");
+const ide_components_1 = require("@opensumi/ide-components");
+const common_1 = require("../common");
+exports.Dialog = (0, mobx_react_lite_1.observer)(() => {
+    const dialogService = (0, ide_core_browser_1.useInjectable)(common_1.IDialogService);
+    const icon = dialogService.getIcon();
+    const message = dialogService.getMessage();
+    const buttons = dialogService.getButtons();
+    const type = dialogService.getType();
+    function afterClose() {
+        dialogService.reset();
+    }
+    function handleClose() {
+        dialogService.hide();
+    }
+    function handlerClickButton(value) {
+        return () => {
+            dialogService.hide(value);
+        };
+    }
+    return (react_1.default.createElement(ide_components_1.Dialog, { visible: dialogService.isVisible(), onClose: handleClose, closable: dialogService.closable, afterClose: afterClose, message: message, type: 'confirm', messageType: type, icon: icon, buttons: buttons.length ? buttons.map((button, index) => (react_1.default.createElement(ide_components_1.Button, { size: 'large', onClick: handlerClickButton(button), key: button, type: index === buttons.length - 1 ? 'primary' : 'secondary' }, (0, strings_1.mnemonicButtonLabel)(button, true)))) : (react_1.default.createElement(ide_components_1.Button, { size: 'large', onClick: handleClose, type: 'primary' }, (0, ide_core_browser_1.localize)('dialog.confirm'))) }));
+});
+//# sourceMappingURL=dialog.view.js.map

package/lib/browser/dialog.view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.view.js","sourceRoot":"","sources":["../../src/browser/dialog.view.tsx"],"names":[],"mappings":";;;;AAAA,+DAA0B;AAC1B,qDAA2C;AAC3C,iEAAqE;AACrE,yEAAkF;AAClF,6DAAwE;AAExE,sCAA2C;AAE9B,QAAA,MAAM,GAAG,IAAA,0BAAQ,EAAC,GAAG,EAAE;IAClC,MAAM,aAAa,GAAG,IAAA,gCAAa,EAAiB,uBAAc,CAAC,CAAC;IACpE,MAAM,IAAI,GAAG,aAAa,CAAC,OAAO,EAAE,CAAC;IACrC,MAAM,OAAO,GAAG,aAAa,CAAC,UAAU,EAAE,CAAC;IAC3C,MAAM,OAAO,GAAG,aAAa,CAAC,UAAU,EAAE,CAAC;IAC3C,MAAM,IAAI,GAAG,aAAa,CAAC,OAAO,EAAE,CAAC;IAErC,SAAS,UAAU;QACjB,aAAa,CAAC,KAAK,EAAE,CAAC;IACxB,CAAC;IAED,SAAS,WAAW;QAClB,aAAa,CAAC,IAAI,EAAE,CAAC;IACvB,CAAC;IAED,SAAS,kBAAkB,CAAC,KAAa;QACvC,OAAO,GAAG,EAAE;YACV,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC,CAAC;IACJ,CAAC;IAED,OAAO,CACL,8BAAC,uBAAU,IACT,OAAO,EAAE,aAAa,CAAC,SAAS,EAAE,EAClC,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,aAAa,CAAC,QAAQ,EAChC,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,SAAS,EACd,WAAW,EAAE,IAAI,EACjB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACvD,8BAAC,uBAAM,IACL,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,kBAAkB,CAAC,MAAM,CAAC,EACnC,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,KAAK,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,IAC1D,IAAA,6BAAmB,EAAC,MAAM,EAAE,IAAI,CAAC,CAC5B,CACV,CAAC,CAAC,CAAC,CAAC,CACH,8BAAC,uBAAM,IACL,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,WAAW,EACpB,IAAI,EAAC,SAAS,IACb,IAAA,2BAAQ,EAAC,gBAAgB,CAAC,CACpB,CACV,GACD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/browser/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Provider } from '@opensumi/di';
+import { BrowserModule } from '@opensumi/ide-core-browser';
+export declare class OverlayModule extends BrowserModule {
+    providers: Provider[];
+    isOverlay: boolean;
+    component: import("react").FunctionComponent<object>;
+}
+//# sourceMappingURL=index.d.ts.map

package/lib/browser/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/browser/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAc,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAQ3D,qBACa,aAAc,SAAQ,aAAa;IAC9C,SAAS,EAAE,QAAQ,EAAE,CAanB;IAEF,SAAS,UAAQ;IACjB,SAAS,4CAAW;CACrB"}

package/lib/browser/index.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OverlayModule = void 0;
+const tslib_1 = require("tslib");
+const di_1 = require("@opensumi/di");
+const ide_core_browser_1 = require("@opensumi/ide-core-browser");
+const index_view_1 = require("./index.view");
+const common_1 = require("../common");
+const dialog_service_1 = require("./dialog.service");
+const message_service_1 = require("./message.service");
+const ctx_menu_service_1 = require("./ctx-menu/ctx-menu.service");
+const browser_1 = require("@opensumi/ide-core-browser/lib/menu/next/renderer/ctxmenu/browser");
+let OverlayModule = class OverlayModule extends ide_core_browser_1.BrowserModule {
+    constructor() {
+        super(...arguments);
+        this.providers = [
+            {
+                token: common_1.IDialogService,
+                useClass: dialog_service_1.DialogService,
+            },
+            {
+                token: common_1.IMessageService,
+                useClass: message_service_1.MessageService,
+            },
+            {
+                token: browser_1.IBrowserCtxMenu,
+                useClass: ctx_menu_service_1.BrowserCtxMenuService,
+            },
+        ];
+        this.isOverlay = true;
+        this.component = index_view_1.Overlay;
+    }
+};
+OverlayModule = (0, tslib_1.__decorate)([
+    (0, di_1.Injectable)()
+], OverlayModule);
+exports.OverlayModule = OverlayModule;
+//# sourceMappingURL=index.js.map

package/lib/browser/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/browser/index.ts"],"names":[],"mappings":";;;;AAAA,qCAAoD;AACpD,iEAA2D;AAC3D,6CAAuC;AACvC,sCAA4D;AAC5D,qDAAiD;AACjD,uDAAmD;AACnD,kEAAoE;AACpE,+FAAoG;AAGpG,IAAa,aAAa,GAA1B,MAAa,aAAc,SAAQ,gCAAa;IAAhD;;QACE,cAAS,GAAe;YACtB;gBACE,KAAK,EAAE,uBAAc;gBACrB,QAAQ,EAAE,8BAAa;aACxB;YACD;gBACE,KAAK,EAAE,wBAAe;gBACtB,QAAQ,EAAE,gCAAc;aACzB;YACD;gBACE,KAAK,EAAE,yBAAe;gBACtB,QAAQ,EAAE,wCAAqB;aAChC;SACF,CAAC;QAEF,cAAS,GAAG,IAAI,CAAC;QACjB,cAAS,GAAG,oBAAO,CAAC;IACtB,CAAC;CAAA,CAAA;AAlBY,aAAa;IADzB,IAAA,eAAU,GAAE;GACA,aAAa,CAkBzB;AAlBY,sCAAa"}

package/lib/browser/index.view.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './styles.module.less';
+export declare const Overlay: React.FunctionComponent<object>;
+//# sourceMappingURL=index.view.d.ts.map

package/lib/browser/index.view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.view.d.ts","sourceRoot":"","sources":["../../src/browser/index.view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,sBAAsB,CAAC;AAE9B,eAAO,MAAM,OAAO,iCAgClB,CAAC"}

package/lib/browser/index.view.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Overlay = void 0;
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const mobx_react_lite_1 = require("mobx-react-lite");
+const ctx_menu_view_1 = require("./ctx-menu/ctx-menu.view");
+const dialog_view_1 = require("./dialog.view");
+const ide_core_browser_1 = require("@opensumi/ide-core-browser");
+require("./styles.module.less");
+exports.Overlay = (0, mobx_react_lite_1.observer)(() => {
+    const componentRegistry = (0, ide_core_browser_1.useInjectable)(ide_core_browser_1.ComponentRegistry);
+    const clientApp = (0, ide_core_browser_1.useInjectable)(ide_core_browser_1.IClientApp);
+    const [extraComponents, setExtra] = react_1.default.useState([]);
+    const appConfig = (0, ide_core_browser_1.useInjectable)(ide_core_browser_1.AppConfig);
+    react_1.default.useEffect(() => {
+        // 对于嵌套在模块视图的SlotRenderer，渲染时应用已启动
+        clientApp.appInitialized.promise.then(() => {
+            var _a;
+            if ((_a = appConfig.layoutConfig[ide_core_browser_1.SlotLocation.extra]) === null || _a === void 0 ? void 0 : _a.modules) {
+                const components = [];
+                appConfig.layoutConfig[ide_core_browser_1.SlotLocation.extra].modules.forEach((name) => {
+                    const info = componentRegistry.getComponentRegistryInfo(name);
+                    if (info) {
+                        (info.views || []).forEach((v) => {
+                            if (v.component) {
+                                components.push(v.component);
+                            }
+                        });
+                    }
+                });
+                setExtra(components);
+            }
+        });
+    }, []);
+    return (react_1.default.createElement("div", { id: 'ide-overlay', className: 'ide-overlay' },
+        react_1.default.createElement(dialog_view_1.Dialog, null),
+        react_1.default.createElement(ctx_menu_view_1.CtxMenu, null),
+        react_1.default.createElement(ide_core_browser_1.ComponentRenderer, { Component: extraComponents })));
+});
+//# sourceMappingURL=index.view.js.map

package/lib/browser/index.view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.view.js","sourceRoot":"","sources":["../../src/browser/index.view.tsx"],"names":[],"mappings":";;;;AAAA,+DAA0B;AAC1B,qDAA2C;AAE3C,4DAAmD;AACnD,+CAAuC;AACvC,iEAAsI;AACtI,gCAA8B;AAEjB,QAAA,OAAO,GAAG,IAAA,0BAAQ,EAAC,GAAG,EAAE;IACnC,MAAM,iBAAiB,GAAsB,IAAA,gCAAa,EAAC,oCAAiB,CAAC,CAAC;IAC9E,MAAM,SAAS,GAAG,IAAA,gCAAa,EAAC,6BAAU,CAAC,CAAC;IAC5C,MAAM,CAAC,eAAe,EAAE,QAAQ,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAwB,EAAE,CAAC,CAAC;IAC9E,MAAM,SAAS,GAAc,IAAA,gCAAa,EAAC,4BAAS,CAAC,CAAC;IACtD,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,kCAAkC;QAClC,SAAS,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE;;YACzC,IAAI,MAAA,SAAS,CAAC,YAAY,CAAC,+BAAY,CAAC,KAAK,CAAC,0CAAE,OAAO,EAAE;gBACvD,MAAM,UAAU,GAA0B,EAAE,CAAC;gBAC7C,SAAS,CAAC,YAAY,CAAC,+BAAY,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;oBAClE,MAAM,IAAI,GAAG,iBAAiB,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC;oBAC9D,IAAI,IAAI,EAAE;wBACR,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;4BAC/B,IAAI,CAAC,CAAC,SAAS,EAAE;gCACf,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,SAAU,CAAC,CAAC;6BAC/B;wBACH,CAAC,CAAC,CAAC;qBACJ;gBACH,CAAC,CAAC,CAAC;gBACH,QAAQ,CAAC,UAAU,CAAC,CAAC;aACtB;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,uCAAK,EAAE,EAAC,aAAa,EAAC,SAAS,EAAC,aAAa;QAC3C,8BAAC,oBAAM,OAAG;QACV,8BAAC,uBAAO,OAAG;QACX,8BAAC,oCAAiB,IAAC,SAAS,EAAE,eAAe,GAAI,CAC7C,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/browser/message.service.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IMessageService, AbstractMessageService } from '../common';
+import { MessageType } from '@opensumi/ide-core-common';
+export declare class MessageService extends AbstractMessageService implements IMessageService {
+    private preMessage;
+    private showTime;
+    protected static SAME_MESSAGE_DURATION: number;
+    protected static DURATION: {
+        [type: number]: number;
+    };
+    /**
+     *
+     * @param rawMessage message
+     * @param type MessageType
+     * @param buttons buttons
+     * @param closable true | false
+     * @param from from extension
+     */
+    open<T = string>(rawMessage: string | React.ReactNode, type: MessageType, buttons?: string[], closable?: boolean, from?: string): Promise<T | undefined>;
+    hide(): void;
+}
+//# sourceMappingURL=message.service.d.ts.map

package/lib/browser/message.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.service.d.ts","sourceRoot":"","sources":["../../src/browser/message.service.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAsB,MAAM,WAAW,CAAC;AAExF,OAAO,EAAE,WAAW,EAAkB,MAAM,2BAA2B,CAAC;AAExE,qBACa,cAAe,SAAQ,sBAAuB,YAAW,eAAe;IAGnF,OAAO,CAAC,UAAU,CAA2B;IAG7C,OAAO,CAAC,QAAQ,CAAa;IAG7B,SAAS,CAAC,MAAM,CAAC,qBAAqB,SAAQ;IAG9C,SAAS,CAAC,MAAM,CAAC,QAAQ,EAAE;QAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAInD;IAEF;;;;;;;OAOG;IACH,IAAI,CAAC,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,EAAE,QAAQ,GAAE,OAAc,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC;IAiB9J,IAAI,IAAI,IAAI;CAGb"}

package/lib/browser/message.service.js

@@ -0,0 +1,56 @@
+"use strict";
+var MessageService_1;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessageService = void 0;
+const tslib_1 = require("tslib");
+const di_1 = require("@opensumi/di");
+const common_1 = require("../common");
+const ide_components_1 = require("@opensumi/ide-components");
+const ide_core_common_1 = require("@opensumi/ide-core-common");
+let MessageService = MessageService_1 = class MessageService extends common_1.AbstractMessageService {
+    constructor() {
+        super(...arguments);
+        // 当前组件展示的时间
+        this.showTime = 0;
+    }
+    /**
+     *
+     * @param rawMessage message
+     * @param type MessageType
+     * @param buttons buttons
+     * @param closable true | false
+     * @param from from extension
+     */
+    open(rawMessage, type, buttons, closable = true, from) {
+        let message = rawMessage;
+        // 如果两秒内提示信息相同，则直接返回上一个提示
+        if (Date.now() - this.showTime < MessageService_1.SAME_MESSAGE_DURATION && typeof message === 'string' && this.preMessage === message) {
+            return Promise.resolve(undefined);
+        }
+        this.preMessage = typeof message === 'string' && message;
+        this.showTime = Date.now();
+        if (typeof rawMessage === 'string' && rawMessage.length > common_1.MAX_MESSAGE_LENGTH) {
+            message = `${rawMessage.substr(0, common_1.MAX_MESSAGE_LENGTH)}...`;
+        }
+        const description = from && typeof from === 'string' ? `${(0, ide_core_common_1.localize)('component.message.origin')}: ${from}` : '';
+        const key = (0, ide_core_common_1.uuid)();
+        const promise = (0, ide_components_1.open)(message, type, closable, key, buttons, description);
+        return promise || Promise.resolve(undefined);
+    }
+    hide() {
+        ide_components_1.notification.destroy();
+    }
+};
+// 相同文案返回的间隔时间
+MessageService.SAME_MESSAGE_DURATION = 3000;
+// 参考 vscode message 组件消失的时间
+MessageService.DURATION = {
+    [ide_core_common_1.MessageType.Info]: 15000,
+    [ide_core_common_1.MessageType.Warning]: 18000,
+    [ide_core_common_1.MessageType.Error]: 20000,
+};
+MessageService = MessageService_1 = (0, tslib_1.__decorate)([
+    (0, di_1.Injectable)()
+], MessageService);
+exports.MessageService = MessageService;
+//# sourceMappingURL=message.service.js.map

package/lib/browser/message.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.service.js","sourceRoot":"","sources":["../../src/browser/message.service.tsx"],"names":[],"mappings":";;;;;AACA,qCAA0C;AAC1C,sCAAwF;AACxF,6DAA8D;AAC9D,+DAAwE;AAGxE,IAAa,cAAc,sBAA3B,MAAa,cAAe,SAAQ,+BAAsB;IAA1D;;QAKE,YAAY;QACJ,aAAQ,GAAW,CAAC,CAAC;IAwC/B,CAAC;IA5BC;;;;;;;OAOG;IACH,IAAI,CAAa,UAAoC,EAAE,IAAiB,EAAE,OAAkB,EAAE,WAAoB,IAAI,EAAE,IAAa;QACnI,IAAI,OAAO,GAAG,UAAU,CAAC;QACzB,yBAAyB;QACzB,IAAI,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,QAAQ,GAAG,gBAAc,CAAC,qBAAqB,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,IAAI,CAAC,UAAU,KAAK,OAAO,EAAE;YACnI,OAAO,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;SACnC;QACD,IAAI,CAAC,UAAU,GAAG,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,CAAC;QACzD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QAC3B,IAAI,OAAO,UAAU,KAAK,QAAQ,IAAI,UAAU,CAAC,MAAM,GAAG,2BAAkB,EAAE;YAC5E,OAAO,GAAG,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,EAAE,2BAAkB,CAAC,KAAK,CAAC;SAC5D;QACD,MAAM,WAAW,GAAG,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAA,0BAAQ,EAAC,0BAA0B,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC/G,MAAM,GAAG,GAAG,IAAA,sBAAI,GAAE,CAAC;QACnB,MAAM,OAAO,GAAG,IAAA,qBAAI,EAAI,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC;QAC5E,OAAO,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IAED,IAAI;QACF,6BAAY,CAAC,OAAO,EAAE,CAAC;IACzB,CAAC;CACF,CAAA;AAtCC,cAAc;AACG,oCAAqB,GAAG,IAAK,CAAA;AAE9C,4BAA4B;AACX,uBAAQ,GAA+B;IACtD,CAAC,6BAAW,CAAC,IAAI,CAAC,EAAE,KAAK;IACzB,CAAC,6BAAW,CAAC,OAAO,CAAC,EAAE,KAAK;IAC5B,CAAC,6BAAW,CAAC,KAAK,CAAC,EAAE,KAAK;CAC1B,CAAA;AAhBS,cAAc;IAD1B,IAAA,eAAU,GAAE;GACA,cAAc,CA8C1B;AA9CY,wCAAc"}

package/lib/browser/styles.module.less

@@ -0,0 +1,8 @@
+:global {
+  .ide-overlay {
+    position: relative;
+    z-index: 999;
+    overflow: auto;
+    outline: 0;
+  }
+}

package/lib/common/index.d.ts

@@ -0,0 +1,62 @@
+import React from 'react';
+import { MessageType, URI } from '@opensumi/ide-core-common';
+export declare const IMessageService: unique symbol;
+export interface IMessageService {
+    info(message: string | React.ReactNode, buttons?: string[], closable?: boolean): Promise<string | undefined>;
+    warning(message: string | React.ReactNode, buttons?: string[], closable?: boolean): Promise<string | undefined>;
+    error(message: string | React.ReactNode, buttons?: string[], closable?: boolean): Promise<string | undefined>;
+    open<T = string>(message: string | React.ReactNode, type: MessageType, buttons?: string[], closable?: boolean, from?: string): Promise<T | undefined>;
+    hide<T = string>(value?: T): void;
+}
+export interface Icon {
+    color: string;
+    className: string;
+}
+export declare const MAX_MESSAGE_LENGTH = 1000;
+export declare const IDialogService: unique symbol;
+export interface IDialogService extends IMessageService {
+    closable?: boolean;
+    isVisible(): boolean;
+    getMessage(): string | React.ReactNode;
+    getIcon(): Icon | undefined;
+    getButtons(): string[];
+    getType(): MessageType | undefined;
+    reset(): void;
+}
+export declare abstract class AbstractMessageService implements IMessageService {
+    info(message: string | React.ReactNode, buttons?: string[], closable?: boolean): Promise<string | undefined>;
+    warning(message: string | React.ReactNode, buttons?: string[], closable?: boolean): Promise<string | undefined>;
+    error(message: string | React.ReactNode, buttons?: string[], closable?: boolean): Promise<string | undefined>;
+    abstract open<T = string>(message: string | React.ReactNode, type: MessageType, buttons?: any[], closable?: boolean): Promise<T | undefined>;
+    abstract hide<T = string>(value?: T): void;
+}
+export interface IWindowDialogService {
+    showOpenDialog(options?: IOpenDialogOptions): Promise<URI[] | undefined>;
+    showSaveDialog(options?: ISaveDialogOptions): Promise<URI | undefined>;
+}
+export declare const IWindowDialogService: unique symbol;
+export interface IDialogOptions {
+    title?: string;
+    defaultUri?: URI;
+    filters?: {
+        [name: string]: string;
+    };
+}
+export interface ISaveDialogOptions extends IDialogOptions {
+    saveLabel?: string;
+    showNameInput?: boolean;
+    defaultFileName?: string;
+}
+export interface IOpenDialogOptions extends IDialogOptions {
+    canSelectFiles?: boolean;
+    canSelectFolders?: boolean;
+    canSelectMany?: boolean;
+    openLabel?: string;
+}
+export declare namespace ISaveDialogOptions {
+    function is(option: any): boolean;
+}
+export declare namespace IOpenDialogOptions {
+    function is(option: any): boolean;
+}
+//# sourceMappingURL=index.d.ts.map

package/lib/common/index.d.ts.map

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

package/lib/common/index.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IOpenDialogOptions = exports.ISaveDialogOptions = exports.IWindowDialogService = exports.AbstractMessageService = exports.IDialogService = exports.MAX_MESSAGE_LENGTH = exports.IMessageService = void 0;
+const ide_core_common_1 = require("@opensumi/ide-core-common");
+exports.IMessageService = Symbol('IMessageService');
+exports.MAX_MESSAGE_LENGTH = 1000;
+exports.IDialogService = Symbol('IDialogService');
+class AbstractMessageService {
+    info(message, buttons, closable) {
+        return this.open(message, ide_core_common_1.MessageType.Info, buttons, closable);
+    }
+    warning(message, buttons, closable) {
+        return this.open(message, ide_core_common_1.MessageType.Warning, buttons, closable);
+    }
+    error(message, buttons, closable) {
+        return this.open(message, ide_core_common_1.MessageType.Error, buttons, closable);
+    }
+}
+exports.AbstractMessageService = AbstractMessageService;
+exports.IWindowDialogService = Symbol('IWindowDialogService');
+var ISaveDialogOptions;
+(function (ISaveDialogOptions) {
+    function is(option) {
+        return 'saveLabel' in option || 'showNameInput' in option || 'defaultFileName' in option;
+    }
+    ISaveDialogOptions.is = is;
+})(ISaveDialogOptions = exports.ISaveDialogOptions || (exports.ISaveDialogOptions = {}));
+var IOpenDialogOptions;
+(function (IOpenDialogOptions) {
+    function is(option) {
+        return 'canSelectFiles' in option
+            || 'canSelectFolders' in option
+            || 'canSelectMany' in option
+            || 'openLabel' in option;
+    }
+    IOpenDialogOptions.is = is;
+})(IOpenDialogOptions = exports.IOpenDialogOptions || (exports.IOpenDialogOptions = {}));
+//# sourceMappingURL=index.js.map

package/lib/common/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/common/index.ts"],"names":[],"mappings":";;;AACA,+DAA6D;AAEhD,QAAA,eAAe,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;AAe5C,QAAA,kBAAkB,GAAG,IAAI,CAAC;AAE1B,QAAA,cAAc,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;AAWvD,MAAsB,sBAAsB;IAC1C,IAAI,CAAC,OAAiC,EAAE,OAAkB,EAAE,QAAkB;QAC5E,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,6BAAW,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;IACjE,CAAC;IAED,OAAO,CAAC,OAAiC,EAAE,OAAkB,EAAE,QAAkB;QAC/E,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,6BAAW,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;IACpE,CAAC;IAED,KAAK,CAAC,OAAiC,EAAE,OAAkB,EAAE,QAAkB;QAC7E,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,6BAAW,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;IAClE,CAAC;CAGF;AAdD,wDAcC;AAOY,QAAA,oBAAoB,GAAG,MAAM,CAAC,sBAAsB,CAAC,CAAC;AAuBnE,IAAiB,kBAAkB,CAIlC;AAJD,WAAiB,kBAAkB;IACjC,SAAgB,EAAE,CAAC,MAAM;QACvB,OAAO,WAAW,IAAI,MAAM,IAAI,eAAe,IAAI,MAAM,IAAI,iBAAiB,IAAI,MAAM,CAAC;IAC3F,CAAC;IAFe,qBAAE,KAEjB,CAAA;AACH,CAAC,EAJgB,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAIlC;AAED,IAAiB,kBAAkB,CAOlC;AAPD,WAAiB,kBAAkB;IACjC,SAAgB,EAAE,CAAC,MAAM;QACvB,OAAO,gBAAgB,IAAI,MAAM;eAC5B,kBAAkB,IAAI,MAAM;eAC5B,eAAe,IAAI,MAAM;eACzB,WAAW,IAAI,MAAM,CAAC;IAC7B,CAAC;IALe,qBAAE,KAKjB,CAAA;AACH,CAAC,EAPgB,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAOlC"}

package/lib/index.d.ts

@@ -0,0 +1,2 @@
+export * from './common';
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/lib/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+(0, tslib_1.__exportStar)(require("./common"), exports);
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,wDAAyB"}

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@opensumi/ide-overlay",
+  "version": "2.12.1-next-079c1930",
+  "files": [
+    "lib"
+  ],
+  "license": "MIT",
+  "main": "lib/index.js",
+  "typings": "lib/index.d.ts",
+  "scripts": {
+    "prepublishOnly": "npm run build",
+    "build": "tsc --build ../../configs/ts/references/tsconfig.overlay.json"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:opensumi/core.git"
+  },
+  "dependencies": {
+    "@opensumi/ide-core-common": "2.12.1-next-079c1930",
+    "@opensumi/ide-core-node": "2.12.1-next-079c1930"
+  },
+  "devDependencies": {
+    "@opensumi/ide-core-browser": "2.12.1-next-079c1930",
+    "@opensumi/ide-dev-tool": "^1.3.1",
+    "@opensumi/ide-components": "2.12.1-next-079c1930"
+  }
+}