@opensumi/ide-design 2.27.3-rc-1712113547.0 → 2.27.3-rc-1712755288.0

package/lib/browser/layout/tabbar.view.js

@@ -9,6 +9,6 @@ const DesignLeftTabRenderer = ({ className, components, tabbarView, }) => (react
 exports.DesignLeftTabRenderer = DesignLeftTabRenderer;
 const DesignBottomTabRenderer = ({ className, components, }) => react_1.default.createElement(renderer_view_1.BottomTabRenderer, { className: (0, classnames_1.default)(className, 'design_bottom_slot'), components: components });
 exports.DesignBottomTabRenderer = DesignBottomTabRenderer;
-const DesignRightTabRenderer = ({ className, components, tabbarView, tabpanelView, }) => (react_1.default.createElement(renderer_view_1.RightTabRenderer, { className: (0, classnames_1.default)(className, 'design_right_slot'), components: components, tabbarView: tabbarView, tabpanelView: tabpanelView }));
+const DesignRightTabRenderer = ({ className, components, tabbarView, tabpanelView, }) => (react_1.default.createElement(renderer_view_1.RightTabRenderer, { className: (0, classnames_1.default)('design_right_slot', className), components: components, tabbarView: tabbarView, tabpanelView: tabpanelView }));
 exports.DesignRightTabRenderer = DesignRightTabRenderer;
 //# sourceMappingURL=tabbar.view.js.map

package/lib/browser/layout/tabbar.view.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabbar.view.js","sourceRoot":"","sources":["../../../src/browser/layout/tabbar.view.tsx"],"names":[],"mappings":";;;;AAAA,oEAA6B;AAC7B,0DAAkC;AAGlC,8FAIoE;AAE7D,MAAM,qBAAqB,GAAG,CAAC,EACpC,SAAS,EACT,UAAU,EACV,UAAU,GAKX,EAAE,EAAE,CAAC,CACJ,8BAAC,+BAAe,IAAC,SAAS,EAAE,IAAA,oBAAG,EAAC,SAAS,EAAE,kBAAkB,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,GAAI,CACnH,CAAC;AAVW,QAAA,qBAAqB,yBAUhC;AAEK,MAAM,uBAAuB,GAAG,CAAC,EACtC,SAAS,EACT,UAAU,GAIX,EAAE,EAAE,CAAC,8BAAC,iCAAiB,IAAC,SAAS,EAAE,IAAA,oBAAG,EAAC,SAAS,EAAE,oBAAoB,CAAC,EAAE,UAAU,EAAE,UAAU,GAAI,CAAC;AANxF,QAAA,uBAAuB,2BAMiE;AAE9F,MAAM,sBAAsB,GAAG,CAAC,EACrC,SAAS,EACT,UAAU,EACV,UAAU,EACV,YAAY,GAMb,EAAE,EAAE,CAAC,CACJ,8BAAC,gCAAgB,IACf,SAAS,EAAE,IAAA,oBAAG,EAAC,SAAS,EAAE,mBAAmB,CAAC,EAC9C,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC;AAjBW,QAAA,sBAAsB,0BAiBjC"}
+{"version":3,"file":"tabbar.view.js","sourceRoot":"","sources":["../../../src/browser/layout/tabbar.view.tsx"],"names":[],"mappings":";;;;AAAA,oEAA6B;AAC7B,0DAAkC;AAGlC,8FAIoE;AAE7D,MAAM,qBAAqB,GAAG,CAAC,EACpC,SAAS,EACT,UAAU,EACV,UAAU,GAKX,EAAE,EAAE,CAAC,CACJ,8BAAC,+BAAe,IAAC,SAAS,EAAE,IAAA,oBAAG,EAAC,SAAS,EAAE,kBAAkB,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,GAAI,CACnH,CAAC;AAVW,QAAA,qBAAqB,yBAUhC;AAEK,MAAM,uBAAuB,GAAG,CAAC,EACtC,SAAS,EACT,UAAU,GAIX,EAAE,EAAE,CAAC,8BAAC,iCAAiB,IAAC,SAAS,EAAE,IAAA,oBAAG,EAAC,SAAS,EAAE,oBAAoB,CAAC,EAAE,UAAU,EAAE,UAAU,GAAI,CAAC;AANxF,QAAA,uBAAuB,2BAMiE;AAE9F,MAAM,sBAAsB,GAAG,CAAC,EACrC,SAAS,EACT,UAAU,EACV,UAAU,EACV,YAAY,GAMb,EAAE,EAAE,CAAC,CACJ,8BAAC,gCAAgB,IACf,SAAS,EAAE,IAAA,oBAAG,EAAC,mBAAmB,EAAE,SAAS,CAAC,EAC9C,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC;AAjBW,QAAA,sBAAsB,0BAiBjC"}

package/lib/browser/style/design.module.less

@@ -514,7 +514,7 @@ div[class*='design-editor_tab_block_container__'] {
   margin-right: 1px;
 
   .design-tab_panel {
-    border-right: none;
+    border: none;
   }
 
   .design-file_tree_node {
@@ -644,27 +644,6 @@ div[class*='design-editor_tab_block_container__'] {
     display: none;
   }
 
-  .design-extra_bottom_icon {
-    &:hover {
-      background-color: transparent !important;
-      opacity: 1;
-    }
-
-    span {
-      width: 32px;
-      height: 32px;
-      font-size: 16px;
-      border-radius: 8px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-
-      &:hover {
-        background-color: var(--activityBar-activeBorder);
-      }
-    }
-  }
-
   .design-outline_node {
     border-radius: 4px;
   }
@@ -689,7 +668,6 @@ div[class*='design-editor_tab_block_container__'] {
 
   .design-left_tab_bar,
   .design-right_tab_bar {
-    padding-top: 10px;
     border-right: none;
     border-top: none;
     width: 48px;
@@ -697,6 +675,7 @@ div[class*='design-editor_tab_block_container__'] {
     .design-bar_content {
       width: 100%;
       overflow-y: auto;
+      padding-top: 10px;
 
       :global(.active) {
         .design-icon_tab {
@@ -714,13 +693,15 @@ div[class*='design-editor_tab_block_container__'] {
       }
     }
   }
+
+  .design-right_tab_bar {
+    border-right: none;
+    border-top: none;
+  }
 }
 
 :global(.design_right_slot) {
   background-color: var(--panel-background);
-  border: 1px solid var(--sideBar-border);
-  border-radius: 12px;
-  overflow: hidden;
   height: 100%;
 }
 

package/lib/browser/style/global.less

@@ -293,3 +293,13 @@ html {
     background-color: var(--design-monaco-background) !important;
   }
 }
+
+/**
+* layout 面板 
+**/
+.design-slot_resize_horizontal {
+  width: 2px;
+  height: 100%;
+  margin: 0 2px;
+  position: relative;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opensumi/ide-design",
-  "version": "2.27.3-rc-1712113547.0",
+  "version": "2.27.3-rc-1712755288.0",
   "files": [
     "lib",
     "src"
@@ -19,12 +19,12 @@
     "url": "git@github.com:opensumi/core.git"
   },
   "dependencies": {
-    "@opensumi/ide-core-common": "2.27.3-rc-1712113547.0",
-    "@opensumi/ide-core-node": "2.27.3-rc-1712113547.0"
+    "@opensumi/ide-core-common": "2.27.3-rc-1712755288.0",
+    "@opensumi/ide-core-node": "2.27.3-rc-1712755288.0"
   },
   "devDependencies": {
-    "@opensumi/ide-core-browser": "2.27.3-rc-1712113547.0",
-    "@opensumi/ide-dev-tool": "2.27.3-rc-1712113547.0"
+    "@opensumi/ide-core-browser": "2.27.3-rc-1712755288.0",
+    "@opensumi/ide-dev-tool": "2.27.3-rc-1712755288.0"
   },
-  "gitHead": "de9ce0f3eccc61057e336fd972dd1eff470e9def"
+  "gitHead": "35d70628418e2fc41df91d8d39225d00b2711f77"
 }

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

@@ -40,7 +40,7 @@ export const DesignRightTabRenderer = ({
   tabpanelView?: FC<{}>;
 }) => (
   <RightTabRenderer
-    className={cls(className, 'design_right_slot')}
+    className={cls('design_right_slot', className)}
     components={components}
     tabbarView={tabbarView}
     tabpanelView={tabpanelView}

package/src/browser/style/design.module.less

@@ -514,7 +514,7 @@ div[class*='design-editor_tab_block_container__'] {
   margin-right: 1px;
 
   .design-tab_panel {
-    border-right: none;
+    border: none;
   }
 
   .design-file_tree_node {
@@ -644,27 +644,6 @@ div[class*='design-editor_tab_block_container__'] {
     display: none;
   }
 
-  .design-extra_bottom_icon {
-    &:hover {
-      background-color: transparent !important;
-      opacity: 1;
-    }
-
-    span {
-      width: 32px;
-      height: 32px;
-      font-size: 16px;
-      border-radius: 8px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-
-      &:hover {
-        background-color: var(--activityBar-activeBorder);
-      }
-    }
-  }
-
   .design-outline_node {
     border-radius: 4px;
   }
@@ -689,7 +668,6 @@ div[class*='design-editor_tab_block_container__'] {
 
   .design-left_tab_bar,
   .design-right_tab_bar {
-    padding-top: 10px;
     border-right: none;
     border-top: none;
     width: 48px;
@@ -697,6 +675,7 @@ div[class*='design-editor_tab_block_container__'] {
     .design-bar_content {
       width: 100%;
       overflow-y: auto;
+      padding-top: 10px;
 
       :global(.active) {
         .design-icon_tab {
@@ -714,13 +693,15 @@ div[class*='design-editor_tab_block_container__'] {
       }
     }
   }
+
+  .design-right_tab_bar {
+    border-right: none;
+    border-top: none;
+  }
 }
 
 :global(.design_right_slot) {
   background-color: var(--panel-background);
-  border: 1px solid var(--sideBar-border);
-  border-radius: 12px;
-  overflow: hidden;
   height: 100%;
 }
 

package/src/browser/style/global.less

@@ -293,3 +293,13 @@ html {
     background-color: var(--design-monaco-background) !important;
   }
 }
+
+/**
+* layout 面板 
+**/
+.design-slot_resize_horizontal {
+  width: 2px;
+  height: 100%;
+  margin: 0 2px;
+  position: relative;
+}