chore：AI智能显示思考过程

pages_tool/ai-chat/components/ai-chat-tools-panel.vue

@@ -39,6 +39,7 @@
 </template>
 
 <script>
+import { uploadImage, uploadMedia } from '@/common/js/media-upload.js'
 /**
  * ai-chat-tools-panel - 更多工具面板组件
  *
@@ -74,46 +75,57 @@ export default {
     },
 
     selectImage() {
+      const that = this
       uni.chooseImage({
-        count: 1,
+        count: 9,
         sizeType: ['compressed'],
         sourceType: ['album', 'camera'],
-        success: (res) => {
-          const imageMessage = {
-            id: ++this.messageId,
-            role: 'user',
-            type: 'image',
-            content: '',
-            imageUrl: res.tempFilePaths[0],
-            timestamp: Date.now()
+        success: async (res) => {
+          that.hideToolsPanel()
+          for (const p of res.tempFilePaths) {
+            const pending = {
+              id: ++that.messageId,
+              role: 'user',
+              type: 'image',
+              content: '',
+              imageUrl: p,
+              uploading: true,
+              uploadError: null,
+              uploaded: null,
+              timestamp: Date.now()
+            }
+            that.$emit('image-selected', pending)
+            try {
+              const uploaded = await uploadImage(p)
+              that.$set(pending, 'uploading', false)
+              that.$set(pending, 'uploaded', uploaded)
+              that.$set(pending, 'imageUrl', uploaded.url)
+            } catch (e) {
+              that.$set(pending, 'uploading', false)
+              that.$set(pending, 'uploadError', e.message || '上传失败')
+              uni.showToast({ title: '图片上传失败: ' + (e.message || ''), icon: 'none' })
+            }
+          }
+        },
+        fail: (err) => {
+          if (err.errMsg && !err.errMsg.includes('cancel')) {
+            uni.showToast({ title: '选图失败', icon: 'none' })
           }
-          this.hideToolsPanel()
-          this.$emit('image-selected', imageMessage)
         }
       })
     },
 
     selectFile() {
+      const that = this
       // #ifdef H5
       const input = document.createElement('input')
       input.type = 'file'
       input.accept = '*/*'
-      input.onchange = (e) => {
+      input.onchange = async (e) => {
         const file = e.target.files[0]
-        if (file) {
-          const fileMessage = {
-            id: ++this.messageId,
-            role: 'user',
-            type: 'file',
-            content: '',
-            fileName: file.name,
-            fileSize: file.size,
-            fileType: file.type,
-            timestamp: Date.now()
-          }
-          this.hideToolsPanel()
-          this.$emit('file-selected', fileMessage)
-        }
+        if (!file) return
+        that.hideToolsPanel()
+        await that._uploadOneFile(file, file.type.startsWith('image/') ? 'image' : 'file')
       }
       input.click()
       // #endif
@@ -121,26 +133,46 @@ export default {
       // #ifdef APP-PLUS
       uni.chooseFile({
         count: 1,
-        success: (res) => {
+        success: async (res) => {
+          that.hideToolsPanel()
           const file = res.tempFiles[0]
-          const fileMessage = {
-            id: ++this.messageId,
-            role: 'user',
-            type: 'file',
-            content: '',
-            fileName: file.name,
-            fileSize: file.size,
-            fileType: file.type,
-            url: file.path,
-            timestamp: Date.now()
-          }
-          this.hideToolsPanel()
-          this.$emit('file-selected', fileMessage)
+          await that._uploadOneFile(file, 'file')
         }
       })
       // #endif
     },
 
+    async _uploadOneFile(file, kind) {
+      const path = file.path || (file.name ? URL.createObjectURL(file) : '')
+      const pending = {
+        id: ++this.messageId,
+        role: 'user',
+        type: kind,
+        content: '',
+        fileName: file.name,
+        fileSize: file.size,
+        fileType: file.type,
+        imageUrl: path,
+        uploading: true,
+        uploadError: null,
+        uploaded: null,
+        timestamp: Date.now()
+      }
+      this.$emit('file-selected', pending)
+      try {
+        const uploaded = kind === 'image'
+          ? await uploadImage(file.path || file)
+          : await uploadMedia(file.path || file, kind)
+        this.$set(pending, 'uploading', false)
+        this.$set(pending, 'uploaded', uploaded)
+        if (uploaded.url) this.$set(pending, 'imageUrl', uploaded.url)
+      } catch (e) {
+        this.$set(pending, 'uploading', false)
+        this.$set(pending, 'uploadError', e.message || '上传失败')
+        uni.showToast({ title: '上传失败: ' + (e.message || ''), icon: 'none' })
+      }
+    },
+
     startRecord() {
       this.$emit('voice-start')
       this.hideToolsPanel()