@opensumi/ide-terminal-next 3.7.2-next-1740052080.0 → 3.7.2-next-1740054042.0

package/LICENSE

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

package/lib/browser/component/resize.delegate.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { IWidget } from '../../common/resize';
+export interface IResizeDelegateProps {
+    start: () => void;
+    stop: () => void;
+    left: IWidget | null;
+    self: IWidget;
+    right: IWidget | null;
+    last: boolean;
+    wholeWidth: number;
+}
+declare const _default: (props: IResizeDelegateProps) => React.JSX.Element;
+export default _default;
+//# sourceMappingURL=resize.delegate.d.ts.map

package/lib/browser/component/resize.delegate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize.delegate.d.ts","sourceRoot":"","sources":["../../../src/browser/component/resize.delegate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAI9C,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;IACtB,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACpB;gCAMsB,oBAAoB;AAA3C,wBA6CE"}

package/lib/browser/component/resize.delegate.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const resize_module_less_1 = tslib_1.__importDefault(require("./resize.module.less"));
+// todo: 将这些变量放到一个实例中管理
+let startX = 0;
+let original = null;
+exports.default = (props) => {
+    const { start, stop, self, left, right, wholeWidth, last } = props;
+    const onMouseDown = (event) => {
+        startX = event.clientX;
+        original = self;
+        start();
+    };
+    const onMouseMove = (event) => {
+        if (!startX) {
+            return false;
+        }
+        const endX = event.clientX;
+        const move = ((endX - startX) / wholeWidth) * 100;
+        startX = endX;
+        if (move < 0) {
+            self && self.increase(move);
+            right && right.increase(-move);
+        }
+        else {
+            if (original) {
+                if (original === left) {
+                    self && self.increase(-move);
+                    left && left.increase(move);
+                }
+            }
+        }
+    };
+    const onMouseUp = (_) => {
+        startX = 0;
+        original = null;
+        self.resize();
+        left && left.resize();
+        right && right.resize();
+        stop();
+    };
+    return (react_1.default.createElement("div", { className: resize_module_less_1.default.resizeDelegetContainer, onMouseUp: onMouseUp, onMouseMove: onMouseMove }, !last && react_1.default.createElement("div", { className: resize_module_less_1.default.resizeDelegateBar, onMouseDown: onMouseDown, onMouseUp: onMouseUp })));
+};
+//# sourceMappingURL=resize.delegate.js.map

package/lib/browser/component/resize.delegate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize.delegate.js","sourceRoot":"","sources":["../../../src/browser/component/resize.delegate.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAI1B,sFAA0C;AAY1C,uBAAuB;AACvB,IAAI,MAAM,GAAG,CAAC,CAAC;AACf,IAAI,QAAQ,GAAmB,IAAI,CAAC;AAEpC,kBAAe,CAAC,KAA2B,EAAE,EAAE;IAC7C,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEnE,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;QAC9C,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC;QACvB,QAAQ,GAAG,IAAI,CAAC;QAChB,KAAK,EAAE,CAAC;IACV,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;QAC9C,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,KAAK,CAAC;QACf,CAAC;QAED,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC;QAC3B,MAAM,IAAI,GAAG,CAAC,CAAC,IAAI,GAAG,MAAM,CAAC,GAAG,UAAU,CAAC,GAAG,GAAG,CAAC;QAClD,MAAM,GAAG,IAAI,CAAC;QAEd,IAAI,IAAI,GAAG,CAAC,EAAE,CAAC;YACb,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YAC5B,KAAK,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC;QACjC,CAAC;aAAM,CAAC;YACN,IAAI,QAAQ,EAAE,CAAC;gBACb,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;oBACtB,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC;oBAC7B,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;gBAC9B,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,CAAmB,EAAE,EAAE;QACxC,MAAM,GAAG,CAAC,CAAC;QACX,QAAQ,GAAG,IAAI,CAAC;QAChB,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,IAAI,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;QACtB,KAAK,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;QACxB,IAAI,EAAE,CAAC;IACT,CAAC,CAAC;IAEF,OAAO,CACL,uCAAK,SAAS,EAAE,4BAAM,CAAC,sBAAsB,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,IAC1F,CAAC,IAAI,IAAI,uCAAK,SAAS,EAAE,4BAAM,CAAC,iBAAiB,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,GAAQ,CACtG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/lib/browser/component/resize.module.less

@@ -0,0 +1,77 @@
+@import '@opensumi/ide-core-browser/lib/style/variable.less';
+
+.resizeWrapper {
+  width: 100%;
+  height: 100%;
+  user-select: none;
+}
+
+.resizePanel {
+  position: relative;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  display: flex;
+  justify-content: flex-end;
+
+  .resizeItem {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    padding: 8px 20px 0 10px;
+    .closeBtn {
+      display: none;
+      position: absolute;
+      right: 12px;
+      top: 10px;
+      cursor: pointer;
+      border-radius: 4px;
+      font-size: 14px;
+      width: 16px;
+      height: 16px;
+      line-height: 16px;
+      &:hover {
+        background-color: var(--kt-icon-hoverBackground);
+        transform: scale(1.1);
+      }
+    }
+    &:hover {
+      .closeBtn {
+        display: block;
+      }
+    }
+  }
+}
+
+.resizeDelegate {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  pointer-events: all;
+  z-index: 1;
+
+  .resizeHandler {
+    width: 100%;
+    height: 100%;
+
+    .resizeDelegetContainer {
+      width: 100%;
+      height: 100%;
+      pointer-events: inherit;
+    }
+
+    .resizeDelegateBar {
+      float: right;
+      width: 1px;
+      height: 100%;
+      cursor: ew-resize;
+      transform: translateX(1px);
+      pointer-events: all;
+      background: var(--terminal-border);
+      opacity: 0.35;
+    }
+  }
+}

package/lib/browser/component/resize.view.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { IWidget, IWidgetGroup } from '../../common/resize';
+export declare enum ResizeDirection {
+    vertical = 0,
+    horizontal = 1
+}
+export interface IResizeViewProps {
+    direction: ResizeDirection;
+    useFlex: boolean;
+    shadow: boolean;
+    group: IWidgetGroup;
+    draw: (widget: IWidget) => JSX.Element;
+}
+declare const _default: (props: IResizeViewProps) => React.JSX.Element;
+export default _default;
+//# sourceMappingURL=resize.view.d.ts.map

package/lib/browser/component/resize.view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize.view.d.ts","sourceRoot":"","sources":["../../../src/browser/component/resize.view.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAK5D,oBAAY,eAAe;IACzB,QAAQ,IAAA;IACR,UAAU,IAAA;CACX;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,eAAe,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,GAAG,CAAC,OAAO,CAAC;CACxC;gCAqCsB,gBAAgB;AAAvC,wBA0DE"}

package/lib/browser/component/resize.view.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResizeDirection = void 0;
+const tslib_1 = require("tslib");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const react_1 = tslib_1.__importDefault(require("react"));
+const ide_core_browser_1 = require("@opensumi/ide-core-browser");
+const controller_1 = require("../../common/controller");
+const resize_delegate_1 = tslib_1.__importDefault(require("./resize.delegate"));
+const resize_module_less_1 = tslib_1.__importDefault(require("./resize.module.less"));
+var ResizeDirection;
+(function (ResizeDirection) {
+    ResizeDirection[ResizeDirection["vertical"] = 0] = "vertical";
+    ResizeDirection[ResizeDirection["horizontal"] = 1] = "horizontal";
+})(ResizeDirection || (exports.ResizeDirection = ResizeDirection = {}));
+const ResizeItem = ({ index, widget, wholeWidth, setEvent, self, left, right, last }) => {
+    const shadowDynamic = (0, ide_core_browser_1.useAutorun)(widget.shadowDynamic);
+    return (react_1.default.createElement("div", { key: `resize-item-${index}`, style: { width: `${shadowDynamic}%` }, className: resize_module_less_1.default.resizeHandler },
+        react_1.default.createElement(resize_delegate_1.default, { wholeWidth: wholeWidth, start: () => setEvent(true), stop: () => setEvent(false), self: self, left: left, right: right, last: last })));
+};
+const ResizePanelItem = ({ widget, dynamic, draw, handleRemoveWidget, widgetsLength }) => {
+    const _dynamic = (0, ide_core_browser_1.useAutorun)(dynamic);
+    return (react_1.default.createElement("div", { key: widget.id, style: { width: `${_dynamic}%` }, className: resize_module_less_1.default.resizeItem },
+        draw(widget),
+        widgetsLength > 1 && (react_1.default.createElement("div", { className: (0, classnames_1.default)(resize_module_less_1.default.closeBtn, (0, ide_core_browser_1.getIcon)('close')), onClick: () => {
+                handleRemoveWidget(widget.id);
+            } }))));
+};
+exports.default = (props) => {
+    const { group, shadow } = props;
+    const widgets = (0, ide_core_browser_1.useAutorun)(group.widgets);
+    const [event, setEvent] = react_1.default.useState(false);
+    const [wholeWidth, setWholeWidth] = react_1.default.useState(Infinity);
+    const view = (0, ide_core_browser_1.useInjectable)(controller_1.ITerminalGroupViewService);
+    const whole = react_1.default.useRef(null);
+    react_1.default.useEffect(() => {
+        if (whole.current && whole.current.clientHeight !== wholeWidth) {
+            setWholeWidth(whole.current.clientWidth);
+        }
+    });
+    const handleRemoveWidget = react_1.default.useCallback((widgetId) => {
+        view.removeWidget(widgetId);
+    }, []);
+    return (react_1.default.createElement("div", { className: resize_module_less_1.default.resizeWrapper, ref: whole },
+        react_1.default.createElement("div", { style: { pointerEvents: event ? 'all' : 'none' }, className: resize_module_less_1.default.resizeDelegate }, widgets &&
+            widgets.map((widget, index) => {
+                const left = index - 1 > -1 ? widgets[index - 1] : null;
+                const self = widgets[index];
+                const right = index + 1 < widgets.length ? widgets[index + 1] : null;
+                return (react_1.default.createElement(ResizeItem, { key: index, index: index, widget: widget, wholeWidth: wholeWidth, setEvent: setEvent, self: self, left: left, right: right, last: index === widgets.length - 1 }));
+            })),
+        react_1.default.createElement("div", { style: { pointerEvents: !event ? 'all' : 'none' }, className: resize_module_less_1.default.resizePanel }, widgets &&
+            widgets.map((widget) => (react_1.default.createElement(ResizePanelItem, { key: widget.id, widget: widget, dynamic: shadow ? widget.dynamic : widget.shadowDynamic, draw: props.draw, handleRemoveWidget: handleRemoveWidget, widgetsLength: widgets.length }))))));
+};
+//# sourceMappingURL=resize.view.js.map

package/lib/browser/component/resize.view.js.map

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

package/lib/browser/component/search.module.less

@@ -0,0 +1,61 @@
+@option-size: 20px;
+
+.terminalSearch {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  z-index: 999;
+  right: 16px;
+  border-radius: 2px;
+  padding: 6px 8px;
+  box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
+  background: var(--kt-panelTitle-background);
+
+  .searchField {
+    &:focus {
+      border-color: var(--focusBorder);
+    }
+
+    .optionBtn {
+      width: @option-size;
+      height: @option-size;
+      margin: 0 1px;
+      box-sizing: border-box;
+      display: flex;
+      justify-content: center;
+      user-select: none;
+      background-repeat: no-repeat;
+      background-position: center;
+      border: 1px solid transparent;
+      cursor: pointer;
+      opacity: 0.7;
+
+      &:hover {
+        opacity: 1;
+      }
+
+      &::before {
+        display: inline-block;
+        height: @option-size - 2;
+        line-height: @option-size - 2;
+      }
+
+      &.select {
+        background-color: var(--inputOption-activeBackground);
+        border-color: var(--inputOption-activeBorder);
+        opacity: 1;
+      }
+    }
+  }
+
+  .panelBtn {
+    padding: 0px 6px;
+    cursor: pointer;
+  }
+
+  .searchResult {
+    margin: 0 4px;
+    font-size: 14px;
+  }
+}

package/lib/browser/component/search.view.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const TerminalSearch: React.FC<{}>;
+//# sourceMappingURL=search.view.d.ts.map

package/lib/browser/component/search.view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.view.d.ts","sourceRoot":"","sources":["../../../src/browser/component/search.view.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAmItC,CAAC"}

package/lib/browser/component/search.view.js

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TerminalSearch = void 0;
+const tslib_1 = require("tslib");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const react_1 = tslib_1.__importDefault(require("react"));
+const ide_components_1 = require("@opensumi/ide-components");
+const ide_core_browser_1 = require("@opensumi/ide-core-browser");
+const common_1 = require("../../common");
+const search_module_less_1 = tslib_1.__importDefault(require("./search.module.less"));
+exports.TerminalSearch = react_1.default.memo((props) => {
+    const searchService = (0, ide_core_browser_1.useInjectable)(common_1.ITerminalSearchService);
+    const [UIState, setUIState] = react_1.default.useState(searchService.UIState);
+    const [searchResult, setSearchResult] = react_1.default.useState(null);
+    const [inputText, setInputText] = react_1.default.useState(searchService.text || '');
+    const inputRef = react_1.default.useRef(null);
+    react_1.default.useEffect(() => {
+        const dispose = searchService.onVisibleChange((show) => {
+            if (show && inputRef.current) {
+                inputRef.current.focus();
+                if (inputRef.current.value.length > 0) {
+                    inputRef.current.setSelectionRange(0, inputRef.current.value.length);
+                }
+            }
+        });
+        return () => dispose.dispose();
+    }, [searchService]);
+    react_1.default.useEffect(() => {
+        if (!searchService.onResultChange) {
+            return;
+        }
+        const dispose = searchService.onResultChange((event) => {
+            setSearchResult(event);
+        });
+        return () => dispose.dispose();
+    }, [searchService]);
+    const searchInput = react_1.default.useCallback((event) => {
+        searchService.text = event.target.value;
+        searchService.search();
+        setInputText(event.target.value);
+    }, [searchService]);
+    const searchKeyDown = react_1.default.useCallback((event) => {
+        if (event.key === 'Enter') {
+            searchService.search();
+        }
+        if (event.key === 'Escape') {
+            searchService.close();
+            searchService.clear();
+        }
+    }, [searchService]);
+    const toggleMatchCase = react_1.default.useCallback(() => {
+        searchService.updateUIState({ isMatchCase: !UIState.isMatchCase });
+        setUIState(searchService.UIState);
+    }, [searchService, UIState]);
+    const toggleRegex = react_1.default.useCallback(() => {
+        searchService.updateUIState({ isUseRegexp: !UIState.isUseRegexp });
+        setUIState(searchService.UIState);
+    }, [searchService, UIState]);
+    const toggleWholeWord = react_1.default.useCallback(() => {
+        searchService.updateUIState({ isWholeWord: !UIState.isWholeWord });
+        setUIState(searchService.UIState);
+    }, [searchService, UIState]);
+    const searchNext = react_1.default.useCallback(() => {
+        searchService.searchNext();
+    }, [searchService]);
+    const searchPrev = react_1.default.useCallback(() => {
+        searchService.searchPrevious();
+    }, [searchService]);
+    const close = react_1.default.useCallback(() => {
+        searchService.close();
+    }, [searchService]);
+    return (react_1.default.createElement("div", { className: search_module_less_1.default.terminalSearch },
+        react_1.default.createElement(ide_components_1.ValidateInput, { className: search_module_less_1.default.searchField, autoFocus: true, id: 'search-input-field', title: (0, ide_core_browser_1.localize)('search.input.placeholder'), type: 'text', value: inputText, placeholder: (0, ide_core_browser_1.localize)('common.find'), onKeyDown: searchKeyDown, onChange: searchInput, ref: inputRef, validateMessage: undefined, addonAfter: [
+                react_1.default.createElement("span", { key: (0, ide_core_browser_1.localize)('search.caseDescription'), className: (0, classnames_1.default)((0, ide_core_browser_1.getIcon)('ab'), search_module_less_1.default['match-case'], search_module_less_1.default.optionBtn, {
+                        [search_module_less_1.default.select]: UIState.isMatchCase,
+                    }), title: (0, ide_core_browser_1.localize)('search.caseDescription'), onClick: toggleMatchCase }),
+                react_1.default.createElement("span", { key: (0, ide_core_browser_1.localize)('search.wordsDescription'), className: (0, classnames_1.default)((0, ide_core_browser_1.getIcon)('abl'), search_module_less_1.default['whole-word'], search_module_less_1.default.optionBtn, {
+                        [search_module_less_1.default.select]: UIState.isWholeWord,
+                    }), title: (0, ide_core_browser_1.localize)('search.wordsDescription'), onClick: toggleWholeWord }),
+                react_1.default.createElement("span", { key: (0, ide_core_browser_1.localize)('search.regexDescription'), className: (0, classnames_1.default)((0, ide_core_browser_1.getIcon)('regex'), search_module_less_1.default['use-regexp'], search_module_less_1.default.optionBtn, {
+                        [search_module_less_1.default.select]: UIState.isUseRegexp,
+                    }), title: (0, ide_core_browser_1.localize)('search.regexDescription'), onClick: toggleRegex }),
+            ] }),
+        react_1.default.createElement("div", { className: search_module_less_1.default.searchResult }, searchResult ? `${searchResult.resultIndex + 1}/${searchResult.resultCount}` : '0/0'),
+        react_1.default.createElement("div", { className: (0, classnames_1.default)(search_module_less_1.default.panelBtn, (0, ide_core_browser_1.getIcon)('up')), onClick: searchPrev }),
+        react_1.default.createElement("div", { className: (0, classnames_1.default)(search_module_less_1.default.panelBtn, (0, ide_core_browser_1.getIcon)('down')), onClick: searchNext }),
+        react_1.default.createElement("div", { className: (0, classnames_1.default)(search_module_less_1.default.panelBtn, (0, ide_core_browser_1.getIcon)('close')), onClick: close })));
+});
+//# sourceMappingURL=search.view.js.map

package/lib/browser/component/search.view.js.map

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

package/lib/browser/component/tab.item.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ItemProps } from '../../common';
+export declare const renderInfoItem: (props: ItemProps) => React.JSX.Element | null;
+export declare const renderAddItem: (props: ItemProps) => React.JSX.Element;
+declare const _default: (props: ItemProps) => React.FunctionComponentElement<ItemProps> | null;
+export default _default;
+//# sourceMappingURL=tab.item.d.ts.map

package/lib/browser/component/tab.item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.item.d.ts","sourceRoot":"","sources":["../../../src/browser/component/tab.item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuE,MAAM,OAAO,CAAC;AAiB5F,OAAO,EAAE,SAAS,EAAY,MAAM,cAAc,CAAC;AAInD,eAAO,MAAM,cAAc,UAAW,SAAS,6BA0I9C,CAAC;AAEF,eAAO,MAAM,aAAa,UAAW,SAAS,sBA0B7C,CAAC;gCAEqB,SAAS;AAAhC,wBAUE"}

package/lib/browser/component/tab.item.js

@@ -0,0 +1,121 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderAddItem = exports.renderInfoItem = void 0;
+const tslib_1 = require("tslib");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
+const react_1 = tslib_1.__importStar(require("react"));
+const icon_1 = require("@opensumi/ide-components/lib/icon/icon");
+const ide_core_browser_1 = require("@opensumi/ide-core-browser");
+const loading_1 = require("@opensumi/ide-core-browser/lib/components/loading");
+const constants_1 = require("@opensumi/ide-core-browser/lib/layout/constants");
+const browser_1 = require("@opensumi/ide-theme/lib/browser");
+const common_1 = require("../../common");
+const tab_module_less_1 = tslib_1.__importDefault(require("./tab.module.less"));
+const renderInfoItem = (props) => {
+    var _a, _b, _c, _d;
+    const iconService = (0, ide_core_browser_1.useInjectable)(browser_1.IconService);
+    const handleSelect = (0, debounce_1.default)(() => props.onClick && props.onClick(), 20);
+    const handleClose = (0, debounce_1.default)(() => props.onClose && props.onClose(), 20);
+    const styles_item_container = (0, ide_core_browser_1.useDesignStyles)(tab_module_less_1.default.item_container, 'item_container');
+    const styles_tab_item_selected = (0, ide_core_browser_1.useDesignStyles)(tab_module_less_1.default.tab_item_selected, 'tab_item_selected');
+    const styles_item_info_name = (0, ide_core_browser_1.useDesignStyles)(tab_module_less_1.default.item_info_name, 'item_info_name');
+    const styles_tab_close_icon = (0, ide_core_browser_1.useDesignStyles)(tab_module_less_1.default.tab_close_icon, 'tab_close_icon');
+    const layoutViewSize = (0, ide_core_browser_1.useInjectable)(constants_1.LayoutViewSizeConfig);
+    const ref = (0, react_1.useRef)(null);
+    const { group } = props;
+    if (!group) {
+        return null;
+    }
+    const { options, id } = group;
+    const editable = (0, ide_core_browser_1.useAutorun)(group.editable);
+    const name = (0, ide_core_browser_1.useAutorun)(group.snapshot);
+    const handleOnKeyDown = (0, react_1.useCallback)((e) => {
+        if (e.key === 'Enter' && props.onInputEnter && id) {
+            props.onInputEnter(id, e.target.value);
+        }
+    }, [id, props.onInputEnter]);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if (props.selected) {
+            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
+        }
+    }, [ref, props.selected]);
+    let iconClass;
+    if (options === null || options === void 0 ? void 0 : options.icon) {
+        if ((_a = options.icon) === null || _a === void 0 ? void 0 : _a.id) {
+            iconClass = iconService.fromString(`$(${(_b = options.icon) === null || _b === void 0 ? void 0 : _b.id})`);
+        }
+        else if (options.icon instanceof ide_core_browser_1.URI) {
+            iconClass = iconService.fromIcon(options === null || options === void 0 ? void 0 : options.icon.toString());
+        }
+        else if (((_c = options.icon) === null || _c === void 0 ? void 0 : _c.light) || ((_d = options === null || options === void 0 ? void 0 : options.icon) === null || _d === void 0 ? void 0 : _d.dark)) {
+            iconClass =
+                props.theme === 'light'
+                    ? iconService.fromIcon(options.icon.light.toString())
+                    : iconService.fromIcon(options.icon.dark.toString());
+        }
+    }
+    const handleDragStart = (0, react_1.useCallback)((e) => {
+        var _a;
+        (_a = props.onDragStart) === null || _a === void 0 ? void 0 : _a.call(props, e);
+    }, [props.onDragStart]);
+    const handleDragOver = (0, react_1.useCallback)((e) => {
+        e.preventDefault();
+        if (ref.current) {
+            ref.current.classList.add('on-drag-over');
+        }
+    }, [ref]);
+    const handleDragLeave = (0, react_1.useCallback)(() => {
+        if (ref.current) {
+            ref.current.classList.remove('on-drag-over');
+        }
+    }, [ref]);
+    const handleDrop = (0, react_1.useCallback)((e) => {
+        var _a;
+        if (ref.current) {
+            ref.current.classList.remove('on-drag-over');
+        }
+        (_a = props.onDrop) === null || _a === void 0 ? void 0 : _a.call(props, e);
+    }, [ref, props.onDrop]);
+    return (react_1.default.createElement("div", { draggable: props.draggable, onDragStart: handleDragStart, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, ref: ref, className: (0, classnames_1.default)({
+            [styles_item_container]: true,
+            [styles_tab_item_selected]: !!props.selected,
+        }), style: { height: layoutViewSize.panelTitleBarHeight }, onClick: () => handleSelect(), onContextMenu: (event) => props.onContextMenu && props.onContextMenu(event) },
+        editable ? (react_1.default.createElement("input", { autoFocus: true, ref: (ele) => ele && ele.select(), className: tab_module_less_1.default.item_info_input, defaultValue: name, onClick: (e) => e.stopPropagation(), onBlur: () => props.onInputBlur && group.id && props.onInputBlur(group.id), onKeyDown: (e) => handleOnKeyDown(e) })) : (react_1.default.createElement("div", { id: group.id, className: styles_item_info_name, title: name }, name !== '' ? (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(icon_1.Icon, { iconClass: iconClass ? iconClass : (0, ide_core_browser_1.getIcon)((name === null || name === void 0 ? void 0 : name.toLowerCase()) || 'terminal') || (0, ide_core_browser_1.getIcon)('terminal'), style: { marginRight: 4, color: 'inherit', fontSize: 14 } }),
+            react_1.default.createElement("span", { className: tab_module_less_1.default.item_title }, name))) : (react_1.default.createElement(loading_1.Loading, null)))),
+        editable ? (react_1.default.createElement("div", null)) : (react_1.default.createElement("div", { className: (0, classnames_1.default)([(0, ide_core_browser_1.getIcon)('close'), styles_tab_close_icon]), onClick: (event) => {
+                event.stopPropagation();
+                handleClose();
+            } }))));
+};
+exports.renderInfoItem = renderInfoItem;
+const renderAddItem = (props) => {
+    const handleAdd = (0, debounce_1.default)(() => props.onClick && props.onClick(), 20);
+    const keybinding = props.getKeybinding && props.getKeybinding(ide_core_browser_1.TERMINAL_COMMANDS.ADD.id);
+    const createTitle = keybinding ? `${(0, ide_core_browser_1.localize)('terminal.new')}(${keybinding})` : (0, ide_core_browser_1.localize)('terminal.new');
+    const style_tab_item_wrapper = (0, ide_core_browser_1.useDesignStyles)(tab_module_less_1.default.tab_item_wrapper, 'tab_item_wrapper');
+    return (react_1.default.createElement("div", { className: style_tab_item_wrapper },
+        react_1.default.createElement("div", { title: createTitle, className: (0, classnames_1.default)({
+                [(0, ide_core_browser_1.getIcon)('plus')]: true,
+                [tab_module_less_1.default.item_add]: true,
+            }), onClick: () => handleAdd() }),
+        react_1.default.createElement("div", { title: (0, ide_core_browser_1.localize)('terminal.new.type'), className: (0, classnames_1.default)({
+                [(0, ide_core_browser_1.getIcon)('down')]: true,
+                [tab_module_less_1.default.item_more]: true,
+            }), onClick: props.onDropdown })));
+};
+exports.renderAddItem = renderAddItem;
+exports.default = (props) => {
+    const type = props.type || common_1.ItemType.info;
+    switch (type) {
+        case common_1.ItemType.info:
+            return (0, react_1.createElement)(props.provider.infoItemRender, props);
+        case common_1.ItemType.add:
+            return (0, react_1.createElement)(props.provider.addItemRender, props);
+        default:
+            return null;
+    }
+};
+//# sourceMappingURL=tab.item.js.map

package/lib/browser/component/tab.item.js.map

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