@opensumi/ide-main-layout 2.27.1-next-1698393241.0 → 2.27.1
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/accordion/accordion.view.d.ts.map +1 -1
- package/lib/browser/accordion/accordion.view.js +4 -14
- package/lib/browser/accordion/accordion.view.js.map +1 -1
- package/lib/browser/accordion/section.view.d.ts +1 -1
- package/lib/browser/accordion/section.view.d.ts.map +1 -1
- package/lib/browser/accordion/titlebar.view.d.ts +0 -1
- package/lib/browser/accordion/titlebar.view.d.ts.map +1 -1
- package/lib/browser/accordion/titlebar.view.js +2 -1
- package/lib/browser/accordion/titlebar.view.js.map +1 -1
- package/lib/browser/input/index.d.ts +1 -1
- package/lib/browser/input/index.d.ts.map +1 -1
- package/lib/browser/tabbar/bar.view.d.ts +1 -13
- package/lib/browser/tabbar/bar.view.d.ts.map +1 -1
- package/lib/browser/tabbar/bar.view.js +49 -53
- package/lib/browser/tabbar/bar.view.js.map +1 -1
- package/lib/browser/tabbar/panel.view.d.ts +0 -6
- package/lib/browser/tabbar/panel.view.d.ts.map +1 -1
- package/lib/browser/tabbar/panel.view.js +14 -17
- package/lib/browser/tabbar/panel.view.js.map +1 -1
- package/lib/browser/tabbar/renderer.view.d.ts +6 -9
- package/lib/browser/tabbar/renderer.view.d.ts.map +1 -1
- package/lib/browser/tabbar/renderer.view.js +3 -3
- package/lib/browser/tabbar/renderer.view.js.map +1 -1
- package/package.json +6 -6
- package/src/browser/accordion/accordion.view.tsx +7 -20
- package/src/browser/accordion/titlebar.view.tsx +3 -2
- package/src/browser/tabbar/bar.view.tsx +108 -140
- package/src/browser/tabbar/panel.view.tsx +11 -29
- package/src/browser/tabbar/renderer.view.tsx +4 -10
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.view.d.ts","sourceRoot":"","sources":["../../../src/browser/accordion/accordion.view.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"accordion.view.d.ts","sourceRoot":"","sources":["../../../src/browser/accordion/accordion.view.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAiB,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAc,MAAM,EAAc,MAAM,2CAA2C,CAAC;AAG3F,OAAO,EAA6C,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAG9F,UAAU,uBAAuB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC;IAC7B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,kBAAkB,kDAwE9B,CAAC;AAIF,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC;IAC9D,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAA2C,CAAC"}
|
|
@@ -3,24 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.Panel = exports.AccordionContainer = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const mobx_react_lite_1 = require("mobx-react-lite");
|
|
6
|
-
const react_1 = tslib_1.
|
|
6
|
+
const react_1 = tslib_1.__importDefault(require("react"));
|
|
7
7
|
const ide_core_browser_1 = require("@opensumi/ide-core-browser");
|
|
8
8
|
const components_1 = require("@opensumi/ide-core-browser/lib/components");
|
|
9
|
-
const constants_1 = require("@opensumi/ide-core-browser/lib/layout/constants");
|
|
10
9
|
const ide_core_common_1 = require("@opensumi/ide-core-common");
|
|
11
10
|
const accordion_service_1 = require("./accordion.service");
|
|
12
11
|
const section_view_1 = require("./section.view");
|
|
13
|
-
exports.AccordionContainer = (0, mobx_react_lite_1.observer)(({ alignment = 'vertical', views, containerId, headerSize, minSize = 120, className, noRestore, style, }) => {
|
|
12
|
+
exports.AccordionContainer = (0, mobx_react_lite_1.observer)(({ alignment = 'vertical', views, containerId, headerSize = 24, minSize = 120, className, noRestore, style, }) => {
|
|
14
13
|
const accordionService = (0, ide_core_browser_1.useInjectable)(accordion_service_1.AccordionServiceFactory)(containerId, noRestore);
|
|
15
|
-
const appConfig = (0, ide_core_browser_1.useInjectable)(ide_core_browser_1.AppConfig);
|
|
16
|
-
const layoutHeaderSize = (0, react_1.useMemo)(() => {
|
|
17
|
-
if (headerSize) {
|
|
18
|
-
return headerSize;
|
|
19
|
-
}
|
|
20
|
-
return appConfig.layoutViewSize
|
|
21
|
-
? appConfig.layoutViewSize.ACCORDION_HEADER_SIZE_HEIGHT
|
|
22
|
-
: constants_1.LAYOUT_VIEW_SIZE.ACCORDION_HEADER_SIZE_HEIGHT;
|
|
23
|
-
}, [headerSize]);
|
|
24
14
|
react_1.default.useEffect(() => {
|
|
25
15
|
// 解决视图在渲染前注册的问题
|
|
26
16
|
if (!views.length) {
|
|
@@ -31,7 +21,7 @@ exports.AccordionContainer = (0, mobx_react_lite_1.observer)(({ alignment = 'ver
|
|
|
31
21
|
}
|
|
32
22
|
}, [views]);
|
|
33
23
|
react_1.default.useEffect(() => {
|
|
34
|
-
accordionService.initConfig({ headerSize
|
|
24
|
+
accordionService.initConfig({ headerSize, minSize });
|
|
35
25
|
}, []);
|
|
36
26
|
const allCollapsed = !accordionService.visibleViews.find((view) => {
|
|
37
27
|
const viewState = accordionService.getViewState(view.id);
|
|
@@ -43,7 +33,7 @@ exports.AccordionContainer = (0, mobx_react_lite_1.observer)(({ alignment = 'ver
|
|
|
43
33
|
const { collapsed, nextSize } = viewState;
|
|
44
34
|
return (react_1.default.createElement(section_view_1.AccordionSection, { noHeader: accordionService.visibleViews.length === 1, onItemClick: () => {
|
|
45
35
|
accordionService.handleSectionClick(view.id, !collapsed, index);
|
|
46
|
-
}, onContextMenuHandler: accordionService.handleContextMenu, alignment: alignment, header: (view.name && (0, ide_core_common_1.replaceLocalizePlaceholder)(view.name)) || view.id, viewId: view.id, key: view.id, expanded: !collapsed, accordionService: accordionService, index: index, headerSize:
|
|
36
|
+
}, onContextMenuHandler: accordionService.handleContextMenu, alignment: alignment, header: (view.name && (0, ide_core_common_1.replaceLocalizePlaceholder)(view.name)) || view.id, viewId: view.id, key: view.id, expanded: !collapsed, accordionService: accordionService, index: index, headerSize: headerSize, minSize: headerSize, initialProps: view.initialProps, titleMenu: titleMenu, titleMenuContext: view.titleMenuContext, savedSize: collapsed ? headerSize : nextSize, flex: view.weight || 1 }, view.component));
|
|
47
37
|
})));
|
|
48
38
|
});
|
|
49
39
|
exports.AccordionContainer.displayName = 'AccordionContainer';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.view.js","sourceRoot":"","sources":["../../../src/browser/accordion/accordion.view.tsx"],"names":[],"mappings":";;;;AAAA,qDAA2C;AAC3C,
|
|
1
|
+
{"version":3,"file":"accordion.view.js","sourceRoot":"","sources":["../../../src/browser/accordion/accordion.view.tsx"],"names":[],"mappings":";;;;AAAA,qDAA2C;AAC3C,0DAA0B;AAE1B,iEAAiE;AACjE,0EAA2F;AAC3F,+DAAuE;AAEvE,2DAA8F;AAC9F,iDAAkD;AAcrC,QAAA,kBAAkB,GAAG,IAAA,0BAAQ,EACxC,CAAC,EACC,SAAS,GAAG,UAAU,EACtB,KAAK,EACL,WAAW,EACX,UAAU,GAAG,EAAE,EACf,OAAO,GAAG,GAAG,EACb,SAAS,EACT,SAAS,EACT,KAAK,GACmB,EAAE,EAAE;IAC5B,MAAM,gBAAgB,GAAqB,IAAA,gCAAa,EAAC,2CAAuB,CAAC,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAC1G,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,gBAAgB;QAChB,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACjB,OAAO;SACR;QACD,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;YACxB,gBAAgB,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;SACnC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACZ,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,gBAAgB,CAAC,UAAU,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC;IACvD,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,YAAY,GAAG,CAAC,gBAAgB,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;QAChE,MAAM,SAAS,GAAiB,gBAAgB,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACvE,OAAO,CAAC,SAAS,CAAC,SAAS,CAAC;IAC9B,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,uBAAU,IACT,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,IAAI,EACnB,EAAE,EAAE,WAAW,EACf,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,YAAY,EACxB,SAAS,EAAE,SAAS,KAAK,YAAY,CAAC,CAAC,8CAAwB,CAAC,6CAAuB,IAEtF,gBAAgB,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QACjD,MAAM,SAAS,GAAiB,gBAAgB,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACvE,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,IAAI,gBAAgB,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACpF,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC;QAC1C,OAAO,CACL,8BAAC,+BAAgB,IACf,QAAQ,EAAE,gBAAgB,CAAC,YAAY,CAAC,MAAM,KAAK,CAAC,EACpD,WAAW,EAAE,GAAG,EAAE;gBAChB,gBAAgB,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;YAClE,CAAC,EACD,oBAAoB,EAAE,gBAAgB,CAAC,iBAAiB,EACxD,SAAS,EAAE,SAA6B,EACxC,MAAM,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,IAAA,4CAA0B,EAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,EAAE,EACvE,MAAM,EAAE,IAAI,CAAC,EAAE,EACf,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,QAAQ,EAAE,CAAC,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,UAAU,EACnB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,EAC5C,IAAI,EAAE,IAAI,CAAC,MAAM,IAAI,CAAC,IAErB,IAAI,CAAC,SAAS,CACE,CACpB,CAAC;IACJ,CAAC,CAAC,CACS,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,0BAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAM/C,MAAM,KAAK,GAAyB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,2CAAM,QAAQ,CAAO,CAAC;AAAtE,QAAA,KAAK,SAAiE;AACnF,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}
|
|
@@ -24,5 +24,5 @@ export interface CollapsePanelProps extends React.PropsWithChildren<any> {
|
|
|
24
24
|
titleMenu: IMenu | IContextMenu;
|
|
25
25
|
accordionService: AccordionService;
|
|
26
26
|
}
|
|
27
|
-
export declare const AccordionSection: ({ header, description, message, badge, headerClass, onItemClick, noHeader, children, expanded, onResize, size, headerSize, viewId, initialProps, titleMenu, titleMenuContext, accordionService, onContextMenuHandler, alignment, }: CollapsePanelProps) =>
|
|
27
|
+
export declare const AccordionSection: ({ header, description, message, badge, headerClass, onItemClick, noHeader, children, expanded, onResize, size, headerSize, viewId, initialProps, titleMenu, titleMenuContext, accordionService, onContextMenuHandler, alignment, }: CollapsePanelProps) => JSX.Element;
|
|
28
28
|
//# sourceMappingURL=section.view.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"section.view.d.ts","sourceRoot":"","sources":["../../../src/browser/accordion/section.view.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,MAAM,EAAgB,MAAM,2CAA2C,CAAC;AAEjF,OAAO,EAAW,KAAK,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAMxF,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAGvD,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC;IAEtE,MAAM,EAAE,MAAM,CAAC;IAEf,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,oBAAoB,EAAE,GAAG,CAAC;IAE1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,IAAI,CAAC,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,KAAK,GAAG,YAAY,CAAC;IAChC,gBAAgB,EAAE,gBAAgB,CAAC;CACpC;AAMD,eAAO,MAAM,gBAAgB,uOAoB1B,kBAAkB,
|
|
1
|
+
{"version":3,"file":"section.view.d.ts","sourceRoot":"","sources":["../../../src/browser/accordion/section.view.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,MAAM,EAAgB,MAAM,2CAA2C,CAAC;AAEjF,OAAO,EAAW,KAAK,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAMxF,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAGvD,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC;IAEtE,MAAM,EAAE,MAAM,CAAC;IAEf,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,oBAAoB,EAAE,GAAG,CAAC;IAE1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,IAAI,CAAC,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,KAAK,GAAG,YAAY,CAAC;IAChC,gBAAgB,EAAE,gBAAgB,CAAC;CACpC;AAMD,eAAO,MAAM,gBAAgB,uOAoB1B,kBAAkB,gBAiIpB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"titlebar.view.d.ts","sourceRoot":"","sources":["../../../src/browser/accordion/titlebar.view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"titlebar.view.d.ts","sourceRoot":"","sources":["../../../src/browser/accordion/titlebar.view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAKC,CAAC"}
|
|
@@ -3,8 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.TitleBar = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
|
+
const constants_1 = require("@opensumi/ide-core-browser/lib/layout/constants");
|
|
6
7
|
const styles_module_less_1 = tslib_1.__importDefault(require("./styles.module.less"));
|
|
7
|
-
exports.TitleBar = react_1.default.memo((props) => (react_1.default.createElement("div", { className: styles_module_less_1.default.titlebar, style: { height:
|
|
8
|
+
exports.TitleBar = react_1.default.memo((props) => (react_1.default.createElement("div", { className: styles_module_less_1.default.titlebar, style: { height: constants_1.LAYOUT_VIEW_SIZE.PANEL_TITLEBAR_HEIGHT } },
|
|
8
9
|
react_1.default.createElement("h1", null, props.title),
|
|
9
10
|
props.menubar || null)));
|
|
10
11
|
exports.TitleBar.displayName = 'TitleBar';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"titlebar.view.js","sourceRoot":"","sources":["../../../src/browser/accordion/titlebar.view.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,sFAA0C;AAE7B,QAAA,QAAQ,
|
|
1
|
+
{"version":3,"file":"titlebar.view.js","sourceRoot":"","sources":["../../../src/browser/accordion/titlebar.view.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,+EAAmF;AAEnF,sFAA0C;AAE7B,QAAA,QAAQ,GAGhB,eAAK,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACzB,uCAAK,SAAS,EAAE,4BAAM,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,4BAAgB,CAAC,qBAAqB,EAAE;IACxF,0CAAK,KAAK,CAAC,KAAK,CAAM;IACrB,KAAK,CAAC,OAAO,IAAI,IAAI,CAClB,CACP,CAAC,CAAC;AAEH,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
|
|
@@ -2,5 +2,5 @@ import React, { PropsWithChildren } from 'react';
|
|
|
2
2
|
import { IInputBaseProps } from '@opensumi/ide-components';
|
|
3
3
|
export declare const AutoFocusedInput: ({ containerId, ...inputProps }: React.PropsWithChildren<{
|
|
4
4
|
containerId: string;
|
|
5
|
-
} & IInputBaseProps>) =>
|
|
5
|
+
} & IInputBaseProps>) => JSX.Element;
|
|
6
6
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/browser/input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAqB,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,eAAe,EAAS,MAAM,0BAA0B,CAAC;AAKlE,eAAO,MAAM,gBAAgB;iBAGO,MAAM;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/browser/input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAqB,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,eAAe,EAAS,MAAM,0BAA0B,CAAC;AAKlE,eAAO,MAAM,gBAAgB;iBAGO,MAAM;oCAqBzC,CAAC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ComponentRegistryInfo } from '@opensumi/ide-core-browser';
|
|
3
|
-
export declare function splitVisibleTabs(containers: ComponentRegistryInfo[], tabSize: number, availableSize: number): ComponentRegistryInfo[][];
|
|
4
3
|
export interface ITabbarViewProps {
|
|
5
4
|
TabView: React.FC<{
|
|
6
5
|
component: ComponentRegistryInfo;
|
|
@@ -14,10 +13,6 @@ export interface ITabbarViewProps {
|
|
|
14
13
|
className?: string;
|
|
15
14
|
margin?: number;
|
|
16
15
|
canHideTabbar?: boolean;
|
|
17
|
-
renderOtherVisibleContainers?: React.FC<{
|
|
18
|
-
props: ITabbarViewProps;
|
|
19
|
-
renderContainers: (component: ComponentRegistryInfo, handleTabClick: any, currentContainerId: string) => React.JSX.Element | null;
|
|
20
|
-
}>;
|
|
21
16
|
}
|
|
22
17
|
export declare const TabbarViewBase: React.FC<ITabbarViewProps>;
|
|
23
18
|
export declare const IconTabView: React.FC<{
|
|
@@ -29,13 +24,6 @@ export declare const TextTabView: React.FC<{
|
|
|
29
24
|
export declare const IconElipses: React.FC;
|
|
30
25
|
export declare const TextElipses: React.FC;
|
|
31
26
|
export declare const RightTabbarRenderer: React.FC;
|
|
32
|
-
export declare const LeftTabbarRenderer: React.FC
|
|
33
|
-
renderOtherVisibleContainers?: React.FC<{
|
|
34
|
-
props: ITabbarViewProps;
|
|
35
|
-
renderContainers: (component: ComponentRegistryInfo, handleTabClick: any, currentContainerId: string) => React.JSX.Element | null;
|
|
36
|
-
}>;
|
|
37
|
-
isRenderExtraTopMenus?: boolean;
|
|
38
|
-
renderExtraMenus?: React.ReactNode;
|
|
39
|
-
}>;
|
|
27
|
+
export declare const LeftTabbarRenderer: React.FC;
|
|
40
28
|
export declare const BottomTabbarRenderer: React.FC;
|
|
41
29
|
//# sourceMappingURL=bar.view.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bar.view.d.ts","sourceRoot":"","sources":["../../../src/browser/tabbar/bar.view.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"bar.view.d.ts","sourceRoot":"","sources":["../../../src/browser/tabbar/bar.view.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,qBAAqB,EAAoD,MAAM,4BAA4B,CAAC;AAwBrH,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,SAAS,EAAE,qBAAqB,CAAA;KAAE,CAAC,CAAC;IACxD,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAwHrD,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,EAAE,qBAAqB,CAAA;CAAE,CA+BrE,CAAC;AAEH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,EAAE,qBAAqB,CAAA;CAAE,CASrE,CAAC;AAEH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAK/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAM/B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAmBvC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EA4BtC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAqBxC,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.BottomTabbarRenderer = exports.LeftTabbarRenderer = exports.RightTabbarRenderer = exports.TextElipses = exports.IconElipses = exports.TextTabView = exports.IconTabView = exports.TabbarViewBase =
|
|
3
|
+
exports.BottomTabbarRenderer = exports.LeftTabbarRenderer = exports.RightTabbarRenderer = exports.TextElipses = exports.IconElipses = exports.TextTabView = exports.IconTabView = exports.TabbarViewBase = 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");
|
|
7
|
-
const react_1 = tslib_1.
|
|
7
|
+
const react_1 = tslib_1.__importDefault(require("react"));
|
|
8
8
|
const ide_components_1 = require("@opensumi/ide-components");
|
|
9
9
|
const ide_core_browser_1 = require("@opensumi/ide-core-browser");
|
|
10
10
|
const ide_core_browser_2 = require("@opensumi/ide-core-browser");
|
|
@@ -26,10 +26,8 @@ function splitVisibleTabs(containers, tabSize, availableSize) {
|
|
|
26
26
|
}
|
|
27
27
|
return [containers.slice(0, visibleCount - 1), containers.slice(visibleCount - 1)];
|
|
28
28
|
}
|
|
29
|
-
exports.
|
|
30
|
-
exports.TabbarViewBase = (0, mobx_react_lite_1.observer)((props) => {
|
|
29
|
+
exports.TabbarViewBase = (0, mobx_react_lite_1.observer)(({ TabView, MoreTabView, forbidCollapse, barSize = 48, panelBorderSize = 0, tabClassName, className, margin, tabSize, canHideTabbar, }) => {
|
|
31
30
|
var _a;
|
|
32
|
-
const { TabView, MoreTabView, forbidCollapse, barSize = 48, panelBorderSize = 0, tabClassName, className, margin, tabSize, canHideTabbar, renderOtherVisibleContainers = () => null, } = props;
|
|
33
31
|
const { side, direction, fullSize } = react_1.default.useContext(renderer_view_1.TabbarConfig);
|
|
34
32
|
const tabbarService = (0, ide_core_browser_1.useInjectable)(tabbar_service_1.TabbarServiceFactory)(side);
|
|
35
33
|
react_1.default.useEffect(() => {
|
|
@@ -50,52 +48,50 @@ exports.TabbarViewBase = (0, mobx_react_lite_1.observer)((props) => {
|
|
|
50
48
|
hideContainers.forEach((componentInfo) => {
|
|
51
49
|
tabbarService.updateTabInMoreKey(componentInfo.options.containerId, true);
|
|
52
50
|
});
|
|
53
|
-
const renderContainers = (0, react_1.useCallback)((component, handleTabClick, currentContainerId) => {
|
|
54
|
-
var _a;
|
|
55
|
-
const containerId = (_a = component.options) === null || _a === void 0 ? void 0 : _a.containerId;
|
|
56
|
-
if (!containerId) {
|
|
57
|
-
return null;
|
|
58
|
-
}
|
|
59
|
-
tabbarService.updateTabInMoreKey(containerId, false);
|
|
60
|
-
let ref;
|
|
61
|
-
return (react_1.default.createElement("li", { draggable: true, onDragStart: (e) => {
|
|
62
|
-
if (ref) {
|
|
63
|
-
const dragImage = ref.cloneNode(true);
|
|
64
|
-
dragImage.classList.add(styles_module_less_1.default.dragging);
|
|
65
|
-
if (tabClassName) {
|
|
66
|
-
dragImage.classList.add(tabClassName);
|
|
67
|
-
}
|
|
68
|
-
document.body.appendChild(dragImage);
|
|
69
|
-
e.persist();
|
|
70
|
-
requestAnimationFrame(() => {
|
|
71
|
-
e.dataTransfer.setDragImage(dragImage, 0, 0);
|
|
72
|
-
document.body.removeChild(dragImage);
|
|
73
|
-
});
|
|
74
|
-
}
|
|
75
|
-
tabbarService.handleDragStart(e, containerId);
|
|
76
|
-
}, onDragOver: (e) => {
|
|
77
|
-
e.preventDefault();
|
|
78
|
-
if (ref) {
|
|
79
|
-
ref.classList.add('on-drag-over');
|
|
80
|
-
}
|
|
81
|
-
}, onDragLeave: () => {
|
|
82
|
-
if (ref) {
|
|
83
|
-
ref.classList.remove('on-drag-over');
|
|
84
|
-
}
|
|
85
|
-
}, onDrop: (e) => {
|
|
86
|
-
if (ref) {
|
|
87
|
-
ref.classList.remove('on-drag-over');
|
|
88
|
-
}
|
|
89
|
-
tabbarService.handleDrop(e, containerId);
|
|
90
|
-
}, key: containerId, id: containerId, onContextMenu: (e) => tabbarService.handleContextMenu(e, containerId),
|
|
91
|
-
// 如果设置了可隐藏 Tabbar，那么就不允许点击 tab 时隐藏整个 panel 了 通过设置 forbidCollapse 来阻止这个动作
|
|
92
|
-
onClick: (e) => handleTabClick(e, willHideTabbar || forbidCollapse), ref: (el) => (ref = el), className: (0, classnames_1.default)({ active: currentContainerId === containerId }, tabClassName) },
|
|
93
|
-
react_1.default.createElement(TabView, { component: component })));
|
|
94
|
-
}, []);
|
|
95
51
|
return (react_1.default.createElement("div", { className: (0, classnames_1.default)([styles_module_less_1.default.tab_bar, className]) },
|
|
96
52
|
react_1.default.createElement("div", { className: styles_module_less_1.default.bar_content, style: { flexDirection: layout_1.Layout.getTabbarDirection(direction) } },
|
|
97
|
-
visibleContainers.map((component) =>
|
|
98
|
-
|
|
53
|
+
visibleContainers.map((component) => {
|
|
54
|
+
var _a;
|
|
55
|
+
const containerId = (_a = component.options) === null || _a === void 0 ? void 0 : _a.containerId;
|
|
56
|
+
if (!containerId) {
|
|
57
|
+
return null;
|
|
58
|
+
}
|
|
59
|
+
tabbarService.updateTabInMoreKey(containerId, false);
|
|
60
|
+
let ref;
|
|
61
|
+
return (react_1.default.createElement("li", { draggable: true, onDragStart: (e) => {
|
|
62
|
+
if (ref) {
|
|
63
|
+
const dragImage = ref.cloneNode(true);
|
|
64
|
+
dragImage.classList.add(styles_module_less_1.default.dragging);
|
|
65
|
+
if (tabClassName) {
|
|
66
|
+
dragImage.classList.add(tabClassName);
|
|
67
|
+
}
|
|
68
|
+
document.body.appendChild(dragImage);
|
|
69
|
+
e.persist();
|
|
70
|
+
requestAnimationFrame(() => {
|
|
71
|
+
e.dataTransfer.setDragImage(dragImage, 0, 0);
|
|
72
|
+
document.body.removeChild(dragImage);
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
tabbarService.handleDragStart(e, containerId);
|
|
76
|
+
}, onDragOver: (e) => {
|
|
77
|
+
e.preventDefault();
|
|
78
|
+
if (ref) {
|
|
79
|
+
ref.classList.add('on-drag-over');
|
|
80
|
+
}
|
|
81
|
+
}, onDragLeave: () => {
|
|
82
|
+
if (ref) {
|
|
83
|
+
ref.classList.remove('on-drag-over');
|
|
84
|
+
}
|
|
85
|
+
}, onDrop: (e) => {
|
|
86
|
+
if (ref) {
|
|
87
|
+
ref.classList.remove('on-drag-over');
|
|
88
|
+
}
|
|
89
|
+
tabbarService.handleDrop(e, containerId);
|
|
90
|
+
}, key: containerId, id: containerId, onContextMenu: (e) => tabbarService.handleContextMenu(e, containerId),
|
|
91
|
+
// 如果设置了可隐藏 Tabbar，那么就不允许点击 tab 时隐藏整个 panel 了 通过设置 forbidCollapse 来阻止这个动作
|
|
92
|
+
onClick: (e) => handleTabClick(e, willHideTabbar || forbidCollapse), ref: (el) => (ref = el), className: (0, classnames_1.default)({ active: currentContainerId === containerId }, tabClassName) },
|
|
93
|
+
react_1.default.createElement(TabView, { component: component })));
|
|
94
|
+
}),
|
|
99
95
|
hideContainers.length ? (react_1.default.createElement("li", { key: 'tab-more', onClick: (e) => {
|
|
100
96
|
var _a;
|
|
101
97
|
return tabbarService.showMoreMenu(e, visibleContainers[visibleContainers.length - 1] &&
|
|
@@ -141,16 +137,16 @@ const RightTabbarRenderer = () => {
|
|
|
141
137
|
react_1.default.createElement(exports.TabbarViewBase, { tabSize: 48, MoreTabView: exports.IconElipses, tabClassName: styles_module_less_1.default.right_tab, TabView: exports.IconTabView, barSize: 48, panelBorderSize: 1 })));
|
|
142
138
|
};
|
|
143
139
|
exports.RightTabbarRenderer = RightTabbarRenderer;
|
|
144
|
-
const LeftTabbarRenderer = (
|
|
140
|
+
const LeftTabbarRenderer = () => {
|
|
145
141
|
const { side } = react_1.default.useContext(renderer_view_1.TabbarConfig);
|
|
146
142
|
const layoutService = (0, ide_core_browser_1.useInjectable)(common_1.IMainLayoutService);
|
|
147
143
|
const tabbarService = (0, ide_core_browser_1.useInjectable)(tabbar_service_1.TabbarServiceFactory)(side);
|
|
148
144
|
const extraTopMenus = react_1.default.useMemo(() => layoutService.getExtraTopMenu(), [layoutService]);
|
|
149
145
|
const extraMenus = react_1.default.useMemo(() => layoutService.getExtraMenu(), [layoutService]);
|
|
150
146
|
return (react_1.default.createElement("div", { id: view_id_1.VIEW_CONTAINERS.LEFT_TABBAR, className: styles_module_less_1.default.left_tab_bar, onContextMenu: tabbarService.handleContextMenu },
|
|
151
|
-
|
|
152
|
-
react_1.default.createElement(exports.TabbarViewBase, { tabSize: 48, MoreTabView: exports.IconElipses, className: styles_module_less_1.default.left_tab_content, tabClassName: styles_module_less_1.default.left_tab, TabView: exports.IconTabView, barSize: 48, margin: 90, panelBorderSize: 1
|
|
153
|
-
|
|
147
|
+
react_1.default.createElement(actions_1.InlineMenuBar, { className: (0, classnames_1.default)(styles_module_less_1.default.vertical_icons, styles_module_less_1.default.extra_top_menus), menus: extraTopMenus }),
|
|
148
|
+
react_1.default.createElement(exports.TabbarViewBase, { tabSize: 48, MoreTabView: exports.IconElipses, className: styles_module_less_1.default.left_tab_content, tabClassName: styles_module_less_1.default.left_tab, TabView: exports.IconTabView, barSize: 48, margin: 90, panelBorderSize: 1 }),
|
|
149
|
+
react_1.default.createElement(actions_1.InlineMenuBar, { className: styles_module_less_1.default.vertical_icons, menus: extraMenus })));
|
|
154
150
|
};
|
|
155
151
|
exports.LeftTabbarRenderer = LeftTabbarRenderer;
|
|
156
152
|
const BottomTabbarRenderer = () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bar.view.js","sourceRoot":"","sources":["../../../src/browser/tabbar/bar.view.tsx"],"names":[],"mappings":";;;;AAAA,oEAA8B;AAC9B,qDAA2C;AAC3C,
|
|
1
|
+
{"version":3,"file":"bar.view.js","sourceRoot":"","sources":["../../../src/browser/tabbar/bar.view.tsx"],"names":[],"mappings":";;;;AAAA,oEAA8B;AAC9B,qDAA2C;AAC3C,0DAA0B;AAE1B,6DAAuD;AACvD,iEAAqH;AACrH,iEAAqD;AACrD,+EAAkF;AAClF,oFAAiF;AACjF,2EAAgF;AAChF,sEAA2E;AAE3E,yCAAkD;AAElD,mDAA+C;AAC/C,sFAA0C;AAC1C,qDAAuE;AAEvE,SAAS,gBAAgB,CAAC,UAAmC,EAAE,OAAe,EAAE,aAAqB;IACnG,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,OAAO,CAAC,CAAC;IACzD,IAAI,YAAY,IAAI,UAAU,CAAC,MAAM,EAAE;QACrC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;KACzB;IACD,IAAI,YAAY,IAAI,CAAC,EAAE;QACrB,OAAO,CAAC,EAAE,EAAE,UAAU,CAAC,CAAC;KACzB;IACD,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC;AACrF,CAAC;AAkBY,QAAA,cAAc,GAA+B,IAAA,0BAAQ,EAChE,CAAC,EACC,OAAO,EACP,WAAW,EACX,cAAc,EACd,OAAO,GAAG,EAAE,EACZ,eAAe,GAAG,CAAC,EACnB,YAAY,EACZ,SAAS,EACT,MAAM,EACN,OAAO,EACP,aAAa,GACd,EAAE,EAAE;;IACH,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,eAAK,CAAC,UAAU,CAAC,4BAAY,CAAC,CAAC;IACrE,MAAM,aAAa,GAAkB,IAAA,gCAAa,EAAC,qCAAoB,CAAC,CAAC,IAAI,CAAC,CAAC;IAE/E,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,YAAY;QACZ,aAAa,CAAC,OAAO,GAAG,OAAO,GAAG,eAAe,CAAC;IACpD,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,EAAE,kBAAkB,EAAE,cAAc,EAAE,GAAG,aAAa,CAAC;IAE7D,MAAM,uBAAuB,GAAG,IAAA,gCAAa,EAAU,uCAAuC,EAAE,KAAK,CAAC,CAAC;IAEvG,MAAM,cAAc,GAAG,aAAa,IAAI,uBAAuB,CAAC;IAEhE,IAAI,cAAc,IAAI,CAAC,kBAAkB,EAAE;QACzC,oBAAoB;QACpB,yCAAyC;QACzC,4DAA4D;QAC5D,sBAAsB;QACtB,MAAA,aAAa,CAAC,YAAY,0CAAE,OAAO,CAAC,CAAC,CAAC,CAAC;KACxC;IAED,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,GAAG,gBAAgB,CAC1D,aAAa,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE,WAAC,OAAA,CAAC,CAAA,MAAA,SAAS,CAAC,OAAO,0CAAE,OAAO,CAAA,CAAA,EAAA,CAAC,EAClF,OAAO,EACP,QAAQ,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC,CACzB,CAAC;IACF,cAAc,CAAC,OAAO,CAAC,CAAC,aAAa,EAAE,EAAE;QACvC,aAAa,CAAC,kBAAkB,CAAC,aAAa,CAAC,OAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;IAC7E,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,oBAAI,EAAC,CAAC,4BAAM,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QAC/C,uCAAK,SAAS,EAAE,4BAAM,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,aAAa,EAAE,eAAM,CAAC,kBAAkB,CAAC,SAAS,CAAC,EAAE;YAC/F,iBAAiB,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;;gBACnC,MAAM,WAAW,GAAG,MAAA,SAAS,CAAC,OAAO,0CAAE,WAAW,CAAC;gBACnD,IAAI,CAAC,WAAW,EAAE;oBAChB,OAAO,IAAI,CAAC;iBACb;gBACD,aAAa,CAAC,kBAAkB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;gBACrD,IAAI,GAAyB,CAAC;gBAC9B,OAAO,CACL,sCACE,SAAS,EAAE,IAAI,EACf,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;wBACjB,IAAI,GAAG,EAAE;4BACP,MAAM,SAAS,GAAG,GAAG,CAAC,SAAS,CAAC,IAAI,CAAkB,CAAC;4BACvD,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,4BAAM,CAAC,QAAQ,CAAC,CAAC;4BACzC,IAAI,YAAY,EAAE;gCAChB,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;6BACvC;4BACD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;4BACrC,CAAC,CAAC,OAAO,EAAE,CAAC;4BACZ,qBAAqB,CAAC,GAAG,EAAE;gCACzB,CAAC,CAAC,YAAY,CAAC,YAAY,CAAC,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;gCAC7C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;4BACvC,CAAC,CAAC,CAAC;yBACJ;wBACD,aAAa,CAAC,eAAe,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC;oBAChD,CAAC,EACD,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE;wBAChB,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,IAAI,GAAG,EAAE;4BACP,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;yBACnC;oBACH,CAAC,EACD,WAAW,EAAE,GAAG,EAAE;wBAChB,IAAI,GAAG,EAAE;4BACP,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;yBACtC;oBACH,CAAC,EACD,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE;wBACZ,IAAI,GAAG,EAAE;4BACP,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;yBACtC;wBACD,aAAa,CAAC,UAAU,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC;oBAC3C,CAAC,EACD,GAAG,EAAE,WAAW,EAChB,EAAE,EAAE,WAAW,EACf,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC,EAAE,WAAW,CAAC;oBACrE,yEAAyE;oBACzE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,EAAE,cAAc,IAAI,cAAc,CAAC,EACnE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,EACvB,SAAS,EAAE,IAAA,oBAAI,EAAC,EAAE,MAAM,EAAE,kBAAkB,KAAK,WAAW,EAAE,EAAE,YAAY,CAAC;oBAE7E,8BAAC,OAAO,IAAC,SAAS,EAAE,SAAS,GAAI,CAC9B,CACN,CAAC;YACJ,CAAC,CAAC;YACD,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CACvB,sCACE,GAAG,EAAC,UAAU,EACd,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;;oBACb,OAAA,aAAa,CAAC,YAAY,CACxB,CAAC,EACD,iBAAiB,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC;yBAC7C,MAAA,iBAAiB,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,OAAO,0CAAE,WAAW,CAAA,CACvE,CAAA;iBAAA,EAEH,SAAS,EAAE,YAAY;gBAEvB,8BAAC,WAAW,OAAG,CACZ,CACN,CAAC,CAAC,CAAC,IAAI,CACJ,CACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEW,QAAA,WAAW,GAAmD,IAAA,0BAAQ,EAAC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;;IACpG,MAAM,eAAe,GAAqB,IAAA,gCAAa,EAAC,2BAAgB,CAAC,CAAC;IAC1E,MAAM,kBAAkB,GAAuB,IAAA,gCAAa,EAAC,qCAAkB,CAAC,CAAC;IACjF,MAAM,UAAU,GAAG,MAAA,eAAe,CAAC,YAAY,CAAC,CAAA,MAAA,SAAS,CAAC,OAAO,0CAAE,WAAW,KAAI,EAAE,CAAC,0CAAE,aAAa,CAAC,IAAI,CAAC;IAE1G,MAAM,KAAK,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC/B,MAAM,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC;QAClC,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,kBAAkB,EAAE;YAC/B,OAAO,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,KAAK,kBAAkB,CAAC,uBAAuB,CAAC,OAAO,CAAC,kBAAkB,EAAE,GAAG,CAAC,GAAG,CAAC;SAC7G;QACD,OAAO,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC;IACxB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,uCAAK,SAAS,EAAE,4BAAM,CAAC,QAAQ;QAC7B,uCAAK,SAAS,EAAE,IAAA,oBAAI,EAAC,MAAA,SAAS,CAAC,OAAO,0CAAE,SAAS,EAAE,eAAe,CAAC,EAAE,KAAK,EAAE,KAAK,GAAQ;QACxF,UAAU,CAAC,CAAC,CAAC,CACZ,8BAAC,sBAAK,IAAC,SAAS,EAAE,4BAAM,CAAC,SAAS;YAChC,wCAAM,SAAS,EAAE,4BAAM,CAAC,YAAY;gBAClC,8BAAC,qBAAI,IAAC,IAAI,EAAC,aAAa,GAAG,CACtB,CACD,CACT,CAAC,CAAC,CAAC,CACF,CAAA,MAAA,SAAS,CAAC,OAAO,0CAAE,KAAK,KAAI,CAC1B,8BAAC,sBAAK,IAAC,SAAS,EAAE,4BAAM,CAAC,SAAS,IAC/B,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CACvE,CACT,CACF,CACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEU,QAAA,WAAW,GAAmD,IAAA,0BAAQ,EAAC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;;IAAC,OAAA,CACrG,uCAAK,SAAS,EAAE,4BAAM,CAAC,QAAQ;QAC7B,uCAAK,SAAS,EAAE,4BAAM,CAAC,gBAAgB,IAAG,MAAA,MAAA,SAAS,CAAC,OAAO,0CAAE,KAAK,0CAAE,WAAW,EAAE,CAAO;QACvF,CAAA,MAAA,SAAS,CAAC,OAAO,0CAAE,KAAK,KAAI,CAC3B,8BAAC,sBAAK,IAAC,SAAS,EAAE,4BAAM,CAAC,SAAS,IAC/B,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CACvE,CACT,CACG,CACP,CAAA;CAAA,CAAC,CAAC;AAEI,MAAM,WAAW,GAAa,GAAG,EAAE,CAAC,CACzC,uCAAK,SAAS,EAAE,4BAAM,CAAC,QAAQ;IAE7B,uCAAK,SAAS,EAAE,IAAA,oBAAI,EAAC,IAAA,0BAAO,EAAC,UAAU,CAAC,EAAE,eAAe,CAAC,EAAE,KAAK,EAAC,YAAY,GAAO,CACjF,CACP,CAAC;AALW,QAAA,WAAW,eAKtB;AAEK,MAAM,WAAW,GAAa,GAAG,EAAE,CAAC,CACzC,uCAAK,SAAS,EAAE,4BAAM,CAAC,QAAQ;IAC7B,uCAAK,SAAS,EAAE,4BAAM,CAAC,gBAAgB;QACrC,qCAAG,SAAS,EAAE,IAAA,0BAAO,EAAC,aAAa,CAAC,GAAM,CACtC,CACF,CACP,CAAC;AANW,QAAA,WAAW,eAMtB;AAEK,MAAM,mBAAmB,GAAa,GAAG,EAAE;IAChD,MAAM,EAAE,IAAI,EAAE,GAAG,eAAK,CAAC,UAAU,CAAC,4BAAY,CAAC,CAAC;IAChD,MAAM,aAAa,GAAkB,IAAA,gCAAa,EAAC,qCAAoB,CAAC,CAAC,IAAI,CAAC,CAAC;IAC/E,OAAO,CACL,uCACE,EAAE,EAAE,yBAAe,CAAC,YAAY,EAChC,SAAS,EAAE,4BAAM,CAAC,aAAa,EAC/B,aAAa,EAAE,aAAa,CAAC,iBAAiB;QAE9C,8BAAC,sBAAc,IACb,OAAO,EAAE,EAAE,EACX,WAAW,EAAE,mBAAW,EACxB,YAAY,EAAE,4BAAM,CAAC,SAAS,EAC9B,OAAO,EAAE,mBAAW,EACpB,OAAO,EAAE,EAAE,EACX,eAAe,EAAE,CAAC,GAClB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,mBAAmB,uBAmB9B;AAEK,MAAM,kBAAkB,GAAa,GAAG,EAAE;IAC/C,MAAM,EAAE,IAAI,EAAE,GAAG,eAAK,CAAC,UAAU,CAAC,4BAAY,CAAC,CAAC;IAChD,MAAM,aAAa,GAAG,IAAA,gCAAa,EAAqB,2BAAkB,CAAC,CAAC;IAC5E,MAAM,aAAa,GAAkB,IAAA,gCAAa,EAAC,qCAAoB,CAAC,CAAC,IAAI,CAAC,CAAC;IAE/E,MAAM,aAAa,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,eAAe,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAC5F,MAAM,UAAU,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,YAAY,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEtF,OAAO,CACL,uCACE,EAAE,EAAE,yBAAe,CAAC,WAAW,EAC/B,SAAS,EAAE,4BAAM,CAAC,YAAY,EAC9B,aAAa,EAAE,aAAa,CAAC,iBAAiB;QAE9C,8BAAC,uBAAa,IAAC,SAAS,EAAE,IAAA,oBAAI,EAAC,4BAAM,CAAC,cAAc,EAAE,4BAAM,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,aAAa,GAAI;QACvG,8BAAC,sBAAc,IACb,OAAO,EAAE,EAAE,EACX,WAAW,EAAE,mBAAW,EACxB,SAAS,EAAE,4BAAM,CAAC,gBAAgB,EAClC,YAAY,EAAE,4BAAM,CAAC,QAAQ,EAC7B,OAAO,EAAE,mBAAW,EACpB,OAAO,EAAE,EAAE,EACX,MAAM,EAAE,EAAE,EACV,eAAe,EAAE,CAAC,GAClB;QACF,8BAAC,uBAAa,IAAC,SAAS,EAAE,4BAAM,CAAC,cAAc,EAAE,KAAK,EAAE,UAAU,GAAI,CAClE,CACP,CAAC;AACJ,CAAC,CAAC;AA5BW,QAAA,kBAAkB,sBA4B7B;AAEK,MAAM,oBAAoB,GAAa,GAAG,EAAE;IACjD,MAAM,EAAE,IAAI,EAAE,GAAG,eAAK,CAAC,UAAU,CAAC,4BAAY,CAAC,CAAC;IAChD,MAAM,aAAa,GAAkB,IAAA,gCAAa,EAAC,qCAAoB,CAAC,CAAC,IAAI,CAAC,CAAC;IAC/E,OAAO,CACL,uCACE,EAAE,EAAE,yBAAe,CAAC,aAAa,EACjC,aAAa,EAAE,aAAa,CAAC,iBAAiB,EAC9C,SAAS,EAAE,IAAA,oBAAI,EAAC,4BAAM,CAAC,oBAAoB,EAAE,iBAAiB,CAAC;QAE/D,8BAAC,sBAAc;QACb,2CAA2C;;YAA3C,2CAA2C;YAC3C,OAAO,EAAE,EAAE,EACX,WAAW,EAAE,mBAAW,EACxB,YAAY,EAAE,4BAAM,CAAC,UAAU,EAC/B,OAAO,EAAE,mBAAW,EACpB,OAAO,EAAE,EAAE,EACX,eAAe,EAAE,CAAC,EAClB,aAAa,SACb,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,oBAAoB,wBAqB/B"}
|
|
@@ -9,14 +9,8 @@ export interface IBaseTabPanelView {
|
|
|
9
9
|
}>;
|
|
10
10
|
id?: string;
|
|
11
11
|
panelSize?: number;
|
|
12
|
-
currentContainerId?: string;
|
|
13
12
|
}
|
|
14
13
|
export declare const BaseTabPanelView: React.FC<IBaseTabPanelView>;
|
|
15
|
-
export declare const ContainerView: React.FC<{
|
|
16
|
-
component: ComponentRegistryInfo;
|
|
17
|
-
side: string;
|
|
18
|
-
titleMenu: IMenu;
|
|
19
|
-
}>;
|
|
20
14
|
export declare const RightTabPanelRenderer: React.FC;
|
|
21
15
|
export declare const LeftTabPanelRenderer: React.FC;
|
|
22
16
|
export declare const BottomTabPanelRenderer: React.FC;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"panel.view.d.ts","sourceRoot":"","sources":["../../../src/browser/tabbar/panel.view.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"panel.view.d.ts","sourceRoot":"","sources":["../../../src/browser/tabbar/panel.view.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EACL,qBAAqB,EAOtB,MAAM,4BAA4B,CAAC;AAGpC,OAAO,EAAE,KAAK,EAAE,MAAM,0CAA0C,CAAC;AAoBjE,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,SAAS,EAAE,qBAAqB,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC;IAE1F,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2CvD,CAAC;AAuHH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAyD,CAAC;AAEpG,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAyD,CAAC;AAEnG,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAA2E,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.BottomTabPanelRenderer = exports.LeftTabPanelRenderer = exports.RightTabPanelRenderer = exports.
|
|
3
|
+
exports.BottomTabPanelRenderer = exports.LeftTabPanelRenderer = exports.RightTabPanelRenderer = exports.BaseTabPanelView = 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");
|
|
7
|
-
const react_1 = tslib_1.
|
|
7
|
+
const react_1 = tslib_1.__importDefault(require("react"));
|
|
8
8
|
const di_1 = require("@opensumi/di");
|
|
9
9
|
const ide_core_browser_1 = require("@opensumi/ide-core-browser");
|
|
10
10
|
const actions_1 = require("@opensumi/ide-core-browser/lib/components/actions");
|
|
@@ -20,13 +20,12 @@ const tabbar_service_1 = require("./tabbar.service");
|
|
|
20
20
|
const NoUpdateBoundary = react_1.default.memo(({ children }) => children, (prev, next) => !(prev.visible || next.visible));
|
|
21
21
|
const panelVisible = { zIndex: 1, display: 'block' };
|
|
22
22
|
const panelInVisible = { zIndex: -1, display: 'none' };
|
|
23
|
-
exports.BaseTabPanelView = (0, mobx_react_lite_1.observer)((
|
|
24
|
-
const { PanelView, panelSize, id } = props;
|
|
23
|
+
exports.BaseTabPanelView = (0, mobx_react_lite_1.observer)(({ PanelView, panelSize, id }) => {
|
|
25
24
|
const { side } = react_1.default.useContext(renderer_view_1.TabbarConfig);
|
|
26
25
|
const tabbarService = (0, ide_core_browser_1.useInjectable)(tabbar_service_1.TabbarServiceFactory)(side);
|
|
27
26
|
const appConfig = (0, ide_core_browser_1.useInjectable)(ide_core_browser_1.AppConfig);
|
|
28
27
|
const customPanelSize = appConfig.panelSizes && appConfig.panelSizes[side];
|
|
29
|
-
const
|
|
28
|
+
const { currentContainerId } = tabbarService;
|
|
30
29
|
react_1.default.useEffect(() => {
|
|
31
30
|
// panelSize = 384-1-48
|
|
32
31
|
tabbarService.panelSize = customPanelSize || panelSize || 335;
|
|
@@ -46,11 +45,11 @@ exports.BaseTabPanelView = (0, mobx_react_lite_1.observer)((props) => {
|
|
|
46
45
|
react_1.default.createElement(PanelView, { titleMenu: titleMenu, side: side, component: component })))));
|
|
47
46
|
})));
|
|
48
47
|
});
|
|
49
|
-
|
|
48
|
+
const ContainerView = (0, mobx_react_lite_1.observer)(({ component, titleMenu, side }) => {
|
|
50
49
|
var _a, _b;
|
|
51
50
|
const ref = react_1.default.useRef();
|
|
52
51
|
const containerRef = react_1.default.useRef(null);
|
|
53
|
-
const
|
|
52
|
+
const configContext = (0, ide_core_browser_1.useInjectable)(ide_core_browser_1.AppConfig);
|
|
54
53
|
const { title, titleComponent, component: CustomComponent, containerId } = component.options || {};
|
|
55
54
|
const injector = (0, ide_core_browser_1.useInjectable)(di_1.INJECTOR_TOKEN);
|
|
56
55
|
const handleContextMenu = (e) => {
|
|
@@ -66,23 +65,22 @@ exports.ContainerView = (0, mobx_react_lite_1.observer)(({ component, titleMenu,
|
|
|
66
65
|
return null;
|
|
67
66
|
}
|
|
68
67
|
const viewState = (0, ide_core_browser_1.useViewState)(side, containerRef);
|
|
69
|
-
const PANEL_TITLEBAR_HEIGHT = react_1.default.useMemo(() => { var _a; return ((_a = appConfig.layoutViewSize) === null || _a === void 0 ? void 0 : _a.PANEL_TITLEBAR_HEIGHT) || constants_1.LAYOUT_VIEW_SIZE.PANEL_TITLEBAR_HEIGHT; }, [appConfig]);
|
|
70
68
|
return (react_1.default.createElement("div", { ref: containerRef, className: styles_module_less_1.default.view_container },
|
|
71
69
|
!CustomComponent && (react_1.default.createElement("div", { onContextMenu: handleContextMenu, className: styles_module_less_1.default.panel_titlebar },
|
|
72
|
-
!title ? null :
|
|
70
|
+
!title ? null : react_1.default.createElement(titlebar_view_1.TitleBar, { title: title, menubar: react_1.default.createElement(actions_1.InlineActionBar, { menus: titleMenu }) }),
|
|
73
71
|
titleComponent && (react_1.default.createElement("div", { className: styles_module_less_1.default.panel_component },
|
|
74
|
-
react_1.default.createElement(ide_core_browser_1.ConfigProvider, { value:
|
|
72
|
+
react_1.default.createElement(ide_core_browser_1.ConfigProvider, { value: configContext },
|
|
75
73
|
react_1.default.createElement(ide_core_browser_1.ComponentRenderer, { Component: titleComponent, initialProps: (_a = component.options) === null || _a === void 0 ? void 0 : _a.titleProps })))))),
|
|
76
74
|
react_1.default.createElement("div", { className: styles_module_less_1.default.container_wrap, ref: (ele) => (ref.current = ele) },
|
|
77
75
|
react_1.default.createElement(progress_bar_1.ProgressBar, { progressModel: indicator.progressModel }),
|
|
78
|
-
CustomComponent ? (react_1.default.createElement(ide_core_browser_1.ConfigProvider, { value:
|
|
76
|
+
CustomComponent ? (react_1.default.createElement(ide_core_browser_1.ConfigProvider, { value: configContext },
|
|
79
77
|
react_1.default.createElement(ide_core_browser_1.ComponentRenderer, { initialProps: Object.assign({ viewState }, (_b = component.options) === null || _b === void 0 ? void 0 : _b.initialProps), Component: CustomComponent }))) : (react_1.default.createElement(accordion_view_1.AccordionContainer, { views: component.views, minSize: component.options.miniSize, containerId: component.options.containerId })))));
|
|
80
78
|
});
|
|
81
79
|
const BottomPanelView = (0, mobx_react_lite_1.observer)(({ component, titleMenu, side }) => {
|
|
82
80
|
var _a, _b, _c, _d;
|
|
83
81
|
const ref = react_1.default.useRef();
|
|
84
82
|
const containerRef = react_1.default.useRef(null);
|
|
85
|
-
const
|
|
83
|
+
const configContext = (0, ide_core_browser_1.useInjectable)(ide_core_browser_1.AppConfig);
|
|
86
84
|
const tabbarService = (0, ide_core_browser_1.useInjectable)(tabbar_service_1.TabbarServiceFactory)(side);
|
|
87
85
|
const { component: CustomComponent, containerId } = component.options || {};
|
|
88
86
|
const titleComponent = component.options && component.options.titleComponent;
|
|
@@ -95,9 +93,8 @@ const BottomPanelView = (0, mobx_react_lite_1.observer)(({ component, titleMenu,
|
|
|
95
93
|
return null;
|
|
96
94
|
}
|
|
97
95
|
const viewState = (0, ide_core_browser_1.useViewState)(side, containerRef);
|
|
98
|
-
const PANEL_TITLEBAR_HEIGHT = react_1.default.useMemo(() => { var _a; return ((_a = appConfig.layoutViewSize) === null || _a === void 0 ? void 0 : _a.PANEL_TITLEBAR_HEIGHT) || constants_1.LAYOUT_VIEW_SIZE.PANEL_TITLEBAR_HEIGHT; }, [appConfig]);
|
|
99
96
|
return (react_1.default.createElement("div", { ref: containerRef, className: styles_module_less_1.default.panel_container },
|
|
100
|
-
react_1.default.createElement("div", { className: styles_module_less_1.default.panel_title_bar, style: { height: PANEL_TITLEBAR_HEIGHT } },
|
|
97
|
+
react_1.default.createElement("div", { className: styles_module_less_1.default.panel_title_bar, style: { height: constants_1.LAYOUT_VIEW_SIZE.PANEL_TITLEBAR_HEIGHT } },
|
|
101
98
|
react_1.default.createElement("h1", null, (_b = (_a = component.options) === null || _a === void 0 ? void 0 : _a.title) === null || _b === void 0 ? void 0 : _b.toUpperCase()),
|
|
102
99
|
react_1.default.createElement("div", { className: styles_module_less_1.default.title_component_container }, titleComponent && (react_1.default.createElement(ide_core_browser_1.ComponentRenderer, { Component: titleComponent, initialProps: (_c = component.options) === null || _c === void 0 ? void 0 : _c.titleProps }))),
|
|
103
100
|
react_1.default.createElement("div", { className: styles_module_less_1.default.panel_toolbar_container },
|
|
@@ -105,12 +102,12 @@ const BottomPanelView = (0, mobx_react_lite_1.observer)(({ component, titleMenu,
|
|
|
105
102
|
react_1.default.createElement(actions_1.InlineMenuBar, { menus: tabbarService.commonTitleMenu, moreAtFirst: true }))),
|
|
106
103
|
react_1.default.createElement("div", { className: styles_module_less_1.default.container_wrap, ref: (ele) => (ref.current = ele) },
|
|
107
104
|
react_1.default.createElement(progress_bar_1.ProgressBar, { progressModel: indicator.progressModel }),
|
|
108
|
-
CustomComponent ? (react_1.default.createElement(ide_core_browser_1.ConfigProvider, { value:
|
|
105
|
+
CustomComponent ? (react_1.default.createElement(ide_core_browser_1.ConfigProvider, { value: configContext },
|
|
109
106
|
react_1.default.createElement(ide_core_browser_1.ComponentRenderer, { initialProps: Object.assign({ viewState }, (_d = component.options) === null || _d === void 0 ? void 0 : _d.initialProps), Component: CustomComponent }))) : (react_1.default.createElement(accordion_view_1.AccordionContainer, { views: component.views, alignment: 'horizontal', minSize: component.options.miniSize, containerId: component.options.containerId })))));
|
|
110
107
|
});
|
|
111
|
-
const RightTabPanelRenderer = () => react_1.default.createElement(exports.BaseTabPanelView, { PanelView:
|
|
108
|
+
const RightTabPanelRenderer = () => react_1.default.createElement(exports.BaseTabPanelView, { PanelView: ContainerView });
|
|
112
109
|
exports.RightTabPanelRenderer = RightTabPanelRenderer;
|
|
113
|
-
const LeftTabPanelRenderer = () => react_1.default.createElement(exports.BaseTabPanelView, { PanelView:
|
|
110
|
+
const LeftTabPanelRenderer = () => react_1.default.createElement(exports.BaseTabPanelView, { PanelView: ContainerView });
|
|
114
111
|
exports.LeftTabPanelRenderer = LeftTabPanelRenderer;
|
|
115
112
|
const BottomTabPanelRenderer = () => react_1.default.createElement(exports.BaseTabPanelView, { PanelView: BottomPanelView, panelSize: 280 });
|
|
116
113
|
exports.BottomTabPanelRenderer = BottomTabPanelRenderer;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"panel.view.js","sourceRoot":"","sources":["../../../src/browser/tabbar/panel.view.tsx"],"names":[],"mappings":";;;;AAAA,oEAA8B;AAC9B,qDAA2C;AAC3C,
|
|
1
|
+
{"version":3,"file":"panel.view.js","sourceRoot":"","sources":["../../../src/browser/tabbar/panel.view.tsx"],"names":[],"mappings":";;;;AAAA,oEAA8B;AAC9B,qDAA2C;AAC3C,0DAA0B;AAE1B,qCAAwD;AACxD,iEAQoC;AACpC,+EAAmG;AACnG,+EAAmF;AAEnF,sEAA2E;AAC3E,uFAAmF;AAEnF,sEAA2F;AAC3F,gEAAiE;AACjE,8DAAsD;AAEtD,mDAA+C;AAC/C,sFAA0C;AAC1C,qDAAuE;AAEvE,MAAM,gBAAgB,GAAiE,eAAK,CAAC,IAAI,CAC/F,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,EAC1B,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,CAChD,CAAC;AAEF,MAAM,YAAY,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;AACrD,MAAM,cAAc,GAAG,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;AAS1C,QAAA,gBAAgB,GAAgC,IAAA,0BAAQ,EAAC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,EAAE;IACrG,MAAM,EAAE,IAAI,EAAE,GAAG,eAAK,CAAC,UAAU,CAAC,4BAAY,CAAC,CAAC;IAChD,MAAM,aAAa,GAAkB,IAAA,gCAAa,EAAC,qCAAoB,CAAC,CAAC,IAAI,CAAC,CAAC;IAC/E,MAAM,SAAS,GAAc,IAAA,gCAAa,EAAC,4BAAS,CAAC,CAAC;IACtD,MAAM,eAAe,GAAG,SAAS,CAAC,UAAU,IAAI,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IAC3E,MAAM,EAAE,kBAAkB,EAAE,GAAG,aAAa,CAAC;IAE7C,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,uBAAuB;QACvB,aAAa,CAAC,SAAS,GAAG,eAAe,IAAI,SAAS,IAAI,GAAG,CAAC;IAChE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,uCACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,IAAA,oBAAI,EAAC,4BAAM,CAAC,SAAS,EAAE;YAChC,CAAC,4BAAM,CAAC,gBAAgB,CAAC,EAAE,CAAC,kBAAkB;SAC/C,CAAC,IAED,aAAa,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;;QACjD,MAAM,WAAW,GAAG,MAAA,SAAS,CAAC,OAAO,0CAAE,WAAW,CAAC;QACnD,IAAI,CAAC,WAAW,EAAE;YAChB,OAAO,IAAI,CAAC;SACb;QACD,MAAM,SAAS,GAAG,aAAa,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC;QACjE,OAAO,CACL,uCACE,GAAG,EAAE,WAAW,EAChB,SAAS,EAAE,IAAA,oBAAI,EAAC,4BAAM,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,2CAA2C,qBAC1E,WAAW,EAC5B,KAAK,EAAE,kBAAkB,KAAK,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,EACzE,EAAE,EAAE,EAAE;YAEN,8BAAC,gCAAa;gBACZ,8BAAC,gBAAgB,IAAC,OAAO,EAAE,kBAAkB,KAAK,WAAW;oBAC3D,8BAAC,SAAS,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,GAAI,CACpD,CACL,CACZ,CACP,CAAC;IACJ,CAAC,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,aAAa,GAId,IAAA,0BAAQ,EAAC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE;;IAC/C,MAAM,GAAG,GAAG,eAAK,CAAC,MAAM,EAAsB,CAAC;IAC/C,MAAM,YAAY,GAAG,eAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAC/D,MAAM,aAAa,GAAG,IAAA,gCAAa,EAAY,4BAAS,CAAC,CAAC;IAC1D,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC,OAAO,IAAI,EAAE,CAAC;IACnG,MAAM,QAAQ,GAAa,IAAA,gCAAa,EAAC,mBAAc,CAAC,CAAC;IACzD,MAAM,iBAAiB,GAAG,CAAC,CAAmB,EAAE,EAAE;QAChD,MAAM,gBAAgB,GAAqB,QAAQ,CAAC,GAAG,CAAC,2CAAuB,CAAC,CAAC,WAAW,CAAC,CAAC;QAC9F,gBAAgB,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;IACxC,CAAC,CAAC;IACF,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO,IAAI,CAAC;KACb;IACD,MAAM,eAAe,GAAqB,IAAA,gCAAa,EAAC,2BAAgB,CAAC,CAAC;IAC1E,MAAM,SAAS,GAAG,eAAe,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;IAC5D,IAAI,CAAC,SAAS,EAAE;QACd,OAAO,IAAI,CAAC;KACb;IACD,MAAM,SAAS,GAAG,IAAA,+BAAY,EAAC,IAAI,EAAE,YAAY,CAAC,CAAC;IAEnD,OAAO,CACL,uCAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,4BAAM,CAAC,cAAc;QACrD,CAAC,eAAe,IAAI,CACnB,uCAAK,aAAa,EAAE,iBAAiB,EAAE,SAAS,EAAE,4BAAM,CAAC,cAAc;YACpE,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,8BAAC,wBAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,8BAAC,yBAAe,IAAC,KAAK,EAAE,SAAS,GAAI,GAAI;YAC1F,cAAc,IAAI,CACjB,uCAAK,SAAS,EAAE,4BAAM,CAAC,eAAe;gBACpC,8BAAC,iCAAc,IAAC,KAAK,EAAE,aAAa;oBAClC,8BAAC,oCAAiB,IAAC,SAAS,EAAE,cAAc,EAAE,YAAY,EAAE,MAAA,SAAS,CAAC,OAAO,0CAAE,UAAU,GAAI,CAC9E,CACb,CACP,CACG,CACP;QACD,uCAAK,SAAS,EAAE,4BAAM,CAAC,cAAc,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC;YACtE,8BAAC,0BAAW,IAAC,aAAa,EAAE,SAAS,CAAC,aAAa,GAAI;YACtD,eAAe,CAAC,CAAC,CAAC,CACjB,8BAAC,iCAAc,IAAC,KAAK,EAAE,aAAa;gBAClC,8BAAC,oCAAiB,IAChB,YAAY,kBAAI,SAAS,IAAK,MAAA,SAAS,CAAC,OAAO,0CAAE,YAAY,GAC7D,SAAS,EAAE,eAAe,GAC1B,CACa,CAClB,CAAC,CAAC,CAAC,CACF,8BAAC,mCAAkB,IACjB,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,OAAO,EAAE,SAAS,CAAC,OAAQ,CAAC,QAAQ,EACpC,WAAW,EAAE,SAAS,CAAC,OAAQ,CAAC,WAAW,GAC3C,CACH,CACG,CACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,eAAe,GAIhB,IAAA,0BAAQ,EAAC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE;;IAC/C,MAAM,GAAG,GAAG,eAAK,CAAC,MAAM,EAAsB,CAAC;IAC/C,MAAM,YAAY,GAAG,eAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAC/D,MAAM,aAAa,GAAG,IAAA,gCAAa,EAAY,4BAAS,CAAC,CAAC;IAC1D,MAAM,aAAa,GAAkB,IAAA,gCAAa,EAAC,qCAAoB,CAAC,CAAC,IAAI,CAAC,CAAC;IAC/E,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC,OAAO,IAAI,EAAE,CAAC;IAC5E,MAAM,cAAc,GAAG,SAAS,CAAC,OAAO,IAAI,SAAS,CAAC,OAAO,CAAC,cAAc,CAAC;IAE7E,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO,IAAI,CAAC;KACb;IACD,MAAM,eAAe,GAAqB,IAAA,gCAAa,EAAC,2BAAgB,CAAC,CAAC;IAC1E,MAAM,SAAS,GAAG,eAAe,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;IAC5D,IAAI,CAAC,SAAS,EAAE;QACd,OAAO,IAAI,CAAC;KACb;IACD,MAAM,SAAS,GAAG,IAAA,+BAAY,EAAC,IAAI,EAAE,YAAY,CAAC,CAAC;IAEnD,OAAO,CACL,uCAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,4BAAM,CAAC,eAAe;QACvD,uCAAK,SAAS,EAAE,4BAAM,CAAC,eAAe,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,4BAAgB,CAAC,qBAAqB,EAAE;YAC/F,0CAAK,MAAA,MAAA,SAAS,CAAC,OAAO,0CAAE,KAAK,0CAAE,WAAW,EAAE,CAAM;YAClD,uCAAK,SAAS,EAAE,4BAAM,CAAC,yBAAyB,IAC7C,cAAc,IAAI,CACjB,8BAAC,oCAAiB,IAAC,SAAS,EAAE,cAAc,EAAE,YAAY,EAAE,MAAA,SAAS,CAAC,OAAO,0CAAE,UAAU,GAAI,CAC9F,CACG;YACN,uCAAK,SAAS,EAAE,4BAAM,CAAC,uBAAuB;gBAC3C,SAAS,IAAI,8BAAC,yBAAe,IAAC,KAAK,EAAE,SAAS,GAAI;gBACnD,8BAAC,uBAAa,IAAC,KAAK,EAAE,aAAa,CAAC,eAAe,EAAE,WAAW,SAAG,CAC/D,CACF;QACN,uCAAK,SAAS,EAAE,4BAAM,CAAC,cAAc,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC;YACtE,8BAAC,0BAAW,IAAC,aAAa,EAAE,SAAS,CAAC,aAAa,GAAI;YACtD,eAAe,CAAC,CAAC,CAAC,CACjB,8BAAC,iCAAc,IAAC,KAAK,EAAE,aAAa;gBAClC,8BAAC,oCAAiB,IAChB,YAAY,kBAAI,SAAS,IAAK,MAAA,SAAS,CAAC,OAAO,0CAAE,YAAY,GAC7D,SAAS,EAAE,eAAe,GAC1B,CACa,CAClB,CAAC,CAAC,CAAC,CACF,8BAAC,mCAAkB,IACjB,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,SAAS,CAAC,OAAQ,CAAC,QAAQ,EACpC,WAAW,EAAE,SAAS,CAAC,OAAQ,CAAC,WAAW,GAC3C,CACH,CACG,CACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEI,MAAM,qBAAqB,GAAa,GAAG,EAAE,CAAC,8BAAC,wBAAgB,IAAC,SAAS,EAAE,aAAa,GAAI,CAAC;AAAvF,QAAA,qBAAqB,yBAAkE;AAE7F,MAAM,oBAAoB,GAAa,GAAG,EAAE,CAAC,8BAAC,wBAAgB,IAAC,SAAS,EAAE,aAAa,GAAI,CAAC;AAAtF,QAAA,oBAAoB,wBAAkE;AAE5F,MAAM,sBAAsB,GAAa,GAAG,EAAE,CAAC,8BAAC,wBAAgB,IAAC,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE,GAAG,GAAI,CAAC;AAA1G,QAAA,sBAAsB,0BAAoF"}
|
|
@@ -16,19 +16,16 @@ export declare const TabRendererBase: React.FC<{
|
|
|
16
16
|
TabpanelView: React.FC;
|
|
17
17
|
noAccordion?: boolean;
|
|
18
18
|
}>;
|
|
19
|
-
export declare const RightTabRenderer: ({ className, components,
|
|
19
|
+
export declare const RightTabRenderer: ({ className, components, }: {
|
|
20
20
|
className: string;
|
|
21
21
|
components: ComponentRegistryInfo[];
|
|
22
|
-
|
|
23
|
-
}
|
|
24
|
-
export declare const LeftTabRenderer: ({ className, components, tabbarView, }: {
|
|
22
|
+
}) => JSX.Element;
|
|
23
|
+
export declare const LeftTabRenderer: ({ className, components, }: {
|
|
25
24
|
className: string;
|
|
26
25
|
components: ComponentRegistryInfo[];
|
|
27
|
-
|
|
28
|
-
}
|
|
29
|
-
export declare const BottomTabRenderer: ({ className, components, tabbarView, }: {
|
|
26
|
+
}) => JSX.Element;
|
|
27
|
+
export declare const BottomTabRenderer: ({ className, components, }: {
|
|
30
28
|
className: string;
|
|
31
29
|
components: ComponentRegistryInfo[];
|
|
32
|
-
|
|
33
|
-
}) => React.JSX.Element;
|
|
30
|
+
}) => JSX.Element;
|
|
34
31
|
//# sourceMappingURL=renderer.view.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderer.view.d.ts","sourceRoot":"","sources":["../../../src/browser/tabbar/renderer.view.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,qBAAqB,EAAyC,MAAM,4BAA4B,CAAC;AAE1G,OAAO,EAAE,MAAM,EAAE,MAAM,yDAAyD,CAAC;AAQjF,eAAO,MAAM,YAAY;UACjB,MAAM;eACD,OAAO,SAAS;cACjB,MAAM;EAKhB,CAAC;AAEH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,qBAAqB,EAAE,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC;IAC7B,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IACrB,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAEvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CA4CA,CAAC;AAEF,eAAO,MAAM,gBAAgB;
|
|
1
|
+
{"version":3,"file":"renderer.view.d.ts","sourceRoot":"","sources":["../../../src/browser/tabbar/renderer.view.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,qBAAqB,EAAyC,MAAM,4BAA4B,CAAC;AAE1G,OAAO,EAAE,MAAM,EAAE,MAAM,yDAAyD,CAAC;AAQjF,eAAO,MAAM,YAAY;UACjB,MAAM;eACD,OAAO,SAAS;cACjB,MAAM;EAKhB,CAAC;AAEH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,qBAAqB,EAAE,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC;IAC7B,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IACrB,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAEvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CA4CA,CAAC;AAEF,eAAO,MAAM,gBAAgB;eAIhB,MAAM;gBACL,qBAAqB,EAAE;iBAWpC,CAAC;AAEF,eAAO,MAAM,eAAe;eAIf,MAAM;gBACL,qBAAqB,EAAE;iBAWpC,CAAC;AAEF,eAAO,MAAM,iBAAiB;eAIjB,MAAM;gBACL,qBAAqB,EAAE;iBAYpC,CAAC"}
|
|
@@ -53,10 +53,10 @@ const TabRendererBase = ({ id, className, components, direction = 'left-to-right
|
|
|
53
53
|
react_1.default.createElement(TabpanelView, null))));
|
|
54
54
|
};
|
|
55
55
|
exports.TabRendererBase = TabRendererBase;
|
|
56
|
-
const RightTabRenderer = ({ className, components,
|
|
56
|
+
const RightTabRenderer = ({ className, components, }) => (react_1.default.createElement(exports.TabRendererBase, { side: 'right', direction: 'right-to-left', id: view_id_1.VIEW_CONTAINERS.RIGHT_TABBAR, className: (0, classnames_1.default)(className, 'right-slot'), components: components, TabbarView: bar_view_1.RightTabbarRenderer, TabpanelView: panel_view_1.RightTabPanelRenderer }));
|
|
57
57
|
exports.RightTabRenderer = RightTabRenderer;
|
|
58
|
-
const LeftTabRenderer = ({ className, components,
|
|
58
|
+
const LeftTabRenderer = ({ className, components, }) => (react_1.default.createElement(exports.TabRendererBase, { side: 'left', direction: 'left-to-right', id: view_id_1.VIEW_CONTAINERS.LEFT_TABBAR_PANEL, className: (0, classnames_1.default)(className, 'left-slot'), components: components, TabbarView: bar_view_1.LeftTabbarRenderer, TabpanelView: panel_view_1.LeftTabPanelRenderer }));
|
|
59
59
|
exports.LeftTabRenderer = LeftTabRenderer;
|
|
60
|
-
const BottomTabRenderer = ({ className, components,
|
|
60
|
+
const BottomTabRenderer = ({ className, components, }) => (react_1.default.createElement(exports.TabRendererBase, { side: 'bottom', id: view_id_1.VIEW_CONTAINERS.BOTTOM_TABBAR_PANEL, direction: 'bottom-to-top', className: (0, classnames_1.default)(className, 'bottom-slot'), components: components, TabbarView: bar_view_1.BottomTabbarRenderer, TabpanelView: panel_view_1.BottomTabPanelRenderer, noAccordion: true }));
|
|
61
61
|
exports.BottomTabRenderer = BottomTabRenderer;
|
|
62
62
|
//# sourceMappingURL=renderer.view.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderer.view.js","sourceRoot":"","sources":["../../../src/browser/tabbar/renderer.view.tsx"],"names":[],"mappings":";;;;AAAA,oEAA8B;AAC9B,0DAA0B;AAE1B,iEAA0G;AAC1G,0EAAyE;AACzE,oFAAiF;AACjF,2EAAgF;AAEhF,yCAA2F;AAC3F,6CAAmG;AACnG,sFAA0C;AAC1C,qDAAuE;AAE1D,QAAA,YAAY,GAAG,eAAK,CAAC,aAAa,CAI5C;IACD,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,eAAe;IAC1B,QAAQ,EAAE,CAAC;CACZ,CAAC,CAAC;AAEI,MAAM,eAAe,GAUvB,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,GAAG,eAAe,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE;IAClG,MAAM,aAAa,GAAkB,IAAA,gCAAa,EAAC,qCAAoB,CAAC,CAAC,IAAI,CAAC,CAAC;IAC/E,MAAM,QAAQ,GAAG,IAAA,gCAAa,EAAY,4BAAS,CAAC,CAAC;IACrD,MAAM,YAAY,GAAG,eAAK,CAAC,UAAU,CAAC,yBAAY,CAAC,CAAC;IACpD,MAAM,OAAO,GAAG,eAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACnD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAClD,eAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACzB,aAAa,CAAC,oBAAoB,CAAC,YAAY,CAAC,CAAC;QACjD,UAAU,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE;YAC/B,aAAa,CAAC,iBAAiB,CAAC,SAAS,CAAC,OAAQ,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;QAC7E,CAAC,CAAC,CAAC;QACH,aAAa,CAAC,qBAAqB,EAAE,CAAC;QACtC,aAAa,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;IACpC,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,OAAO,CAAC,OAAO,EAAE;YACnB,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,eAAM,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;YACnE,IAAI,SAAwB,CAAC;YAC7B,QAAQ,CAAC,EAAE,CAAC,8BAAW,EAAE,CAAC,CAAC,EAAE,EAAE;gBAC7B,IAAI,CAAC,CAAC,OAAO,CAAC,YAAY,KAAK,IAAI,EAAE;oBACnC,IAAI,SAAS,EAAE;wBACb,MAAM,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC;qBACxC;oBACD,SAAS,GAAG,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;wBAC5C,WAAW,CAAC,OAAO,CAAC,OAAQ,CAAC,eAAM,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;oBACtE,CAAC,CAAC,CAAC;iBACJ;YACH,CAAC,CAAC,CAAC;SACJ;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,uCACE,GAAG,EAAE,OAAO,EACZ,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,IAAA,oBAAI,EAAC,4BAAM,CAAC,aAAa,EAAE,SAAS,CAAC,EAChD,KAAK,EAAE,EAAE,aAAa,EAAE,eAAM,CAAC,gBAAgB,CAAC,SAAS,CAAC,EAAE;QAE5D,8BAAC,oBAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE;YACzD,8BAAC,UAAU,OAAG;YACd,8BAAC,YAAY,OAAG,CACM,CACpB,CACP,CAAC;AACJ,CAAC,CAAC;AAtDW,QAAA,eAAe,mBAsD1B;AAEK,MAAM,gBAAgB,GAAG,CAAC,EAC/B,SAAS,EACT,UAAU,
|
|
1
|
+
{"version":3,"file":"renderer.view.js","sourceRoot":"","sources":["../../../src/browser/tabbar/renderer.view.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@opensumi/ide-main-layout",
|
|
3
|
-
"version": "2.27.1
|
|
3
|
+
"version": "2.27.1",
|
|
4
4
|
"description": "@opensumi/ide-main-layout",
|
|
5
5
|
"files": [
|
|
6
6
|
"lib",
|
|
@@ -18,13 +18,13 @@
|
|
|
18
18
|
"url": "git@github.com:opensumi/core.git"
|
|
19
19
|
},
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@opensumi/ide-components": "2.27.1
|
|
22
|
-
"@opensumi/ide-core-common": "2.27.1
|
|
21
|
+
"@opensumi/ide-components": "2.27.1",
|
|
22
|
+
"@opensumi/ide-core-common": "2.27.1"
|
|
23
23
|
},
|
|
24
24
|
"devDependencies": {
|
|
25
|
-
"@opensumi/ide-core-browser": "2.27.1
|
|
25
|
+
"@opensumi/ide-core-browser": "2.27.1",
|
|
26
26
|
"@opensumi/ide-dev-tool": "1.3.1",
|
|
27
|
-
"@opensumi/ide-theme": "2.27.1
|
|
27
|
+
"@opensumi/ide-theme": "2.27.1"
|
|
28
28
|
},
|
|
29
|
-
"gitHead": "
|
|
29
|
+
"gitHead": "0f82e782cc44517c7fd81ea615de9f772eb61475"
|
|
30
30
|
}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { observer } from 'mobx-react-lite';
|
|
2
|
-
import React
|
|
2
|
+
import React from 'react';
|
|
3
3
|
|
|
4
|
-
import {
|
|
4
|
+
import { View, useInjectable } from '@opensumi/ide-core-browser';
|
|
5
5
|
import { EDirection, Layout, SplitPanel } from '@opensumi/ide-core-browser/lib/components';
|
|
6
|
-
import { LAYOUT_VIEW_SIZE } from '@opensumi/ide-core-browser/lib/layout/constants';
|
|
7
6
|
import { replaceLocalizePlaceholder } from '@opensumi/ide-core-common';
|
|
8
7
|
|
|
9
8
|
import { AccordionServiceFactory, AccordionService, SectionState } from './accordion.service';
|
|
@@ -26,25 +25,13 @@ export const AccordionContainer = observer(
|
|
|
26
25
|
alignment = 'vertical',
|
|
27
26
|
views,
|
|
28
27
|
containerId,
|
|
29
|
-
headerSize,
|
|
28
|
+
headerSize = 24,
|
|
30
29
|
minSize = 120,
|
|
31
30
|
className,
|
|
32
31
|
noRestore,
|
|
33
32
|
style,
|
|
34
33
|
}: AccordionContainerProps) => {
|
|
35
34
|
const accordionService: AccordionService = useInjectable(AccordionServiceFactory)(containerId, noRestore);
|
|
36
|
-
const appConfig: AppConfig = useInjectable(AppConfig);
|
|
37
|
-
|
|
38
|
-
const layoutHeaderSize = useMemo(() => {
|
|
39
|
-
if (headerSize) {
|
|
40
|
-
return headerSize;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
return appConfig.layoutViewSize
|
|
44
|
-
? appConfig.layoutViewSize.ACCORDION_HEADER_SIZE_HEIGHT
|
|
45
|
-
: LAYOUT_VIEW_SIZE.ACCORDION_HEADER_SIZE_HEIGHT;
|
|
46
|
-
}, [headerSize]);
|
|
47
|
-
|
|
48
35
|
React.useEffect(() => {
|
|
49
36
|
// 解决视图在渲染前注册的问题
|
|
50
37
|
if (!views.length) {
|
|
@@ -55,7 +42,7 @@ export const AccordionContainer = observer(
|
|
|
55
42
|
}
|
|
56
43
|
}, [views]);
|
|
57
44
|
React.useEffect(() => {
|
|
58
|
-
accordionService.initConfig({ headerSize
|
|
45
|
+
accordionService.initConfig({ headerSize, minSize });
|
|
59
46
|
}, []);
|
|
60
47
|
const allCollapsed = !accordionService.visibleViews.find((view) => {
|
|
61
48
|
const viewState: SectionState = accordionService.getViewState(view.id);
|
|
@@ -90,12 +77,12 @@ export const AccordionContainer = observer(
|
|
|
90
77
|
expanded={!collapsed}
|
|
91
78
|
accordionService={accordionService}
|
|
92
79
|
index={index}
|
|
93
|
-
headerSize={
|
|
94
|
-
minSize={
|
|
80
|
+
headerSize={headerSize}
|
|
81
|
+
minSize={headerSize}
|
|
95
82
|
initialProps={view.initialProps}
|
|
96
83
|
titleMenu={titleMenu}
|
|
97
84
|
titleMenuContext={view.titleMenuContext}
|
|
98
|
-
savedSize={collapsed ?
|
|
85
|
+
savedSize={collapsed ? headerSize : nextSize}
|
|
99
86
|
flex={view.weight || 1}
|
|
100
87
|
>
|
|
101
88
|
{view.component}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
|
|
3
|
+
import { LAYOUT_VIEW_SIZE } from '@opensumi/ide-core-browser/lib/layout/constants';
|
|
4
|
+
|
|
3
5
|
import styles from './styles.module.less';
|
|
4
6
|
|
|
5
7
|
export const TitleBar: React.FC<{
|
|
6
8
|
title: string;
|
|
7
9
|
menubar?: React.ReactNode;
|
|
8
|
-
height?: number;
|
|
9
10
|
}> = React.memo((props) => (
|
|
10
|
-
<div className={styles.titlebar} style={{ height:
|
|
11
|
+
<div className={styles.titlebar} style={{ height: LAYOUT_VIEW_SIZE.PANEL_TITLEBAR_HEIGHT }}>
|
|
11
12
|
<h1>{props.title}</h1>
|
|
12
13
|
{props.menubar || null}
|
|
13
14
|
</div>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import clsx from 'classnames';
|
|
2
2
|
import { observer } from 'mobx-react-lite';
|
|
3
|
-
import React
|
|
3
|
+
import React from 'react';
|
|
4
4
|
|
|
5
5
|
import { Badge, Icon } from '@opensumi/ide-components';
|
|
6
6
|
import { ComponentRegistryInfo, useInjectable, KeybindingRegistry, usePreference } from '@opensumi/ide-core-browser';
|
|
@@ -16,7 +16,7 @@ import { TabbarConfig } from './renderer.view';
|
|
|
16
16
|
import styles from './styles.module.less';
|
|
17
17
|
import { TabbarService, TabbarServiceFactory } from './tabbar.service';
|
|
18
18
|
|
|
19
|
-
|
|
19
|
+
function splitVisibleTabs(containers: ComponentRegistryInfo[], tabSize: number, availableSize: number) {
|
|
20
20
|
const visibleCount = Math.floor(availableSize / tabSize);
|
|
21
21
|
if (visibleCount >= containers.length) {
|
|
22
22
|
return [containers, []];
|
|
@@ -41,18 +41,10 @@ export interface ITabbarViewProps {
|
|
|
41
41
|
// tab上预留的位置，用来控制tab过多的显示效果
|
|
42
42
|
margin?: number;
|
|
43
43
|
canHideTabbar?: boolean;
|
|
44
|
-
renderOtherVisibleContainers?: React.FC<{
|
|
45
|
-
props: ITabbarViewProps;
|
|
46
|
-
renderContainers: (
|
|
47
|
-
component: ComponentRegistryInfo,
|
|
48
|
-
handleTabClick,
|
|
49
|
-
currentContainerId: string,
|
|
50
|
-
) => React.JSX.Element | null;
|
|
51
|
-
}>;
|
|
52
44
|
}
|
|
53
45
|
|
|
54
|
-
export const TabbarViewBase: React.FC<ITabbarViewProps> = observer(
|
|
55
|
-
|
|
46
|
+
export const TabbarViewBase: React.FC<ITabbarViewProps> = observer(
|
|
47
|
+
({
|
|
56
48
|
TabView,
|
|
57
49
|
MoreTabView,
|
|
58
50
|
forbidCollapse,
|
|
@@ -63,125 +55,115 @@ export const TabbarViewBase: React.FC<ITabbarViewProps> = observer((props) => {
|
|
|
63
55
|
margin,
|
|
64
56
|
tabSize,
|
|
65
57
|
canHideTabbar,
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
const tabbarService: TabbarService = useInjectable(TabbarServiceFactory)(side);
|
|
58
|
+
}) => {
|
|
59
|
+
const { side, direction, fullSize } = React.useContext(TabbarConfig);
|
|
60
|
+
const tabbarService: TabbarService = useInjectable(TabbarServiceFactory)(side);
|
|
70
61
|
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
62
|
+
React.useEffect(() => {
|
|
63
|
+
// 内部只关注总的宽度
|
|
64
|
+
tabbarService.barSize = barSize + panelBorderSize;
|
|
65
|
+
}, []);
|
|
66
|
+
const { currentContainerId, handleTabClick } = tabbarService;
|
|
76
67
|
|
|
77
|
-
|
|
68
|
+
const hideTabBarWhenHidePanel = usePreference<boolean>('workbench.hideSlotTabBarWhenHidePanel', false);
|
|
78
69
|
|
|
79
|
-
|
|
70
|
+
const willHideTabbar = canHideTabbar && hideTabBarWhenHidePanel;
|
|
80
71
|
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
72
|
+
if (willHideTabbar && !currentContainerId) {
|
|
73
|
+
// 之所以要用这么偏门的方法，是因为：
|
|
74
|
+
// 我尝试了好几种方案，比如让 tabbar 或其他几个组件返回 null 的话
|
|
75
|
+
// 会导致 SplitPanel 计算 children 的尺寸不正确，或者计算 tabbar 上按钮区域长度不对等等
|
|
76
|
+
// 最后试了这个方法一劳永逸，感觉也挺合适
|
|
77
|
+
tabbarService.resizeHandle?.setSize(0);
|
|
78
|
+
}
|
|
88
79
|
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
80
|
+
const [visibleContainers, hideContainers] = splitVisibleTabs(
|
|
81
|
+
tabbarService.visibleContainers.filter((container) => !container.options?.hideTab),
|
|
82
|
+
tabSize,
|
|
83
|
+
fullSize - (margin || 0),
|
|
84
|
+
);
|
|
85
|
+
hideContainers.forEach((componentInfo) => {
|
|
86
|
+
tabbarService.updateTabInMoreKey(componentInfo.options!.containerId, true);
|
|
87
|
+
});
|
|
97
88
|
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
if (!containerId) {
|
|
106
|
-
return null;
|
|
107
|
-
}
|
|
108
|
-
tabbarService.updateTabInMoreKey(containerId, false);
|
|
109
|
-
let ref: HTMLLIElement | null;
|
|
110
|
-
return (
|
|
111
|
-
<li
|
|
112
|
-
draggable={true}
|
|
113
|
-
onDragStart={(e) => {
|
|
114
|
-
if (ref) {
|
|
115
|
-
const dragImage = ref.cloneNode(true) as HTMLLIElement;
|
|
116
|
-
dragImage.classList.add(styles.dragging);
|
|
117
|
-
if (tabClassName) {
|
|
118
|
-
dragImage.classList.add(tabClassName);
|
|
119
|
-
}
|
|
120
|
-
document.body.appendChild(dragImage);
|
|
121
|
-
e.persist();
|
|
122
|
-
requestAnimationFrame(() => {
|
|
123
|
-
e.dataTransfer.setDragImage(dragImage, 0, 0);
|
|
124
|
-
document.body.removeChild(dragImage);
|
|
125
|
-
});
|
|
126
|
-
}
|
|
127
|
-
tabbarService.handleDragStart(e, containerId);
|
|
128
|
-
}}
|
|
129
|
-
onDragOver={(e) => {
|
|
130
|
-
e.preventDefault();
|
|
131
|
-
if (ref) {
|
|
132
|
-
ref.classList.add('on-drag-over');
|
|
133
|
-
}
|
|
134
|
-
}}
|
|
135
|
-
onDragLeave={() => {
|
|
136
|
-
if (ref) {
|
|
137
|
-
ref.classList.remove('on-drag-over');
|
|
89
|
+
return (
|
|
90
|
+
<div className={clsx([styles.tab_bar, className])}>
|
|
91
|
+
<div className={styles.bar_content} style={{ flexDirection: Layout.getTabbarDirection(direction) }}>
|
|
92
|
+
{visibleContainers.map((component) => {
|
|
93
|
+
const containerId = component.options?.containerId;
|
|
94
|
+
if (!containerId) {
|
|
95
|
+
return null;
|
|
138
96
|
}
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
e
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
97
|
+
tabbarService.updateTabInMoreKey(containerId, false);
|
|
98
|
+
let ref: HTMLLIElement | null;
|
|
99
|
+
return (
|
|
100
|
+
<li
|
|
101
|
+
draggable={true}
|
|
102
|
+
onDragStart={(e) => {
|
|
103
|
+
if (ref) {
|
|
104
|
+
const dragImage = ref.cloneNode(true) as HTMLLIElement;
|
|
105
|
+
dragImage.classList.add(styles.dragging);
|
|
106
|
+
if (tabClassName) {
|
|
107
|
+
dragImage.classList.add(tabClassName);
|
|
108
|
+
}
|
|
109
|
+
document.body.appendChild(dragImage);
|
|
110
|
+
e.persist();
|
|
111
|
+
requestAnimationFrame(() => {
|
|
112
|
+
e.dataTransfer.setDragImage(dragImage, 0, 0);
|
|
113
|
+
document.body.removeChild(dragImage);
|
|
114
|
+
});
|
|
115
|
+
}
|
|
116
|
+
tabbarService.handleDragStart(e, containerId);
|
|
117
|
+
}}
|
|
118
|
+
onDragOver={(e) => {
|
|
119
|
+
e.preventDefault();
|
|
120
|
+
if (ref) {
|
|
121
|
+
ref.classList.add('on-drag-over');
|
|
122
|
+
}
|
|
123
|
+
}}
|
|
124
|
+
onDragLeave={() => {
|
|
125
|
+
if (ref) {
|
|
126
|
+
ref.classList.remove('on-drag-over');
|
|
127
|
+
}
|
|
128
|
+
}}
|
|
129
|
+
onDrop={(e) => {
|
|
130
|
+
if (ref) {
|
|
131
|
+
ref.classList.remove('on-drag-over');
|
|
132
|
+
}
|
|
133
|
+
tabbarService.handleDrop(e, containerId);
|
|
134
|
+
}}
|
|
135
|
+
key={containerId}
|
|
136
|
+
id={containerId}
|
|
137
|
+
onContextMenu={(e) => tabbarService.handleContextMenu(e, containerId)}
|
|
138
|
+
// 如果设置了可隐藏 Tabbar，那么就不允许点击 tab 时隐藏整个 panel 了 通过设置 forbidCollapse 来阻止这个动作
|
|
139
|
+
onClick={(e) => handleTabClick(e, willHideTabbar || forbidCollapse)}
|
|
140
|
+
ref={(el) => (ref = el)}
|
|
141
|
+
className={clsx({ active: currentContainerId === containerId }, tabClassName)}
|
|
142
|
+
>
|
|
143
|
+
<TabView component={component} />
|
|
144
|
+
</li>
|
|
145
|
+
);
|
|
146
|
+
})}
|
|
147
|
+
{hideContainers.length ? (
|
|
148
|
+
<li
|
|
149
|
+
key='tab-more'
|
|
150
|
+
onClick={(e) =>
|
|
151
|
+
tabbarService.showMoreMenu(
|
|
152
|
+
e,
|
|
153
|
+
visibleContainers[visibleContainers.length - 1] &&
|
|
154
|
+
visibleContainers[visibleContainers.length - 1].options?.containerId,
|
|
155
|
+
)
|
|
156
|
+
}
|
|
157
|
+
className={tabClassName}
|
|
158
|
+
>
|
|
159
|
+
<MoreTabView />
|
|
160
|
+
</li>
|
|
161
|
+
) : null}
|
|
162
|
+
</div>
|
|
181
163
|
</div>
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
164
|
+
);
|
|
165
|
+
},
|
|
166
|
+
);
|
|
185
167
|
|
|
186
168
|
export const IconTabView: React.FC<{ component: ComponentRegistryInfo }> = observer(({ component }) => {
|
|
187
169
|
const progressService: IProgressService = useInjectable(IProgressService);
|
|
@@ -263,18 +245,7 @@ export const RightTabbarRenderer: React.FC = () => {
|
|
|
263
245
|
);
|
|
264
246
|
};
|
|
265
247
|
|
|
266
|
-
export const LeftTabbarRenderer: React.FC
|
|
267
|
-
renderOtherVisibleContainers?: React.FC<{
|
|
268
|
-
props: ITabbarViewProps;
|
|
269
|
-
renderContainers: (
|
|
270
|
-
component: ComponentRegistryInfo,
|
|
271
|
-
handleTabClick,
|
|
272
|
-
currentContainerId: string,
|
|
273
|
-
) => React.JSX.Element | null;
|
|
274
|
-
}>;
|
|
275
|
-
isRenderExtraTopMenus?: boolean;
|
|
276
|
-
renderExtraMenus?: React.ReactNode;
|
|
277
|
-
}> = ({ renderOtherVisibleContainers, isRenderExtraTopMenus = true, renderExtraMenus }) => {
|
|
248
|
+
export const LeftTabbarRenderer: React.FC = () => {
|
|
278
249
|
const { side } = React.useContext(TabbarConfig);
|
|
279
250
|
const layoutService = useInjectable<IMainLayoutService>(IMainLayoutService);
|
|
280
251
|
const tabbarService: TabbarService = useInjectable(TabbarServiceFactory)(side);
|
|
@@ -288,9 +259,7 @@ export const LeftTabbarRenderer: React.FC<{
|
|
|
288
259
|
className={styles.left_tab_bar}
|
|
289
260
|
onContextMenu={tabbarService.handleContextMenu}
|
|
290
261
|
>
|
|
291
|
-
{
|
|
292
|
-
<InlineMenuBar className={clsx(styles.vertical_icons, styles.extra_top_menus)} menus={extraTopMenus} />
|
|
293
|
-
)}
|
|
262
|
+
<InlineMenuBar className={clsx(styles.vertical_icons, styles.extra_top_menus)} menus={extraTopMenus} />
|
|
294
263
|
<TabbarViewBase
|
|
295
264
|
tabSize={48}
|
|
296
265
|
MoreTabView={IconElipses}
|
|
@@ -300,9 +269,8 @@ export const LeftTabbarRenderer: React.FC<{
|
|
|
300
269
|
barSize={48}
|
|
301
270
|
margin={90}
|
|
302
271
|
panelBorderSize={1}
|
|
303
|
-
renderOtherVisibleContainers={renderOtherVisibleContainers}
|
|
304
272
|
/>
|
|
305
|
-
|
|
273
|
+
<InlineMenuBar className={styles.vertical_icons} menus={extraMenus} />
|
|
306
274
|
</div>
|
|
307
275
|
);
|
|
308
276
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import clsx from 'classnames';
|
|
2
2
|
import { observer } from 'mobx-react-lite';
|
|
3
|
-
import React
|
|
3
|
+
import React from 'react';
|
|
4
4
|
|
|
5
5
|
import { INJECTOR_TOKEN, Injector } from '@opensumi/di';
|
|
6
6
|
import {
|
|
@@ -39,20 +39,14 @@ export interface IBaseTabPanelView {
|
|
|
39
39
|
// tabPanel的尺寸（横向为宽，纵向高）
|
|
40
40
|
id?: string;
|
|
41
41
|
panelSize?: number;
|
|
42
|
-
currentContainerId?: string;
|
|
43
42
|
}
|
|
44
43
|
|
|
45
|
-
export const BaseTabPanelView: React.FC<IBaseTabPanelView> = observer((
|
|
46
|
-
const { PanelView, panelSize, id } = props;
|
|
44
|
+
export const BaseTabPanelView: React.FC<IBaseTabPanelView> = observer(({ PanelView, panelSize, id }) => {
|
|
47
45
|
const { side } = React.useContext(TabbarConfig);
|
|
48
46
|
const tabbarService: TabbarService = useInjectable(TabbarServiceFactory)(side);
|
|
49
47
|
const appConfig: AppConfig = useInjectable(AppConfig);
|
|
50
48
|
const customPanelSize = appConfig.panelSizes && appConfig.panelSizes[side];
|
|
51
|
-
|
|
52
|
-
const currentContainerId = useMemo(
|
|
53
|
-
() => props.currentContainerId || tabbarService.currentContainerId,
|
|
54
|
-
[props.currentContainerId, tabbarService.currentContainerId],
|
|
55
|
-
);
|
|
49
|
+
const { currentContainerId } = tabbarService;
|
|
56
50
|
|
|
57
51
|
React.useEffect(() => {
|
|
58
52
|
// panelSize = 384-1-48
|
|
@@ -92,14 +86,14 @@ export const BaseTabPanelView: React.FC<IBaseTabPanelView> = observer((props) =>
|
|
|
92
86
|
);
|
|
93
87
|
});
|
|
94
88
|
|
|
95
|
-
|
|
89
|
+
const ContainerView: React.FC<{
|
|
96
90
|
component: ComponentRegistryInfo;
|
|
97
91
|
side: string;
|
|
98
92
|
titleMenu: IMenu;
|
|
99
93
|
}> = observer(({ component, titleMenu, side }) => {
|
|
100
94
|
const ref = React.useRef<HTMLElement | null>();
|
|
101
95
|
const containerRef = React.useRef<HTMLDivElement | null>(null);
|
|
102
|
-
const
|
|
96
|
+
const configContext = useInjectable<AppConfig>(AppConfig);
|
|
103
97
|
const { title, titleComponent, component: CustomComponent, containerId } = component.options || {};
|
|
104
98
|
const injector: Injector = useInjectable(INJECTOR_TOKEN);
|
|
105
99
|
const handleContextMenu = (e: React.MouseEvent) => {
|
|
@@ -116,21 +110,14 @@ export const ContainerView: React.FC<{
|
|
|
116
110
|
}
|
|
117
111
|
const viewState = useViewState(side, containerRef);
|
|
118
112
|
|
|
119
|
-
const PANEL_TITLEBAR_HEIGHT = React.useMemo(
|
|
120
|
-
() => appConfig.layoutViewSize?.PANEL_TITLEBAR_HEIGHT || LAYOUT_VIEW_SIZE.PANEL_TITLEBAR_HEIGHT,
|
|
121
|
-
[appConfig],
|
|
122
|
-
);
|
|
123
|
-
|
|
124
113
|
return (
|
|
125
114
|
<div ref={containerRef} className={styles.view_container}>
|
|
126
115
|
{!CustomComponent && (
|
|
127
116
|
<div onContextMenu={handleContextMenu} className={styles.panel_titlebar}>
|
|
128
|
-
{!title ? null :
|
|
129
|
-
<TitleBar title={title} height={PANEL_TITLEBAR_HEIGHT} menubar={<InlineActionBar menus={titleMenu} />} />
|
|
130
|
-
)}
|
|
117
|
+
{!title ? null : <TitleBar title={title} menubar={<InlineActionBar menus={titleMenu} />} />}
|
|
131
118
|
{titleComponent && (
|
|
132
119
|
<div className={styles.panel_component}>
|
|
133
|
-
<ConfigProvider value={
|
|
120
|
+
<ConfigProvider value={configContext}>
|
|
134
121
|
<ComponentRenderer Component={titleComponent} initialProps={component.options?.titleProps} />
|
|
135
122
|
</ConfigProvider>
|
|
136
123
|
</div>
|
|
@@ -140,7 +127,7 @@ export const ContainerView: React.FC<{
|
|
|
140
127
|
<div className={styles.container_wrap} ref={(ele) => (ref.current = ele)}>
|
|
141
128
|
<ProgressBar progressModel={indicator.progressModel} />
|
|
142
129
|
{CustomComponent ? (
|
|
143
|
-
<ConfigProvider value={
|
|
130
|
+
<ConfigProvider value={configContext}>
|
|
144
131
|
<ComponentRenderer
|
|
145
132
|
initialProps={{ viewState, ...component.options?.initialProps }}
|
|
146
133
|
Component={CustomComponent}
|
|
@@ -165,7 +152,7 @@ const BottomPanelView: React.FC<{
|
|
|
165
152
|
}> = observer(({ component, titleMenu, side }) => {
|
|
166
153
|
const ref = React.useRef<HTMLElement | null>();
|
|
167
154
|
const containerRef = React.useRef<HTMLDivElement | null>(null);
|
|
168
|
-
const
|
|
155
|
+
const configContext = useInjectable<AppConfig>(AppConfig);
|
|
169
156
|
const tabbarService: TabbarService = useInjectable(TabbarServiceFactory)(side);
|
|
170
157
|
const { component: CustomComponent, containerId } = component.options || {};
|
|
171
158
|
const titleComponent = component.options && component.options.titleComponent;
|
|
@@ -180,14 +167,9 @@ const BottomPanelView: React.FC<{
|
|
|
180
167
|
}
|
|
181
168
|
const viewState = useViewState(side, containerRef);
|
|
182
169
|
|
|
183
|
-
const PANEL_TITLEBAR_HEIGHT = React.useMemo(
|
|
184
|
-
() => appConfig.layoutViewSize?.PANEL_TITLEBAR_HEIGHT || LAYOUT_VIEW_SIZE.PANEL_TITLEBAR_HEIGHT,
|
|
185
|
-
[appConfig],
|
|
186
|
-
);
|
|
187
|
-
|
|
188
170
|
return (
|
|
189
171
|
<div ref={containerRef} className={styles.panel_container}>
|
|
190
|
-
<div className={styles.panel_title_bar} style={{ height: PANEL_TITLEBAR_HEIGHT }}>
|
|
172
|
+
<div className={styles.panel_title_bar} style={{ height: LAYOUT_VIEW_SIZE.PANEL_TITLEBAR_HEIGHT }}>
|
|
191
173
|
<h1>{component.options?.title?.toUpperCase()}</h1>
|
|
192
174
|
<div className={styles.title_component_container}>
|
|
193
175
|
{titleComponent && (
|
|
@@ -202,7 +184,7 @@ const BottomPanelView: React.FC<{
|
|
|
202
184
|
<div className={styles.container_wrap} ref={(ele) => (ref.current = ele)}>
|
|
203
185
|
<ProgressBar progressModel={indicator.progressModel} />
|
|
204
186
|
{CustomComponent ? (
|
|
205
|
-
<ConfigProvider value={
|
|
187
|
+
<ConfigProvider value={configContext}>
|
|
206
188
|
<ComponentRenderer
|
|
207
189
|
initialProps={{ viewState, ...component.options?.initialProps }}
|
|
208
190
|
Component={CustomComponent}
|
|
@@ -80,19 +80,17 @@ export const TabRendererBase: React.FC<{
|
|
|
80
80
|
export const RightTabRenderer = ({
|
|
81
81
|
className,
|
|
82
82
|
components,
|
|
83
|
-
tabbarView,
|
|
84
83
|
}: {
|
|
85
84
|
className: string;
|
|
86
85
|
components: ComponentRegistryInfo[];
|
|
87
|
-
tabbarView?: React.FC<{}>;
|
|
88
86
|
}) => (
|
|
89
87
|
<TabRendererBase
|
|
90
88
|
side='right'
|
|
91
89
|
direction='right-to-left'
|
|
92
|
-
id={VIEW_CONTAINERS.
|
|
90
|
+
id={VIEW_CONTAINERS.RIGHT_TABBAR}
|
|
93
91
|
className={clsx(className, 'right-slot')}
|
|
94
92
|
components={components}
|
|
95
|
-
TabbarView={
|
|
93
|
+
TabbarView={RightTabbarRenderer}
|
|
96
94
|
TabpanelView={RightTabPanelRenderer}
|
|
97
95
|
/>
|
|
98
96
|
);
|
|
@@ -100,11 +98,9 @@ export const RightTabRenderer = ({
|
|
|
100
98
|
export const LeftTabRenderer = ({
|
|
101
99
|
className,
|
|
102
100
|
components,
|
|
103
|
-
tabbarView,
|
|
104
101
|
}: {
|
|
105
102
|
className: string;
|
|
106
103
|
components: ComponentRegistryInfo[];
|
|
107
|
-
tabbarView?: React.FC<{}>;
|
|
108
104
|
}) => (
|
|
109
105
|
<TabRendererBase
|
|
110
106
|
side='left'
|
|
@@ -112,7 +108,7 @@ export const LeftTabRenderer = ({
|
|
|
112
108
|
id={VIEW_CONTAINERS.LEFT_TABBAR_PANEL}
|
|
113
109
|
className={clsx(className, 'left-slot')}
|
|
114
110
|
components={components}
|
|
115
|
-
TabbarView={
|
|
111
|
+
TabbarView={LeftTabbarRenderer}
|
|
116
112
|
TabpanelView={LeftTabPanelRenderer}
|
|
117
113
|
/>
|
|
118
114
|
);
|
|
@@ -120,11 +116,9 @@ export const LeftTabRenderer = ({
|
|
|
120
116
|
export const BottomTabRenderer = ({
|
|
121
117
|
className,
|
|
122
118
|
components,
|
|
123
|
-
tabbarView,
|
|
124
119
|
}: {
|
|
125
120
|
className: string;
|
|
126
121
|
components: ComponentRegistryInfo[];
|
|
127
|
-
tabbarView?: React.FC<{}>;
|
|
128
122
|
}) => (
|
|
129
123
|
<TabRendererBase
|
|
130
124
|
side='bottom'
|
|
@@ -132,7 +126,7 @@ export const BottomTabRenderer = ({
|
|
|
132
126
|
direction='bottom-to-top'
|
|
133
127
|
className={clsx(className, 'bottom-slot')}
|
|
134
128
|
components={components}
|
|
135
|
-
TabbarView={
|
|
129
|
+
TabbarView={BottomTabbarRenderer}
|
|
136
130
|
TabpanelView={BottomTabPanelRenderer}
|
|
137
131
|
noAccordion={true}
|
|
138
132
|
/>
|