@opensumi/ide-opened-editor 2.12.1-next-079c1930

package/lib/browser/index.d.ts

@@ -0,0 +1,6 @@
+import { Provider } from '@opensumi/di';
+import { BrowserModule } from '@opensumi/ide-core-browser';
+export declare class OpenedEditorModule extends BrowserModule {
+    providers: Provider[];
+}
+//# sourceMappingURL=index.d.ts.map

package/lib/browser/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/browser/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAc,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAM3D,qBACa,kBAAmB,SAAQ,aAAa;IACnD,SAAS,EAAE,QAAQ,EAAE,CAcnB;CACH"}

package/lib/browser/index.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OpenedEditorModule = void 0;
+const tslib_1 = require("tslib");
+const di_1 = require("@opensumi/di");
+const ide_core_browser_1 = require("@opensumi/ide-core-browser");
+const opened_editor_contribution_1 = require("./opened-editor.contribution");
+const opened_editor_decoration_service_1 = require("./services/opened-editor-decoration.service");
+const opened_editor_tree_service_1 = require("./services/opened-editor-tree.service");
+const opened_editor_model_service_1 = require("./services/opened-editor-model.service");
+let OpenedEditorModule = class OpenedEditorModule extends ide_core_browser_1.BrowserModule {
+    constructor() {
+        super(...arguments);
+        this.providers = [
+            {
+                token: opened_editor_decoration_service_1.OpenedEditorDecorationService,
+                useClass: opened_editor_decoration_service_1.OpenedEditorDecorationService,
+            },
+            {
+                token: opened_editor_tree_service_1.OpenedEditorService,
+                useClass: opened_editor_tree_service_1.OpenedEditorService,
+            },
+            {
+                token: opened_editor_model_service_1.OpenedEditorModelService,
+                useClass: opened_editor_model_service_1.OpenedEditorModelService,
+            },
+            opened_editor_contribution_1.OpenedEditorContribution,
+        ];
+    }
+};
+OpenedEditorModule = (0, tslib_1.__decorate)([
+    (0, di_1.Injectable)()
+], OpenedEditorModule);
+exports.OpenedEditorModule = OpenedEditorModule;
+//# sourceMappingURL=index.js.map

package/lib/browser/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/browser/index.ts"],"names":[],"mappings":";;;;AAAA,qCAAoD;AACpD,iEAA2D;AAC3D,6EAAwE;AACxE,kGAA4F;AAC5F,sFAA4E;AAC5E,wFAAkF;AAGlF,IAAa,kBAAkB,GAA/B,MAAa,kBAAmB,SAAQ,gCAAa;IAArD;;QACE,cAAS,GAAe;YACtB;gBACE,KAAK,EAAE,gEAA6B;gBACpC,QAAQ,EAAE,gEAA6B;aACxC;YACD;gBACE,KAAK,EAAE,gDAAmB;gBAC1B,QAAQ,EAAE,gDAAmB;aAC9B;YACD;gBACE,KAAK,EAAE,sDAAwB;gBAC/B,QAAQ,EAAE,sDAAwB;aACnC;YACD,qDAAwB;SACzB,CAAC;IACJ,CAAC;CAAA,CAAA;AAhBY,kBAAkB;IAD9B,IAAA,eAAU,GAAE;GACA,kBAAkB,CAgB9B;AAhBY,gDAAkB"}

package/lib/browser/index.module.less

@@ -0,0 +1,24 @@
+.opened_editor_container {
+  font-size: 12px;
+  overflow: hidden;
+}
+
+.opened_editor_empty_text {
+  display: block;
+  line-height: 36px;
+  text-align: center;
+  width: 100%;
+  user-select: none;
+}
+
+.dirty_icon {
+  &::before {
+    content: '';
+    display: block;
+    width: 8px;
+    height: 8px;
+    border-radius: 4px;
+    margin: 7px 5px;
+    background: var(--kt-dirtyDot-foreground);
+  }
+}

package/lib/browser/opened-editor-node.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { TreeNode, CompositeTreeNode, INodeRendererProps, ClasslistComposite, TreeNodeType } from '@opensumi/ide-components';
+import { LabelService } from '@opensumi/ide-core-browser/lib/services';
+import { URI, CommandService } from '@opensumi/ide-core-browser';
+import { OpenedEditorDecorationService } from './services/opened-editor-decoration.service';
+export interface IEditorNodeProps {
+    item: any;
+    defaultLeftPadding?: number;
+    leftPadding?: number;
+    decorationService: OpenedEditorDecorationService;
+    commandService: CommandService;
+    labelService: LabelService;
+    decorations?: ClasslistComposite;
+    onClick: (ev: React.MouseEvent, item: TreeNode | CompositeTreeNode, type: TreeNodeType, activeUri?: URI) => void;
+    onContextMenu: (ev: React.MouseEvent, item: TreeNode | CompositeTreeNode, type: TreeNodeType, activeUri?: URI) => void;
+}
+export declare type EditorNodeRenderedProps = IEditorNodeProps & INodeRendererProps;
+export declare const EditorTreeNode: React.FC<EditorNodeRenderedProps>;
+export declare const OPENED_EDITOR_TREE_NODE_HEIGHT = 22;
+export declare const OPENED_EDITOR_BADGE_LIMIT = 99;
+//# sourceMappingURL=opened-editor-node.d.ts.map

package/lib/browser/opened-editor-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"opened-editor-node.d.ts","sourceRoot":"","sources":["../../src/browser/opened-editor-node.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,YAAY,EAAU,MAAM,0BAA0B,CAAC;AACrI,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AACvE,OAAO,EAAE,GAAG,EAA4C,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE3G,OAAO,EAAE,6BAA6B,EAAE,MAAM,6CAA6C,CAAC;AAG5F,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,GAAG,CAAC;IACV,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,EAAE,6BAA6B,CAAC;IACjD,cAAc,EAAE,cAAc,CAAC;IAC/B,YAAY,EAAE,YAAY,CAAC;IAC3B,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,OAAO,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,QAAQ,GAAG,iBAAiB,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACjH,aAAa,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,QAAQ,GAAG,iBAAiB,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CACxH;AAED,oBAAY,uBAAuB,GAAG,gBAAgB,GAAG,kBAAkB,CAAC;AAE5E,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA2L5D,CAAC;AAEF,eAAO,MAAM,8BAA8B,KAAK,CAAC;AACjD,eAAO,MAAM,yBAAyB,KAAK,CAAC"}

package/lib/browser/opened-editor-node.define.d.ts

@@ -0,0 +1,30 @@
+import { URI } from '@opensumi/ide-core-browser';
+import { TreeNode, CompositeTreeNode } from '@opensumi/ide-components';
+import { OpenedEditorService } from './services/opened-editor-tree.service';
+import { IEditorGroup, IResource } from '@opensumi/ide-editor';
+export declare type OpenedEditorData = IEditorGroup | IResource;
+export declare class EditorFileRoot extends CompositeTreeNode {
+    static is(node: EditorFileGroup | EditorFileRoot): node is EditorFileRoot;
+    constructor(tree: OpenedEditorService, id?: number);
+    get expanded(): boolean;
+    dispose(): void;
+}
+export declare class EditorFileGroup extends CompositeTreeNode {
+    readonly group: IEditorGroup;
+    static isEditorGroup(data: OpenedEditorData): data is IEditorGroup;
+    static is(node: EditorFileGroup | EditorFile): node is EditorFileGroup;
+    private groupIndex;
+    constructor(tree: OpenedEditorService, group: IEditorGroup, parent: EditorFileRoot, id?: number);
+    get name(): string;
+    get tooltip(): string;
+    dispose(): void;
+}
+export declare class EditorFile extends TreeNode {
+    readonly resource: IResource;
+    tooltip: string;
+    constructor(tree: OpenedEditorService, resource: IResource, tooltip: string, parent: EditorFileGroup | undefined, id?: number);
+    get name(): string;
+    get uri(): URI;
+    dispose(): void;
+}
+//# sourceMappingURL=opened-editor-node.define.d.ts.map

package/lib/browser/opened-editor-node.define.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"opened-editor-node.define.d.ts","sourceRoot":"","sources":["../../src/browser/opened-editor-node.define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,GAAG,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAS,MAAM,0BAA0B,CAAC;AAC9E,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAE/D,oBAAY,gBAAgB,GAAG,YAAY,GAAG,SAAS,CAAC;AAExD,qBAAa,cAAe,SAAQ,iBAAiB;IAEnD,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,GAAG,cAAc,GAAG,IAAI,IAAI,cAAc;gBAKvE,IAAI,EAAE,mBAAmB,EACzB,EAAE,CAAC,EAAE,MAAM;IAQb,IAAI,QAAQ,YAEX;IAED,OAAO;CAGR;AAGD,qBAAa,eAAgB,SAAQ,iBAAiB;aAalC,KAAK,EAAE,YAAY;IAZrC,MAAM,CAAC,aAAa,CAAC,IAAI,EAAE,gBAAgB,GAAG,IAAI,IAAI,YAAY;IAIlE,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,GAAG,UAAU,GAAG,IAAI,IAAI,eAAe;IAItE,OAAO,CAAC,UAAU,CAAS;gBAGzB,IAAI,EAAE,mBAAmB,EACT,KAAK,EAAE,YAAY,EACnC,MAAM,EAAE,cAAc,EACtB,EAAE,CAAC,EAAE,MAAM;IAUb,IAAI,IAAI,WAEP;IAED,IAAI,OAAO,WAEV;IAED,OAAO;CAGR;AAED,qBAAa,UAAW,SAAQ,QAAQ;aAGpB,QAAQ,EAAE,SAAS;IAC5B,OAAO,EAAE,MAAM;gBAFtB,IAAI,EAAE,mBAAmB,EACT,QAAQ,EAAE,SAAS,EAC5B,OAAO,EAAE,MAAM,EACtB,MAAM,EAAE,eAAe,GAAG,SAAS,EACnC,EAAE,CAAC,EAAE,MAAM;IAOb,IAAI,IAAI,WAEP;IAED,IAAI,GAAG,QAEN;IAED,OAAO;CAGR"}

package/lib/browser/opened-editor-node.define.js

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditorFile = exports.EditorFileGroup = exports.EditorFileRoot = void 0;
+const ide_core_browser_1 = require("@opensumi/ide-core-browser");
+const ide_components_1 = require("@opensumi/ide-components");
+class EditorFileRoot extends ide_components_1.CompositeTreeNode {
+    static is(node) {
+        return !!node && !node.parent;
+    }
+    constructor(tree, id) {
+        super(tree, undefined, undefined, undefined, { disableCache: true });
+        // 根节点默认展开节点
+        this._uid = id || this._uid;
+        ide_components_1.TreeNode.setTreeNode(this._uid, this.path, this);
+    }
+    get expanded() {
+        return true;
+    }
+    dispose() {
+        super.dispose();
+    }
+}
+exports.EditorFileRoot = EditorFileRoot;
+// EditorFileGroup 节点不包含父节点, 同时默认为展开状态
+class EditorFileGroup extends ide_components_1.CompositeTreeNode {
+    constructor(tree, group, parent, id) {
+        super(tree, parent, undefined, undefined, { disableCache: true });
+        this.group = group;
+        this.groupIndex = this.group.index;
+        this._uid = id || this._uid;
+        ide_components_1.TreeNode.setTreeNode(this._uid, this.path, this);
+        // 根节点默认展开节点
+        this.setExpanded(false, true);
+    }
+    static isEditorGroup(data) {
+        return typeof data.resources !== 'undefined';
+    }
+    static is(node) {
+        return !!node && !!node.group;
+    }
+    get name() {
+        return (0, ide_core_browser_1.formatLocalize)('opened.editors.group.title', this.groupIndex + 1);
+    }
+    get tooltip() {
+        return this.name;
+    }
+    dispose() {
+        super.dispose();
+    }
+}
+exports.EditorFileGroup = EditorFileGroup;
+class EditorFile extends ide_components_1.TreeNode {
+    constructor(tree, resource, tooltip, parent, id) {
+        super(tree, parent, undefined, undefined, { disableCache: true });
+        this.resource = resource;
+        this.tooltip = tooltip;
+        this._uid = id || this._uid;
+        ide_components_1.TreeNode.setTreeNode(this._uid, this.path, this);
+    }
+    get name() {
+        return this.resource ? this.resource.name : '';
+    }
+    get uri() {
+        return this.resource ? this.resource.uri : new ide_core_browser_1.URI();
+    }
+    dispose() {
+        super.dispose();
+    }
+}
+exports.EditorFile = EditorFile;
+//# sourceMappingURL=opened-editor-node.define.js.map

package/lib/browser/opened-editor-node.define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"opened-editor-node.define.js","sourceRoot":"","sources":["../../src/browser/opened-editor-node.define.ts"],"names":[],"mappings":"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"}

package/lib/browser/opened-editor-node.js

@@ -0,0 +1,128 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OPENED_EDITOR_BADGE_LIMIT = exports.OPENED_EDITOR_TREE_NODE_HEIGHT = exports.EditorTreeNode = 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 opened_editor_node_module_less_1 = (0, tslib_1.__importDefault)(require("./opened-editor-node.module.less"));
+const ide_components_1 = require("@opensumi/ide-components");
+const ide_core_browser_1 = require("@opensumi/ide-core-browser");
+const opened_editor_node_define_1 = require("./opened-editor-node.define");
+const ide_webview_1 = require("@opensumi/ide-webview");
+const EditorTreeNode = ({ item, defaultLeftPadding = 8, leftPadding = 8, onClick, onContextMenu, itemType, decorationService, labelService, commandService, decorations, }) => {
+    const decoration = opened_editor_node_define_1.EditorFileGroup.is(item) ? null : decorationService.getDecoration(item.uri, false);
+    const handleClick = (ev) => {
+        if (itemType === ide_components_1.TreeNodeType.TreeNode || itemType === ide_components_1.TreeNodeType.CompositeTreeNode) {
+            onClick(ev, item, itemType);
+        }
+    };
+    const handleContextMenu = (ev) => {
+        if (ev.nativeEvent.which === 0) {
+            return;
+        }
+        if (itemType === ide_components_1.TreeNodeType.TreeNode || itemType === ide_components_1.TreeNodeType.CompositeTreeNode) {
+            onContextMenu(ev, item, itemType);
+        }
+    };
+    const paddingLeft = `${defaultLeftPadding + (item.depth || 0) * (leftPadding || 0) + (!opened_editor_node_define_1.EditorFileGroup.is(item) ? 16 : 0)}px`;
+    const editorNodeStyle = {
+        color: decoration ? decoration.color : '',
+        height: exports.OPENED_EDITOR_TREE_NODE_HEIGHT,
+        lineHeight: `${exports.OPENED_EDITOR_TREE_NODE_HEIGHT}px`,
+        paddingLeft,
+    };
+    const renderIcon = (node) => {
+        if (opened_editor_node_define_1.EditorFileGroup.is(node)) {
+            return null;
+        }
+        const iconClass = node.resource.icon || labelService.getIcon(node.uri, { isDirectory: false });
+        return react_1.default.createElement("div", { className: (0, classnames_1.default)(opened_editor_node_module_less_1.default.file_icon, iconClass), style: { height: exports.OPENED_EDITOR_TREE_NODE_HEIGHT, lineHeight: `${exports.OPENED_EDITOR_TREE_NODE_HEIGHT}px` } });
+    };
+    const getNodeName = (node) => {
+        if (!opened_editor_node_define_1.EditorFileGroup.is(node)) {
+            if (node.uri.scheme === ide_webview_1.EDITOR_WEBVIEW_SCHEME) {
+                return node.name;
+            }
+            return node.name || labelService.getName(node.uri);
+        }
+        return node.name;
+    };
+    const renderDisplayName = (node) => {
+        return react_1.default.createElement("div", { className: (0, classnames_1.default)(opened_editor_node_module_less_1.default.opened_editor_node_segment, opened_editor_node_module_less_1.default.opened_editor_node_display_name) }, getNodeName(node));
+    };
+    const renderDescription = (node) => {
+        if (opened_editor_node_define_1.EditorFileGroup.is(node)) {
+            return null;
+        }
+        return react_1.default.createElement("div", { className: (0, classnames_1.default)(opened_editor_node_module_less_1.default.opened_editor_node_segment_grow, opened_editor_node_module_less_1.default.opened_editor_node_description) }, node.tooltip);
+    };
+    const renderStatusTail = () => {
+        return react_1.default.createElement("div", { className: (0, classnames_1.default)(opened_editor_node_module_less_1.default.opened_editor_node_segment, opened_editor_node_module_less_1.default.opened_editor_node_tail) }, renderBadge());
+    };
+    const renderBadge = () => {
+        if (!decoration) {
+            return null;
+        }
+        return react_1.default.createElement("div", { className: opened_editor_node_module_less_1.default.opened_editor_node_status }, decoration.badge.slice());
+    };
+    const getItemTooltip = () => {
+        let tooltip = item.tooltip;
+        if (decoration && decoration.badge) {
+            tooltip += ` • ${decoration.tooltip}`;
+        }
+        return tooltip;
+    };
+    const renderAction = () => {
+        let actions = [];
+        if (opened_editor_node_define_1.EditorFileGroup.is(item)) {
+            actions = [{
+                    icon: (0, ide_core_browser_1.getIcon)('save-all'),
+                    title: (0, ide_core_browser_1.localize)('opened.editors.save.byGroup'),
+                    command: ide_core_browser_1.OPEN_EDITORS_COMMANDS.SAVE_BY_GROUP.id,
+                },
+                {
+                    icon: (0, ide_core_browser_1.getIcon)('clear'),
+                    title: (0, ide_core_browser_1.localize)('opened.editors.close.byGroup'),
+                    command: ide_core_browser_1.OPEN_EDITORS_COMMANDS.CLOSE_BY_GROUP.id,
+                }];
+            return react_1.default.createElement("div", { className: opened_editor_node_module_less_1.default.opened_editor_right_actions }, actions.map((action) => {
+                const clickHandler = (event) => {
+                    event.stopPropagation();
+                    event.preventDefault();
+                    commandService.executeCommand(action.command, item);
+                };
+                return react_1.default.createElement(ide_components_1.Button, { type: 'icon', key: `${item.id}-${action.command}`, iconClass: (0, classnames_1.default)(opened_editor_node_module_less_1.default.action_icon, action.icon), title: action.title, onClick: clickHandler });
+            }));
+        }
+        else {
+            actions = [{
+                    icon: (0, ide_core_browser_1.getIcon)('close'),
+                    title: (0, ide_core_browser_1.localize)('file.close'),
+                    command: ide_core_browser_1.OPEN_EDITORS_COMMANDS.CLOSE.id,
+                }];
+            return react_1.default.createElement("div", { className: opened_editor_node_module_less_1.default.opened_editor_left_actions }, actions.map((action) => {
+                const clickHandler = (event) => {
+                    event.stopPropagation();
+                    event.preventDefault();
+                    commandService.executeCommand(action.command, item);
+                };
+                return react_1.default.createElement(ide_components_1.Button, { type: 'icon', key: `${item.id}-${action.command}`, iconClass: (0, classnames_1.default)(opened_editor_node_module_less_1.default.action_icon, action.icon), title: action.title, onClick: clickHandler });
+            }));
+        }
+    };
+    const renderActionBar = () => {
+        return react_1.default.createElement("div", { className: opened_editor_node_module_less_1.default.opened_editor_action_bar }, renderAction());
+    };
+    return (react_1.default.createElement("div", { key: item.id, onClick: handleClick, onContextMenu: handleContextMenu, title: getItemTooltip(), className: (0, classnames_1.default)(opened_editor_node_module_less_1.default.opened_editor_node, decorations ? decorations.classlist : null), style: editorNodeStyle, "data-id": item.id },
+        renderActionBar(),
+        react_1.default.createElement("div", { className: (0, classnames_1.default)(opened_editor_node_module_less_1.default.opened_editor_node_content) },
+            renderIcon(item),
+            react_1.default.createElement("div", { className: opened_editor_node_module_less_1.default.opened_editor_node_overflow_wrap },
+                renderDisplayName(item),
+                renderDescription(item)),
+            renderStatusTail())));
+};
+exports.EditorTreeNode = EditorTreeNode;
+exports.OPENED_EDITOR_TREE_NODE_HEIGHT = 22;
+exports.OPENED_EDITOR_BADGE_LIMIT = 99;
+//# sourceMappingURL=opened-editor-node.js.map

package/lib/browser/opened-editor-node.js.map

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

package/lib/browser/opened-editor-node.module.less

@@ -0,0 +1,218 @@
+.opened_editor_node {
+  height: 22px;
+  line-height: 22px;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  cursor: pointer;
+
+  &:hover {
+    color: var(--kt-tree-hoverForeground);
+    background: var(--kt-tree-hoverBackground);
+    .opened_editor_action_bar {
+      display: block;
+    }
+    &::before {
+      display: none !important;
+    }
+  }
+
+  &.mod_selected {
+    color: var(--kt-tree-inactiveSelectionForeground) !important;
+    background: var(--kt-tree-inactiveSelectionBackground);
+    .expansion_toggle, .opened_editor_node_description  {
+      color: var(--kt-tree-inactiveSelectionForeground) !important;
+    }
+  }
+
+  &.mod_focused {
+    outline: 1px solid var(--list-focusOutline);
+    outline-offset: -1px;
+    color: var(--kt-tree-activeSelectionForeground) !important;;
+    background: var(--kt-tree-activeSelectionBackground);
+    .expansion_toggle, .opened_editor_node_description {
+      color: var(--kt-tree-activeSelectionForeground) !important;;
+    }
+    .opened_editor_node_display_name {
+      .compact_name {
+        &.active {
+          text-decoration: underline;
+        }
+      }
+    }
+  }
+
+  &.mod_actived {
+    outline: 1px solid var(--list-focusOutline);
+    outline-offset: -1px;
+    .expansion_toggle {
+      color: var(--kt-tree-activeSelectionForeground) !important;
+    }
+    .opened_editor_node_display_name {
+      .compact_name {
+        &.active {
+          text-decoration: underline;
+        }
+      }
+    }
+  }
+
+  &.mod_dirty {
+    &::before {
+      content: '';
+      display: block;
+      width: 8px;
+      height: 8px;
+      border-radius: 4px;
+      margin: 7px 5px;
+      background: var(--kt-dirtyDot-foreground);
+      position: absolute;
+      left: 18px;
+    }
+  }
+}
+
+.opened_editor_node_description {
+  display: inline;
+  transform: scale(0.96);
+  color: var(--descriptionForeground);
+}
+
+.opened_editor_node_content {
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 100%;
+
+  match {
+    background-color: var(--editor-findMatchHighlightBackground);
+  }
+}
+
+.opened_editor_node_status {
+  opacity: .75;
+  text-align: center;
+  font-size: 12px;
+  padding-right: 0;
+}
+
+.opened_editor_node_segment {
+  flex-grow: 0;
+  white-space: nowrap;
+  color: inherit;
+  &_grow {
+    flex-grow: 1 !important;
+    text-align: left;
+    z-index: 10;
+    padding-right: 5px;
+
+    &.overflow_visible {
+      overflow: visible !important;
+    }
+  }
+}
+
+
+.opened_editor_node_display_name {
+  margin-right: 6px;
+  display: inline;
+  white-space:pre;
+  .compact_name {
+    color: inherit;
+    display: inline;
+    &:focus,
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+  .compact_name_separator {
+    margin: 0 2px;
+    opacity: .5;
+  }
+}
+
+.opened_editor_node_description {
+  display: inline;
+  transform: scale(0.96);
+  color: var(--descriptionForeground);
+}
+
+.opened_editor_node_overflow_wrap {
+  flex: 1;
+  flex-shrink: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: left;
+}
+
+.opened_editor_node_flex_wrap {
+  display: flex;
+  flex-direction: row;
+}
+
+.opened_editor_node_segment_grow {
+  flex-grow: 1 !important;
+  text-align: left;
+  z-index: 10;
+  padding-right: 5px;
+
+  &.overflow_visible {
+    overflow: visible !important;
+  }
+}
+
+.file_icon {
+  position: relative;
+  color: var(--icon-foreground);
+  margin-right: 4px;
+  &:before {
+    font-size: 16px;
+    text-align: center;
+  }
+}
+
+.file_icon:global(&.fileIcon:before) {
+  font-size: 18px;
+}
+
+.opened_editor_node_tail {
+  text-align: center;
+  margin-right: 10px;
+  position: relative;
+  height: 22px;
+  display: flex;
+  align-items: center;
+}
+
+.opened_editor_action_bar {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  display: flex;
+  display: none;
+  z-index: 10;
+  .action_icon {
+    margin-left: 6px;
+    font-size: 14px;
+  }
+}
+
+.opened_editor_left_actions {
+  position: absolute;
+  left: 14px;
+}
+
+.opened_editor_right_actions {
+  right: 0;
+  position: absolute;
+  margin-right: 10px;
+}
+
+.opened_editor_left_actions, .opened_editor_right_actions {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 22px;
+}

package/lib/browser/opened-editor.contribution.d.ts

@@ -0,0 +1,16 @@
+import { CommandContribution, CommandRegistry } from '@opensumi/ide-core-browser';
+import { ToolbarRegistry, TabBarToolbarContribution } from '@opensumi/ide-core-browser/lib/layout';
+import { ClientAppContribution } from '@opensumi/ide-core-browser';
+import { MenuContribution, IMenuRegistry } from '@opensumi/ide-core-browser/lib/menu/next';
+export declare const ExplorerOpenedEditorViewId = "file-opened-editor";
+export declare class OpenedEditorContribution implements ClientAppContribution, TabBarToolbarContribution, CommandContribution, MenuContribution {
+    private readonly mainLayoutService;
+    private readonly workbenchEditorService;
+    private readonly openedEditorModelService;
+    private readonly commandService;
+    onStart(): Promise<void>;
+    registerCommands(commands: CommandRegistry): void;
+    registerToolbarItems(registry: ToolbarRegistry): void;
+    registerMenus(menuRegistry: IMenuRegistry): void;
+}
+//# sourceMappingURL=opened-editor.contribution.d.ts.map

package/lib/browser/opened-editor.contribution.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"opened-editor.contribution.d.ts","sourceRoot":"","sources":["../../src/browser/opened-editor.contribution.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,mBAAmB,EAAE,eAAe,EAAyE,MAAM,4BAA4B,CAAC;AAI3K,OAAO,EAAE,eAAe,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AAEnG,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAU,MAAM,0CAA0C,CAAC;AAKnG,eAAO,MAAM,0BAA0B,uBAAuB,CAAC;AAE/D,qBACa,wBAAyB,YAAW,qBAAqB,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,gBAAgB;IAGtI,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAqB;IAGvD,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAyB;IAGhE,OAAO,CAAC,QAAQ,CAAC,wBAAwB,CAA2B;IAGpE,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAiB;IAE1C,OAAO;IAWb,gBAAgB,CAAC,QAAQ,EAAE,eAAe;IA4E1C,oBAAoB,CAAC,QAAQ,EAAE,eAAe;IAgB9C,aAAa,CAAC,YAAY,EAAE,aAAa,GAAG,IAAI;CA0CjD"}