From 63b95b360734e1bf7e113cbbe7b43a2d7bf8e83b Mon Sep 17 00:00:00 2001
From: liuhuajie <liuhuajie@bingosoft.net>
Date: Thu, 14 Nov 2024 18:47:40 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E4=BF=AE=E6=94=B9=E6=B8=B2=E6=9F=93?=
 =?UTF-8?q?=E5=8C=BA=E5=9D=90=E6=A0=87=E4=BF=A1=E6=81=AF=E8=8E=B7=E5=8F=96?=
 =?UTF-8?q?=E6=96=B9=E5=BC=8F=E4=B8=BAdom?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 auto-imports.d.ts                   | 3 +--
 preview/views/MainView.vue          | 2 +-
 src/components/DynamicComponent.vue | 2 +-
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/auto-imports.d.ts b/auto-imports.d.ts
index 5e4632f..b5f3cd1 100644
--- a/auto-imports.d.ts
+++ b/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')
 }
diff --git a/preview/views/MainView.vue b/preview/views/MainView.vue
index 6494531..41643c8 100644
--- a/preview/views/MainView.vue
+++ b/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"
diff --git a/src/components/DynamicComponent.vue b/src/components/DynamicComponent.vue
index 2eaed49..b2ff247 100644
--- a/src/components/DynamicComponent.vue
+++ b/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();