From 272ece99cb0f82282564b83ab01b1e8239b8fdb5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Fri, 30 Aug 2024 18:48:27 +0800
Subject: [PATCH 1/3] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=B7=B2=E9=80=89?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E6=98=BE=E7=A4=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/model-custom/model-custom-content.vue |  2 +-
 .../model-data-magic/model-data-magic-content.vue    |  2 +-
 .../model-img-magic/model-img-magic-content.vue      |  2 +-
 src/layout/components/main/index.scss                | 12 +++++++++---
 src/layout/components/main/index.vue                 |  4 ++--
 src/layout/components/settings/index.vue             |  2 +-
 6 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/components/model-custom/model-custom-content.vue b/src/components/model-custom/model-custom-content.vue
index c2d3a38f..0fce1aed 100644
--- a/src/components/model-custom/model-custom-content.vue
+++ b/src/components/model-custom/model-custom-content.vue
@@ -196,7 +196,7 @@ const replace_data = () => {
     display: flex;
     flex-direction: column;
 }
-@media screen and (max-width: 1540px) {
+@media screen and (max-width: 1560px) {
     .settings {
         width: 40rem;
     }
diff --git a/src/components/model-data-magic/model-data-magic-content.vue b/src/components/model-data-magic/model-data-magic-content.vue
index 0b0e7e31..8d76c7a9 100644
--- a/src/components/model-data-magic/model-data-magic-content.vue
+++ b/src/components/model-data-magic/model-data-magic-content.vue
@@ -144,7 +144,7 @@ onUnmounted(() => {
 });
 
 const handleResize = () => {
-    if (window.innerWidth <= 1540) {
+    if (window.innerWidth <= 1560) {
         cubeWidth.value = 330;
         cubeHeight.value = 330;
     } else {
diff --git a/src/components/model-img-magic/model-img-magic-content.vue b/src/components/model-img-magic/model-img-magic-content.vue
index 00002a22..362a64cc 100644
--- a/src/components/model-img-magic/model-img-magic-content.vue
+++ b/src/components/model-img-magic/model-img-magic-content.vue
@@ -105,7 +105,7 @@ onUnmounted(() => {
 });
 
 const handleResize = () => {
-    if (window.innerWidth <= 1540) {
+    if (window.innerWidth <= 1560) {
         cubeWidth.value = 330;
         cubeHeight.value = 330;
     } else {
diff --git a/src/layout/components/main/index.scss b/src/layout/components/main/index.scss
index 00a44a12..63dbad91 100644
--- a/src/layout/components/main/index.scss
+++ b/src/layout/components/main/index.scss
@@ -38,10 +38,13 @@
         display: none;
     }
 }
-@media screen and (max-width: 1540px) {
+@media screen and (max-width: 1560px) {
     .siderbar {
         width: 32rem;
     }
+    .drawer-container {
+        display: none;
+    }
 }
 .main {
     flex: 1;
@@ -247,15 +250,18 @@
 .drawer-container {
     position: relative;
     overflow: hidden;
-    width: 12.8rem;
     margin-left: 0.1rem;
+    transition: 0.8s ease;
     .drawer-content {
         position: absolute;
         top: 0;
         width: 12.8rem;
         height: 100%;
         background: #fff;
-        transition: left 0.5s ease;
+        transition: left 0.8s ease;
+    }
+    .drawer-title {
+        transition: 0.4s ease;
     }
     .drawer-drag-bg {
         background: #F2F8FF;
diff --git a/src/layout/components/main/index.vue b/src/layout/components/main/index.vue
index 58ef7dba..ed844547 100644
--- a/src/layout/components/main/index.vue
+++ b/src/layout/components/main/index.vue
@@ -15,9 +15,9 @@
             </el-collapse-item>
         </el-collapse>
     </div>
-    <div class="drawer-container">
+    <div class="drawer-container" :style="`width: ${ diy_data.length > 0 ? '12.8rem' : '0px' }`">
         <div class="drawer-content" :style="{ left: diy_data.length > 0 ? '0' : '-100%' }">
-            <div class="size-14 cr-3 fw ptb-20 pl-12">已选组件({{ diy_data.length }})</div>
+            <div class="size-14 cr-3 fw ptb-20 pl-12 drawer-title" :style="{ opacity: diy_data.length > 0 ? '1' : '0' }">已选组件({{ diy_data.length }})</div>
             <div ref="left_scrollTop" class="drawer-drag-area">
                 <VueDraggable v-model="diy_data" :animation="500" target=".sort-target" :scroll="true" :on-sort="on_sort">
                     <TransitionGroup type="transition" tag="ul" name="fade" class="sort-target flex-col">
diff --git a/src/layout/components/settings/index.vue b/src/layout/components/settings/index.vue
index 08cbedb7..9dcb4374 100644
--- a/src/layout/components/settings/index.vue
+++ b/src/layout/components/settings/index.vue
@@ -151,7 +151,7 @@ const radio = ref('1'); // 创建一个响应式的数字变量，初始值为0
         background-color: #fff;
     }
 }
-@media screen and (max-width: 1540px) {
+@media screen and (max-width: 1560px) {
     .settings {
         width: 40rem;
     }

From 04b693a25385b56a8101205855d89b2b0d11912e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Mon, 2 Sep 2024 09:44:14 +0800
Subject: [PATCH 2/3] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=A6=96=E9=A1=B5?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/main/index.scss | 15 +++++++++++++++
 src/layout/components/main/index.vue  | 19 ++-----------------
 2 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/layout/components/main/index.scss b/src/layout/components/main/index.scss
index 63dbad91..c42ff795 100644
--- a/src/layout/components/main/index.scss
+++ b/src/layout/components/main/index.scss
@@ -98,6 +98,21 @@
                 &::-webkit-scrollbar {
                     display: none;
                 }
+                .model-wall {
+                    width: 39rem;
+                    background: #f5f5f5;
+                    margin: 0 auto;
+                    .drag-area .float-window {
+                        position: fixed;
+                        max-width: 39rem;
+                        margin: 0 auto;
+                        z-index: 3;
+                    }
+                    .main-content {
+                        max-width: 39rem;
+                        overflow: hidden;
+                    }
+                }
             }
             // 悬浮按钮控制， 未选中情况下宽度自适应
             .plug-in-table.float-window {
diff --git a/src/layout/components/main/index.vue b/src/layout/components/main/index.vue
index ed844547..23a3c8e3 100644
--- a/src/layout/components/main/index.vue
+++ b/src/layout/components/main/index.vue
@@ -600,22 +600,7 @@ const float_bottom_change = (val: { bottom: string; location: string }, id: stri
 
 <style lang="scss" scoped>
 @import 'index.scss';
-.model-wall {
-    width: 39rem;
-    background: #f5f5f5;
-    margin: 0 auto;
-    .drag-area {
-        min-height: v-bind(height);
-    }
-    .drag-area .float-window {
-        position: fixed;
-        max-width: 39rem;
-        margin: 0 auto;
-        z-index: 3;
-    }
-    .main-content {
-        max-width: 39rem;
-        overflow: hidden;
-    }
+.drag-area {
+    min-height: v-bind(height);
 }
 </style>
\ No newline at end of file

From 3ef75c981dffd85f52795f82bedca9ae78b2cf4e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Mon, 2 Sep 2024 09:54:25 +0800
Subject: [PATCH 3/3] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=9B=9E=E8=BD=A6?=
 =?UTF-8?q?=E8=B7=B3=E8=BD=AC=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../model-auxiliary-blank/model-auxiliary-blank-content.vue     | 2 +-
 .../model-auxiliary-line/model-auxiliary-line-styles.vue        | 2 +-
 src/layout/components/main/default/text-title.ts                | 1 +
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/model-auxiliary-blank/model-auxiliary-blank-content.vue b/src/components/model-auxiliary-blank/model-auxiliary-blank-content.vue
index 8e16f031..85be2ec5 100644
--- a/src/components/model-auxiliary-blank/model-auxiliary-blank-content.vue
+++ b/src/components/model-auxiliary-blank/model-auxiliary-blank-content.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="auxiliary-line">
-        <el-form :model="state" label-width="70">
+        <el-form :model="state" label-width="70" @submit.prevent>
             <card-container>
                 <div class="mb-12">高度设置</div>
                 <el-form-item label-width="0">
diff --git a/src/components/model-auxiliary-line/model-auxiliary-line-styles.vue b/src/components/model-auxiliary-line/model-auxiliary-line-styles.vue
index 1c7afb79..842b1497 100644
--- a/src/components/model-auxiliary-line/model-auxiliary-line-styles.vue
+++ b/src/components/model-auxiliary-line/model-auxiliary-line-styles.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="auxiliary-line-styles">
-        <el-form :model="form" label-width="70">
+        <el-form :model="form" label-width="70" @submit.prevent>
             <card-container>
                 <div class="mb-12">线条样式</div>
                 <el-form-item label="线条颜色">
diff --git a/src/layout/components/main/default/text-title.ts b/src/layout/components/main/default/text-title.ts
index aa4ecee7..ed7339bd 100644
--- a/src/layout/components/main/default/text-title.ts
+++ b/src/layout/components/main/default/text-title.ts
@@ -55,6 +55,7 @@ const defaultSearch: defaultSearch = {
         right_size: 12, 
         common_style: {
             ...defaultCommon,
+            color_list: [{ color: '#fff', color_percentage: undefined }],
             padding: 15,
             padding_top: 15,
             padding_bottom: 15,