@opensumi/ide-main-layout 3.9.1-next-1749538805.0 → 3.9.1-next-1749540423.0

package/src/browser/tabbar/tabbar.service.ts

@@ -14,6 +14,7 @@ import {
   IScopedContextKeyService,
   KeybindingRegistry,
   ResizeEvent,
+  SlotLocation,
   ViewContextKeyRegistry,
   WithEventBus,
   createFormatLocalizedStr,
@@ -25,6 +26,7 @@ import {
   localize,
   toDisposable,
 } from '@opensumi/ide-core-browser';
+import { SCM_CONTAINER_ID } from '@opensumi/ide-core-browser/lib/common/container-id';
 import { ResizeHandle } from '@opensumi/ide-core-browser/lib/components';
 import { LAYOUT_STATE, LayoutState } from '@opensumi/ide-core-browser/lib/layout/layout-state';
 import {
@@ -36,11 +38,10 @@ import {
   IMenuRegistry,
   MenuId,
   generateCtxMenu,
+  getTabbarCommonMenuId,
 } from '@opensumi/ide-core-browser/lib/menu/next';
 import { IProgressService } from '@opensumi/ide-core-browser/lib/progress';
-import { slotRendererRegistry } from '@opensumi/ide-core-browser/lib/react-providers';
 import {
-  ITransaction,
   autorunDelta,
   derivedOpts,
   observableFromEventOpts,
@@ -48,9 +49,8 @@ import {
   transaction,
 } from '@opensumi/ide-monaco/lib/common/observable';
 
-import { IMainLayoutService, TabBarRegistrationEvent } from '../../common';
-
-import { ITabbarResizeOptions, TabbarBehaviorHandler } from './tabbar-behavior-handler';
+import { IMainLayoutService, SUPPORT_ACCORDION_LOCATION, TabBarRegistrationEvent } from '../../common';
+import { EXPAND_BOTTOM_PANEL, RETRACT_BOTTOM_PANEL, TOGGLE_BOTTOM_PANEL_COMMAND } from '../main-layout.contribution';
 
 import type { ViewBadge } from 'vscode';
 
@@ -65,6 +65,11 @@ export interface TabState {
   // 排序位置，数字越小优先级越高
   priority: number;
 }
+const CONTAINER_NAME_MAP = {
+  left: 'view',
+  right: 'extendView',
+  bottom: 'panel',
+};
 
 const NONE_CONTAINER_ID = undefined;
 
@@ -99,15 +104,21 @@ export class TabbarService extends WithEventBus {
   public previousContainerId: string | undefined = undefined;
   public containersMap: Map<string, ComponentRegistryProvider> = new Map();
   public prevSize?: number;
-  public commonTitleMenu?: IContextMenu;
+  public commonTitleMenu: IContextMenu;
   public viewReady = new Deferred<void>();
 
   private state: Map<string, TabState> = new Map();
   private storedState: { [containerId: string]: TabState } = {};
 
-  private behaviorHandler: TabbarBehaviorHandler;
-
-  public resizeHandle?: ITabbarResizeOptions;
+  resizeHandle?: {
+    setSize: (targetSize?: number) => void;
+    setRelativeSize: (prev: number, next: number) => void;
+    getSize: () => number;
+    getRelativeSize: () => number[];
+    lockSize: (lock: boolean | undefined) => void;
+    setMaxSize: (lock: boolean | undefined) => void;
+    hidePanel: (show?: boolean) => void;
+  };
 
   @Autowired(AbstractMenuService)
   protected menuService: AbstractMenuService;
@@ -142,6 +153,8 @@ export class TabbarService extends WithEventBus {
   @Autowired(IProgressService)
   private progressService: IProgressService;
 
+  private accordionRestored: Set<string> = new Set();
+
   private readonly onCurrentChangeEmitter = new Emitter<{ previousId: string; currentId: string }>();
   readonly onCurrentChange: Event<{ previousId: string; currentId: string }> = this.onCurrentChangeEmitter.event;
 
@@ -157,6 +170,7 @@ export class TabbarService extends WithEventBus {
   private disposableMap: Map<string, DisposableCollection> = new Map();
   private tabInMoreKeyMap: Map<string, IContextKey<boolean>> = new Map();
   private shouldWaitForViewRender = false;
+  private isLatter: boolean;
 
   private scopedCtxKeyService: IScopedContextKeyService;
   private onDidRegisterContainerEmitter = new Emitter<string>();
@@ -164,10 +178,7 @@ export class TabbarService extends WithEventBus {
 
   constructor(public location: string) {
     super();
-    // 从插槽渲染器注册表获取配置，创建行为处理器
-    const tabbarConfig = slotRendererRegistry.getTabbarConfig(location);
-    this.behaviorHandler = new TabbarBehaviorHandler(location, tabbarConfig);
-
+    this.setIsLatter(location === SlotLocation.right || location === SlotLocation.bottom);
     this.scopedCtxKeyService = this.contextKeyService.createScoped();
     this.scopedCtxKeyService.createKey('triggerWithTab', true);
     this.menuRegistry.registerMenuItem(this.menuId, {
@@ -179,17 +190,10 @@ export class TabbarService extends WithEventBus {
       when: 'triggerWithTab == true',
     });
     this.activatedKey = this.contextKeyService.createKey(getTabbarCtxKey(this.location), '');
-
-    // 使用行为处理器注册特定位置的命令和菜单
-    this.behaviorHandler.registerLocationSpecificCommands({
-      commandRegistry: this.commandRegistry,
-      layoutService: this.layoutService,
-    });
-
-    this.commonTitleMenu = this.behaviorHandler.registerLocationSpecificMenus({
-      menuRegistry: this.menuRegistry,
-      ctxMenuService: this.ctxMenuService,
-    });
+    if (this.location === 'bottom') {
+      this.registerPanelCommands();
+      this.registerPanelMenus();
+    }
 
     this.eventBus.onDirective(ResizeEvent.createDirective(this.location), () => {
       this.onResize();
@@ -200,6 +204,10 @@ export class TabbarService extends WithEventBus {
     return this.onDidRegisterContainerEmitter.event;
   }
 
+  public setIsLatter(v: boolean) {
+    this.isLatter = v;
+  }
+
   updateNextContainerId(nextContainerId?: string) {
     if (isUndefined(nextContainerId)) {
       this.useFirstContainerId = true;
@@ -208,14 +216,10 @@ export class TabbarService extends WithEventBus {
     }
   }
 
-  updateCurrentContainerId(containerId: string, tx?: ITransaction) {
-    if (tx) {
+  updateCurrentContainerId(containerId: string) {
+    transaction((tx) => {
       this.containerIdObs.set(containerId, tx);
-    } else {
-      transaction((tx) => {
-        this.containerIdObs.set(containerId, tx);
-      });
-    }
+    });
   }
 
   updateBadge(containerId: string, value?: ViewBadge | string) {
@@ -226,6 +230,24 @@ export class TabbarService extends WithEventBus {
     component?.fireChange(component);
   }
 
+  registerPanelCommands(): void {
+    this.commandRegistry.registerCommand(EXPAND_BOTTOM_PANEL, {
+      execute: () => {
+        this.layoutService.expandBottom(true);
+      },
+    });
+    this.commandRegistry.registerCommand(RETRACT_BOTTOM_PANEL, {
+      execute: () => {
+        this.layoutService.expandBottom(false);
+      },
+    });
+    this.commandRegistry.registerCommand(TOGGLE_BOTTOM_PANEL_COMMAND, {
+      execute: (show?: boolean, size?: number) => {
+        this.layoutService.toggleSlot(SlotLocation.bottom, show, size);
+      },
+    });
+  }
+
   public getContainerState(containerId: string) {
     const viewState = this.state.get(containerId);
     return viewState!;
@@ -323,7 +345,16 @@ export class TabbarService extends WithEventBus {
   }
 
   registerResizeHandle(resizeHandle: ResizeHandle) {
-    this.resizeHandle = this.behaviorHandler.wrapResizeHandle(resizeHandle);
+    const { setSize, setRelativeSize, getSize, getRelativeSize, lockSize, setMaxSize, hidePanel } = resizeHandle;
+    this.resizeHandle = {
+      setSize: (size) => setSize(size, this.isLatter),
+      setRelativeSize: (prev: number, next: number) => setRelativeSize(prev, next, this.isLatter),
+      getSize: () => getSize(this.isLatter),
+      getRelativeSize: () => getRelativeSize(this.isLatter),
+      setMaxSize: (lock: boolean | undefined) => setMaxSize(lock, this.isLatter),
+      lockSize: (lock: boolean | undefined) => lockSize(lock, this.isLatter),
+      hidePanel: (show) => hidePanel(show),
+    };
     return this.listenCurrentChange();
   }
 
@@ -410,7 +441,7 @@ export class TabbarService extends WithEventBus {
     disposables.push(this.registerActivateKeyBinding(componentInfo, componentInfo.options!.fromExtension));
     // 注册视图是否存在的contextKey
     const containerExistKey = this.contextKeyService.createKey<boolean>(
-      `workbench.${this.location}.${componentInfo.options!.containerId}`,
+      `workbench.${CONTAINER_NAME_MAP[this.location] || 'view'}.${componentInfo.options!.containerId}`,
       true,
     );
     disposables.push({
@@ -572,11 +603,28 @@ export class TabbarService extends WithEventBus {
   }
 
   doExpand(expand: boolean) {
-    this.behaviorHandler.doExpand(expand, this.resizeHandle);
+    if (this.resizeHandle) {
+      const { setRelativeSize } = this.resizeHandle;
+      if (expand) {
+        if (!this.isLatter) {
+          setRelativeSize(1, 0);
+        } else {
+          setRelativeSize(0, 1);
+        }
+      } else {
+        // FIXME 底部需要额外的字段记录展开前的尺寸
+        setRelativeSize(2, 1);
+      }
+    }
   }
 
   get isExpanded(): boolean {
-    return this.behaviorHandler.isExpanded(this.resizeHandle);
+    if (this.resizeHandle) {
+      const { getRelativeSize } = this.resizeHandle;
+      const relativeSizes = getRelativeSize().join(',');
+      return this.isLatter ? relativeSizes === '0,1' : relativeSizes === '1,0';
+    }
+    return false;
   }
 
   handleTabClick(e: React.MouseEvent, forbidCollapse?: boolean) {
@@ -647,19 +695,23 @@ export class TabbarService extends WithEventBus {
       }
     }
     this.visibleContainers.forEach((container) => {
-      this.tryRestoreAccordionSize(container);
+      if (SUPPORT_ACCORDION_LOCATION.has(this.location)) {
+        this.tryRestoreAccordionSize(container.options!.containerId);
+      }
     });
   }
 
   removeContainer(containerId: string) {
     const disposable = this.disposableMap.get(containerId);
     disposable?.dispose();
-    this.onStateChangeEmitter.fire();
+    this.updateCurrentContainerId('');
+    this.doChangeViewEmitter.fire();
   }
 
   dynamicAddContainer(containerId: string, options: ComponentRegistryInfo) {
     this.registerContainer(containerId, options);
     this.updateCurrentContainerId(containerId);
+    this.doChangeViewEmitter.fire();
   }
 
   protected doInsertTab(containers: ComponentRegistryInfo[], sourceIndex: number, targetIndex: number) {
@@ -710,12 +762,12 @@ export class TabbarService extends WithEventBus {
         },
         {
           execute: ({ forceShow }: { forceShow?: boolean } = {}) => {
-            this.behaviorHandler.handleActivateKeyBinding(
-              containerId,
-              this.currentContainerId.get() || '',
-              (id: string) => this.updateCurrentContainerId(id),
-              forceShow,
-            );
+            // 支持toggle
+            if (this.location === 'bottom' && !forceShow) {
+              this.updateCurrentContainerId(this.currentContainerId.get() === containerId ? '' : containerId);
+            } else {
+              this.updateCurrentContainerId(containerId);
+            }
           },
         },
       ),
@@ -806,6 +858,31 @@ export class TabbarService extends WithEventBus {
     return `${containerId}.isInMore`;
   }
 
+  protected registerPanelMenus() {
+    this.menuRegistry.registerMenuItems(getTabbarCommonMenuId('bottom'), [
+      {
+        command: EXPAND_BOTTOM_PANEL.id,
+        group: 'navigation',
+        when: '!bottomFullExpanded',
+        order: 1,
+      },
+      {
+        command: RETRACT_BOTTOM_PANEL.id,
+        group: 'navigation',
+        when: 'bottomFullExpanded',
+        order: 1,
+      },
+      {
+        command: TOGGLE_BOTTOM_PANEL_COMMAND.id,
+        group: 'navigation',
+        order: 2,
+      },
+    ]);
+    this.commonTitleMenu = this.ctxMenuService.createMenu({
+      id: 'tabbar/bottom/common',
+    });
+  }
+
   protected doToggleTab(containerId: string, forceShow?: boolean) {
     const state = this.getContainerState(containerId);
     if (forceShow === undefined) {
@@ -821,9 +898,9 @@ export class TabbarService extends WithEventBus {
     this.storeState();
   }
 
-  protected shouldExpand(containerId: string | undefined): boolean {
+  protected shouldExpand(containerId: string | undefined) {
     const info = this.getContainer(containerId);
-    return !!(info && info.options && info.options.expanded);
+    return info && info.options && info.options.expanded;
   }
 
   protected onResize() {
@@ -849,19 +926,15 @@ export class TabbarService extends WithEventBus {
   }
 
   private handleChange(currentId, previousId) {
-    // 这里的 handleChange 是会在 registerResizeHandle 后才会执行, currentId 为 undefined 只会在 autorun 首次注册时执行
-    if (!this.resizeHandle || currentId === undefined) {
+    // 这里的 handleChange 是会在 registerResizeHandle 后才会执行
+    if (!this.resizeHandle) {
       return;
     }
     const { getSize, setSize, lockSize } = this.resizeHandle;
     this.onCurrentChangeEmitter.fire({ previousId, currentId });
     const isCurrentExpanded = this.shouldExpand(currentId);
     if (this.shouldExpand(this.previousContainerId) || isCurrentExpanded) {
-      this.behaviorHandler.handleFullExpanded(currentId, isCurrentExpanded, this.resizeHandle, {
-        barSize: this.barSize,
-        panelSize: this.panelSize,
-        prevSize: this.prevSize,
-      });
+      this.handleFullExpanded(currentId, isCurrentExpanded);
     } else {
       if (currentId) {
         if (previousId && currentId !== previousId) {
@@ -880,7 +953,43 @@ export class TabbarService extends WithEventBus {
     }
   }
 
-  protected tryRestoreAccordionSize(containerInfo: ComponentRegistryProvider) {
-    this.behaviorHandler.tryRestoreAccordionSize(containerInfo, this.layoutService);
+  protected tryRestoreAccordionSize(containerId: string) {
+    if (this.accordionRestored.has(containerId)) {
+      return;
+    }
+    const containerInfo = this.containersMap.get(containerId);
+    // 使用自定义视图取代手风琴的面板不需要 restore
+    // scm 视图例外，因为在新版本 Gitlens 中可以将自己注册到 scm 中
+    // 暂时用这种方式使 scm 面板状态可以被持久化
+    if (
+      (!containerInfo || containerInfo.options?.component) &&
+      containerInfo?.options?.containerId !== SCM_CONTAINER_ID
+    ) {
+      return;
+    }
+    const accordionService = this.layoutService.getAccordionService(containerId);
+    // 需要保证此时tab切换已完成dom渲染
+    accordionService.restoreState();
+    this.accordionRestored.add(containerId);
+  }
+
+  protected handleFullExpanded(currentId: string, isCurrentExpanded?: boolean) {
+    if (!this.resizeHandle) {
+      return;
+    }
+    const { setRelativeSize, setSize } = this.resizeHandle;
+    if (currentId) {
+      if (isCurrentExpanded) {
+        if (!this.isLatter) {
+          setRelativeSize(1, 0);
+        } else {
+          setRelativeSize(0, 1);
+        }
+      } else {
+        setSize(this.prevSize || this.panelSize + this.barSize);
+      }
+    } else {
+      setSize(this.barSize);
+    }
   }
 }

package/src/common/main-layout.definition.ts

@@ -1,5 +1,4 @@
 import { BasicEvent, IDisposable, SlotLocation } from '@opensumi/ide-core-browser';
-import { Layout } from '@opensumi/ide-core-browser/lib/components';
 import { SideStateManager, View, ViewContainerOptions } from '@opensumi/ide-core-browser/lib/layout';
 import { ComponentRegistryInfo } from '@opensumi/ide-core-browser/lib/layout/layout.interface';
 import { IContextMenu } from '@opensumi/ide-core-browser/lib/menu/next';
@@ -42,7 +41,7 @@ export interface IMainLayoutService {
    * 注册单个或多个视图到tabbar位置
    * @param views 使用手风琴能力时传入的多个子视图
    * @param options container相关选项
-   * @param side 注册的位置，支持 view、extendView、panel，对应之前的 left、right、bottom
+   * @param side 注册的位置，支持left、right、bottom
    */
   collectTabbarComponent(views: View[], options: ViewContainerOptions, side: string): string;
 
@@ -132,8 +131,7 @@ export class ViewCollapseChangedEvent extends BasicEvent<{
   collapsed: boolean;
 }> {}
 
-export const SUPPORT_ACCORDION_LOCATION = new Set([SlotLocation.view, SlotLocation.extendView]);
+export const SUPPORT_ACCORDION_LOCATION = new Set([SlotLocation.left, SlotLocation.right]);
 
-export const DROP_PANEL_CONTAINER = 'drop-panel';
-export const DROP_EXTEND_VIEW_CONTAINER = 'drop-extend-view';
-export const DROP_VIEW_CONTAINER = 'drop-view';
+export const DROP_BOTTOM_CONTAINER = 'drop-bottom';
+export const DROP_RIGHT_CONTAINER = 'drop-right';

package/lib/browser/command.d.ts

@@ -1,29 +0,0 @@
-import { Command } from '@opensumi/ide-core-browser';
-import { MenuCommandDesc } from '@opensumi/ide-core-browser/lib/menu/next';
-/** @deprecated 请使用 main-layout.view.toggle */
-export declare const TOGGLE_LEFT_PANEL_COMMAND: Command;
-/** @deprecated 请使用 main-layout.extendView.toggle */
-export declare const TOGGLE_RIGHT_PANEL_COMMAND: Command;
-/** @deprecated 请使用 main-layout.panel.toggle */
-export declare const TOGGLE_BOTTOM_PANEL_COMMAND: Command;
-/** @deprecated 请使用 main-layout.panel.is-visible */
-export declare const IS_VISIBLE_BOTTOM_PANEL_COMMAND: Command;
-/** @deprecated 请使用 main-layout.view.is-visible */
-export declare const IS_VISIBLE_LEFT_PANEL_COMMAND: Command;
-/** @deprecated 请使用 main-layout.extend-view.is-visible */
-export declare const IS_VISIBLE_RIGHT_PANEL_COMMAND: Command;
-/** @deprecated 请使用 main-layout.panel.expand */
-export declare const EXPAND_BOTTOM_PANEL: Command;
-/** @deprecated 请使用 main-layout.panel.retract */
-export declare const RETRACT_BOTTOM_PANEL: Command;
-export declare const WORKBENCH_ACTION_CLOSESIDECAR: Command;
-export declare const WORKBENCH_ACTION_CLOSEPANEL: Command;
-export declare const TOGGLE_VIEW_COMMAND: MenuCommandDesc;
-export declare const TOGGLE_EXTEND_VIEW_COMMAND: MenuCommandDesc;
-export declare const TOGGLE_PANEL_COMMAND: Command;
-export declare const IS_VISIBLE_VIEW_COMMAND: Command;
-export declare const IS_VISIBLE_EXTEND_VIEW_COMMAND: Command;
-export declare const IS_VISIBLE_PANEL_COMMAND: Command;
-export declare const EXPAND_PANEL_COMMAND: Command;
-export declare const RETRACT_PANEL_COMMAND: Command;
-//# sourceMappingURL=command.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../src/browser/command.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAW,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAE3E,8CAA8C;AAC9C,eAAO,MAAM,yBAAyB,EAAE,OAGvC,CAAC;AAEF,oDAAoD;AACpD,eAAO,MAAM,0BAA0B,EAAE,OAGxC,CAAC;AAEF,+CAA+C;AAC/C,eAAO,MAAM,2BAA2B,EAAE,OAGzC,CAAC;AAEF,mDAAmD;AACnD,eAAO,MAAM,+BAA+B,EAAE,OAG7C,CAAC;AAEF,kDAAkD;AAClD,eAAO,MAAM,6BAA6B,EAAE,OAG3C,CAAC;AAEF,yDAAyD;AACzD,eAAO,MAAM,8BAA8B,EAAE,OAG5C,CAAC;AAEF,+CAA+C;AAC/C,eAAO,MAAM,mBAAmB,EAAE,OAGjC,CAAC;AAEF,gDAAgD;AAChD,eAAO,MAAM,oBAAoB,EAAE,OAGlC,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,OAG3C,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,OAEzC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,eAGjC,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,eAGxC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,OAIlC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,OAErC,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,OAE5C,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,OAEtC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,OAIlC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,OAInC,CAAC"}

package/lib/browser/command.js

@@ -1,84 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RETRACT_PANEL_COMMAND = exports.EXPAND_PANEL_COMMAND = exports.IS_VISIBLE_PANEL_COMMAND = exports.IS_VISIBLE_EXTEND_VIEW_COMMAND = exports.IS_VISIBLE_VIEW_COMMAND = exports.TOGGLE_PANEL_COMMAND = exports.TOGGLE_EXTEND_VIEW_COMMAND = exports.TOGGLE_VIEW_COMMAND = exports.WORKBENCH_ACTION_CLOSEPANEL = exports.WORKBENCH_ACTION_CLOSESIDECAR = exports.RETRACT_BOTTOM_PANEL = exports.EXPAND_BOTTOM_PANEL = exports.IS_VISIBLE_RIGHT_PANEL_COMMAND = exports.IS_VISIBLE_LEFT_PANEL_COMMAND = exports.IS_VISIBLE_BOTTOM_PANEL_COMMAND = exports.TOGGLE_BOTTOM_PANEL_COMMAND = exports.TOGGLE_RIGHT_PANEL_COMMAND = exports.TOGGLE_LEFT_PANEL_COMMAND = void 0;
-const ide_core_browser_1 = require("@opensumi/ide-core-browser");
-/** @deprecated 请使用 main-layout.view.toggle */
-exports.TOGGLE_LEFT_PANEL_COMMAND = {
-    id: 'main-layout.left-panel.toggle',
-    delegate: 'main-layout.view.toggle',
-};
-/** @deprecated 请使用 main-layout.extendView.toggle */
-exports.TOGGLE_RIGHT_PANEL_COMMAND = {
-    id: 'main-layout.right-panel.toggle',
-    delegate: 'main-layout.extend-view.toggle',
-};
-/** @deprecated 请使用 main-layout.panel.toggle */
-exports.TOGGLE_BOTTOM_PANEL_COMMAND = {
-    id: 'main-layout.bottom-panel.toggle',
-    delegate: 'main-layout.panel.toggle',
-};
-/** @deprecated 请使用 main-layout.panel.is-visible */
-exports.IS_VISIBLE_BOTTOM_PANEL_COMMAND = {
-    id: 'main-layout.bottom-panel.is-visible',
-    delegate: 'main-layout.panel.is-visible',
-};
-/** @deprecated 请使用 main-layout.view.is-visible */
-exports.IS_VISIBLE_LEFT_PANEL_COMMAND = {
-    id: 'main-layout.left-panel.is-visible',
-    delegate: 'main-layout.view.is-visible',
-};
-/** @deprecated 请使用 main-layout.extend-view.is-visible */
-exports.IS_VISIBLE_RIGHT_PANEL_COMMAND = {
-    id: 'main-layout.right-panel.is-visible',
-    delegate: 'main-layout.extend-view.is-visible',
-};
-/** @deprecated 请使用 main-layout.panel.expand */
-exports.EXPAND_BOTTOM_PANEL = {
-    id: 'main-layout.bottom-panel.expand',
-    delegate: 'main-layout.panel.expand',
-};
-/** @deprecated 请使用 main-layout.panel.retract */
-exports.RETRACT_BOTTOM_PANEL = {
-    id: 'main-layout.bottom-panel.retract',
-    delegate: 'main-layout.panel.retract',
-};
-exports.WORKBENCH_ACTION_CLOSESIDECAR = {
-    id: 'workbench.action.closeSidebar',
-    label: '%main-layout.sidebar.hide%',
-};
-exports.WORKBENCH_ACTION_CLOSEPANEL = {
-    id: 'workbench.action.closePanel',
-};
-exports.TOGGLE_VIEW_COMMAND = {
-    id: 'main-layout.view.toggle',
-    label: '%main-layout.view.toggle%',
-};
-exports.TOGGLE_EXTEND_VIEW_COMMAND = {
-    id: 'main-layout.extend-view.toggle',
-    label: '%main-layout.extend-view.toggle%',
-};
-exports.TOGGLE_PANEL_COMMAND = {
-    id: 'main-layout.panel.toggle',
-    iconClass: (0, ide_core_browser_1.getIcon)('minus'),
-    label: '%main-layout.panel.toggle%',
-};
-exports.IS_VISIBLE_VIEW_COMMAND = {
-    id: 'main-layout.view.is-visible',
-};
-exports.IS_VISIBLE_EXTEND_VIEW_COMMAND = {
-    id: 'main-layout.extend-view.is-visible',
-};
-exports.IS_VISIBLE_PANEL_COMMAND = {
-    id: 'main-layout.panel.is-visible',
-};
-exports.EXPAND_PANEL_COMMAND = {
-    id: 'main-layout.panel.expand',
-    label: '%layout.tabbar.expand%',
-    iconClass: (0, ide_core_browser_1.getIcon)('expand'),
-};
-exports.RETRACT_PANEL_COMMAND = {
-    id: 'main-layout.panel.retract',
-    label: '%layout.tabbar.retract%',
-    iconClass: (0, ide_core_browser_1.getIcon)('shrink'),
-};
-//# sourceMappingURL=command.js.map

package/lib/browser/command.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"command.js","sourceRoot":"","sources":["../../src/browser/command.ts"],"names":[],"mappings":";;;AAAA,iEAA8D;AAG9D,8CAA8C;AACjC,QAAA,yBAAyB,GAAY;IAChD,EAAE,EAAE,+BAA+B;IACnC,QAAQ,EAAE,yBAAyB;CACpC,CAAC;AAEF,oDAAoD;AACvC,QAAA,0BAA0B,GAAY;IACjD,EAAE,EAAE,gCAAgC;IACpC,QAAQ,EAAE,gCAAgC;CAC3C,CAAC;AAEF,+CAA+C;AAClC,QAAA,2BAA2B,GAAY;IAClD,EAAE,EAAE,iCAAiC;IACrC,QAAQ,EAAE,0BAA0B;CACrC,CAAC;AAEF,mDAAmD;AACtC,QAAA,+BAA+B,GAAY;IACtD,EAAE,EAAE,qCAAqC;IACzC,QAAQ,EAAE,8BAA8B;CACzC,CAAC;AAEF,kDAAkD;AACrC,QAAA,6BAA6B,GAAY;IACpD,EAAE,EAAE,mCAAmC;IACvC,QAAQ,EAAE,6BAA6B;CACxC,CAAC;AAEF,yDAAyD;AAC5C,QAAA,8BAA8B,GAAY;IACrD,EAAE,EAAE,oCAAoC;IACxC,QAAQ,EAAE,oCAAoC;CAC/C,CAAC;AAEF,+CAA+C;AAClC,QAAA,mBAAmB,GAAY;IAC1C,EAAE,EAAE,iCAAiC;IACrC,QAAQ,EAAE,0BAA0B;CACrC,CAAC;AAEF,gDAAgD;AACnC,QAAA,oBAAoB,GAAY;IAC3C,EAAE,EAAE,kCAAkC;IACtC,QAAQ,EAAE,2BAA2B;CACtC,CAAC;AAEW,QAAA,6BAA6B,GAAY;IACpD,EAAE,EAAE,+BAA+B;IACnC,KAAK,EAAE,4BAA4B;CACpC,CAAC;AAEW,QAAA,2BAA2B,GAAY;IAClD,EAAE,EAAE,6BAA6B;CAClC,CAAC;AAEW,QAAA,mBAAmB,GAAoB;IAClD,EAAE,EAAE,yBAAyB;IAC7B,KAAK,EAAE,2BAA2B;CACnC,CAAC;AAEW,QAAA,0BAA0B,GAAoB;IACzD,EAAE,EAAE,gCAAgC;IACpC,KAAK,EAAE,kCAAkC;CAC1C,CAAC;AAEW,QAAA,oBAAoB,GAAY;IAC3C,EAAE,EAAE,0BAA0B;IAC9B,SAAS,EAAE,IAAA,0BAAO,EAAC,OAAO,CAAC;IAC3B,KAAK,EAAE,4BAA4B;CACpC,CAAC;AAEW,QAAA,uBAAuB,GAAY;IAC9C,EAAE,EAAE,6BAA6B;CAClC,CAAC;AAEW,QAAA,8BAA8B,GAAY;IACrD,EAAE,EAAE,oCAAoC;CACzC,CAAC;AAEW,QAAA,wBAAwB,GAAY;IAC/C,EAAE,EAAE,8BAA8B;CACnC,CAAC;AAEW,QAAA,oBAAoB,GAAY;IAC3C,EAAE,EAAE,0BAA0B;IAC9B,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,IAAA,0BAAO,EAAC,QAAQ,CAAC;CAC7B,CAAC;AAEW,QAAA,qBAAqB,GAAY;IAC5C,EAAE,EAAE,2BAA2B;IAC/B,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,IAAA,0BAAO,EAAC,QAAQ,CAAC;CAC7B,CAAC"}

package/lib/browser/tabbar/TABBAR_CONFIG_USAGE.md

@@ -1,141 +0,0 @@
-# Tabbar 配置使用指南
-
-## 概述
-
-现在支持在注册插槽渲染器时传入 `tabbarConfig` 配置，用于控制 tabbar 的布局行为。这样不同的插槽渲染器可以根据自己的实现特点提供相应的配置。
-
-## 配置接口
-
-```typescript
-export interface TabbarConfig {
-  /** 是否为后置位置（bar 在 panel 右侧或底下） */
-  isLatter: boolean;
-  /** 支持的操作类型 */
-  supportedActions?: {
-    expand?: boolean;
-    toggle?: boolean;
-    accordion?: boolean;
-  };
-}
-```
-
-## 使用方式
-
-### 1. 注册带配置的插槽渲染器
-
-```typescript
-import { SlotLocation } from '@opensumi/ide-core-browser';
-import { slotRendererRegistry } from '@opensumi/ide-core-browser/lib/react-providers';
-
-// 注册左侧面板渲染器（bar 在 panel 左侧）
-slotRendererRegistry.registerSlotRenderer(SlotLocation.view, LeftTabRenderer, {
-  isLatter: false, // bar 在 panel 左侧
-  supportedActions: {
-    accordion: true, // 支持手风琴
-  },
-});
-
-// 注册右侧面板渲染器（bar 在 panel 右侧）
-slotRendererRegistry.registerSlotRenderer(SlotLocation.extendView, RightTabRenderer, {
-  isLatter: true, // bar 在 panel 右侧
-  supportedActions: {
-    accordion: true,
-  },
-});
-
-// 注册底部面板渲染器（bar 在 panel 底下）
-slotRendererRegistry.registerSlotRenderer(SlotLocation.panel, BottomTabRenderer, {
-  isLatter: true, // bar 在 panel 底下
-  supportedActions: {
-    expand: true, // 支持展开/收缩
-    toggle: true, // 支持 toggle 行为
-  },
-});
-```
-
-### 2. 自定义插槽渲染器的配置
-
-如果你有自定义的插槽渲染器，可以根据具体的布局实现来设置配置：
-
-```typescript
-// 自定义的水平布局渲染器
-class HorizontalTabRenderer extends React.Component {
-  // 实现水平布局，bar 在左侧
-}
-
-// 注册时指定配置
-slotRendererRegistry.registerSlotRenderer('customLocation', HorizontalTabRenderer, {
-  isLatter: false, // bar 在左侧
-  supportedActions: {
-    accordion: false, // 不支持手风琴
-    expand: false, // 不支持展开
-  },
-});
-```
-
-### 3. 配置的优先级
-
-配置采用以下优先级：
-
-1. **插槽渲染器配置**：通过 `registerSlotRenderer` 传入的 `tabbarConfig`
-2. **默认配置**：基于 location 的默认配置
-
-```typescript
-// 在策略中获取配置的逻辑
-protected getIsLatter(): boolean {
-  if (this.tabbarConfig?.isLatter !== undefined) {
-    return this.tabbarConfig.isLatter; // 优先使用渲染器配置
-  }
-  // 默认配置：扩展视图和底部面板为后置位置
-  return this.location === 'extendView' || this.location === 'panel';
-}
-```
-
-## 实际应用场景
-
-### 场景 1：自定义右侧面板布局
-
-如果你的右侧面板采用了特殊的布局，bar 实际在左侧：
-
-```typescript
-slotRendererRegistry.registerSlotRenderer(SlotLocation.extendView, CustomRightRenderer, {
-  isLatter: false, // 虽然是右侧面板，但 bar 在左侧
-});
-```
-
-### 场景 2：底部面板的变体
-
-底部面板的不同实现可能有不同的布局：
-
-```typescript
-// 传统底部面板：bar 在上方
-slotRendererRegistry.registerSlotRenderer(SlotLocation.panel, TraditionalBottomRenderer, {
-  isLatter: false, // bar 在 panel 上方
-  supportedActions: {
-    expand: true,
-    toggle: true,
-  },
-});
-
-// 现代底部面板：bar 在下方
-slotRendererRegistry.registerSlotRenderer(SlotLocation.panel, ModernBottomRenderer, {
-  isLatter: true, // bar 在 panel 下方
-  supportedActions: {
-    expand: true,
-    toggle: true,
-  },
-});
-```
-
-## 注意事项
-
-1. **向后兼容**：如果不提供 `tabbarConfig`，会使用默认配置
-2. **配置验证**：确保 `isLatter` 的值与实际的渲染器布局一致
-3. **动态更新**：目前配置在注册时确定，不支持运行时动态修改
-
-## 好处
-
-- **灵活性**：不同的渲染器可以有不同的布局配置
-- **解耦合**：策略不再硬编码位置相关的配置
-- **可扩展**：新的渲染器可以轻松定义自己的配置
-- **清晰性**：配置意图明确，便于理解和维护