feat: 修复bug

src/view/case/draw/edit-shape/label.vue

@@ -2,6 +2,7 @@
   <el-form-item label="颜色：">
     <el-color-picker v-model="value" color-format="rgba" show-alpha />
   </el-form-item>
+  <slot />
   <Del @delete="$emit('delete')" />
 </template>
 <script setup lang="ts">
@@ -15,7 +16,6 @@ const emit = defineEmits<{ (e: "blur"): void; (e: "delete"): void }>();
 const value = ref<string>(props.shape.data.color || "rgba(0,0,0,1)");
 
 watchEffect(() => {
-  console.log(value.value);
   props.shape.setColor(value.value);
 });
 </script>

src/view/case/draw/edit-shape/tag.vue

@@ -14,15 +14,15 @@
     </el-input>
   </el-form-item>
 
-  <Label :shape="shape" @blur="emit('blur')" />
-
-  <el-form-item label="字号：">
-    <el-select v-model="fontSize" placeholder="选择字号" style="width: 200px">
-      <el-option v-for="item in fontSizeOptions" v-bind="item" :key="item.value" />
-    </el-select>
-  </el-form-item>
-
-  <Del @delete="$emit('delete')" />
+  <Label :shape="shape" @blur="emit('blur')" @delete="$emit('delete')">
+    <template v-slot>
+      <el-form-item label="字号：">
+        <el-select v-model="fontSize" placeholder="选择字号" style="width: 200px">
+          <el-option v-for="item in fontSizeOptions" v-bind="item" :key="item.value" />
+        </el-select>
+      </el-form-item>
+    </template>
+  </Label>
 </template>
 <script setup lang="ts">
 import { ref, watchEffect } from "vue";

src/view/case/draw/eshape.vue

@@ -5,6 +5,7 @@
     </el-icon>
     <el-form class="def-shape-edit-form" label-width="60px">
       <component
+        :key="props.shape"
         v-if="editComponent"
         :is="editComponent"
         :shape="props.shape"