@opensumi/ide-menu-bar 2.12.1-next-079c1930

package/lib/browser/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Provider } from '@opensumi/di';
+import { BrowserModule } from '@opensumi/ide-core-browser';
+export declare class MenuBarModule extends BrowserModule {
+    providers: Provider[];
+    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":";AACA,OAAO,EAAE,QAAQ,EAAc,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAM3D,qBACa,aAAc,SAAQ,aAAa;IAC9C,SAAS,EAAE,QAAQ,EAAE,CAMnB;IAEF,SAAS,4CAAW;CACrB"}

package/lib/browser/index.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuBarModule = void 0;
+const tslib_1 = require("tslib");
+/* istanbul ignore file */
+const di_1 = require("@opensumi/di");
+const ide_core_browser_1 = require("@opensumi/ide-core-browser");
+const menu_bar_view_1 = require("./menu-bar.view");
+const menu_bar_contribution_1 = require("./menu-bar.contribution");
+const menu_bar_store_1 = require("./menu-bar.store");
+let MenuBarModule = class MenuBarModule extends ide_core_browser_1.BrowserModule {
+    constructor() {
+        super(...arguments);
+        this.providers = [
+            menu_bar_contribution_1.MenuBarContribution,
+            {
+                token: menu_bar_store_1.AbstractMenubarStore,
+                useClass: menu_bar_store_1.MenubarStore,
+            },
+        ];
+        this.component = menu_bar_view_1.MenuBar;
+    }
+};
+MenuBarModule = (0, tslib_1.__decorate)([
+    (0, di_1.Injectable)()
+], MenuBarModule);
+exports.MenuBarModule = MenuBarModule;
+//# 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,0BAA0B;AAC1B,qCAAoD;AACpD,iEAA2D;AAE3D,mDAA0C;AAC1C,mEAA8D;AAC9D,qDAAsE;AAGtE,IAAa,aAAa,GAA1B,MAAa,aAAc,SAAQ,gCAAa;IAAhD;;QACE,cAAS,GAAe;YACtB,2CAAmB;YACnB;gBACE,KAAK,EAAE,qCAAoB;gBAC3B,QAAQ,EAAE,6BAAY;aACvB;SACF,CAAC;QAEF,cAAS,GAAG,uBAAO,CAAC;IACtB,CAAC;CAAA,CAAA;AAVY,aAAa;IADzB,IAAA,eAAU,GAAE;GACA,aAAa,CAUzB;AAVY,sCAAa"}

package/lib/browser/menu-bar.contribution.d.ts

@@ -0,0 +1,7 @@
+import { ComponentContribution, ComponentRegistry } from '@opensumi/ide-core-browser/lib/layout';
+import { ToolBarActionContribution, IToolbarRegistry } from '@opensumi/ide-core-browser';
+export declare class MenuBarContribution implements ComponentContribution, ToolBarActionContribution {
+    registerComponent(registry: ComponentRegistry): void;
+    registerToolbarActions(registry: IToolbarRegistry): void;
+}
+//# sourceMappingURL=menu-bar.contribution.d.ts.map

package/lib/browser/menu-bar.contribution.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-bar.contribution.d.ts","sourceRoot":"","sources":["../../src/browser/menu-bar.contribution.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAIjG,OAAO,EAAE,yBAAyB,EAAiB,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAExG,qBACa,mBAAoB,YAAW,qBAAqB,EAAE,yBAAyB;IAE1F,iBAAiB,CAAC,QAAQ,EAAE,iBAAiB;IAgB7C,sBAAsB,CAAC,QAAQ,EAAE,gBAAgB;CAMlD"}

package/lib/browser/menu-bar.contribution.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuBarContribution = void 0;
+const tslib_1 = require("tslib");
+const di_helper_1 = require("@opensumi/ide-core-common/lib/di-helper");
+const layout_1 = require("@opensumi/ide-core-browser/lib/layout");
+const menu_bar_view_1 = require("./menu-bar.view");
+const toolbar_action_view_1 = require("./toolbar-action.view");
+const ide_core_browser_1 = require("@opensumi/ide-core-browser");
+let MenuBarContribution = class MenuBarContribution {
+    registerComponent(registry) {
+        registry.register('@opensumi/ide-menu-bar', {
+            id: 'ide-menu-bar',
+            component: menu_bar_view_1.MenuBarMixToolbarAction,
+        }, {
+            size: 27,
+        });
+        if (!(0, ide_core_browser_1.isElectronEnv)()) {
+            registry.register('@opensumi/ide-toolbar-action', {
+                id: 'ide-toolbar-action',
+                component: toolbar_action_view_1.ToolbarAction,
+            });
+        }
+    }
+    registerToolbarActions(registry) {
+        if (!(0, ide_core_browser_1.isElectronEnv)()) {
+            registry.addLocation('menu-right');
+            registry.addLocation('menu-left');
+        }
+    }
+};
+MenuBarContribution = (0, tslib_1.__decorate)([
+    (0, di_helper_1.Domain)(layout_1.ComponentContribution, ide_core_browser_1.ToolBarActionContribution)
+], MenuBarContribution);
+exports.MenuBarContribution = MenuBarContribution;
+//# sourceMappingURL=menu-bar.contribution.js.map

package/lib/browser/menu-bar.contribution.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-bar.contribution.js","sourceRoot":"","sources":["../../src/browser/menu-bar.contribution.ts"],"names":[],"mappings":";;;;AAAA,uEAAiE;AACjE,kEAAiG;AAEjG,mDAA0D;AAC1D,+DAAsD;AACtD,iEAAwG;AAGxG,IAAa,mBAAmB,GAAhC,MAAa,mBAAmB;IAE9B,iBAAiB,CAAC,QAA2B;QAC3C,QAAQ,CAAC,QAAQ,CAAC,wBAAwB,EAAE;YAC1C,EAAE,EAAE,cAAc;YAClB,SAAS,EAAE,uCAAuB;SACnC,EAAE;YACD,IAAI,EAAE,EAAE;SACT,CAAC,CAAC;QAEH,IAAI,CAAC,IAAA,gCAAa,GAAE,EAAE;YACpB,QAAQ,CAAC,QAAQ,CAAC,8BAA8B,EAAE;gBAChD,EAAE,EAAE,oBAAoB;gBACxB,SAAS,EAAE,mCAAa;aACzB,CAAC,CAAC;SACJ;IACH,CAAC;IAED,sBAAsB,CAAC,QAA0B;QAC/C,IAAI,CAAC,IAAA,gCAAa,GAAE,EAAE;YACpB,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;YACnC,QAAQ,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;SACnC;IACH,CAAC;CACF,CAAA;AAxBY,mBAAmB;IAD/B,IAAA,kBAAM,EAAC,8BAAqB,EAAE,4CAAyB,CAAC;GAC5C,mBAAmB,CAwB/B;AAxBY,kDAAmB"}

package/lib/browser/menu-bar.module.less

@@ -0,0 +1,47 @@
+@import '~@opensumi/ide-core-browser/lib/style/variable.less';
+
+.menubarWrapper {
+  display: flex;
+  background-color: var(--kt-menubar-background);
+  z-index: 1;
+  position: relative;
+}
+
+.logoIconEmpty {
+  padding-left: 10px;
+}
+
+.menubars {
+  display: flex;
+  align-items: center;
+  height: 27px;
+  font-size: 14px;
+  flex-grow: 1;
+  flex-shrink: 0;
+}
+
+.menubar {
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0 12px;
+  color: var(--kt-menubar-foreground);
+
+  // 目前尚未开启使用 kt.menubar.separatorBackground
+
+  &.menu-open,
+  &:hover {
+    color: var(--menubar-selectionForeground);
+    background-color: var(--menubar-selectionBackground);
+    border-left: 1px solid var(--menubar-selectionBorder);
+    border-right: 1px solid var(--menubar-selectionBorder);
+    cursor: default;
+  }
+
+  &-drop {
+    position: absolute;
+    left: 0;
+    top: 100%;
+  }
+}

package/lib/browser/menu-bar.store.d.ts

@@ -0,0 +1,18 @@
+import { Disposable } from '@opensumi/ide-core-browser';
+import { IMenubarItem, MenuNode } from '@opensumi/ide-core-browser/lib/menu/next';
+export declare abstract class AbstractMenubarStore extends Disposable {
+    menubarItems: IMenubarItem[];
+    abstract handleMenubarClick(menuId: string): void;
+}
+export declare class MenubarStore extends Disposable implements AbstractMenubarStore {
+    private readonly menubarService;
+    menubarItems: import("mobx").IObservableArray<IMenubarItem>;
+    menuItems: import("mobx").ObservableMap<string, MenuNode[]>;
+    constructor();
+    private updateMenuNodes;
+    private build;
+    private handleMenuChanged;
+    private handleMenubarChanged;
+    handleMenubarClick: (menuId: string) => void;
+}
+//# sourceMappingURL=menu-bar.store.d.ts.map

package/lib/browser/menu-bar.store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-bar.store.d.ts","sourceRoot":"","sources":["../../src/browser/menu-bar.store.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExD,OAAO,EAA0B,YAAY,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAG1G,8BAAsB,oBAAqB,SAAQ,UAAU;IAC3D,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,QAAQ,CAAC,kBAAkB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;CAClD;AAED,qBACa,YAAa,SAAQ,UAAW,YAAW,oBAAoB;IAE1E,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAyB;IAGjD,YAAY,gDAAsC;IAGlD,SAAS,mDAAwC;;IAWxD,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,KAAK;IAQb,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,oBAAoB;IAMrB,kBAAkB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAER;CAC5C"}

package/lib/browser/menu-bar.store.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenubarStore = exports.AbstractMenubarStore = void 0;
+const tslib_1 = require("tslib");
+const di_1 = require("@opensumi/di");
+const ide_core_browser_1 = require("@opensumi/ide-core-browser");
+const mobx_1 = require("mobx");
+const next_1 = require("@opensumi/ide-core-browser/lib/menu/next");
+const debounce = require("lodash.debounce");
+class AbstractMenubarStore extends ide_core_browser_1.Disposable {
+}
+exports.AbstractMenubarStore = AbstractMenubarStore;
+let MenubarStore = class MenubarStore extends ide_core_browser_1.Disposable {
+    constructor() {
+        super();
+        this.menubarItems = mobx_1.observable.array([]);
+        this.menuItems = mobx_1.observable.map();
+        this.handleMenubarClick = debounce((menuId) => {
+            this.updateMenuNodes(menuId);
+        }, 500, { leading: true, trailing: true });
+        this.build();
+        this.registerDispose(this.menubarService.onDidMenubarChange(this.handleMenubarChanged, this, this.disposables));
+        this.registerDispose(this.menubarService.onDidMenuChange(this.handleMenuChanged, this, this.disposables));
+    }
+    updateMenuNodes(menuId) {
+        this.menubarService.rebuildMenuNodes(menuId);
+        const menuItems = this.menubarService.getMenuNodes(menuId) || [];
+        this.menuItems.set(menuId, menuItems);
+    }
+    build() {
+        const menubarItems = this.menubarService.getMenubarItems();
+        this.menubarItems.splice(0, this.menubarItems.length, ...menubarItems);
+        menubarItems.forEach(({ id: menuId }) => {
+            this.updateMenuNodes(menuId);
+        });
+    }
+    handleMenuChanged(menuId) {
+        this.updateMenuNodes(menuId);
+    }
+    handleMenubarChanged() {
+        const menubarItems = this.menubarService.getMenubarItems();
+        this.menubarItems.replace(menubarItems);
+    }
+};
+(0, tslib_1.__decorate)([
+    (0, di_1.Autowired)(next_1.AbstractMenubarService),
+    (0, tslib_1.__metadata)("design:type", next_1.AbstractMenubarService)
+], MenubarStore.prototype, "menubarService", void 0);
+(0, tslib_1.__decorate)([
+    mobx_1.observable,
+    (0, tslib_1.__metadata)("design:type", Object)
+], MenubarStore.prototype, "menubarItems", void 0);
+(0, tslib_1.__decorate)([
+    mobx_1.observable,
+    (0, tslib_1.__metadata)("design:type", Object)
+], MenubarStore.prototype, "menuItems", void 0);
+(0, tslib_1.__decorate)([
+    mobx_1.action.bound,
+    (0, tslib_1.__metadata)("design:type", Function),
+    (0, tslib_1.__metadata)("design:paramtypes", [String]),
+    (0, tslib_1.__metadata)("design:returntype", void 0)
+], MenubarStore.prototype, "updateMenuNodes", null);
+(0, tslib_1.__decorate)([
+    mobx_1.action.bound,
+    (0, tslib_1.__metadata)("design:type", Function)
+], MenubarStore.prototype, "handleMenubarClick", void 0);
+MenubarStore = (0, tslib_1.__decorate)([
+    (0, di_1.Injectable)(),
+    (0, tslib_1.__metadata)("design:paramtypes", [])
+], MenubarStore);
+exports.MenubarStore = MenubarStore;
+//# sourceMappingURL=menu-bar.store.js.map

package/lib/browser/menu-bar.store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-bar.store.js","sourceRoot":"","sources":["../../src/browser/menu-bar.store.ts"],"names":[],"mappings":";;;;AAAA,qCAAqD;AACrD,iEAAwD;AACxD,+BAA0C;AAC1C,mEAA0G;AAC1G,4CAA6C;AAE7C,MAAsB,oBAAqB,SAAQ,6BAAU;CAG5D;AAHD,oDAGC;AAGD,IAAa,YAAY,GAAzB,MAAa,YAAa,SAAQ,6BAAU;IAU1C;QACE,KAAK,EAAE,CAAC;QANH,iBAAY,GAAG,iBAAU,CAAC,KAAK,CAAe,EAAE,CAAC,CAAC;QAGlD,cAAS,GAAG,iBAAU,CAAC,GAAG,EAAsB,CAAC;QAmCjD,uBAAkB,GAA6B,QAAQ,CAAC,CAAC,MAAc,EAAE,EAAE;YAChF,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;QAhCzC,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,cAAc,CAAC,kBAAkB,CAAC,IAAI,CAAC,oBAAoB,EAAE,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;QAChH,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;IAC5G,CAAC;IAGO,eAAe,CAAC,MAAc;QACpC,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;QAC7C,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;QACjE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACxC,CAAC;IAEO,KAAK;QACX,MAAM,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,eAAe,EAAE,CAAC;QAC3D,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,YAAY,CAAC,CAAC;QACvE,YAAY,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;YACtC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,iBAAiB,CAAC,MAAc;QACtC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;IAC/B,CAAC;IAEO,oBAAoB;QAC1B,MAAM,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,eAAe,EAAE,CAAC;QAC3D,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IAC1C,CAAC;CAMF,CAAA;AA5CC;IADC,IAAA,cAAS,EAAC,6BAAsB,CAAC;2CACD,6BAAsB;oDAAC;AAGxD;IADC,iBAAU;;kDAC8C;AAGzD;IADC,iBAAU;;+CAC6C;AAWxD;IADC,aAAM,CAAC,KAAK;;;;mDAKZ;AAoBD;IADC,aAAM,CAAC,KAAK;;wDAG8B;AA7ChC,YAAY;IADxB,IAAA,eAAU,GAAE;;GACA,YAAY,CA8CxB;AA9CY,oCAAY"}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const MenuBar: React.FunctionComponent<object>;
+declare type MenuBarMixToolbarActionProps = Pick<React.HTMLProps<HTMLElement>, 'className'>;
+export declare const MenuBarMixToolbarAction: React.FC<MenuBarMixToolbarActionProps>;
+export declare const MenuBarActionWrapper: (props: MenuBarMixToolbarActionProps) => React.FunctionComponentElement<MenuBarMixToolbarActionProps>;
+export {};
+//# sourceMappingURL=menu-bar.view.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-bar.view.d.ts","sourceRoot":"","sources":["../../src/browser/menu-bar.view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAyE1B,eAAO,MAAM,OAAO,iCA+BlB,CAAC;AAIH,aAAK,4BAA4B,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,CAAC;AAEpF,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAK1E,CAAC;AAIF,eAAO,MAAM,oBAAoB,uGAA8E,CAAC"}

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

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuBarActionWrapper = exports.MenuBarMixToolbarAction = exports.MenuBar = void 0;
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const classnames_1 = (0, tslib_1.__importDefault)(require("classnames"));
+const mobx_react_lite_1 = require("mobx-react-lite");
+const ide_core_browser_1 = require("@opensumi/ide-core-browser");
+const actions_1 = require("@opensumi/ide-core-browser/lib/components/actions");
+const click_outside_1 = require("@opensumi/ide-core-browser/lib/components/click-outside");
+const deprecated_1 = require("@opensumi/ide-components/lib/utils/deprecated");
+const dropdown_1 = require("@opensumi/ide-components/lib/dropdown");
+const menu_bar_store_1 = require("./menu-bar.store");
+const menu_bar_module_less_1 = (0, tslib_1.__importDefault)(require("./menu-bar.module.less"));
+const MenubarItem = (0, mobx_react_lite_1.observer)(({ id, label, focusMode, afterMenubarClick, afterMenuClick }) => {
+    const menubarStore = (0, ide_core_browser_1.useInjectable)(menu_bar_store_1.MenubarStore);
+    const [menuOpen, setMenuOpen] = react_1.default.useState(false);
+    const handleMenubarItemClick = react_1.default.useCallback(() => {
+        menubarStore.handleMenubarClick(id);
+        if (focusMode) {
+            setMenuOpen(true);
+        }
+        else {
+            setMenuOpen((r) => !r);
+        }
+        afterMenubarClick();
+    }, [id]);
+    const handleMenuItemClick = () => {
+        setMenuOpen(false);
+        afterMenuClick();
+    };
+    const handleMouseOver = react_1.default.useCallback(() => {
+        // 只有 focus mode 下才会 hover 时重新生成数据
+        if (focusMode) {
+            menubarStore.handleMenubarClick(id);
+        }
+    }, [id, focusMode]);
+    const triggerMenuVisibleChange = (visible) => {
+        setMenuOpen(visible);
+    };
+    const data = menubarStore.menuItems.get(id) || [];
+    return (react_1.default.createElement(dropdown_1.Dropdown, { className: 'kt-menu', transitionName: '', align: {
+            offset: [0, 0],
+        }, visible: menuOpen, onVisibleChange: triggerMenuVisibleChange, overlay: react_1.default.createElement(actions_1.MenuActionList, { data: data, afterClick: handleMenuItemClick }), trigger: focusMode ? ['click', 'hover'] : ['click'] },
+        react_1.default.createElement("div", { className: (0, classnames_1.default)(menu_bar_module_less_1.default.menubar, { [menu_bar_module_less_1.default['menu-open']]: menuOpen }), onMouseOver: handleMouseOver, onClick: handleMenubarItemClick }, label)));
+});
+// 点击一次后开启 focus mode, 此时 hover 也能出现子菜单
+// outside click/contextmenu 之后解除 focus mode
+// 点击 MenubarItem 也会解除 focus mode
+// 点击 MenuItem 也会解除 focus mode
+exports.MenuBar = (0, mobx_react_lite_1.observer)(() => {
+    var _a;
+    const menubarStore = (0, ide_core_browser_1.useInjectable)(menu_bar_store_1.MenubarStore);
+    const componentRegistry = (0, ide_core_browser_1.useInjectable)(ide_core_browser_1.ComponentRegistry);
+    const [focusMode, setFocusMode] = react_1.default.useState(false);
+    const handleMouseLeave = react_1.default.useCallback(() => {
+        // 只有 focus 为 true 的时候, mouse leave 才会将其置为 false
+        setFocusMode(false);
+    }, [focusMode]);
+    const LogoIcon = (_a = componentRegistry.getComponentRegistryInfo('@opensumi/ide-menu-bar-logo')) === null || _a === void 0 ? void 0 : _a.views[0].component;
+    return (react_1.default.createElement(click_outside_1.ClickOutside, { className: menu_bar_module_less_1.default.menubars, mouseEvents: ['click', 'contextmenu'], onOutsideClick: handleMouseLeave },
+        LogoIcon ? react_1.default.createElement(LogoIcon, null) : react_1.default.createElement("div", { className: menu_bar_module_less_1.default.logoIconEmpty }),
+        menubarStore.menubarItems.map(({ id, label }) => (react_1.default.createElement(MenubarItem, { key: id, id: id, label: label, focusMode: focusMode, afterMenuClick: () => setFocusMode(false), afterMenubarClick: () => setFocusMode((r) => !r) })))));
+});
+exports.MenuBar.displayName = 'MenuBar';
+const MenuBarMixToolbarAction = (props) => {
+    return react_1.default.createElement("div", { className: (0, classnames_1.default)(menu_bar_module_less_1.default.menubarWrapper, props.className) },
+        react_1.default.createElement(exports.MenuBar, null),
+        react_1.default.createElement(ide_core_browser_1.SlotRenderer, { slot: 'action', flex: 1, overflow: 'initial' }));
+};
+exports.MenuBarMixToolbarAction = MenuBarMixToolbarAction;
+exports.MenuBarMixToolbarAction.displayName = 'MenuBarMixToolbarAction';
+exports.MenuBarActionWrapper = (0, deprecated_1.Deprecated)(exports.MenuBarMixToolbarAction, 'please use `MenuBarMixToolbarAction`');
+//# sourceMappingURL=menu-bar.view.js.map

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

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

package/lib/browser/toolbar-action.module.less

@@ -0,0 +1,26 @@
+/*
+@deprecated
+*/
+.toolbarActionsWrapper {
+  display: flex;
+  justify-content: space-between;
+  .toolbarActions {
+    &.toolbarActionsLeft {
+      flex-shrink: 0;
+    }
+    &.toolbarActionsRight {
+      flex-grow:1;
+    }
+    padding: 0 10px;
+    height: 27px;
+    background-color: var(--kt-menubar-background);
+
+    :global(.kt-toolbar-location-visible) {
+      display: flex;
+      justify-content: flex-end;
+      align-items: center;
+      height: 100%;
+    }
+  }
+
+}

package/lib/browser/toolbar-action.view.d.ts

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

package/lib/browser/toolbar-action.view.d.ts.map

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

package/lib/browser/toolbar-action.view.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolbarAction = 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 toolbar_action_module_less_1 = (0, tslib_1.__importDefault)(require("./toolbar-action.module.less"));
+const classnames_1 = (0, tslib_1.__importDefault)(require("classnames"));
+// const ActionGroup = observer(({ group, id }: { group: IToolbarActionGroup; id: string }) => {
+//   return (<div className={styles.actionGroup} key={id}>
+//     {group.map((action) => {
+//       switch (action.type) {
+//         case 'action':
+//           return (
+//             <Tooltip title={action.title}>
+//               <Button key={`${id}-${action.title}`} onClick={action.click} className={styles.action} type='icon' iconClass={action.iconClass} />
+//             </Tooltip>);
+//         case 'enum':
+//           return (<Select
+//             key={`${id}-${action.title}`}
+//             onChange={action.select}
+//             className={styles.action}
+//             size='small'
+//             style={{ width: 110 }}
+//             value={action.defaultValue || action.title}
+//             options={action.enum.map((option) => <Option key={option} label={option} value={option}>{option}</Option>)}
+//             />);
+//         default:
+//           console.warn(`Unknow Action type called: ${id}`);
+//       }
+//   })}
+//   </div>);
+// });
+exports.ToolbarAction = (0, mobx_react_lite_1.observer)(() => {
+    return react_1.default.createElement("div", { className: toolbar_action_module_less_1.default.toolbarActionsWrapper },
+        react_1.default.createElement(ide_core_browser_1.ToolbarLocation, { location: 'menu-left', preferences: { noDropDown: true }, className: (0, classnames_1.default)(toolbar_action_module_less_1.default.toolbarActions, toolbar_action_module_less_1.default.toolbarActionsLeft) }),
+        react_1.default.createElement(ide_core_browser_1.ToolbarLocation, { location: 'menu-right', className: (0, classnames_1.default)(toolbar_action_module_less_1.default.toolbarActions, toolbar_action_module_less_1.default.toolbarActionsRight) }));
+});
+//# sourceMappingURL=toolbar-action.view.js.map

package/lib/browser/toolbar-action.view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-action.view.js","sourceRoot":"","sources":["../../src/browser/toolbar-action.view.tsx"],"names":[],"mappings":";;;;AAAA,+DAA0B;AAC1B,qDAA2C;AAC3C,iEAA6D;AAE7D,2GAAkD;AAClD,yEAAoC;AAEpC,gGAAgG;AAChG,0DAA0D;AAC1D,+BAA+B;AAC/B,+BAA+B;AAC/B,yBAAyB;AACzB,qBAAqB;AACrB,6CAA6C;AAC7C,mJAAmJ;AACnJ,2BAA2B;AAC3B,uBAAuB;AACvB,4BAA4B;AAC5B,4CAA4C;AAC5C,uCAAuC;AACvC,wCAAwC;AACxC,2BAA2B;AAC3B,qCAAqC;AACrC,0DAA0D;AAC1D,0HAA0H;AAC1H,mBAAmB;AACnB,mBAAmB;AACnB,8DAA8D;AAC9D,UAAU;AACV,QAAQ;AACR,aAAa;AACb,MAAM;AAEO,QAAA,aAAa,GAAG,IAAA,0BAAQ,EAAC,GAAG,EAAE;IACzC,OAAO,uCAAK,SAAS,EAAE,oCAAM,CAAC,qBAAqB;QAC/C,8BAAC,kCAAe,IAAC,QAAQ,EAAC,WAAW,EAAE,WAAW,EAAE,EAAC,UAAU,EAAE,IAAI,EAAC,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,oCAAM,CAAC,cAAc,EAAE,oCAAM,CAAC,kBAAkB,CAAC,GAAG;QAClJ,8BAAC,kCAAe,IAAC,QAAQ,EAAC,YAAY,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,oCAAM,CAAC,cAAc,EAAE,oCAAM,CAAC,mBAAmB,CAAC,GAAG,CAC/G,CAAC;AACX,CAAC,CAAC,CAAC"}

package/lib/index.d.ts

@@ -0,0 +1,2 @@
+export * from './browser';
+//# 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,WAAW,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("./browser"), 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,yDAA0B"}

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@opensumi/ide-menu-bar",
+  "version": "2.12.1-next-079c1930",
+  "description": "@opensumi/ide-menu-bar",
+  "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.menu-bar.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",
+    "@opensumi/ide-components": "2.12.1-next-079c1930"
+  },
+  "devDependencies": {
+    "@opensumi/ide-core-browser": "2.12.1-next-079c1930",
+    "@opensumi/ide-dev-tool": "^1.3.1"
+  }
+}