From 229d5986878312482d37427ecc7df3ef2601bd01 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Mon, 21 Apr 2025 20:07:02 +0800
Subject: [PATCH] feat: Support uploading files by copying, pasting, dragging
 and dropping

---
 .../component/chat-input-operate/index.vue    | 53 +++++++++++++++++++
 1 file changed, 53 insertions(+)

diff --git a/ui/src/components/ai-chat/component/chat-input-operate/index.vue b/ui/src/components/ai-chat/component/chat-input-operate/index.vue
index acf3085ed97..2face1708d4 100644
--- a/ui/src/components/ai-chat/component/chat-input-operate/index.vue
+++ b/ui/src/components/ai-chat/component/chat-input-operate/index.vue
@@ -137,6 +137,8 @@
           type="textarea"
           :maxlength="100000"
           @keydown.enter="sendChatHandle($event)"
+          @paste="handlePaste"
+          @drop="handleDrop"
         />
 
         <div class="operate flex align-center">
@@ -188,6 +190,7 @@
                 :show-file-list="false"
                 :accept="getAcceptList()"
                 :on-change="(file: any, fileList: any) => uploadFile(file, fileList)"
+                ref="upload"
               >
                 <el-tooltip
                   :disabled="mode === 'mobile'"
@@ -301,6 +304,8 @@ const localLoading = computed({
   }
 })
 
+const upload = ref()
+
 const imageExtensions = ['jpg', 'jpeg', 'png', 'gif', 'bmp']
 const documentExtensions = ['pdf', 'docx', 'txt', 'xls', 'xlsx', 'md', 'html', 'csv']
 const videoExtensions = ['mp4', 'avi', 'mov', 'mkv', 'flv']
@@ -434,6 +439,54 @@ const uploadFile = async (file: any, fileList: any) => {
       }
     })
 }
+// 粘贴处理
+const handlePaste = (event: ClipboardEvent) => {
+  if (!props.applicationDetails.file_upload_enable) return
+  const clipboardData = event.clipboardData
+  if (!clipboardData) return
+
+  // 获取剪贴板中的文件
+  const files = clipboardData.files
+  if (files.length === 0) return
+
+  // 转换 FileList 为数组并遍历处理
+  Array.from(files).forEach((rawFile: File) => {
+    // 创建符合 el-upload 要求的文件对象
+    const elFile = {
+      uid: Date.now(), // 生成唯一ID
+      name: rawFile.name,
+      size: rawFile.size,
+      raw: rawFile, // 原始文件对象
+      status: 'ready', // 文件状态
+      percentage: 0 // 上传进度
+    }
+
+    // 手动触发上传逻辑（模拟 on-change 事件）
+    uploadFile(elFile, [elFile])
+  })
+
+  // 阻止默认粘贴行为
+  event.preventDefault()
+}
+// 新增拖拽处理
+const handleDrop = (event: DragEvent) => {
+  if (!props.applicationDetails.file_upload_enable) return
+  event.preventDefault()
+  const files = event.dataTransfer?.files
+  if (!files) return
+
+  Array.from(files).forEach((rawFile) => {
+    const elFile = {
+      uid: Date.now(),
+      name: rawFile.name,
+      size: rawFile.size,
+      raw: rawFile,
+      status: 'ready',
+      percentage: 0
+    }
+    uploadFile(elFile, [elFile])
+  })
+}
 // 语音录制任务id
 const intervalId = ref<any | null>(null)
 // 语音录制开始秒数