fix:调整canva布局，当高度不够时出现滚动条

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 {

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 {

src/schemes/scheme.json

@@ -734,9 +734,9 @@
     },
     "style": "",
     "class": "",
-    "visible": "true",
+    "visible": true,
     "slots": {},
-    "disable": "true",
+    "disable": true,
     "events": {},
     "loop": {},
     "children": []

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": []