@opensumi/ide-main-layout 3.7.2-next-1740450374.0 → 3.7.2-next-1741226843.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opensumi/ide-main-layout",
-  "version": "3.7.2-next-1740450374.0",
+  "version": "3.7.2-next-1741226843.0",
   "description": "@opensumi/ide-main-layout",
   "files": [
     "lib",
@@ -18,14 +18,14 @@
     "url": "git@github.com:opensumi/core.git"
   },
   "dependencies": {
-    "@opensumi/ide-components": "3.7.2-next-1740450374.0",
-    "@opensumi/ide-core-browser": "3.7.2-next-1740450374.0",
-    "@opensumi/ide-core-common": "3.7.2-next-1740450374.0",
-    "@opensumi/ide-theme": "3.7.2-next-1740450374.0"
+    "@opensumi/ide-components": "3.7.2-next-1741226843.0",
+    "@opensumi/ide-core-browser": "3.7.2-next-1741226843.0",
+    "@opensumi/ide-core-common": "3.7.2-next-1741226843.0",
+    "@opensumi/ide-theme": "3.7.2-next-1741226843.0"
   },
   "devDependencies": {
-    "@opensumi/ide-dev-tool": "3.7.2-next-1740450374.0",
-    "@opensumi/ide-monaco": "3.7.2-next-1740450374.0"
+    "@opensumi/ide-dev-tool": "3.7.2-next-1741226843.0",
+    "@opensumi/ide-monaco": "3.7.2-next-1741226843.0"
   },
-  "gitHead": "12458460da12fc6e96c4942034c7012b2381990c"
+  "gitHead": "4abde3a575df8a7ce66b2977604b054f8a512af1"
 }

package/src/browser/accordion/accordion.service.ts

@@ -57,7 +57,7 @@ export interface SectionState {
 interface AccordionViewChangeEvent {
   id: string;
   title?: string;
-  description?: string | React.ReactNode;
+  description?: string;
   message?: string;
   badge?: string | ViewBadge | undefined;
 }
@@ -198,7 +198,7 @@ export class AccordionService extends WithEventBus {
     }
   }
 
-  updateViewDesciption(viewId: string, desc: string | React.ReactNode) {
+  updateViewDesciption(viewId: string, desc: string) {
     const view = this.views.find((view) => view.id === viewId);
     if (view) {
       view.description = desc;

package/src/browser/accordion/section.view.tsx

@@ -26,7 +26,7 @@ export interface CollapsePanelProps extends React.PropsWithChildren<any> {
   // Header Title
   header: string;
   // Header Description
-  description?: string | React.ReactNode;
+  description?: string;
   // Panel Message
   message?: string;
   // Header Size
@@ -185,9 +185,7 @@ export const AccordionSection = ({
             </div>
             {metadata.description && (
               <div className={styles.section_description} style={{ lineHeight: headerSize + 'px' }}>
-                {typeof metadata.description === 'string'
-                  ? transformLabelWithCodicon(metadata.description, {}, iconService.fromString.bind(iconService))
-                  : metadata.description}
+                {transformLabelWithCodicon(metadata.description, {}, iconService.fromString.bind(iconService))}
               </div>
             )}
             {metadata.badge && (

package/src/browser/accordion/titlebar.view.tsx

@@ -1,8 +1,6 @@
 import React from 'react';
 
-import { useDesignStyles, useInjectable } from '@opensumi/ide-core-browser';
-
-import { TabbarService, TabbarServiceFactory } from '../tabbar/tabbar.service';
+import { useDesignStyles } from '@opensumi/ide-core-browser';
 
 import styles from './styles.module.less';
 
@@ -10,37 +8,11 @@ export const TitleBar: React.FC<{
   title: string;
   menubar?: React.ReactNode;
   height?: number;
-  draggable?: boolean;
-  side?: string;
-  containerId?: string;
 }> = React.memo((props) => {
   const styles_titlebar = useDesignStyles(styles.titlebar, 'titlebar');
-  const tabbarService: TabbarService = useInjectable(TabbarServiceFactory)(props.side);
-
-  const handleDragStart = React.useCallback(
-    (e: React.DragEvent) => {
-      if (props.containerId && props.side) {
-        tabbarService.handleDragStart(e, props.containerId);
-      }
-    },
-    [props.containerId, props.side, tabbarService],
-  );
-
-  const handleDragEnd = React.useCallback(
-    (e: React.DragEvent) => {
-      tabbarService.handleDragEnd(e);
-    },
-    [tabbarService],
-  );
-
   return (
     <div className={styles_titlebar} style={{ height: props.height }}>
-      {!props.draggable && <h1>{props.title}</h1>}
-      {!!props.draggable && (
-        <h1 draggable style={{ cursor: 'pointer' }} onDragStart={handleDragStart} onDragEnd={handleDragEnd}>
-          {props.title}
-        </h1>
-      )}
+      <h1>{props.title}</h1>
       {props.menubar || null}
     </div>
   );

package/src/browser/default-config.ts

@@ -1,8 +1,6 @@
 /* istanbul ignore file */
 import { LayoutConfig, SlotLocation } from '@opensumi/ide-core-browser';
 
-import { DROP_BOTTOM_CONTAINER, DROP_RIGHT_CONTAINER } from '../common';
-
 export const defaultConfig: LayoutConfig = {
   [SlotLocation.top]: {
     modules: ['@opensumi/ide-menu-bar'],
@@ -21,19 +19,13 @@ export const defaultConfig: LayoutConfig = {
     ],
   },
   [SlotLocation.right]: {
-    modules: [DROP_RIGHT_CONTAINER],
+    modules: [],
   },
   [SlotLocation.main]: {
     modules: ['@opensumi/ide-editor'],
   },
   [SlotLocation.bottom]: {
-    modules: [
-      DROP_BOTTOM_CONTAINER,
-      '@opensumi/ide-terminal-next',
-      '@opensumi/ide-output',
-      'debug-console',
-      '@opensumi/ide-markers',
-    ],
+    modules: ['@opensumi/ide-terminal-next', '@opensumi/ide-output', 'debug-console', '@opensumi/ide-markers'],
   },
   [SlotLocation.statusBar]: {
     modules: ['@opensumi/ide-status-bar'],

package/src/browser/layout.service.ts

@@ -32,8 +32,6 @@ import { Deferred, getDebugLogger, isUndefined } from '@opensumi/ide-core-common
 import { ThemeChangedEvent } from '@opensumi/ide-theme';
 
 import {
-  DROP_BOTTOM_CONTAINER,
-  DROP_RIGHT_CONTAINER,
   IMainLayoutService,
   MainLayoutContribution,
   SUPPORT_ACCORDION_LOCATION,
@@ -203,7 +201,7 @@ export class LayoutService extends WithEventBus implements IMainLayoutService {
     /**
      * ContainerId 存在三种值类型，对应的处理模式如下：
      * 1. undefined: 采用首个注册的容器作为当前 containerId
-     * 2. string: 非 drop container 直接使用该 containerId 作为当前 containerId
+     * 2. string: 直接使用该 containerId 作为当前 containerId
      * 3. '': 直接清空当前 containerId，不展开相应的 viewContainer
      */
     if (isUndefined(currentId)) {
@@ -213,93 +211,19 @@ export class LayoutService extends WithEventBus implements IMainLayoutService {
       } else {
         service.updateCurrentContainerId(defaultContainer);
       }
-    } else if (currentId && !this.isDropContainer(currentId)) {
+    } else if (currentId) {
       if (service.containersMap.has(currentId)) {
         service.updateCurrentContainerId(currentId);
       } else {
-        // 如果在别的 tabbar 中存在该 containerId，则将其移动到当前 tabbar
-        if (this.findTabbarServiceByContainerId(currentId)) {
-          this.moveContainerTo(currentId, service.location);
-          service.updateCurrentContainerId(currentId);
-        } else {
-          service.updateCurrentContainerId(defaultContainer);
-          // 等待后续新容器注册时，更新当前的 containerId
-          service.updateNextContainerId(currentId);
-        }
+        service.updateCurrentContainerId(defaultContainer);
+        // 等待后续新容器注册时，更新当前的 containerId
+        service.updateNextContainerId(currentId);
       }
-    } else if (currentId === '' || this.isDropContainer(currentId)) {
+    } else if (currentId === '') {
       service.updateCurrentContainerId('');
     }
   };
 
-  findTabbarServiceByContainerId(containerId: string): TabbarService | undefined {
-    let tabbarService: undefined | TabbarService;
-    for (const value of this.tabbarServices.values()) {
-      if (value.containersMap.has(containerId)) {
-        tabbarService = value;
-        break;
-      }
-    }
-
-    return tabbarService;
-  }
-
-  moveContainerTo(containerId: string, to: string): void {
-    const fromTabbar = this.findTabbarServiceByContainerId(containerId);
-
-    if (!fromTabbar) {
-      this.logger.error(`cannot find container: ${containerId}`);
-      return;
-    }
-    const container = fromTabbar.getContainer(containerId);
-    if (!container) {
-      this.logger.error(`cannot find container: ${containerId}`);
-      return;
-    }
-    if (!container.options?.draggable) {
-      this.logger.warn(`container: ${containerId} is not draggable`);
-      return;
-    }
-
-    const toTabbar = this.getTabbarService(to);
-
-    fromTabbar.removeContainer(containerId);
-
-    if (!fromTabbar.visibleContainers.length || fromTabbar.currentContainerId.get() === containerId) {
-      this.toggleSlot(fromTabbar.location, false);
-    }
-    toTabbar.dynamicAddContainer(containerId, container);
-    const newHandler = this.injector.get(TabBarHandler, [containerId, this.getTabbarService(toTabbar.location)]);
-    this.handleMap.set(containerId, newHandler!);
-  }
-
-  showDropAreaForContainer(containerId: string): void {
-    const tabbarService = this.findTabbarServiceByContainerId(containerId);
-    const bottomService = this.tabbarServices.get('bottom');
-    const rightService = this.tabbarServices.get('right');
-    if (!tabbarService) {
-      this.logger.error(`cannot find container: ${containerId}`);
-      return;
-    }
-    if (tabbarService?.location === 'right') {
-      bottomService?.updateCurrentContainerId(DROP_BOTTOM_CONTAINER);
-    }
-    if (tabbarService?.location === 'bottom') {
-      rightService?.updateCurrentContainerId(DROP_RIGHT_CONTAINER);
-    }
-  }
-
-  hideDropArea(): void {
-    const bottomService = this.tabbarServices.get('bottom');
-    const rightService = this.tabbarServices.get('right');
-    if (bottomService?.currentContainerId.get() === DROP_BOTTOM_CONTAINER) {
-      bottomService.updateCurrentContainerId(bottomService.previousContainerId || '');
-    }
-    if (rightService?.currentContainerId.get() === DROP_RIGHT_CONTAINER) {
-      rightService.updateCurrentContainerId(rightService.previousContainerId || '');
-    }
-  }
-
   isVisible(location: string) {
     const tabbarService = this.getTabbarService(location);
     return !!tabbarService.currentContainerId.get();
@@ -321,13 +245,18 @@ export class LayoutService extends WithEventBus implements IMainLayoutService {
       return;
     }
     if (show === true) {
-      // 不允许通过该api展示drop面板
-      tabbarService.updateCurrentContainerId(this.findNonDropContainerId(tabbarService));
+      tabbarService.updateCurrentContainerId(
+        tabbarService.currentContainerId.get() ||
+          tabbarService.previousContainerId ||
+          tabbarService.containersMap.keys().next().value!,
+      );
     } else if (show === false) {
       tabbarService.updateCurrentContainerId('');
     } else {
       tabbarService.updateCurrentContainerId(
-        tabbarService.currentContainerId.get() ? '' : this.findNonDropContainerId(tabbarService),
+        tabbarService.currentContainerId.get()
+          ? ''
+          : tabbarService.previousContainerId || tabbarService.containersMap.keys().next().value!,
       );
     }
     if (tabbarService.currentContainerId.get() && size) {
@@ -335,28 +264,6 @@ export class LayoutService extends WithEventBus implements IMainLayoutService {
     }
   }
 
-  private isDropContainer(containerId: string): boolean {
-    return [DROP_BOTTOM_CONTAINER, DROP_RIGHT_CONTAINER].includes(containerId);
-  }
-
-  private findNonDropContainerId(tabbarService: TabbarService): string {
-    const currentContainerId = tabbarService.currentContainerId.get();
-    if (currentContainerId && !this.isDropContainer(currentContainerId)) {
-      return currentContainerId;
-    }
-    if (tabbarService.previousContainerId && !this.isDropContainer(tabbarService.previousContainerId)) {
-      return tabbarService.previousContainerId;
-    }
-
-    for (const key of tabbarService.containersMap.keys()) {
-      if (!this.isDropContainer(key)) {
-        return key;
-      }
-    }
-
-    return '';
-  }
-
   getTabbarService(location: string) {
     const service = this.tabbarServices.get(location) || this.injector.get(TabbarService, [location]);
     if (!this.tabbarServices.get(location)) {

package/src/browser/main-layout.contribution.ts

@@ -41,9 +41,8 @@ import {
 import { ContributionProvider, Domain, IEventBus, WithEventBus, localize } from '@opensumi/ide-core-common';
 import { Command, CommandContribution, CommandRegistry, CommandService } from '@opensumi/ide-core-common/lib/command';
 
-import { DROP_BOTTOM_CONTAINER, DROP_RIGHT_CONTAINER, IMainLayoutService } from '../common';
+import { IMainLayoutService } from '../common';
 
-import { BottomDropArea, RightDropArea } from './drop-area/drop-area';
 import { ViewQuickOpenHandler } from './quick-open-view';
 import { BottomTabRenderer, LeftTabRenderer, RightTabRenderer } from './tabbar/renderer.view';
 
@@ -118,14 +117,7 @@ export const RETRACT_BOTTOM_PANEL: Command = {
   iconClass: getIcon('shrink'),
 };
 
-@Domain(
-  CommandContribution,
-  ClientAppContribution,
-  SlotRendererContribution,
-  MenuContribution,
-  QuickOpenContribution,
-  ComponentContribution,
-)
+@Domain(CommandContribution, ClientAppContribution, SlotRendererContribution, MenuContribution, QuickOpenContribution)
 export class MainLayoutModuleContribution
   extends WithEventBus
   implements
@@ -133,7 +125,6 @@ export class MainLayoutModuleContribution
     ClientAppContribution,
     SlotRendererContribution,
     MenuContribution,
-    ComponentContribution,
     QuickOpenContribution
 {
   @Autowired(IMainLayoutService)
@@ -195,19 +186,6 @@ export class MainLayoutModuleContribution
     }
   }
 
-  registerComponent(registry: ComponentRegistry): void {
-    registry.register(DROP_RIGHT_CONTAINER, [], {
-      component: RightDropArea,
-      hideTab: true,
-      containerId: DROP_RIGHT_CONTAINER,
-    });
-    registry.register(DROP_BOTTOM_CONTAINER, [], {
-      component: BottomDropArea,
-      hideTab: true,
-      containerId: DROP_BOTTOM_CONTAINER,
-    });
-  }
-
   async onStart() {
     this.registerSideToggleKey();
   }

package/src/browser/tabbar/bar.view.tsx

@@ -125,15 +125,11 @@ export const TabbarViewBase: React.FC<ITabbarViewProps> = (props) => {
   });
 
   const renderContainers = React.useCallback(
-    (component: ComponentRegistryInfo, tabbarService: TabbarService, currentContainerId?: string, side?: string) => {
+    (component: ComponentRegistryInfo, tabbarService: TabbarService, currentContainerId?: string) => {
       const containerId = component.options?.containerId;
       if (!containerId) {
         return null;
       }
-      if (side && component.options?.hideLocationTab?.includes(side)) {
-        return null;
-      }
-
       tabbarService.updateTabInMoreKey(containerId, false);
       let ref: HTMLLIElement | null;
       return (
@@ -172,9 +168,6 @@ export const TabbarViewBase: React.FC<ITabbarViewProps> = (props) => {
             }
             tabbarService.handleDrop(e, containerId);
           }}
-          onDragEnd={(e) => {
-            tabbarService.handleDragEnd(e);
-          }}
           key={containerId}
           id={containerId}
           onContextMenu={(e) => tabbarService.handleContextMenu(e, containerId)}
@@ -193,7 +186,7 @@ export const TabbarViewBase: React.FC<ITabbarViewProps> = (props) => {
   return (
     <div className={cls([styles_tab_bar, className])}>
       <div className={styles_bar_content} style={{ flexDirection: Layout.getTabbarDirection(direction) }}>
-        {visibleContainers.map((component) => renderContainers(component, tabbarService, currentContainerId, side))}
+        {visibleContainers.map((component) => renderContainers(component, tabbarService, currentContainerId))}
         {renderOtherVisibleContainers({ props, renderContainers })}
         {hideContainers.length ? (
           <li

package/src/browser/tabbar/panel.view.tsx

@@ -100,13 +100,12 @@ export const ContainerView: React.FC<{
   renderContainerWrap?: React.FC<{
     children: React.ReactNode;
   }>;
-  customTitleBar?: React.ReactNode;
   className?: string;
-}> = ({ component, titleMenu, side, renderContainerWrap, className, customTitleBar }) => {
+}> = ({ component, titleMenu, side, renderContainerWrap, className }) => {
   const ref = React.useRef<HTMLElement | null>();
   const containerRef = React.useRef<HTMLDivElement | null>(null);
   const appConfig = useInjectable<AppConfig>(AppConfig);
-  const { title, titleComponent, component: CustomComponent, containerId, draggable } = component.options || {};
+  const { title, titleComponent, component: CustomComponent, containerId } = component.options || {};
   const injector: Injector = useInjectable(INJECTOR_TOKEN);
   const layoutViewSize = useInjectable<LayoutViewSizeConfig>(LayoutViewSizeConfig);
 
@@ -141,15 +140,11 @@ export const ContainerView: React.FC<{
 
   return (
     <div ref={containerRef} className={cls(styles.view_container, className)}>
-      {!!customTitleBar && customTitleBar}
       {!CustomComponent && (
         <div onContextMenu={handleContextMenu} className={styles.panel_titlebar}>
           {!title ? null : (
             <TitleBar
-              containerId={containerId}
-              side={side}
               title={title}
-              draggable={draggable}
               height={layoutViewSize.panelTitleBarHeight}
               menubar={<InlineActionBar menus={titleMenu} />}
             />

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

@@ -664,7 +664,6 @@ export class TabbarService extends WithEventBus {
   // drag & drop
   handleDragStart(e: React.DragEvent, containerId: string) {
     e.dataTransfer.setData('containerId', containerId);
-    this.layoutService.showDropAreaForContainer(containerId);
   }
 
   handleDrop(e: React.DragEvent, target: string) {
@@ -678,10 +677,6 @@ export class TabbarService extends WithEventBus {
     }
   }
 
-  handleDragEnd(e: React.DragEvent) {
-    this.layoutService.hideDropArea();
-  }
-
   restoreState() {
     this.storedState = this.layoutState.getState(LAYOUT_STATE.getTabbarSpace(this.location), {});
     for (const containerId of this.state.keys()) {
@@ -696,19 +691,6 @@ export class TabbarService extends WithEventBus {
     });
   }
 
-  removeContainer(containerId: string) {
-    const disposable = this.disposableMap.get(containerId);
-    disposable?.dispose();
-    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) {
     const targetPriority = this.getContainerState(containers[targetIndex].options!.containerId).priority;
     const changePriority = (sourceIndex: number, targetIndex: number) => {

package/src/browser/tabbar-handler.ts

@@ -156,7 +156,7 @@ export class TabBarHandler {
   /**
    * 更新子视图的描述
    */
-  updateViewDescription(viewId: string, desciption: string | React.ReactNode) {
+  updateViewDescription(viewId: string, desciption: string) {
     this.accordionService.updateViewDesciption(viewId, desciption);
   }
 

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

@@ -86,10 +86,6 @@ export interface IMainLayoutService {
   getExtraTopMenu(): IContextMenu;
   getExtraMenu(): IContextMenu;
   getAllAccordionService(): Map<string, AccordionService>;
-  moveContainerTo(containerId: string, to: string): void;
-  showDropAreaForContainer(containerId: string): void;
-  hideDropArea(): void;
-  findTabbarServiceByContainerId(containerId: string): TabbarService | undefined;
 }
 
 export const MainLayoutContribution = Symbol('MainLayoutContribution');
@@ -132,6 +128,3 @@ export class ViewCollapseChangedEvent extends BasicEvent<{
 }> {}
 
 export const SUPPORT_ACCORDION_LOCATION = new Set([SlotLocation.left, SlotLocation.right]);
-
-export const DROP_BOTTOM_CONTAINER = 'drop-bottom';
-export const DROP_RIGHT_CONTAINER = 'drop-right';

package/lib/browser/drop-area/drop-area.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-export declare const RightDropArea: () => React.JSX.Element;
-export declare const BottomDropArea: () => React.JSX.Element;
-//# sourceMappingURL=drop-area.d.ts.map

package/lib/browser/drop-area/drop-area.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"drop-area.d.ts","sourceRoot":"","sources":["../../../src/browser/drop-area/drop-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqC1B,eAAO,MAAM,aAAa,yBAAsC,CAAC;AAEjE,eAAO,MAAM,cAAc,yBAAuC,CAAC"}

package/lib/browser/drop-area/drop-area.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BottomDropArea = exports.RightDropArea = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const ide_core_browser_1 = require("@opensumi/ide-core-browser");
-const common_1 = require("../../common");
-const styles_module_less_1 = tslib_1.__importDefault(require("./styles.module.less"));
-const DropArea = (props) => {
-    const { location } = props;
-    const layoutService = (0, ide_core_browser_1.useInjectable)(common_1.IMainLayoutService);
-    const handleDrop = react_1.default.useCallback((e) => {
-        var _a;
-        const containerId = (_a = e.dataTransfer) === null || _a === void 0 ? void 0 : _a.getData('containerId');
-        layoutService.moveContainerTo(containerId, location);
-    }, [layoutService, location]);
-    return (react_1.default.createElement("div", { className: styles_module_less_1.default.drop_area, onDrop: handleDrop, onDragOver: (e) => {
-            e.preventDefault();
-        } }, (0, ide_core_browser_1.localize)('main-layout.drop-area.tip')));
-};
-const RightDropArea = () => react_1.default.createElement(DropArea, { location: 'right' });
-exports.RightDropArea = RightDropArea;
-const BottomDropArea = () => react_1.default.createElement(DropArea, { location: 'bottom' });
-exports.BottomDropArea = BottomDropArea;
-//# sourceMappingURL=drop-area.js.map

package/lib/browser/drop-area/drop-area.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"drop-area.js","sourceRoot":"","sources":["../../../src/browser/drop-area/drop-area.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,iEAAqE;AAErE,yCAAkD;AAElD,sFAA0C;AAM1C,MAAM,QAAQ,GAA6B,CAAC,KAAK,EAAE,EAAE;IACnD,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,aAAa,GAAG,IAAA,gCAAa,EAAqB,2BAAkB,CAAC,CAAC;IAE5E,MAAM,UAAU,GAAG,eAAK,CAAC,WAAW,CAClC,CAAC,CAAkB,EAAE,EAAE;;QACrB,MAAM,WAAW,GAAG,MAAA,CAAC,CAAC,YAAY,0CAAE,OAAO,CAAC,aAAa,CAAC,CAAC;QAC3D,aAAa,CAAC,eAAe,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;IACvD,CAAC,EACD,CAAC,aAAa,EAAE,QAAQ,CAAC,CAC1B,CAAC;IAEF,OAAO,CACL,uCACE,SAAS,EAAE,4BAAM,CAAC,SAAS,EAC3B,MAAM,EAAE,UAAU,EAClB,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE;YAChB,CAAC,CAAC,cAAc,EAAE,CAAC;QACrB,CAAC,IAEA,IAAA,2BAAQ,EAAC,2BAA2B,CAAC,CAClC,CACP,CAAC;AACJ,CAAC,CAAC;AAEK,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,8BAAC,QAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG,CAAC;AAApD,QAAA,aAAa,iBAAuC;AAE1D,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,8BAAC,QAAQ,IAAC,QAAQ,EAAC,QAAQ,GAAG,CAAC;AAAtD,QAAA,cAAc,kBAAwC"}

package/lib/browser/drop-area/styles.module.less

@@ -1,7 +0,0 @@
-.drop_area {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}

package/src/browser/drop-area/drop-area.tsx

@@ -1,40 +0,0 @@
-import React from 'react';
-
-import { localize, useInjectable } from '@opensumi/ide-core-browser';
-
-import { IMainLayoutService } from '../../common';
-
-import styles from './styles.module.less';
-
-interface IDropAreaProps {
-  location: string;
-}
-
-const DropArea: React.FC<IDropAreaProps> = (props) => {
-  const { location } = props;
-  const layoutService = useInjectable<IMainLayoutService>(IMainLayoutService);
-
-  const handleDrop = React.useCallback(
-    (e: React.DragEvent) => {
-      const containerId = e.dataTransfer?.getData('containerId');
-      layoutService.moveContainerTo(containerId, location);
-    },
-    [layoutService, location],
-  );
-
-  return (
-    <div
-      className={styles.drop_area}
-      onDrop={handleDrop}
-      onDragOver={(e) => {
-        e.preventDefault();
-      }}
-    >
-      {localize('main-layout.drop-area.tip')}
-    </div>
-  );
-};
-
-export const RightDropArea = () => <DropArea location='right' />;
-
-export const BottomDropArea = () => <DropArea location='bottom' />;

package/src/browser/drop-area/styles.module.less

@@ -1,7 +0,0 @@
-.drop_area {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}