@opensumi/ide-menu-bar 2.24.4 → 2.24.6-next-1685437626.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/browser/menu-bar.module.less +17 -0
- package/lib/browser/menu-bar.view.d.ts +5 -0
- package/lib/browser/menu-bar.view.d.ts.map +1 -1
- package/lib/browser/menu-bar.view.js +13 -1
- package/lib/browser/menu-bar.view.js.map +1 -1
- package/package.json +5 -5
- package/src/browser/menu-bar.module.less +17 -0
- package/src/browser/menu-bar.view.tsx +17 -2
|
@@ -46,3 +46,20 @@
|
|
|
46
46
|
top: 100%;
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
|
+
|
|
50
|
+
.icon_menubar_container {
|
|
51
|
+
display: flex;
|
|
52
|
+
align-items: center;
|
|
53
|
+
|
|
54
|
+
.menubar_action {
|
|
55
|
+
margin-right: 1px;
|
|
56
|
+
|
|
57
|
+
> span[class*='-icon'] {
|
|
58
|
+
font-size: 1.5em;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
span + span {
|
|
62
|
+
margin-left: 12px;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
}
|
|
@@ -3,5 +3,10 @@ export declare const MenuBar: React.FunctionComponent<object>;
|
|
|
3
3
|
type MenuBarMixToolbarActionProps = Pick<React.HTMLProps<HTMLElement>, 'className'>;
|
|
4
4
|
export declare const MenuBarMixToolbarAction: React.FC<MenuBarMixToolbarActionProps>;
|
|
5
5
|
export declare const MenuBarActionWrapper: (props: MenuBarMixToolbarActionProps) => React.FunctionComponentElement<MenuBarMixToolbarActionProps>;
|
|
6
|
+
/**
|
|
7
|
+
* 可供集成方导入的组件
|
|
8
|
+
* 后续如果有一些改动需要考虑是否有 breakchange
|
|
9
|
+
*/
|
|
10
|
+
export declare const IconMenuBar: () => JSX.Element;
|
|
6
11
|
export {};
|
|
7
12
|
//# sourceMappingURL=menu-bar.view.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-bar.view.d.ts","sourceRoot":"","sources":["../../src/browser/menu-bar.view.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AA8E1B,eAAO,MAAM,OAAO,iCAiDlB,CAAC;AAIH,KAAK,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"}
|
|
1
|
+
{"version":3,"file":"menu-bar.view.d.ts","sourceRoot":"","sources":["../../src/browser/menu-bar.view.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AA8E1B,eAAO,MAAM,OAAO,iCAiDlB,CAAC;AAIH,KAAK,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;AAEhH;;;GAGG;AACH,eAAO,MAAM,WAAW,mBASvB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.MenuBarActionWrapper = exports.MenuBarMixToolbarAction = exports.MenuBar = void 0;
|
|
3
|
+
exports.IconMenuBar = exports.MenuBarActionWrapper = exports.MenuBarMixToolbarAction = exports.MenuBar = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const classnames_1 = tslib_1.__importDefault(require("classnames"));
|
|
6
6
|
const mobx_react_lite_1 = require("mobx-react-lite");
|
|
@@ -11,6 +11,7 @@ const deprecated_1 = require("@opensumi/ide-components/lib/utils/deprecated");
|
|
|
11
11
|
const ide_core_browser_1 = require("@opensumi/ide-core-browser");
|
|
12
12
|
const actions_1 = require("@opensumi/ide-core-browser/lib/components/actions");
|
|
13
13
|
const constants_1 = require("@opensumi/ide-core-browser/lib/layout/constants");
|
|
14
|
+
const next_1 = require("@opensumi/ide-core-browser/lib/menu/next");
|
|
14
15
|
const menu_bar_module_less_1 = tslib_1.__importDefault(require("./menu-bar.module.less"));
|
|
15
16
|
const menu_bar_store_1 = require("./menu-bar.store");
|
|
16
17
|
const MenubarItem = (0, mobx_react_lite_1.observer)(({ id, label, focusMode, afterMenubarClick, afterMenuClick }) => {
|
|
@@ -83,4 +84,15 @@ const MenuBarMixToolbarAction = (props) => (react_1.default.createElement("div",
|
|
|
83
84
|
exports.MenuBarMixToolbarAction = MenuBarMixToolbarAction;
|
|
84
85
|
exports.MenuBarMixToolbarAction.displayName = 'MenuBarMixToolbarAction';
|
|
85
86
|
exports.MenuBarActionWrapper = (0, deprecated_1.Deprecated)(exports.MenuBarMixToolbarAction, 'please use `MenuBarMixToolbarAction`');
|
|
87
|
+
/**
|
|
88
|
+
* 可供集成方导入的组件
|
|
89
|
+
* 后续如果有一些改动需要考虑是否有 breakchange
|
|
90
|
+
*/
|
|
91
|
+
const IconMenuBar = () => {
|
|
92
|
+
const menuService = (0, ide_core_browser_1.useInjectable)(next_1.AbstractMenuService);
|
|
93
|
+
const menus = menuService.createMenu(next_1.MenuId.IconMenubarContext);
|
|
94
|
+
return (react_1.default.createElement("div", { className: menu_bar_module_less_1.default.icon_menubar_container },
|
|
95
|
+
react_1.default.createElement(actions_1.InlineActionBar, { menus: menus, type: 'icon', className: menu_bar_module_less_1.default.menubar_action, isFlattenMenu: true })));
|
|
96
|
+
};
|
|
97
|
+
exports.IconMenuBar = IconMenuBar;
|
|
86
98
|
//# sourceMappingURL=menu-bar.view.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-bar.view.js","sourceRoot":"","sources":["../../src/browser/menu-bar.view.tsx"],"names":[],"mappings":";;;;AAAA,oEAA6B;AAC7B,qDAA2C;AAC3C,0DAA0B;AAE1B,6DAAwD;AACxD,oEAAiE;AACjE,8EAA2E;AAC3E,iEAA4F;AAC5F,+
|
|
1
|
+
{"version":3,"file":"menu-bar.view.js","sourceRoot":"","sources":["../../src/browser/menu-bar.view.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@opensumi/ide-menu-bar",
|
|
3
|
-
"version": "2.24.
|
|
3
|
+
"version": "2.24.6-next-1685437626.0",
|
|
4
4
|
"description": "@opensumi/ide-menu-bar",
|
|
5
5
|
"files": [
|
|
6
6
|
"lib",
|
|
@@ -18,12 +18,12 @@
|
|
|
18
18
|
"url": "git@github.com:opensumi/core.git"
|
|
19
19
|
},
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@opensumi/ide-core-common": "2.24.
|
|
21
|
+
"@opensumi/ide-core-common": "2.24.6-next-1685437626.0"
|
|
22
22
|
},
|
|
23
23
|
"devDependencies": {
|
|
24
|
-
"@opensumi/ide-components": "2.24.
|
|
25
|
-
"@opensumi/ide-core-browser": "2.24.
|
|
24
|
+
"@opensumi/ide-components": "2.24.6-next-1685437626.0",
|
|
25
|
+
"@opensumi/ide-core-browser": "2.24.6-next-1685437626.0",
|
|
26
26
|
"@opensumi/ide-dev-tool": "1.3.1"
|
|
27
27
|
},
|
|
28
|
-
"gitHead": "
|
|
28
|
+
"gitHead": "0e93eae20452ca731d00a05af6b197773c6479d7"
|
|
29
29
|
}
|
|
@@ -46,3 +46,20 @@
|
|
|
46
46
|
top: 100%;
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
|
+
|
|
50
|
+
.icon_menubar_container {
|
|
51
|
+
display: flex;
|
|
52
|
+
align-items: center;
|
|
53
|
+
|
|
54
|
+
.menubar_action {
|
|
55
|
+
margin-right: 1px;
|
|
56
|
+
|
|
57
|
+
> span[class*='-icon'] {
|
|
58
|
+
font-size: 1.5em;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
span + span {
|
|
62
|
+
margin-left: 12px;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
}
|
|
@@ -6,9 +6,9 @@ import { ClickOutside } from '@opensumi/ide-components';
|
|
|
6
6
|
import { Dropdown } from '@opensumi/ide-components/lib/dropdown';
|
|
7
7
|
import { Deprecated } from '@opensumi/ide-components/lib/utils/deprecated';
|
|
8
8
|
import { useInjectable, SlotRenderer, ComponentRegistry } from '@opensumi/ide-core-browser';
|
|
9
|
-
import { MenuActionList } from '@opensumi/ide-core-browser/lib/components/actions';
|
|
9
|
+
import { InlineActionBar, MenuActionList } from '@opensumi/ide-core-browser/lib/components/actions';
|
|
10
10
|
import { LAYOUT_VIEW_SIZE } from '@opensumi/ide-core-browser/lib/layout/constants';
|
|
11
|
-
import { IMenubarItem } from '@opensumi/ide-core-browser/lib/menu/next';
|
|
11
|
+
import { AbstractMenuService, IMenubarItem, MenuId } from '@opensumi/ide-core-browser/lib/menu/next';
|
|
12
12
|
|
|
13
13
|
import styles from './menu-bar.module.less';
|
|
14
14
|
import { MenubarStore } from './menu-bar.store';
|
|
@@ -143,3 +143,18 @@ export const MenuBarMixToolbarAction: React.FC<MenuBarMixToolbarActionProps> = (
|
|
|
143
143
|
MenuBarMixToolbarAction.displayName = 'MenuBarMixToolbarAction';
|
|
144
144
|
|
|
145
145
|
export const MenuBarActionWrapper = Deprecated(MenuBarMixToolbarAction, 'please use `MenuBarMixToolbarAction`');
|
|
146
|
+
|
|
147
|
+
/**
|
|
148
|
+
* 可供集成方导入的组件
|
|
149
|
+
* 后续如果有一些改动需要考虑是否有 breakchange
|
|
150
|
+
*/
|
|
151
|
+
export const IconMenuBar = () => {
|
|
152
|
+
const menuService = useInjectable<AbstractMenuService>(AbstractMenuService);
|
|
153
|
+
const menus = menuService.createMenu(MenuId.IconMenubarContext);
|
|
154
|
+
|
|
155
|
+
return (
|
|
156
|
+
<div className={styles.icon_menubar_container}>
|
|
157
|
+
<InlineActionBar menus={menus} type='icon' className={styles.menubar_action} isFlattenMenu={true} />
|
|
158
|
+
</div>
|
|
159
|
+
);
|
|
160
|
+
};
|