fix:修改渲染区坐标信息获取方式为dom

auto-imports.d.ts

@@ -3,7 +3,6 @@
 // @ts-nocheck
 // noinspection JSUnusedGlobalSymbols
 // Generated by unplugin-auto-import
-// biome-ignore lint: disable
 export {}
 declare global {
   const EffectScope: typeof import('vue')['EffectScope']
@@ -304,6 +303,6 @@ declare global {
 // for type re-export
 declare global {
   // @ts-ignore
-  export type { Component, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
+  export type { Component, ComponentPublicInstance, ComputedRef, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue'
   import('vue')
 }

preview/views/MainView.vue

@@ -37,7 +37,7 @@
           </div>
         </VueDraggable>
       </div>
-      <div ref="targetContent" class="center">
+      <div ref="targetContent" id="renderArea" class="center">
         <VueDraggable
             v-model="store.previewScheme"
             :sort="true"

src/components/DynamicComponent.vue

@@ -103,7 +103,7 @@ const adjustHeaderPosition = () => {
   let left = 0;
 
   // 获取最外层组件渲染区域的边界
-  const containerEl = targetContent.value;
+  const containerEl = document.getElementById('renderArea');
   if (!containerEl) return;
 
   const containerRect = containerEl.getBoundingClientRect();