@opensumi/ide-design 2.27.3-rc-1711024024.0

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2019-present Alibaba Group Holding Limited, Ant Group Co. Ltd.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/lib/browser/design.contribution.d.ts

@@ -0,0 +1,9 @@
+import { ClientAppContribution, SlotRendererContribution, SlotRendererRegistry } from '@opensumi/ide-core-browser';
+import { FileServiceClient } from '@opensumi/ide-file-service/lib/browser/file-service-client';
+export declare class DesignCoreContribution implements ClientAppContribution, SlotRendererContribution {
+    protected readonly fileSystem: FileServiceClient;
+    private readonly designThemeFileSystemProvider;
+    initialize(): Promise<void>;
+    registerRenderer(registry: SlotRendererRegistry): void;
+}
+//# sourceMappingURL=design.contribution.d.ts.map

package/lib/browser/design.contribution.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"design.contribution.d.ts","sourceRoot":"","sources":["../../src/browser/design.contribution.ts"],"names":[],"mappings":"AACA,OAAO,EACL,qBAAqB,EAGrB,wBAAwB,EACxB,oBAAoB,EACrB,MAAM,4BAA4B,CAAC;AAGpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,4DAA4D,CAAC;AAK/F,qBAEa,sBAAuB,YAAW,qBAAqB,EAAE,wBAAwB;IAE5F,SAAS,CAAC,QAAQ,CAAC,UAAU,EAAE,iBAAiB,CAAC;IAGjD,OAAO,CAAC,QAAQ,CAAC,6BAA6B,CAAgC;IAExE,UAAU;IAIhB,gBAAgB,CAAC,QAAQ,EAAE,oBAAoB,GAAG,IAAI;CAKvD"}

package/lib/browser/design.contribution.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DesignCoreContribution = void 0;
+const tslib_1 = require("tslib");
+const di_1 = require("@opensumi/di");
+const ide_core_browser_1 = require("@opensumi/ide-core-browser");
+const ide_core_common_1 = require("@opensumi/ide-core-common");
+const ide_file_service_1 = require("@opensumi/ide-file-service");
+const file_service_client_1 = require("@opensumi/ide-file-service/lib/browser/file-service-client");
+const tabbar_view_1 = require("./layout/tabbar.view");
+const file_system_provider_1 = require("./theme/file-system.provider");
+let DesignCoreContribution = class DesignCoreContribution {
+    async initialize() {
+        this.fileSystem.registerProvider(ide_core_common_1.Schemes.design, this.designThemeFileSystemProvider);
+    }
+    registerRenderer(registry) {
+        registry.registerSlotRenderer(ide_core_browser_1.SlotLocation.left, tabbar_view_1.DesignLeftTabRenderer);
+        registry.registerSlotRenderer(ide_core_browser_1.SlotLocation.bottom, tabbar_view_1.DesignBottomTabRenderer);
+        registry.registerSlotRenderer(ide_core_browser_1.SlotLocation.right, tabbar_view_1.DesignRightTabRenderer);
+    }
+};
+tslib_1.__decorate([
+    (0, di_1.Autowired)(ide_file_service_1.IFileServiceClient),
+    tslib_1.__metadata("design:type", file_service_client_1.FileServiceClient)
+], DesignCoreContribution.prototype, "fileSystem", void 0);
+tslib_1.__decorate([
+    (0, di_1.Autowired)(),
+    tslib_1.__metadata("design:type", file_system_provider_1.DesignThemeFileSystemProvider)
+], DesignCoreContribution.prototype, "designThemeFileSystemProvider", void 0);
+DesignCoreContribution = tslib_1.__decorate([
+    (0, di_1.Injectable)(),
+    (0, ide_core_browser_1.Domain)(ide_core_browser_1.ClientAppContribution, ide_core_browser_1.SlotRendererContribution)
+], DesignCoreContribution);
+exports.DesignCoreContribution = DesignCoreContribution;
+//# sourceMappingURL=design.contribution.js.map

package/lib/browser/design.contribution.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design.contribution.js","sourceRoot":"","sources":["../../src/browser/design.contribution.ts"],"names":[],"mappings":";;;;AAAA,qCAAqD;AACrD,iEAMoC;AACpC,+DAAoD;AACpD,iEAAgE;AAChE,oGAA+F;AAE/F,sDAA8G;AAC9G,uEAA6E;AAItE,IAAM,sBAAsB,GAA5B,MAAM,sBAAsB;IAOjC,KAAK,CAAC,UAAU;QACd,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,yBAAO,CAAC,MAAM,EAAE,IAAI,CAAC,6BAA6B,CAAC,CAAC;IACvF,CAAC;IAED,gBAAgB,CAAC,QAA8B;QAC7C,QAAQ,CAAC,oBAAoB,CAAC,+BAAY,CAAC,IAAI,EAAE,mCAAqB,CAAC,CAAC;QACxE,QAAQ,CAAC,oBAAoB,CAAC,+BAAY,CAAC,MAAM,EAAE,qCAAuB,CAAC,CAAC;QAC5E,QAAQ,CAAC,oBAAoB,CAAC,+BAAY,CAAC,KAAK,EAAE,oCAAsB,CAAC,CAAC;IAC5E,CAAC;CACF,CAAA;AAfC;IAAC,IAAA,cAAS,EAAC,qCAAkB,CAAC;sCACC,uCAAiB;0DAAC;AAEjD;IAAC,IAAA,cAAS,GAAE;sCACoC,oDAA6B;6EAAC;AALnE,sBAAsB;IAFlC,IAAA,eAAU,GAAE;IACZ,IAAA,yBAAM,EAAC,wCAAqB,EAAE,2CAAwB,CAAC;GAC3C,sBAAsB,CAgBlC;AAhBY,wDAAsB"}

package/lib/browser/index.d.ts

@@ -0,0 +1,7 @@
+import { Injector, Provider } from '@opensumi/di';
+import { BrowserModule } from '@opensumi/ide-core-browser';
+export declare class DesignModule extends BrowserModule {
+    providers: Provider[];
+    preferences: (injector: Injector) => void;
+}
+//# 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,EAAc,QAAQ,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAO,MAAM,4BAA4B,CAAC;AAuBhE,qBACa,YAAa,SAAQ,aAAa;IAC7C,SAAS,EAAE,QAAQ,EAAE,CAA4B;IAEjD,WAAW,aAAc,QAAQ,UAkE/B;CACH"}

package/lib/browser/index.js

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DesignModule = void 0;
+const tslib_1 = require("tslib");
+const di_1 = require("@opensumi/di");
+const ide_core_browser_1 = require("@opensumi/ide-core-browser");
+const split_panel_service_1 = require("@opensumi/ide-core-browser/lib/components/layout/split-panel.service");
+const design_1 = require("@opensumi/ide-core-browser/lib/design");
+const browser_1 = require("@opensumi/ide-core-browser/lib/menu/next/renderer/ctxmenu/browser");
+const ide_core_common_1 = require("@opensumi/ide-core-common");
+const browser_2 = require("@opensumi/ide-editor/lib/browser");
+const ide_theme_1 = require("@opensumi/ide-theme");
+const theme_store_1 = require("@opensumi/ide-theme/lib/browser/theme-store");
+const design_contribution_1 = require("./design.contribution");
+const editor_tab_service_1 = require("./override/editor-tab.service");
+const menu_service_1 = require("./override/menu.service");
+const split_panel_service_2 = require("./override/split-panel.service");
+const design_module_less_1 = tslib_1.__importDefault(require("./style/design.module.less"));
+const default_theme_1 = tslib_1.__importDefault(require("./theme/default-theme"));
+const light_theme_1 = tslib_1.__importDefault(require("./theme/light-theme"));
+let DesignModule = class DesignModule extends ide_core_browser_1.BrowserModule {
+    constructor() {
+        super(...arguments);
+        this.providers = [design_contribution_1.DesignCoreContribution];
+        this.preferences = (injector) => {
+            import('./style/global.less');
+            const designStyleService = injector.get(design_1.IDesignStyleService);
+            designStyleService.setStyles(design_module_less_1.default);
+            const appLifeCycleService = injector.get(ide_core_common_1.AppLifeCycleServiceToken);
+            ide_core_common_1.Event.once(ide_core_common_1.Event.filter(appLifeCycleService.onDidLifeCyclePhaseChange, (phase) => phase === 4 /* LifeCyclePhase.Ready */))(() => {
+                const themeService = injector.get(ide_theme_1.IThemeService);
+                [default_theme_1.default, light_theme_1.default].forEach((theme) => {
+                    themeService.registerThemes([
+                        {
+                            id: theme.id,
+                            label: theme.name,
+                            path: '',
+                            extensionId: theme.id,
+                            uiTheme: theme.base,
+                        },
+                    ], ide_core_browser_1.URI.parse(`${theme.id}.json`).withQuery(theme.id).withScheme(ide_core_common_1.Schemes.design));
+                });
+            });
+            injector.overrideProviders({
+                token: ide_theme_1.IThemeStore,
+                useClass: class extends theme_store_1.ThemeStore {
+                    async getThemeData(contribution, basePath) {
+                        const newTheme = await super.getThemeData(contribution, basePath);
+                        document.body.classList.remove(light_theme_1.default.designThemeType);
+                        document.body.classList.remove(default_theme_1.default.designThemeType);
+                        if (default_theme_1.default.id === (contribution === null || contribution === void 0 ? void 0 : contribution.id)) {
+                            document.body.classList.add(default_theme_1.default.designThemeType);
+                        }
+                        else if (light_theme_1.default.id === (contribution === null || contribution === void 0 ? void 0 : contribution.id)) {
+                            document.body.classList.add(light_theme_1.default.designThemeType);
+                        }
+                        return newTheme;
+                    }
+                },
+                override: true,
+                isDefault: true,
+            }, {
+                token: browser_2.IEditorTabService,
+                useClass: editor_tab_service_1.DesignEditorTabService,
+                override: true,
+                isDefault: true,
+            }, {
+                token: split_panel_service_1.ISplitPanelService,
+                useClass: split_panel_service_2.DesignSplitPanelService,
+                override: true,
+                isDefault: true,
+            }, {
+                token: browser_1.IBrowserCtxMenu,
+                useClass: menu_service_1.DesignBrowserCtxMenuService,
+            });
+        };
+    }
+};
+DesignModule = tslib_1.__decorate([
+    (0, di_1.Injectable)()
+], DesignModule);
+exports.DesignModule = DesignModule;
+//# 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":"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"}

package/lib/browser/layout/tabbar.view.d.ts

@@ -0,0 +1,18 @@
+import React, { FC } from 'react';
+import { ComponentRegistryInfo } from '@opensumi/ide-core-browser';
+export declare const DesignLeftTabRenderer: ({ className, components, tabbarView, }: {
+    className: string;
+    components: ComponentRegistryInfo[];
+    tabbarView?: React.FC<{}> | undefined;
+}) => React.JSX.Element;
+export declare const DesignBottomTabRenderer: ({ className, components, }: {
+    className: string;
+    components: ComponentRegistryInfo[];
+}) => React.JSX.Element;
+export declare const DesignRightTabRenderer: ({ className, components, tabbarView, tabpanelView, }: {
+    components: ComponentRegistryInfo[];
+    className?: string | undefined;
+    tabbarView?: React.FC<{}> | undefined;
+    tabpanelView?: React.FC<{}> | undefined;
+}) => React.JSX.Element;
+//# sourceMappingURL=tabbar.view.d.ts.map

package/lib/browser/layout/tabbar.view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabbar.view.d.ts","sourceRoot":"","sources":["../../../src/browser/layout/tabbar.view.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAOnE,eAAO,MAAM,qBAAqB;eAKrB,MAAM;gBACL,qBAAqB,EAAE;;uBAIpC,CAAC;AAEF,eAAO,MAAM,uBAAuB;eAIvB,MAAM;gBACL,qBAAqB,EAAE;uBAC+D,CAAC;AAErG,eAAO,MAAM,sBAAsB;gBAMrB,qBAAqB,EAAE;;;;uBAWpC,CAAC"}

package/lib/browser/layout/tabbar.view.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DesignRightTabRenderer = exports.DesignBottomTabRenderer = exports.DesignLeftTabRenderer = void 0;
+const tslib_1 = require("tslib");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const react_1 = tslib_1.__importDefault(require("react"));
+const renderer_view_1 = require("@opensumi/ide-main-layout/lib/browser/tabbar/renderer.view");
+const DesignLeftTabRenderer = ({ className, components, tabbarView, }) => (react_1.default.createElement(renderer_view_1.LeftTabRenderer, { className: (0, classnames_1.default)(className, 'design_left_slot'), components: components, tabbarView: tabbarView }));
+exports.DesignLeftTabRenderer = DesignLeftTabRenderer;
+const DesignBottomTabRenderer = ({ className, components, }) => react_1.default.createElement(renderer_view_1.BottomTabRenderer, { className: (0, classnames_1.default)(className, 'design_bottom_slot'), components: components });
+exports.DesignBottomTabRenderer = DesignBottomTabRenderer;
+const DesignRightTabRenderer = ({ className, components, tabbarView, tabpanelView, }) => (react_1.default.createElement(renderer_view_1.RightTabRenderer, { className: (0, classnames_1.default)(className, 'design_right_slot'), components: components, tabbarView: tabbarView, tabpanelView: tabpanelView }));
+exports.DesignRightTabRenderer = DesignRightTabRenderer;
+//# sourceMappingURL=tabbar.view.js.map

package/lib/browser/layout/tabbar.view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabbar.view.js","sourceRoot":"","sources":["../../../src/browser/layout/tabbar.view.tsx"],"names":[],"mappings":";;;;AAAA,oEAA6B;AAC7B,0DAAkC;AAGlC,8FAIoE;AAE7D,MAAM,qBAAqB,GAAG,CAAC,EACpC,SAAS,EACT,UAAU,EACV,UAAU,GAKX,EAAE,EAAE,CAAC,CACJ,8BAAC,+BAAe,IAAC,SAAS,EAAE,IAAA,oBAAG,EAAC,SAAS,EAAE,kBAAkB,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,GAAI,CACnH,CAAC;AAVW,QAAA,qBAAqB,yBAUhC;AAEK,MAAM,uBAAuB,GAAG,CAAC,EACtC,SAAS,EACT,UAAU,GAIX,EAAE,EAAE,CAAC,8BAAC,iCAAiB,IAAC,SAAS,EAAE,IAAA,oBAAG,EAAC,SAAS,EAAE,oBAAoB,CAAC,EAAE,UAAU,EAAE,UAAU,GAAI,CAAC;AANxF,QAAA,uBAAuB,2BAMiE;AAE9F,MAAM,sBAAsB,GAAG,CAAC,EACrC,SAAS,EACT,UAAU,EACV,UAAU,EACV,YAAY,GAMb,EAAE,EAAE,CAAC,CACJ,8BAAC,gCAAgB,IACf,SAAS,EAAE,IAAA,oBAAG,EAAC,SAAS,EAAE,mBAAmB,CAAC,EAC9C,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC;AAjBW,QAAA,sBAAsB,0BAiBjC"}

package/lib/browser/override/editor-tab.service.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { EditorTabService } from '@opensumi/ide-editor/lib/browser/editor.tab.service';
+export declare class DesignEditorTabService extends EditorTabService {
+    renderEditorTab(component: ReactNode, isCurrent: boolean): ReactNode;
+    renderTabCloseComponent(component: ReactNode): ReactNode;
+}
+//# sourceMappingURL=editor-tab.service.d.ts.map

package/lib/browser/override/editor-tab.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-tab.service.d.ts","sourceRoot":"","sources":["../../../src/browser/override/editor-tab.service.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AAK/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qDAAqD,CAAC;AAqBvF,qBACa,sBAAuB,SAAQ,gBAAgB;IACjD,eAAe,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS;IAapE,uBAAuB,CAAC,SAAS,EAAE,SAAS,GAAG,SAAS;CAGlE"}

package/lib/browser/override/editor-tab.service.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DesignEditorTabService = void 0;
+const tslib_1 = require("tslib");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const react_1 = tslib_1.__importStar(require("react"));
+const di_1 = require("@opensumi/di");
+const components_1 = require("@opensumi/ide-core-browser/lib/components");
+const ide_core_common_1 = require("@opensumi/ide-core-common");
+const editor_tab_service_1 = require("@opensumi/ide-editor/lib/browser/editor.tab.service");
+const override_module_less_1 = tslib_1.__importDefault(require("./override.module.less"));
+const EditorTabCloseComponent = (props) => {
+    const { children } = props;
+    const [display, setDisplay] = react_1.default.useState(false);
+    const uid = (0, react_1.useMemo)(() => 'editor-tab-close-' + (0, ide_core_common_1.uuid)(6), []);
+    const handleClick = (0, react_1.useCallback)(() => {
+        setDisplay(false);
+    }, []);
+    return (react_1.default.createElement(components_1.Popover, { id: uid, title: (0, ide_core_common_1.localize)('editor.title.context.close'), onClickAction: handleClick, display: display }, children));
+};
+let DesignEditorTabService = class DesignEditorTabService extends editor_tab_service_1.EditorTabService {
+    renderEditorTab(component, isCurrent) {
+        return (react_1.default.createElement("div", { className: (0, classnames_1.default)({
+                [override_module_less_1.default['design-editor_tab_block_container']]: true,
+                [override_module_less_1.default.active]: isCurrent,
+            }) }, component));
+    }
+    renderTabCloseComponent(component) {
+        return react_1.default.createElement(EditorTabCloseComponent, null, component);
+    }
+};
+DesignEditorTabService = tslib_1.__decorate([
+    (0, di_1.Injectable)()
+], DesignEditorTabService);
+exports.DesignEditorTabService = DesignEditorTabService;
+//# sourceMappingURL=editor-tab.service.js.map

package/lib/browser/override/editor-tab.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-tab.service.js","sourceRoot":"","sources":["../../../src/browser/override/editor-tab.service.tsx"],"names":[],"mappings":";;;;AAAA,oEAA6B;AAC7B,uDAA+D;AAE/D,qCAA0C;AAC1C,0EAAoE;AACpE,+DAA2D;AAC3D,4FAAuF;AAEvF,0FAA4C;AAE5C,MAAM,uBAAuB,GAAG,CAAC,KAAK,EAAE,EAAE;IACxC,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,GAAG,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,mBAAmB,GAAG,IAAA,sBAAI,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAE7D,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,8BAAC,oBAAO,IAAC,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,IAAA,0BAAQ,EAAC,4BAA4B,CAAC,EAAE,aAAa,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,IAC1G,QAAQ,CACD,CACX,CAAC;AACJ,CAAC,CAAC;AAGK,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,qCAAgB;IACjD,eAAe,CAAC,SAAoB,EAAE,SAAkB;QAC/D,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,oBAAG,EAAC;gBACb,CAAC,8BAAM,CAAC,mCAAmC,CAAC,CAAC,EAAE,IAAI;gBACnD,CAAC,8BAAM,CAAC,MAAM,CAAC,EAAE,SAAS;aAC3B,CAAC,IAED,SAAS,CACN,CACP,CAAC;IACJ,CAAC;IAEQ,uBAAuB,CAAC,SAAoB;QACnD,OAAO,8BAAC,uBAAuB,QAAE,SAAS,CAA2B,CAAC;IACxE,CAAC;CACF,CAAA;AAjBY,sBAAsB;IADlC,IAAA,eAAU,GAAE;GACA,sBAAsB,CAiBlC;AAjBY,wDAAsB"}

package/lib/browser/override/menu.service.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { MenuNode } from '@opensumi/ide-core-browser/lib/menu/next';
+import { IBrowserCtxMenu, IMenuRenderProps } from '@opensumi/ide-core-browser/lib/menu/next/renderer/ctxmenu/browser';
+import { BrowserCtxMenuService } from '@opensumi/ide-overlay/lib/browser/ctx-menu/ctx-menu.service';
+export declare class DesignBrowserCtxMenuService extends BrowserCtxMenuService implements IBrowserCtxMenu {
+    renderSubMenuTitle(node: MenuNode, props: IMenuRenderProps): ReactNode | undefined | null;
+    renderMenuItem(node: MenuNode, props: IMenuRenderProps): ReactNode | undefined | null;
+}
+//# sourceMappingURL=menu.service.d.ts.map

package/lib/browser/override/menu.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.service.d.ts","sourceRoot":"","sources":["../../../src/browser/override/menu.service.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAKlD,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,mEAAmE,CAAC;AACtH,OAAO,EAAE,qBAAqB,EAAE,MAAM,6DAA6D,CAAC;AAwDpG,qBACa,2BAA4B,SAAQ,qBAAsB,YAAW,eAAe;IAC/F,kBAAkB,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,GAAG,SAAS,GAAG,SAAS,GAAG,IAAI;IAIzF,cAAc,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,GAAG,SAAS,GAAG,SAAS,GAAG,IAAI;CAGtF"}

package/lib/browser/override/menu.service.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DesignBrowserCtxMenuService = void 0;
+const tslib_1 = require("tslib");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const react_1 = tslib_1.__importStar(require("react"));
+const di_1 = require("@opensumi/di");
+const ide_components_1 = require("@opensumi/ide-components");
+const ide_core_browser_1 = require("@opensumi/ide-core-browser");
+const ctx_menu_service_1 = require("@opensumi/ide-overlay/lib/browser/ctx-menu/ctx-menu.service");
+const ide_theme_1 = require("@opensumi/ide-theme");
+const override_module_less_1 = tslib_1.__importDefault(require("./override.module.less"));
+const MenuComponent = (props) => {
+    const iconService = (0, ide_core_browser_1.useInjectable)(ide_theme_1.IIconService);
+    const { data, disabled, hasSubmenu } = props;
+    const renderIcon = (0, react_1.useMemo)(() => {
+        if (data.checked) {
+            return react_1.default.createElement(ide_components_1.Icon, { icon: 'check' });
+        }
+        if (data.icon) {
+            return react_1.default.createElement(ide_components_1.Icon, { iconClass: data.icon });
+        }
+        return null;
+    }, [data]);
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(override_module_less_1.default.menuAction__sub_menu_action_container, {
+            [override_module_less_1.default.disabled]: disabled,
+            [override_module_less_1.default.checked]: data.checked,
+        }, data.className) },
+        react_1.default.createElement("div", { className: override_module_less_1.default.icon }, renderIcon),
+        react_1.default.createElement("div", { className: override_module_less_1.default.label }, data.label
+            ? (0, ide_core_browser_1.transformLabelWithCodicon)(ide_core_browser_1.strings.mnemonicButtonLabel(data.label, true), { margin: '0 3px' }, iconService === null || iconService === void 0 ? void 0 : iconService.fromString.bind(iconService))
+            : ''),
+        react_1.default.createElement("div", { className: override_module_less_1.default.tip },
+            data.keybinding ? react_1.default.createElement("div", { className: override_module_less_1.default.shortcut }, data.keybinding) : null,
+            hasSubmenu ? (react_1.default.createElement("div", { className: override_module_less_1.default.submenuIcon },
+                react_1.default.createElement(ide_components_1.Icon, { icon: 'right-arrow' }))) : null,
+            !data.keybinding && !hasSubmenu && data.extraDesc && react_1.default.createElement("div", { className: override_module_less_1.default.extraDesc }, data.extraDesc))));
+};
+let DesignBrowserCtxMenuService = class DesignBrowserCtxMenuService extends ctx_menu_service_1.BrowserCtxMenuService {
+    renderSubMenuTitle(node, props) {
+        return react_1.default.createElement(MenuComponent, Object.assign({ data: node }, props));
+    }
+    renderMenuItem(node, props) {
+        return react_1.default.createElement(MenuComponent, Object.assign({ data: node }, props));
+    }
+};
+DesignBrowserCtxMenuService = tslib_1.__decorate([
+    (0, di_1.Injectable)()
+], DesignBrowserCtxMenuService);
+exports.DesignBrowserCtxMenuService = DesignBrowserCtxMenuService;
+//# sourceMappingURL=menu.service.js.map

package/lib/browser/override/menu.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.service.js","sourceRoot":"","sources":["../../../src/browser/override/menu.service.tsx"],"names":[],"mappings":";;;;AAAA,oEAA6B;AAC7B,uDAAkD;AAElD,qCAA0C;AAC1C,6DAAgD;AAChD,iEAA+F;AAG/F,kGAAoG;AACpG,mDAAmD;AAGnD,0FAA4C;AAE5C,MAAM,aAAa,GAAG,CAAC,KAA4C,EAAE,EAAE;IACrE,MAAM,WAAW,GAAG,IAAA,gCAAa,EAAc,wBAAY,CAAC,CAAC;IAC7D,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAE7C,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC9B,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,OAAO,8BAAC,qBAAI,IAAC,IAAI,EAAC,OAAO,GAAG,CAAC;SAC9B;QAED,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,OAAO,8BAAC,qBAAI,IAAC,SAAS,EAAE,IAAI,CAAC,IAAI,GAAI,CAAC;SACvC;QAED,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,oBAAG,EACZ,8BAAM,CAAC,qCAAqC,EAC5C;YACE,CAAC,8BAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;YAC3B,CAAC,8BAAM,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,OAAO;SAC/B,EACD,IAAI,CAAC,SAAS,CACf;QAED,uCAAK,SAAS,EAAE,8BAAM,CAAC,IAAI,IAAG,UAAU,CAAO;QAC/C,uCAAK,SAAS,EAAE,8BAAM,CAAC,KAAK,IACzB,IAAI,CAAC,KAAK;YACT,CAAC,CAAC,IAAA,4CAAyB,EACvB,0BAAO,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,EAC7C,EAAE,MAAM,EAAE,OAAO,EAAE,EACnB,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,CAC1C;YACH,CAAC,CAAC,EAAE,CACF;QACN,uCAAK,SAAS,EAAE,8BAAM,CAAC,GAAG;YACvB,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,uCAAK,SAAS,EAAE,8BAAM,CAAC,QAAQ,IAAG,IAAI,CAAC,UAAU,CAAO,CAAC,CAAC,CAAC,IAAI;YACjF,UAAU,CAAC,CAAC,CAAC,CACZ,uCAAK,SAAS,EAAE,8BAAM,CAAC,WAAW;gBAChC,8BAAC,qBAAI,IAAC,IAAI,EAAC,aAAa,GAAG,CACvB,CACP,CAAC,CAAC,CAAC,IAAI;YACP,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,IAAI,uCAAK,SAAS,EAAE,8BAAM,CAAC,SAAS,IAAG,IAAI,CAAC,SAAS,CAAO,CAC1G,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAGK,IAAM,2BAA2B,GAAjC,MAAM,2BAA4B,SAAQ,wCAAqB;IACpE,kBAAkB,CAAC,IAAc,EAAE,KAAuB;QACxD,OAAO,8BAAC,aAAa,kBAAC,IAAI,EAAE,IAAI,IAAM,KAAK,EAAI,CAAC;IAClD,CAAC;IAED,cAAc,CAAC,IAAc,EAAE,KAAuB;QACpD,OAAO,8BAAC,aAAa,kBAAC,IAAI,EAAE,IAAI,IAAM,KAAK,EAAI,CAAC;IAClD,CAAC;CACF,CAAA;AARY,2BAA2B;IADvC,IAAA,eAAU,GAAE;GACA,2BAA2B,CAQvC;AARY,kEAA2B"}

package/lib/browser/override/override.module.less

@@ -0,0 +1,135 @@
+.design-editor_tab_block_container {
+  display: flex;
+  align-items: center;
+  height: 36px;
+  border-radius: 12px 12px 0 0;
+  padding: 0 8px;
+  margin-right: 0 !important;
+
+  &::before {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 12px;
+    display: inline-block;
+    width: 1px;
+    height: 12px;
+    background-color: var(--editorGroup-border);
+  }
+
+  > div:first-child {
+    margin-right: 4px !important;
+    flex-shrink: 0;
+    flex-grow: 0;
+
+    &::before {
+      font-size: 14px;
+      background-size: 14px;
+      background-position: 2px;
+      filter: grayscale(1);
+      color: var(--design-icon-color);
+    }
+  }
+
+  &.active {
+    background-color: var(--tab-activeBackground);
+    color: var(--tab-activeForeground);
+
+    &::before {
+      content: none;
+    }
+
+    div:first-child {
+      &::before {
+        filter: grayscale(0);
+      }
+    }
+  }
+}
+
+.menuAction__sub_menu_action_container {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  user-select: none;
+  padding-left: 12px;
+  padding-right: 12px;
+  min-width: 150px;
+
+  .icon {
+    filter: grayscale(1);
+
+    span {
+      margin-right: 8px;
+    }
+  }
+
+  .extraDesc,
+  .shortcut {
+    justify-content: right;
+    text-align: center;
+    color: var(--kt-menu-descriptionForeground);
+    font-size: 12px;
+  }
+
+  .icon,
+  .submenuIcon {
+    text-align: center;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    :global(.kt-icon) {
+      color: var(--design-text-color-normal);
+    }
+  }
+
+  .label {
+    flex: 1;
+    padding-right: 16px;
+  }
+
+  &.disabled {
+    .shortcut {
+      color: var(--kt-menu-disableForeground);
+    }
+  }
+
+  &:not(.disabled):hover {
+    .shortcut {
+      color: var(--menu-selectionForeground);
+    }
+  }
+
+  &:focus {
+    .shortcut {
+      color: var(--menu-selectionForeground);
+    }
+  }
+
+  .label {
+    font-size: 12px;
+    display: flex;
+    align-items: center;
+    // stop Flexbox removing trailing whitespace
+    // see https://www.mattstobbs.com/flexbox-removing-trailing-whitespace/
+    white-space: pre-wrap;
+  }
+
+  .submenuIcon {
+    span {
+      font-size: 16px;
+    }
+  }
+}
+
+:global(.design-light) {
+  .editor_tab_block_container {
+    > div:first-child {
+      &::before {
+        filter: grayscale(0);
+      }
+    }
+  }
+}

package/lib/browser/override/split-panel.service.d.ts

@@ -0,0 +1,8 @@
+import { FunctionComponentElement, ReactNode } from 'react';
+import { SplitPanelProps } from '@opensumi/ide-core-browser/lib/components';
+import { SplitPanelService } from '@opensumi/ide-core-browser/lib/components/layout/split-panel.service';
+export declare class DesignSplitPanelService extends SplitPanelService {
+    renderSplitPanel(component: JSX.Element, children: ReactNode[], props: SplitPanelProps): FunctionComponentElement<any>;
+    interceptProps(props: SplitPanelProps): SplitPanelProps;
+}
+//# sourceMappingURL=split-panel.service.d.ts.map

package/lib/browser/override/split-panel.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-panel.service.d.ts","sourceRoot":"","sources":["../../../src/browser/override/split-panel.service.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,sEAAsE,CAAC;AAEzG,qBAAa,uBAAwB,SAAQ,iBAAiB;IACnD,gBAAgB,CACvB,SAAS,EAAE,GAAG,CAAC,OAAO,EACtB,QAAQ,EAAE,SAAS,EAAE,EACrB,KAAK,EAAE,eAAe,GACrB,wBAAwB,CAAC,GAAG,CAAC;IAIvB,cAAc,CAAC,KAAK,EAAE,eAAe,GAAG,eAAe;CAGjE"}

package/lib/browser/override/split-panel.service.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DesignSplitPanelService = void 0;
+const split_panel_service_1 = require("@opensumi/ide-core-browser/lib/components/layout/split-panel.service");
+class DesignSplitPanelService extends split_panel_service_1.SplitPanelService {
+    renderSplitPanel(component, children, props) {
+        return super.renderSplitPanel(component, children, props);
+    }
+    interceptProps(props) {
+        return props;
+    }
+}
+exports.DesignSplitPanelService = DesignSplitPanelService;
+//# sourceMappingURL=split-panel.service.js.map

package/lib/browser/override/split-panel.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-panel.service.js","sourceRoot":"","sources":["../../../src/browser/override/split-panel.service.tsx"],"names":[],"mappings":";;;AAGA,8GAAyG;AAEzG,MAAa,uBAAwB,SAAQ,uCAAiB;IACnD,gBAAgB,CACvB,SAAsB,EACtB,QAAqB,EACrB,KAAsB;QAEtB,OAAO,KAAK,CAAC,gBAAgB,CAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;IAC5D,CAAC;IAEQ,cAAc,CAAC,KAAsB;QAC5C,OAAO,KAAK,CAAC;IACf,CAAC;CACF;AAZD,0DAYC"}