fix: 1

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

@@ -0,0 +1,5 @@
+<template>
+  <el-form-item label="删除：">
+    <el-button type="primary" @click="$emit('delete')">删除</el-button>
+  </el-form-item>
+</template>

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

@@ -18,10 +18,12 @@
       @change="shape.setRotate(scale, true)"
     />
   </el-form-item>
+  <Del @delete="$emit('delete')" />
 </template>
 <script setup lang="ts">
 import { ref, watchEffect } from "vue";
 import { BoardShape } from "../board";
+import Del from "./delete.vue";
 
 const props = defineProps<{ shape: BoardShape }>();
 const emit = defineEmits<{

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

@@ -2,14 +2,16 @@
   <el-form-item label="颜色：">
     <el-color-picker v-model="value" color-format="rgba" show-alpha />
   </el-form-item>
+  <Del @delete="$emit('delete')" />
 </template>
 <script setup lang="ts">
 import { ref, watchEffect } from "vue";
 import { BoardShape } from "../board";
 import { ElColorPicker } from "element-plus";
+import Del from "./delete.vue";
 
 const props = defineProps<{ shape: BoardShape }>();
-const emit = defineEmits<{ (e: "blur"): void }>();
+const emit = defineEmits<{ (e: "blur"): void; (e: "delete"): void }>();
 const value = ref<string>(props.shape.data.color || "rgba(0,0,0,1)");
 
 watchEffect(() => {

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

@@ -3,12 +3,11 @@
     <el-button type="primary" @click="() => editTable()">编辑</el-button>
   </el-form-item>
 
-  <el-form-item label="删除：">
-    <el-button type="primary" @click="$emit('delete')">删除</el-button>
-  </el-form-item>
+  <Del @delete="$emit('delete')" />
 </template>
 <script setup lang="ts">
 import { BoardShape } from "../board";
+import Del from "./delete.vue";
 import { editEshapeTable } from "@/view/case/quisk";
 
 const props = defineProps<{ shape: BoardShape }>();

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

@@ -22,14 +22,13 @@
     </el-select>
   </el-form-item>
 
-  <el-form-item label="删除：">
-    <el-button type="primary" @click="$emit('delete')">删除</el-button>
-  </el-form-item>
+  <Del @delete="$emit('delete')" />
 </template>
 <script setup lang="ts">
 import { ref, watchEffect } from "vue";
 import { BoardShape } from "../board";
 import Label from "./label.vue";
+import Del from "./delete.vue";
 
 const props = defineProps<{ shape: BoardShape }>();
 const emit = defineEmits<{