From 77380b8a2196c1c18998dfd152d3d4678e283b94 Mon Sep 17 00:00:00 2001
From: lizhijie429 <632163606@qq.com>
Date: Thu, 11 Jan 2024 20:28:08 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=B7=A6=E5=8F=B3=E4=B8=A4=E4=BE=A7?=
 =?UTF-8?q?=E9=9D=A2=E6=9D=BF=E5=AE=BD=E5=BA=A6=E5=9B=BA=E5=AE=9A=E4=B8=BA?=
 =?UTF-8?q?280px?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/common/component/PluginBlockList.vue |  2 +-
 packages/common/component/PluginSetting.vue   |  2 +-
 packages/design-core/src/DesignPlugins.vue    |  2 +-
 packages/design-core/src/DesignSettings.vue   |  1 -
 .../plugins/data/src/DataSourceRightPanel.vue |  2 +-
 packages/plugins/data/src/Main.vue            |  2 +-
 packages/settings/design/src/App.vue          |  4 +-
 packages/theme/common/base.less               | 46 +------------------
 packages/theme/dark/settings.less             |  1 -
 packages/theme/light/settings.less            |  1 -
 10 files changed, 9 insertions(+), 54 deletions(-)

diff --git a/packages/common/component/PluginBlockList.vue b/packages/common/component/PluginBlockList.vue
index 29dd19641b..e4e6b25b4a 100644
--- a/packages/common/component/PluginBlockList.vue
+++ b/packages/common/component/PluginBlockList.vue
@@ -344,7 +344,7 @@ export default {
   position: fixed;
   z-index: 9999;
   top: 50px;
-  left: calc(var(--base-left-panel-width, 268px) + var(--base-nav-panel-width) + 10px);
+  left: calc(var(--base-left-panel-width) + var(--base-nav-panel-width) + 10px);
   max-width: 500px;
   max-height: 136px;
   padding: 12px;
diff --git a/packages/common/component/PluginSetting.vue b/packages/common/component/PluginSetting.vue
index a2b0418046..cd622ed540 100644
--- a/packages/common/component/PluginSetting.vue
+++ b/packages/common/component/PluginSetting.vue
@@ -125,7 +125,7 @@ export default {
 <style lang="less" scoped>
 .plugin-setting {
   position: absolute;
-  left: calc(var(--base-left-panel-width, 268px) - 6px);
+  left: calc(var(--base-left-panel-width) - 6px);
   top: 0;
   width: var(--base-collection-panel-width);
   height: 100%;
diff --git a/packages/design-core/src/DesignPlugins.vue b/packages/design-core/src/DesignPlugins.vue
index 879e437a12..b6c7fb67ef 100644
--- a/packages/design-core/src/DesignPlugins.vue
+++ b/packages/design-core/src/DesignPlugins.vue
@@ -221,7 +221,7 @@ export default {
 
 <style lang="less" scoped>
 #tiny-engine-left-panel {
-  width: var(--base-left-panel-width, 268px);
+  width: var(--base-left-panel-width);
   height: calc(100vh - var(--base-top-panel-height));
   border-right: 1px solid var(--ti-lowcode-plugin-panel-border-right-color);
   background: var(--ti-lowcode-common-component-bg);
diff --git a/packages/design-core/src/DesignSettings.vue b/packages/design-core/src/DesignSettings.vue
index b3cdc83334..096d30f48a 100644
--- a/packages/design-core/src/DesignSettings.vue
+++ b/packages/design-core/src/DesignSettings.vue
@@ -40,7 +40,6 @@ export default {
 <style lang="less" scoped>
 #tiny-right-panel {
   width: var(--base-right-panel-width);
-  min-width: var(--lowcode-setting-panel-min-width);
   height: 100%;
   transition: 0.3s linear;
   position: relative;
diff --git a/packages/plugins/data/src/DataSourceRightPanel.vue b/packages/plugins/data/src/DataSourceRightPanel.vue
index 03e3c8e041..578e5d9c35 100644
--- a/packages/plugins/data/src/DataSourceRightPanel.vue
+++ b/packages/plugins/data/src/DataSourceRightPanel.vue
@@ -116,7 +116,7 @@ export default {
   border-right: 1px solid var(--ti-lowcode-toolbar-border-color);
   background: var(--ti-lowcode-toolbar-bg);
   position: absolute;
-  left: calc(var(--base-left-panel-width, 268px) - 6px);
+  left: calc(var(--base-left-panel-width) - 6px);
   top: 0;
 
   .right-head {
diff --git a/packages/plugins/data/src/Main.vue b/packages/plugins/data/src/Main.vue
index cdef55d8c1..68c03b85ee 100644
--- a/packages/plugins/data/src/Main.vue
+++ b/packages/plugins/data/src/Main.vue
@@ -410,7 +410,7 @@ export default {
     border-right: 1px solid var(--ti-lowcode-toolbar-border-color);
     background: var(--ti-lowcode-common-component-bg);
     position: absolute;
-    left: calc(var(--base-left-panel-width, 268px) - 6px);
+    left: calc(var(--base-left-panel-width) - 6px);
     top: 0;
 
     .header {
diff --git a/packages/settings/design/src/App.vue b/packages/settings/design/src/App.vue
index d4fc0b698e..0fae641f25 100644
--- a/packages/settings/design/src/App.vue
+++ b/packages/settings/design/src/App.vue
@@ -135,8 +135,8 @@ body::-webkit-scrollbar-thumb {
 }
 
 body {
-  --base-left-panel-width: 268px;
-  --base-right-panel-width: 240px;
+  --base-left-panel-width: 280px;
+  --base-right-panel-width: 280px;
   --base-top-panel-height: 35px;
   --base-bottom-panel-height: 30px;
   --base-nav-panel-width: 40px;
diff --git a/packages/theme/common/base.less b/packages/theme/common/base.less
index d049179954..015271f905 100644
--- a/packages/theme/common/base.less
+++ b/packages/theme/common/base.less
@@ -9,8 +9,8 @@ body {
 }
 
 body {
-  --base-left-panel-width: 268px;
-  --base-right-panel-width: 240px;
+  --base-left-panel-width: 280px;
+  --base-right-panel-width: 280px;
   --base-top-panel-height: 48px;
   --base-bottom-panel-height: 30px;
   --base-nav-panel-width: 40px;
@@ -55,48 +55,6 @@ td {
   padding: 0;
 }
 
-@media (min-width: 576px) {
-  body {
-    --base-left-panel-width: 25vw;
-    --base-right-panel-width: 25vw;
-  }
-}
-
-@media (min-width: 768px) {
-  body {
-    --base-left-panel-width: 25vw;
-    --base-right-panel-width: 25vw;
-  }
-}
-
-@media (min-width: 992px) {
-  body {
-    --base-left-panel-width: 202px;
-    --base-right-panel-width: 208px;
-  }
-}
-
-@media (min-width: 1200px) {
-  body {
-    --base-left-panel-width: 236px;
-    --base-right-panel-width: 240px;
-  }
-}
-
-@media (min-width: 1600px) {
-  body {
-    --base-left-panel-width: 268px;
-    --base-right-panel-width: 272px;
-  }
-}
-
-@media (min-width: 2000px) {
-  body {
-    --base-left-panel-width: 300px;
-    --base-right-panel-width: 308px;
-  }
-}
-
 #tiny-engine * {
   box-sizing: border-box;
 }
diff --git a/packages/theme/dark/settings.less b/packages/theme/dark/settings.less
index 67b47de136..6f23ab20d6 100644
--- a/packages/theme/dark/settings.less
+++ b/packages/theme/dark/settings.less
@@ -6,7 +6,6 @@
   --ti-lowcode-setting-panel-tabs-item-title-hover-color: #fff;
   // 插件设置面板左侧边框
   --ti-lowcode-plugin-setting-panel-border-left-color: var(--ti-lowcode-common-component-bg);
-  --lowcode-setting-panel-min-width: 280px;
 }
 
 // 属性面板-属性-新建区块属性
diff --git a/packages/theme/light/settings.less b/packages/theme/light/settings.less
index a23edb9480..49e0756e8b 100644
--- a/packages/theme/light/settings.less
+++ b/packages/theme/light/settings.less
@@ -6,7 +6,6 @@
   --ti-lowcode-setting-panel-tabs-item-title-hover-color: var(--ti-lowcode-base-text-color);
   // 插件设置面板左侧边框
   --ti-lowcode-plugin-setting-panel-border-left-color: var(--ti-lowcode-common-border-color-4);
-  --lowcode-setting-panel-min-width: 280px;
 }
 
 // 属性面板-属性-区块关联属性-新建区块属性popover