From 097e1a0d4b3641b6d090c7bf1898ee27a1afec2f Mon Sep 17 00:00:00 2001
From: HXY <2479895356@qq.com>
Date: Thu, 7 Sep 2023 11:02:21 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E7=B2=98=E8=B4=B4=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/compose.vue | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/web/src/components/compose.vue b/web/src/components/compose.vue
index 13fea5ca..c8884c65 100644
--- a/web/src/components/compose.vue
+++ b/web/src/components/compose.vue
@@ -263,6 +263,7 @@
 
 <script setup lang="ts">
 import { ref, onMounted } from "vue";
+import { defineComponent } from 'vue'
 import { useStore } from "vuex";
 import { debounce } from "lodash";
 import { getSuggestUsers, getSuggestTags } from "@/api/user";
@@ -281,6 +282,7 @@ import type { MentionOption, UploadFileInfo, UploadInst } from "naive-ui";
 import { VisibilityEnum, PostItemTypeEnum } from "@/utils/IEnum";
 import { userLogin, userRegister, userInfo } from "@/api/auth";
 import { useRouter } from "vue-router";
+import { MessageReactive } from 'naive-ui'
 
 const emit = defineEmits<{
   (e: "post-success", post: Item.PostProps): void;
@@ -708,6 +710,9 @@ const generateRandomFileName = (extension: any) => {
 
 //粘贴事件监听
 const handlePaste = (event: ClipboardEvent) => {
+  //粘贴图片提示
+  let messageReactive: MessageReactive | null = null
+
   if (event && event.clipboardData) {
     const items = event.clipboardData.items;
     let file: File | null = null;
@@ -715,6 +720,9 @@ const handlePaste = (event: ClipboardEvent) => {
     if (items && items.length) {
       for (let i = 0; i < items.length; i++) {
         if (items[i].type.indexOf("image") !== -1) {
+          if (!messageReactive) {
+            messageReactive =  window.$message.loading('正在粘贴图片',{duration: 0})
+          }
           file = items[i].getAsFile();
           break;
         }
@@ -724,7 +732,6 @@ const handlePaste = (event: ClipboardEvent) => {
     if (file) {
       const fileExtension = file.name.split(".").pop();
       const randomFileName = generateRandomFileName(fileExtension);
-      const fileSize = file.size;
 
       // 以二进制形式读取文件内容
       const reader = new FileReader();
@@ -752,13 +759,6 @@ const handlePaste = (event: ClipboardEvent) => {
             file: formData.get('file') as File,
             };
 
-            // 声明一个 Ref 对象
-            // const uploadToken: Ref<string> = ref('your_upload_token_here');
-
-            // 获取 Ref 对象的值并赋给 string 类型的变量
-            // const token: string = uploadToken.value;
-            // const token = ref(uploadToken)
-
           uploadImage(uploadImageReq, uploadToken.value)
             .then((response) => {
                 // 处理响应
@@ -783,6 +783,10 @@ const handlePaste = (event: ClipboardEvent) => {
                     id: pasteTimestamp.toString(),
                     content: response.content,
                 } as Item.CommentItemProps);
+                if (messageReactive) {
+                  messageReactive.destroy()
+                  messageReactive = null
+                }
             })
             .catch((error) => {
                 // 处理错误