chore: 暂时单视图情况下先隐藏左侧 tabbar

Author: winjo

packages/acr/src/modules/misc-module.ts

@@ -12,6 +12,7 @@ import { AntcodeService } from './antcode-service';
 import { IAntcodeService } from './antcode-service/base';
 import { EditorBottomSideContribution } from './editor-bottom-side/editor-bottom-side.contribution';
 import { ChangesTreeLocationContribution } from './merge-request/changes-tree/changes-tree-location.contribution';
+import { CustomLeftSlotRenderContribution } from './view/slot-render.contribution';
 import { ChangeFileViewedContribution } from './change-file-viewed.contribution';
 
 import { EditorEmptyContribution } from './edtior-empty/index.contribution';
@@ -41,6 +42,12 @@ export class MiscModule extends BrowserModule {
     /* --- editor related ends --- */
     ChangesTreeLocationContribution,
     ChangeFileViewedContribution,
+
+    //#region
+    // TODO: 目前只有 change-tree，先隐藏掉 tabbar，等有其它 view 再去掉
+    CustomLeftSlotRenderContribution,
+    //#endregion
+
     EditorEmptyContribution,
     // experimental
     DiffFoldingContribution,

packages/acr/src/modules/view/slot-render.contribution.tsx

@@ -0,0 +1,46 @@
+import * as React from 'react';
+import clsx from 'classnames';
+import { TabRendererBase } from '@ali/ide-main-layout/lib/browser/tabbar/renderer.view';
+import { LeftTabPanelRenderer } from '@ali/ide-main-layout/lib/browser/tabbar/panel.view';
+import {
+  ComponentRegistryInfo,
+  useInjectable,
+  CommandService,
+  SlotLocation,
+} from '@ali/ide-core-browser';
+import {
+  TabbarServiceFactory,
+  TabbarService,
+} from '@ali/ide-main-layout/lib/browser/tabbar/tabbar.service';
+import { Domain, SlotRendererContribution, SlotRendererRegistry } from '@ali/ide-core-browser';
+
+// 隐藏 activity-bar
+const EmptyLeftTabbarRenderer: React.FC = () => {
+  const tabbarService: TabbarService = useInjectable(TabbarServiceFactory)('left');
+  tabbarService.barSize = 0;
+  return <div style={{ width: 0 }} />;
+};
+
+const LeftTabRenderer = ({
+  className,
+  components,
+}: {
+  className: string;
+  components: ComponentRegistryInfo[];
+}) => (
+  <TabRendererBase
+    side="left"
+    direction="left-to-right"
+    className={clsx(className, 'left-slot')}
+    components={components}
+    TabbarView={EmptyLeftTabbarRenderer}
+    TabpanelView={LeftTabPanelRenderer}
+  />
+);
+
+@Domain(SlotRendererContribution)
+export class CustomLeftSlotRenderContribution implements SlotRendererContribution {
+  registerRenderer(registry: SlotRendererRegistry) {
+    registry.registerSlotRenderer('left', LeftTabRenderer);
+  }
+}

packages/integrations/src/antcode-cr/style.less

@@ -4,6 +4,7 @@ html, body, #main {
 
 #main {
   padding: 8px 24px 24px;
+  width: auto;
   height: auto;
   background-color: #f7f8fa;
 }