feat: 优化删除功能

src/views/chat/components/Message/index.vue

@@ -21,10 +21,6 @@ defineProps<Props>()
 
 const emit = defineEmits<Emit>()
 
-function handleCopy() {
-  emit('copy')
-}
-
 function handleDelete() {
   emit('delete')
 }
@@ -46,22 +42,28 @@ function handleRegenerate() {
       <span class="text-xs text-[#b4bbc4]">
         {{ dateTime }}
       </span>
-      <div class="flex items-end mt-2">
+      <div class="flex items-end gap-2 mt-2" :class="[inversion ? 'flex-row-reverse' : 'flex-row']">
         <Text
           :inversion="inversion"
           :error="error"
           :text="text"
           :loading="loading"
-          @copy="handleCopy"
-          @delete="handleDelete"
         />
-        <button
-          v-if="!inversion"
-          class="mb-2 ml-2 transition text-neutral-400 hover:text-neutral-800"
-          @click="handleRegenerate"
-        >
-          <SvgIcon icon="ri:restart-line" />
-        </button>
+        <div class="flex flex-col">
+          <button
+            v-if="!inversion"
+            class="mb-2 transition text-neutral-400 hover:text-neutral-800"
+            @click="handleRegenerate"
+          >
+            <SvgIcon icon="ri:restart-line" />
+          </button>
+          <button
+            class="mb-1 transition text-neutral-400 hover:text-neutral-800"
+            @click="handleDelete"
+          >
+            <SvgIcon icon="ri:delete-bin-6-line" />
+          </button>
+        </div>
       </div>
     </div>
   </div>