From 86006068453712bc02cc9ef5a1d5cf4daca3fed9 Mon Sep 17 00:00:00 2001
From: lhj <403133128@qq.com>
Date: Sat, 9 Nov 2024 18:20:25 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E8=B0=83=E6=95=B4canva=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=EF=BC=8C=E5=BD=93=E9=AB=98=E5=BA=A6=E4=B8=8D=E5=A4=9F=E6=97=B6?=
 =?UTF-8?q?=E5=87=BA=E7=8E=B0=E6=BB=9A=E5=8A=A8=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 preview/views/MainView.vue         | 5 +++--
 src/components/componentMapping.ts | 2 +-
 src/schemes/scheme.json            | 4 ++--
 src/schemes/scheme.ts              | 4 ++--
 4 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/preview/views/MainView.vue b/preview/views/MainView.vue
index f64e984..813e067 100644
--- a/preview/views/MainView.vue
+++ b/preview/views/MainView.vue
@@ -36,6 +36,7 @@
             @update="onPreviewUpdate"
             @stop="onPreviewStop"
         >
+          {{store.previewScheme}}
           <DynamicComponent v-for="component in store.previewScheme" :key="component.id" :componentData="component">
             {{ component.id }}
           </DynamicComponent>
@@ -50,8 +51,6 @@
 </template>
 
 <script setup lang="ts">
-import {Link} from "@arco-design/web-vue";
-import {DraggableEvent, VueDraggable} from "vue-draggable-plus";
 import {onMounted, ref, watch} from 'vue';
 import {uuid} from 'lsp-uuid';
 import {componentScheme} from "@/schemes/scheme";
@@ -59,6 +58,7 @@ import {useSchemeStore} from '@/stores/useSchemeStore';
 import {IComponent} from "@/type/IComponent";
 import DynamicComponent from "@/components/DynamicComponent.vue";
 import PropertyEditor from "@/components/PropertyEditor.vue";
+import {VueDraggable} from "vue-draggable-plus";
 
 let list0 = ref([])
 
@@ -246,6 +246,7 @@ const view = () => {
         background-color: #fff;
         width: 100%;
         height: 100%;
+        overflow-y: auto; /* 确保当内容超出时，出现垂直滚动条 */
       }
 
       .ghost {
diff --git a/src/components/componentMapping.ts b/src/components/componentMapping.ts
index f5aa7c1..c2d3a38 100644
--- a/src/components/componentMapping.ts
+++ b/src/components/componentMapping.ts
@@ -1,5 +1,5 @@
 // componentMapping.ts
-import AdaptivePage from './AdaptivePage.vue';
+import AdaptivePage from '@/components/AdaptivePage.vue';
 import Icon from './Icon.tsx';
 
 import {
diff --git a/src/schemes/scheme.json b/src/schemes/scheme.json
index d5ed965..254e392 100644
--- a/src/schemes/scheme.json
+++ b/src/schemes/scheme.json
@@ -734,9 +734,9 @@
     },
     "style": "",
     "class": "",
-    "visible": "true",
+    "visible": true,
     "slots": {},
-    "disable": "true",
+    "disable": true,
     "events": {},
     "loop": {},
     "children": []
diff --git a/src/schemes/scheme.ts b/src/schemes/scheme.ts
index 6fa63cc..a66992d 100644
--- a/src/schemes/scheme.ts
+++ b/src/schemes/scheme.ts
@@ -734,9 +734,9 @@ export const componentScheme = {
     },
     "style": "",
     "class": "",
-    "visible": "true",
+    "visible": true,
     "slots": {},
-    "disable": "true",
+    "disable": true,
     "events": {},
     "loop": {},
     "children": []