From 9fbbc8a2a7626e9412c10ba5872647edcb32aa19 Mon Sep 17 00:00:00 2001
From: lhj <403133128@qq.com>
Date: Thu, 3 Oct 2024 15:48:50 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E8=A7=A6=E5=8F=91=E7=82=B9?=
 =?UTF-8?q?=E5=87=BB=E4=BA=8B=E4=BB=B6=E7=9A=84=E5=85=83=E7=B4=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/DynamicComponent.vue | 21 ++++++++++-----------
 src/components/MainView.vue         |  2 +-
 2 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/src/components/DynamicComponent.vue b/src/components/DynamicComponent.vue
index c7dd827..b3762a7 100644
--- a/src/components/DynamicComponent.vue
+++ b/src/components/DynamicComponent.vue
@@ -1,15 +1,14 @@
 <template>
-  <div :id="componentId" @click="handleClick">
-    <component :is="componentType" v-bind="componentProps" :class="componentClass" :style="componentStyle">
-      {{ componentText }}
-      <template v-for="child in componentChildren" :key="child.id">
-        <DynamicComponent :component-data="child" />
-      </template>
-      <template v-for="(slot, key, index) in componentSlots" :key="index" v-slot:[key]>
-        <DynamicComponent :component-data="slot" />
-      </template>
-    </component>
-  </div>
+  <component @click.stop="handleClick" :id="componentId" :is="componentType" v-bind="componentProps"
+    :class="componentClass" :style="componentStyle">
+    {{ componentText }}
+    <template v-for="child in componentChildren" :key="child.id">
+      <DynamicComponent :component-data="child" />
+    </template>
+    <template v-for="(slot, key, index) in componentSlots" :key="index" v-slot:[key]>
+      <DynamicComponent :component-data="slot" />
+    </template>
+  </component>
 </template>
 <script setup lang="ts">
 import { defineProps, computed, onMounted } from 'vue';
diff --git a/src/components/MainView.vue b/src/components/MainView.vue
index ad097de..726e7c5 100644
--- a/src/components/MainView.vue
+++ b/src/components/MainView.vue
@@ -69,7 +69,7 @@ useDraggable(el2, componentsList, {
   },
   clone(element) {
     return {
-      id: uuid(),
+      id: `${element.type}-${uuid()}`,
       name: element.name,
       type: element.type,
       props: element.props,