@opensumi/ide-core-browser 2.12.1-next-079c1930

package/lib/components/layout/default-layout.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export declare const getStorageValue: () => {
+    layout: {
+        [key: string]: {
+            size: number;
+            currentId: string;
+        };
+    };
+    colors: {
+        [colorKey: string]: string;
+    };
+};
+export declare const DefaultLayout: typeof ToolbarActionBasedLayout;
+export declare function ToolbarActionBasedLayout(): JSX.Element;
+//# sourceMappingURL=default-layout.d.ts.map

package/lib/components/layout/default-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-layout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/default-layout.tsx"],"names":[],"mappings":";AAKA,eAAO,MAAM,eAAe;;;kBAEc,MAAM;uBAAa,MAAM;;;;;;CAUlE,CAAC;AAEF,eAAO,MAAM,aAAa,iCAA2B,CAAC;AAEtD,wBAAgB,wBAAwB,gBAevC"}

package/lib/components/layout/default-layout.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolbarActionBasedLayout = exports.DefaultLayout = exports.getStorageValue = void 0;
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const box_panel_1 = require("./box-panel");
+const react_providers_1 = require("../../react-providers");
+const split_panel_1 = require("./split-panel");
+const getStorageValue = () => {
+    // 启动时渲染的颜色和尺寸，弱依赖
+    let savedLayout = {};
+    let savedColors = {};
+    try {
+        savedLayout = JSON.parse(localStorage.getItem('layout') || '{}');
+        savedColors = JSON.parse(localStorage.getItem('theme') || '{}');
+    }
+    catch (err) { }
+    return {
+        layout: savedLayout,
+        colors: savedColors,
+    };
+};
+exports.getStorageValue = getStorageValue;
+exports.DefaultLayout = ToolbarActionBasedLayout;
+function ToolbarActionBasedLayout() {
+    var _a, _b, _c, _d, _e;
+    const { colors, layout } = (0, exports.getStorageValue)();
+    return react_1.default.createElement(box_panel_1.BoxPanel, { direction: 'top-to-bottom' },
+        react_1.default.createElement(react_providers_1.SlotRenderer, { color: colors.menuBarBackground, defaultSize: 0, slot: 'top', "z-index": 2 }),
+        react_1.default.createElement(split_panel_1.SplitPanel, { id: 'main-horizontal', flex: 1 },
+            react_1.default.createElement(react_providers_1.SlotRenderer, { color: colors.sideBarBackground, slot: 'left', isTabbar: true, defaultSize: ((_a = layout.left) === null || _a === void 0 ? void 0 : _a.currentId) ? (((_b = layout.left) === null || _b === void 0 ? void 0 : _b.size) || 310) : 49, minResize: 204, minSize: 49 }),
+            react_1.default.createElement(split_panel_1.SplitPanel, { id: 'main-vertical', minResize: 300, flexGrow: 1, direction: 'top-to-bottom' },
+                react_1.default.createElement(react_providers_1.SlotRenderer, { color: colors.editorBackground, flex: 2, flexGrow: 1, minResize: 200, slot: 'main' }),
+                react_1.default.createElement(react_providers_1.SlotRenderer, { color: colors.panelBackground, flex: 1, defaultSize: (_c = layout.bottom) === null || _c === void 0 ? void 0 : _c.size, minResize: 160, slot: 'bottom', isTabbar: true })),
+            react_1.default.createElement(react_providers_1.SlotRenderer, { color: colors.sideBarBackground, slot: 'right', isTabbar: true, defaultSize: ((_d = layout.right) === null || _d === void 0 ? void 0 : _d.currentId) ? (((_e = layout.right) === null || _e === void 0 ? void 0 : _e.size) || 310) : 0, minResize: 200, minSize: 41 })),
+        react_1.default.createElement(react_providers_1.SlotRenderer, { color: colors.statusBarBackground, defaultSize: 24, slot: 'statusBar' }));
+}
+exports.ToolbarActionBasedLayout = ToolbarActionBasedLayout;
+//# sourceMappingURL=default-layout.js.map

package/lib/components/layout/default-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-layout.js","sourceRoot":"","sources":["../../../src/components/layout/default-layout.tsx"],"names":[],"mappings":";;;;AAAA,+DAA0B;AAC1B,2CAAuC;AACvC,2DAAqD;AACrD,+CAA2C;AAEpC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,kBAAkB;IAClB,IAAI,WAAW,GAAuD,EAAE,CAAC;IACzE,IAAI,WAAW,GAAiC,EAAE,CAAC;IACnD,IAAI;QACF,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,CAAC;QACjE,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,CAAC;KACjE;IAAC,OAAO,GAAG,EAAE,GAAE;IAChB,OAAO;QACL,MAAM,EAAE,WAAW;QACnB,MAAM,EAAE,WAAW;KACpB,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,eAAe,mBAY1B;AAEW,QAAA,aAAa,GAAG,wBAAwB,CAAC;AAEtD,SAAgB,wBAAwB;;IACtC,MAAM,EAAC,MAAM,EAAE,MAAM,EAAC,GAAG,IAAA,uBAAe,GAAE,CAAC;IAE3C,OAAO,8BAAC,oBAAQ,IAAC,SAAS,EAAC,eAAe;QACxC,8BAAC,8BAAY,IAAC,KAAK,EAAE,MAAM,CAAC,iBAAiB,EAAE,WAAW,EAAE,CAAC,EAAE,IAAI,EAAC,KAAK,aAAU,CAAC,GAAG;QACvF,8BAAC,wBAAU,IAAC,EAAE,EAAC,iBAAiB,EAAC,IAAI,EAAE,CAAC;YACtC,8BAAC,8BAAY,IAAC,KAAK,EAAE,MAAM,CAAC,iBAAiB,EAAE,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,CAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,SAAS,EAAC,CAAC,CAAC,CAAC,CAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,IAAI,KAAI,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,EAAG,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,GAAI;YAClL,8BAAC,wBAAU,IAAC,EAAE,EAAC,eAAe,EAAC,SAAS,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAC,eAAe;gBACnF,8BAAC,8BAAY,IAAC,KAAK,EAAE,MAAM,CAAC,gBAAgB,EAAG,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,EAAC,MAAM,GAAG;gBACnG,8BAAC,8BAAY,IAAC,KAAK,EAAE,MAAM,CAAC,eAAe,EAAE,IAAI,EAAE,CAAC,EAAE,WAAW,EAAE,MAAA,MAAM,CAAC,MAAM,0CAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,IAAI,GAAI,CAC7H;YACb,8BAAC,8BAAY,IAAC,KAAK,EAAE,MAAM,CAAC,iBAAiB,EAAE,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,CAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,SAAS,EAAC,CAAC,CAAC,CAAC,CAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,KAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,GAAI,CACxK;QACb,8BAAC,8BAAY,IAAC,KAAK,EAAE,MAAM,CAAC,mBAAmB,EAAE,WAAW,EAAE,EAAE,EAAE,IAAI,EAAC,WAAW,GAAG,CAC5E,CAAC;AACd,CAAC;AAfD,4DAeC"}

package/lib/components/layout/index.d.ts

@@ -0,0 +1,5 @@
+export * from './layout';
+export * from './split-panel';
+export * from './box-panel';
+export * from './default-layout';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC"}

package/lib/components/layout/index.js

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

package/lib/components/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,6DAA8B;AAC9B,2DAA4B;AAC5B,gEAAiC"}

package/lib/components/layout/layout.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare namespace Layout {
+    type direction = ('left-to-right' | 'right-to-left' | 'top-to-bottom' | 'bottom-to-top');
+    type alignment = 'horizontal' | 'vertical';
+    function getFlexDirection(direction: Layout.direction): any;
+    function getSizeProperty(direction: Layout.direction): "width" | "height";
+    function getDomSizeProperty(direction: Layout.direction): "clientHeight" | "clientWidth";
+    function getMinSizeProperty(direction: Layout.direction): "minWidth" | "minHeight";
+    function getMaxSizeProperty(direction: Layout.direction): "maxWidth" | "maxHeight";
+    function getResizeHandle(direction: Layout.direction): (props: import("../resize/resize").ResizeHandleProps) => JSX.Element;
+    function getTabbarDirection(direction: Layout.direction): "row" | "column";
+}
+//# sourceMappingURL=layout.d.ts.map

package/lib/components/layout/layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/layout.ts"],"names":[],"mappings":";AAyCA,yBAAiB,MAAM,CAAC;IACtB,KAAY,SAAS,GAAG,CAAC,eAAe,GAAG,eAAe,GAAG,eAAe,GAAG,eAAe,CAAC,CAAC;IAEhG,KAAY,SAAS,GAAG,YAAY,GAAG,UAAU,CAAC;IAElD,SAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,OAE3D;IAED,SAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,sBAE1D;IAED,SAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,kCAE7D;IAED,SAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,4BAE7D;IAED,SAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,4BAE7D;IAED,SAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,wEAK1D;IAED,SAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,oBAK7D;CACF"}

package/lib/components/layout/layout.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Layout = void 0;
+const resize_1 = require("../resize/resize");
+const flexDirectionMap = {
+    'left-to-right': {
+        direction: 'row',
+        size: 'width',
+        domSize: 'clientHeight',
+        minSize: 'minWidth',
+        maxSize: 'maxWidth',
+    },
+    'right-to-left': {
+        direction: 'row-reverse',
+        size: 'width',
+        domSize: 'clientHeight',
+        minSize: 'minWidth',
+        maxSize: 'maxWidth',
+    },
+    'top-to-bottom': {
+        direction: 'column',
+        size: 'height',
+        domSize: 'clientWidth',
+        minSize: 'minHeight',
+        maxSize: 'maxHeight',
+    },
+    'bottom-to-top': {
+        direction: 'column-reverse',
+        size: 'height',
+        domSize: 'clientWidth',
+        minSize: 'minHeight',
+        maxSize: 'maxHeight',
+    },
+};
+var Layout;
+(function (Layout) {
+    function getFlexDirection(direction) {
+        return flexDirectionMap[direction].direction;
+    }
+    Layout.getFlexDirection = getFlexDirection;
+    function getSizeProperty(direction) {
+        return flexDirectionMap[direction].size;
+    }
+    Layout.getSizeProperty = getSizeProperty;
+    function getDomSizeProperty(direction) {
+        return flexDirectionMap[direction].domSize;
+    }
+    Layout.getDomSizeProperty = getDomSizeProperty;
+    function getMinSizeProperty(direction) {
+        return flexDirectionMap[direction].minSize;
+    }
+    Layout.getMinSizeProperty = getMinSizeProperty;
+    function getMaxSizeProperty(direction) {
+        return flexDirectionMap[direction].maxSize;
+    }
+    Layout.getMaxSizeProperty = getMaxSizeProperty;
+    function getResizeHandle(direction) {
+        if (direction === 'bottom-to-top' || direction === 'top-to-bottom') {
+            return resize_1.ResizeHandleVertical;
+        }
+        return resize_1.ResizeHandleHorizontal;
+    }
+    Layout.getResizeHandle = getResizeHandle;
+    function getTabbarDirection(direction) {
+        if (direction === 'bottom-to-top' || direction === 'top-to-bottom') {
+            return 'row';
+        }
+        return 'column';
+    }
+    Layout.getTabbarDirection = getTabbarDirection;
+})(Layout = exports.Layout || (exports.Layout = {}));
+//# sourceMappingURL=layout.js.map

package/lib/components/layout/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../src/components/layout/layout.ts"],"names":[],"mappings":";;;AAAA,6CAAgF;AAEhF,MAAM,gBAAgB,GAQlB;IACF,eAAe,EAAE;QACf,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,cAAc;QACvB,OAAO,EAAE,UAAU;QACnB,OAAO,EAAE,UAAU;KACpB;IACD,eAAe,EAAE;QACf,SAAS,EAAE,aAAa;QACxB,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,cAAc;QACvB,OAAO,EAAE,UAAU;QACnB,OAAO,EAAE,UAAU;KACpB;IACD,eAAe,EAAE;QACf,SAAS,EAAE,QAAQ;QACnB,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE,aAAa;QACtB,OAAO,EAAE,WAAW;QACpB,OAAO,EAAE,WAAW;KACrB;IACD,eAAe,EAAE;QACf,SAAS,EAAE,gBAAgB;QAC3B,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE,aAAa;QACtB,OAAO,EAAE,WAAW;QACpB,OAAO,EAAE,WAAW;KACrB;CACF,CAAC;AAEF,IAAiB,MAAM,CAsCtB;AAtCD,WAAiB,MAAM;IAKrB,SAAgB,gBAAgB,CAAC,SAA2B;QAC1D,OAAO,gBAAgB,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC;IAC/C,CAAC;IAFe,uBAAgB,mBAE/B,CAAA;IAED,SAAgB,eAAe,CAAC,SAA2B;QACzD,OAAO,gBAAgB,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC;IAC1C,CAAC;IAFe,sBAAe,kBAE9B,CAAA;IAED,SAAgB,kBAAkB,CAAC,SAA2B;QAC5D,OAAO,gBAAgB,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC;IAC7C,CAAC;IAFe,yBAAkB,qBAEjC,CAAA;IAED,SAAgB,kBAAkB,CAAC,SAA2B;QAC5D,OAAO,gBAAgB,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC;IAC7C,CAAC;IAFe,yBAAkB,qBAEjC,CAAA;IAED,SAAgB,kBAAkB,CAAC,SAA2B;QAC5D,OAAO,gBAAgB,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC;IAC7C,CAAC;IAFe,yBAAkB,qBAEjC,CAAA;IAED,SAAgB,eAAe,CAAC,SAA2B;QACzD,IAAI,SAAS,KAAK,eAAe,IAAI,SAAS,KAAK,eAAe,EAAE;YAClE,OAAO,6BAAoB,CAAC;SAC7B;QACD,OAAO,+BAAsB,CAAC;IAChC,CAAC;IALe,sBAAe,kBAK9B,CAAA;IAED,SAAgB,kBAAkB,CAAC,SAA2B;QAC5D,IAAI,SAAS,KAAK,eAAe,IAAI,SAAS,KAAK,eAAe,EAAE;YAClE,OAAO,KAAK,CAAC;SACd;QACD,OAAO,QAAQ,CAAC;IAClB,CAAC;IALe,yBAAkB,qBAKjC,CAAA;AACH,CAAC,EAtCgB,MAAM,GAAN,cAAM,KAAN,cAAM,QAsCtB"}

package/lib/components/layout/split-panel.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import { Layout } from './layout';
+export interface ResizeHandle {
+    setSize: (targetSize?: number, isLatter?: boolean) => void;
+    setRelativeSize: (prev: number, next: number, isLatter: boolean) => void;
+    getSize: (isLatter: boolean) => number;
+    getRelativeSize: (isLatter: boolean) => number[];
+    lockSize: (lock: boolean | undefined, isLatter: boolean) => void;
+    setMaxSize: (lock: boolean | undefined, isLatter: boolean) => void;
+    hidePanel: (show?: boolean) => void;
+}
+export declare const PanelContext: React.Context<ResizeHandle>;
+declare type ChildComponent = React.ReactElement<SplitChildProps>;
+interface SplitChildProps {
+    id: string;
+    minSize?: number;
+    maxSize?: number;
+    minResize?: number;
+    flex?: number;
+    overflow?: string;
+    flexGrow?: number;
+    slot?: string;
+    noResize?: boolean;
+    savedSize?: number;
+    defaultSize?: number;
+    children?: ChildComponent | ChildComponent[];
+}
+export interface SplitPanelProps extends SplitChildProps {
+    className?: string;
+    direction?: Layout.direction;
+    id: string;
+    resizeKeep?: boolean;
+    dynamicTarget?: boolean;
+    useDomSize?: boolean;
+}
+export declare const SplitPanel: React.FC<SplitPanelProps>;
+export {};
+//# sourceMappingURL=split-panel.d.ts.map

package/lib/components/layout/split-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-panel.d.ts","sourceRoot":"","sources":["../../../src/components/layout/split-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAOlC,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3D,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACzE,OAAO,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,MAAM,CAAC;IACvC,eAAe,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,MAAM,EAAE,CAAC;IACjD,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,SAAS,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACjE,UAAU,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,SAAS,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACnE,SAAS,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,YAAY,6BAQvB,CAAC;AAEH,aAAK,cAAc,GAAG,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;AAE1D,UAAU,eAAe;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,cAAc,GAAG,cAAc,EAAE,CAAC;CAC9C;AAED,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC;IAC7B,EAAE,EAAE,MAAM,CAAC;IAEX,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAMD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwM/C,CAAC"}

package/lib/components/layout/split-panel.js

@@ -0,0 +1,182 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SplitPanel = exports.PanelContext = void 0;
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const classnames_1 = (0, tslib_1.__importDefault)(require("classnames"));
+const styles_module_less_1 = (0, tslib_1.__importDefault)(require("./styles.module.less"));
+const layout_1 = require("./layout");
+const react_hooks_1 = require("../../react-hooks");
+const resize_1 = require("../resize/resize");
+const ide_core_common_1 = require("@opensumi/ide-core-common");
+const layout_2 = require("../../layout");
+const split_panel_service_1 = require("./split-panel.service");
+exports.PanelContext = react_1.default.createContext({
+    setSize: (targetSize, isLatter) => { },
+    setRelativeSize: (prev, next, isLatter) => { },
+    getSize: (isLatter) => 0,
+    getRelativeSize: (isLatter) => [0, 0],
+    lockSize: (lock, isLatter) => { },
+    setMaxSize: (lock, isLatter) => { },
+    hidePanel: (show) => { },
+});
+const getProp = (child, prop) => {
+    return child && child['props'] && child['props'][prop];
+};
+exports.SplitPanel = ((_a) => {
+    var { id, className, children = [], direction = 'left-to-right', resizeKeep = true, flexGrow, dynamicTarget, minResize, useDomSize } = _a, restProps = (0, tslib_1.__rest)(_a, ["id", "className", "children", "direction", "resizeKeep", "flexGrow", "dynamicTarget", "minResize", "useDomSize"]);
+    const ResizeHandle = layout_1.Layout.getResizeHandle(direction);
+    // convert children to list
+    const childList = react_1.default.Children.toArray(children);
+    const totalFlexNum = childList.reduce((accumulator, item) => accumulator + (getProp(item, 'flex') !== undefined ? item['props'].flex : 1), 0);
+    const elements = [];
+    const resizeDelegates = react_1.default.useRef([]);
+    const eventBus = (0, react_hooks_1.useInjectable)(ide_core_common_1.IEventBus);
+    const rootRef = react_1.default.useRef();
+    const splitPanelService = (0, react_hooks_1.useInjectable)(split_panel_service_1.SplitPanelManager).getService(id);
+    const maxLockState = react_1.default.useRef(childList.map(() => false));
+    const hideState = react_1.default.useRef(childList.map(() => false));
+    const resizeLockState = react_1.default.useRef(maxLockState.current.slice(0, childList.length - 1));
+    const [locks, setLocks] = react_1.default.useState(resizeLockState.current);
+    const [hides, setHides] = react_1.default.useState(hideState.current);
+    const [maxLocks, setMaxLocks] = react_1.default.useState(maxLockState.current);
+    splitPanelService.panels = [];
+    // 获取setSize的handle，对于最右端或最底部的视图，取上一个位置的handle
+    const setSizeHandle = (index) => {
+        return (size, isLatter) => {
+            const targetIndex = isLatter ? index - 1 : index;
+            const delegete = resizeDelegates.current[targetIndex];
+            if (delegete) {
+                delegete.setAbsoluteSize(size !== undefined ? size : getProp(childList[index], 'defaultSize'), isLatter, resizeKeep);
+            }
+        };
+    };
+    const setRelativeSizeHandle = (index) => {
+        return (prev, next, isLatter) => {
+            const targetIndex = isLatter ? index - 1 : index;
+            const delegete = resizeDelegates.current[targetIndex];
+            if (delegete) {
+                delegete.setRelativeSize(prev, next);
+            }
+        };
+    };
+    const getSizeHandle = (index) => {
+        return (isLatter) => {
+            const targetIndex = isLatter ? index - 1 : index;
+            const delegete = resizeDelegates.current[targetIndex];
+            if (delegete) {
+                return delegete.getAbsoluteSize(isLatter);
+            }
+            return 0;
+        };
+    };
+    const getRelativeSizeHandle = (index) => {
+        return (isLatter) => {
+            const targetIndex = isLatter ? index - 1 : index;
+            const delegete = resizeDelegates.current[targetIndex];
+            if (delegete) {
+                return delegete.getRelativeSize();
+            }
+            return [0, 0];
+        };
+    };
+    const lockResizeHandle = (index) => {
+        return (lock, isLatter) => {
+            const targetIndex = isLatter ? index - 1 : index;
+            const newResizeState = resizeLockState.current.map((state, idx) => idx === targetIndex ? (lock !== undefined ? lock : !state) : state);
+            resizeLockState.current = newResizeState;
+            setLocks(newResizeState);
+        };
+    };
+    const setMaxSizeHandle = (index) => {
+        return (lock, isLatter) => {
+            const newMaxState = maxLockState.current.map((state, idx) => idx === index ? (lock !== undefined ? lock : !state) : state);
+            maxLockState.current = newMaxState;
+            setMaxLocks(newMaxState);
+        };
+    };
+    const hidePanelHandle = (index) => {
+        return (show) => {
+            const newHideState = hideState.current.map((state, idx) => idx === index ? (show !== undefined ? !show : !state) : state);
+            hideState.current = newHideState;
+            const location = getProp(childList[index], 'slot') || getProp(childList[index], 'id');
+            if (location) {
+                fireResizeEvent(location);
+            }
+            setHides(newHideState);
+        };
+    };
+    const fireResizeEvent = (location) => {
+        if (location) {
+            eventBus.fire(new layout_2.ResizeEvent({ slotLocation: location }));
+        }
+    };
+    childList.forEach((element, index) => {
+        if (index !== 0) {
+            const targetElement = index === 1 ? childList[index - 1] : childList[index];
+            let flexMode;
+            if (getProp(element, 'flexGrow')) {
+                flexMode = resize_1.ResizeFlexMode.Prev;
+            }
+            else if (getProp(childList[index - 1], 'flexGrow')) {
+                flexMode = resize_1.ResizeFlexMode.Next;
+            }
+            const noResize = getProp(targetElement, 'noResize') || locks[index - 1];
+            if (!noResize) {
+                elements.push(react_1.default.createElement(ResizeHandle, { onResize: (prev, next) => {
+                        const prevLocation = getProp(childList[index - 1], 'slot') || getProp(childList[index - 1], 'id');
+                        const nextLocation = getProp(childList[index], 'slot') || getProp(childList[index], 'id');
+                        fireResizeEvent(prevLocation);
+                        fireResizeEvent(nextLocation);
+                    }, noColor: true, findNextElement: dynamicTarget ? (direction) => splitPanelService.getFirstResizablePanel(index - 1, direction) : undefined, findPrevElement: dynamicTarget ? (direction) => splitPanelService.getFirstResizablePanel(index - 1, direction, true) : undefined, key: `split-handle-${index}`, delegate: (delegate) => { resizeDelegates.current.push(delegate); }, flexMode: flexMode }));
+            }
+        }
+        elements.push(react_1.default.createElement(exports.PanelContext.Provider, { key: index, value: {
+                setSize: setSizeHandle(index),
+                getSize: getSizeHandle(index),
+                setRelativeSize: setRelativeSizeHandle(index),
+                getRelativeSize: getRelativeSizeHandle(index),
+                lockSize: lockResizeHandle(index),
+                setMaxSize: setMaxSizeHandle(index),
+                hidePanel: hidePanelHandle(index),
+            } },
+            react_1.default.createElement("div", { "data-min-resize": getProp(element, 'minResize'), ref: (ele) => {
+                    if (ele && splitPanelService.panels.indexOf(ele) === -1) {
+                        splitPanelService.panels.push(ele);
+                    }
+                }, id: getProp(element, 'id') /* @deprecated: query by data-view-id */, style: Object.assign(Object.assign(Object.assign(Object.assign({}, (element['props'].flex && !element['props'].savedSize) && !childList.find((item) => item['props'].flexGrow) ? { flex: element['props'].flex } : { [layout_1.Layout.getSizeProperty(direction)]: getElementSize(element) }), { 
+                    // 相对尺寸带来的问题，必须限制最小最大尺寸
+                    [layout_1.Layout.getMinSizeProperty(direction)]: getProp(element, 'minSize') ? element['props'].minSize + 'px' : '-1px', [layout_1.Layout.getMaxSizeProperty(direction)]: maxLocks[index] && getProp(element, 'minSize') ? element['props'].minSize + 'px' : 'unset' }), getProp(element, 'flexGrow') !== undefined ? { flexGrow: element['props'].flexGrow } : {}), { display: hides[index] ? 'none' : 'block' }) }, element)));
+    });
+    function getElementSize(element) {
+        if (element.props.savedSize) {
+            return element.props.savedSize + 'px';
+        }
+        else if (element.props.defaultSize !== undefined) {
+            return element.props.defaultSize + 'px';
+        }
+        else if (element.props.flex) {
+            return element.props.flex / totalFlexNum * 100 + '%';
+        }
+        else {
+            return 1 / totalFlexNum * 100 + '%';
+        }
+    }
+    react_1.default.useEffect(() => {
+        if (rootRef.current) {
+            splitPanelService.rootNode = rootRef.current;
+        }
+        const disposer = eventBus.on(layout_2.ResizeEvent, (e) => {
+            if (e.payload.slotLocation === id) {
+                childList.forEach((c) => {
+                    fireResizeEvent(getProp(c, 'slot') || getProp(c, 'id'));
+                });
+            }
+        });
+        return () => {
+            disposer.dispose();
+        };
+    }, []);
+    return (react_1.default.createElement("div", Object.assign({ ref: (ele) => rootRef.current = ele }, restProps, { className: (0, classnames_1.default)(styles_module_less_1.default['split-panel'], className), style: { flexDirection: layout_1.Layout.getFlexDirection(direction) } }), elements));
+});
+//# sourceMappingURL=split-panel.js.map

package/lib/components/layout/split-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-panel.js","sourceRoot":"","sources":["../../../src/components/layout/split-panel.tsx"],"names":[],"mappings":"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"}

package/lib/components/layout/split-panel.service.d.ts

@@ -0,0 +1,16 @@
+import { Injector } from '@opensumi/di';
+export declare class SplitPanelService {
+    panelId: string;
+    private static MIN_SIZE;
+    constructor(panelId: string);
+    panels: HTMLElement[];
+    rootNode: HTMLElement | undefined;
+    get isVisible(): boolean;
+    getFirstResizablePanel(index: number, direction: boolean, isPrev?: boolean): HTMLElement | undefined;
+}
+export declare class SplitPanelManager {
+    injector: Injector;
+    services: Map<string, SplitPanelService>;
+    getService(panelId: string): SplitPanelService;
+}
+//# sourceMappingURL=split-panel.service.d.ts.map

package/lib/components/layout/split-panel.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-panel.service.d.ts","sourceRoot":"","sources":["../../../src/components/layout/split-panel.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8B,QAAQ,EAAa,MAAM,cAAc,CAAC;AAE/E,qBACa,iBAAiB;IAET,OAAO,EAAE,MAAM;IADlC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAe;gBACnB,OAAO,EAAE,MAAM;IAElC,MAAM,EAAE,WAAW,EAAE,CAAM;IAE3B,QAAQ,EAAE,WAAW,GAAG,SAAS,CAAC;IAElC,IAAI,SAAS,IAAI,OAAO,CAEvB;IAED,sBAAsB,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,WAAW,GAAG,SAAS;CAuBrG;AAED,qBACa,iBAAiB;IAE5B,QAAQ,EAAE,QAAQ,CAAC;IAEnB,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAa;IAErD,UAAU,CAAC,OAAO,EAAE,MAAM;CAQ3B"}

package/lib/components/layout/split-panel.service.js

@@ -0,0 +1,69 @@
+"use strict";
+var SplitPanelService_1;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SplitPanelManager = exports.SplitPanelService = void 0;
+const tslib_1 = require("tslib");
+const di_1 = require("@opensumi/di");
+let SplitPanelService = SplitPanelService_1 = class SplitPanelService {
+    constructor(panelId) {
+        this.panelId = panelId;
+        this.panels = [];
+    }
+    get isVisible() {
+        return this.rootNode && this.rootNode.clientHeight > 0 || false;
+    }
+    getFirstResizablePanel(index, direction, isPrev) {
+        if (isPrev) {
+            if (direction) {
+                return this.panels[index];
+            }
+            else {
+                for (let i = index; i >= 0; i--) {
+                    if (this.panels[i].clientHeight > SplitPanelService_1.MIN_SIZE) {
+                        return this.panels[i];
+                    }
+                }
+            }
+        }
+        else {
+            if (!direction) {
+                return this.panels[index + 1];
+            }
+            else {
+                for (let i = index + 1; i < this.panels.length; i++) {
+                    if (this.panels[i].clientHeight > SplitPanelService_1.MIN_SIZE) {
+                        return this.panels[i];
+                    }
+                }
+            }
+        }
+    }
+};
+SplitPanelService.MIN_SIZE = 120;
+SplitPanelService = SplitPanelService_1 = (0, tslib_1.__decorate)([
+    (0, di_1.Injectable)({ multiple: true }),
+    (0, tslib_1.__metadata)("design:paramtypes", [String])
+], SplitPanelService);
+exports.SplitPanelService = SplitPanelService;
+let SplitPanelManager = class SplitPanelManager {
+    constructor() {
+        this.services = new Map();
+    }
+    getService(panelId) {
+        let service = this.services.get(panelId);
+        if (!service) {
+            service = this.injector.get(SplitPanelService, [panelId]);
+            this.services.set(panelId, service);
+        }
+        return service;
+    }
+};
+(0, tslib_1.__decorate)([
+    (0, di_1.Autowired)(di_1.INJECTOR_TOKEN),
+    (0, tslib_1.__metadata)("design:type", di_1.Injector)
+], SplitPanelManager.prototype, "injector", void 0);
+SplitPanelManager = (0, tslib_1.__decorate)([
+    (0, di_1.Injectable)()
+], SplitPanelManager);
+exports.SplitPanelManager = SplitPanelManager;
+//# sourceMappingURL=split-panel.service.js.map

package/lib/components/layout/split-panel.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-panel.service.js","sourceRoot":"","sources":["../../../src/components/layout/split-panel.service.ts"],"names":[],"mappings":";;;;;AAAA,qCAA+E;AAG/E,IAAa,iBAAiB,yBAA9B,MAAa,iBAAiB;IAE5B,YAAmB,OAAe;QAAf,YAAO,GAAP,OAAO,CAAQ;QAElC,WAAM,GAAkB,EAAE,CAAC;IAFU,CAAC;IAMtC,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,YAAY,GAAG,CAAC,IAAI,KAAK,CAAC;IAClE,CAAC;IAED,sBAAsB,CAAC,KAAa,EAAE,SAAkB,EAAE,MAAgB;QACxE,IAAI,MAAM,EAAE;YACV,IAAI,SAAS,EAAE;gBACb,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;aAC3B;iBAAM;gBACL,KAAK,IAAI,CAAC,GAAG,KAAK,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;oBAC/B,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,mBAAiB,CAAC,QAAQ,EAAE;wBAC5D,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;qBACvB;iBACF;aACF;SACF;aAAM;YACL,IAAI,CAAC,SAAS,EAAE;gBACd,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;aAC/B;iBAAM;gBACL,KAAK,IAAI,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;oBACnD,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,mBAAiB,CAAC,QAAQ,EAAE;wBAC5D,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;qBACvB;iBACF;aACF;SACF;IACH,CAAC;CACF,CAAA;AAlCgB,0BAAQ,GAAW,GAAI,CAAA;AAD3B,iBAAiB;IAD7B,IAAA,eAAU,EAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;;GAClB,iBAAiB,CAmC7B;AAnCY,8CAAiB;AAsC9B,IAAa,iBAAiB,GAA9B,MAAa,iBAAiB;IAA9B;QAIE,aAAQ,GAAmC,IAAI,GAAG,EAAE,CAAC;IAUvD,CAAC;IARC,UAAU,CAAC,OAAe;QACxB,IAAI,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QACzC,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;YAC1D,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;SACrC;QACD,OAAO,OAAO,CAAC;IACjB,CAAC;CACF,CAAA;AAZC;IADC,IAAA,cAAS,EAAC,mBAAc,CAAC;2CAChB,aAAQ;mDAAC;AAFR,iBAAiB;IAD7B,IAAA,eAAU,GAAE;GACA,iBAAiB,CAc7B;AAdY,8CAAiB"}

package/lib/components/layout/styles.module.less

@@ -0,0 +1,119 @@
+:global {
+  .expansion-collapse {
+    &:before {
+      margin-right: 5px;
+      font-size: 12px;
+      transform: rotate(90deg);
+      display: block;
+    }
+    &.collapse{
+      &:before {
+        transform: rotate(0);
+      }
+    }
+  }
+  .side-container {
+    min-width: 100%;
+  }
+  /*-----------------------------------------------------------------------------
+  | Sidepanel Toolbar
+  |----------------------------------------------------------------------------*/
+  .panel-titlebar {
+    min-height: var(--tabBar-height);
+  }
+  .title-wrap {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  .panel-titlebar .sidepanel-title {
+    color: var(--sideBarTitle-foreground);
+    font-weight: 500;
+    margin-left: 10px;
+    text-transform: uppercase;
+    font-size: 12px;
+    line-height: var(--tabBar-height);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .panel-titlebar .p-TabBar-toolbar {
+    display: flex;
+    flex-direction: row;
+    padding-right: 10px;
+  }
+
+  .panel-titlebar .p-TabBar-toolbar .item {
+    color: var(--sideBarTitle-foreground);
+    margin-left: 8px;
+    opacity: 0.4;
+    > div {
+      width: 16px;
+      background-repeat: no-repeat;
+      &.mask-mode {
+        background-color: var(--foreground);
+      }
+    }
+    &.enabled {
+      opacity: 1;
+      cursor: pointer;
+    }
+  }
+
+  .p-TabBar-toolbar .item .big {
+    transform: scale(1.2);
+    transition: transform .2s;
+  }
+
+  .sidepanel-component {
+    width: 100%;
+  }
+  .toolbar-container {
+    position: absolute;
+    z-index: 99;
+    top: -27px;
+    right: 0;
+    height: 24px;
+    display: flex;
+    flex-direction: row-reverse;
+    align-items: center;
+    .p-TabBar-toolbar {
+      overflow: visible;
+    }
+  }
+
+  .views-container {
+    overflow: hidden;
+    height: 100%;
+    >div {
+      height: 100%;
+    }
+  }
+
+  .views-container:focus {
+    border: none;
+    outline: none;
+  }
+
+}
+.split-panel {
+  display: flex;
+  flex: 1;
+  width: 100%;
+  height: 100%;
+}
+.box-panel {
+  display: flex;
+  width: 100%;
+  height: 100%;
+}
+.ease {
+  transition: height .1s ease-out, width .1s ease-out;
+}
+.wrapper {
+  position: relative;
+  z-index: 1;
+}