From fd3636ba8ede402a05c41561cfa70f6eda05414c Mon Sep 17 00:00:00 2001
From: Evan <skcy@vip.qq.com>
Date: Mon, 24 Jul 2023 14:23:48 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E7=B2=98=E8=B4=B4?=
 =?UTF-8?q?=E5=9B=BE=E7=89=87=202=20=E6=AC=A1=E7=9A=84=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/ChatBox/PasteImageDialog/index.vue | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/views/Home/components/ChatBox/PasteImageDialog/index.vue b/src/views/Home/components/ChatBox/PasteImageDialog/index.vue
index edfe93ba..d0cd77fc 100644
--- a/src/views/Home/components/ChatBox/PasteImageDialog/index.vue
+++ b/src/views/Home/components/ChatBox/PasteImageDialog/index.vue
@@ -35,18 +35,22 @@ watchEffect(() => {
     visible.value = false
   }
 })
+const onClear = () =>{
+  imageBody.value.url && URL.revokeObjectURL(imageBody.value.url)
+  pasteFile.value = undefined
+  imageBody.value = {
+    url: '',
+  }
+}
 const onSend = async () => {
   if (!pasteFile?.value) return
   // FIXME 如下逻辑可以尝试抽为 hook
   onChangeMsgType?.(MsgEnum.IMAGE) // 设置上传类型为图片
   await onChangeFile?.([pasteFile?.value]) // 上传文件并发送消息
   visible.value = false // 关闭弹窗
-  URL.revokeObjectURL(imageBody.value.url)
-  pasteFile.value = undefined
-  imageBody.value = {
-    url: '',
-  }
+  onClear()
 }
+
 </script>
 
 <template>
@@ -56,6 +60,7 @@ const onSend = async () => {
     v-model="visible"
     :close-on-click-modal="false"
     center
+    @close="onClear"
   >
     <img v-if="imageBody.url" :src="imageBody.url" />