@flexem/chat-box 1.0.0

package/miniprogram_dist/components/input-bar/index.js

@@ -0,0 +1,934 @@
+/**
+ * 输入栏组件
+ * 支持文本输入、语音输入、附件发送
+ */
+
+const api = require('../../utils/api.js');
+
+// 获取录音管理器（用于不使用语音识别时的纯录音）
+const recorderManager = wx.getRecorderManager();
+
+// 录音配置
+const RECORD_OPTIONS = {
+  duration: 60000,
+  sampleRate: 16000,
+  numberOfChannels: 1,
+  encodeBitRate: 48000,
+  format: 'mp3',
+  frameSize: 50
+};
+
+Component({
+  properties: {
+    // 占位文本
+    placeholder: {
+      type: String,
+      value: '输入消息...'
+    },
+    // 最大字数
+    maxLength: {
+      type: Number,
+      value: 2000
+    },
+    // 是否禁用
+    disabled: {
+      type: Boolean,
+      value: false
+    },
+    // 是否正在生成中
+    isGenerating: {
+      type: Boolean,
+      value: false
+    },
+    // 语音转文字函数（用于识别已录制的音频文件）
+    voiceToText: {
+      type: null,
+      value: null
+    },
+    // 语音识别管理器（WechatSI 的 RecordRecognitionManager，边录边识别）
+    speechRecognitionManager: {
+      type: null,
+      value: null
+    },
+    // API 基础地址（aiChatUrl）
+    baseUrl: {
+      type: String,
+      value: ''
+    },
+    // OSS 服务地址
+    ossServiceUrl: {
+      type: String,
+      value: ''
+    },
+    // 文件下载服务地址
+    blobStorageDownloadServiceUrl: {
+      type: String,
+      value: ''
+    },
+    // 用户 Token
+    token: {
+      type: String,
+      value: ''
+    },
+    // 默认输入值
+    defaultValue: {
+      type: String,
+      value: ''
+    }
+  },
+
+  data: {
+    inputValue: '',           // 输入内容
+    inputHeight: 50,          // 输入框高度
+    maxInputHeight: 200,      // 最大输入框高度（5行）
+    isVoiceMode: false,       // 是否语音模式
+    isRecording: false,       // 是否正在录音
+    isRecognizing: false,     // 是否正在识别
+    isCancelArea: false,      // 是否在取消区域（上滑取消）
+    showAttachment: false,    // 是否显示附件选择器
+    attachments: [],          // 附件列表
+    canSend: false,           // 是否可发送
+    keyboardHeight: 0,        // 键盘高度
+    textareaFocus: false,     // textarea 是否聚焦
+    recognizedText: '',       // 语音识别的中间结果
+    recordStartTime: 0,       // 录音开始时间
+    voiceStartY: 0            // 录音开始时的 Y 坐标
+  },
+
+  observers: {
+    'inputValue, attachments': function(inputValue, attachments) {
+      this.setData({
+        canSend: !!(inputValue && inputValue.trim()) || (attachments && attachments.length > 0)
+      });
+      // 通知父组件附件区域高度变化
+      this.triggerEvent('attachmentheight', {
+        hasAttachments: attachments && attachments.length > 0,
+        count: attachments ? attachments.length : 0
+      });
+    },
+    'defaultValue': function(value) {
+      if (value) {
+        this.setData({ inputValue: value });
+      }
+    },
+    'speechRecognitionManager': function(manager) {
+      if (manager) {
+        this.initSpeechRecognition();
+      }
+    }
+  },
+
+  lifetimes: {
+    attached() {
+      this.initRecorder();
+      // speechRecognitionManager 通过 observer 初始化
+      if (this.properties.defaultValue) {
+        this.setData({ inputValue: this.properties.defaultValue });
+      }
+    },
+    detached() {
+      if (this.data.isRecording) {
+        this.stopRecording();
+      }
+    }
+  },
+
+  methods: {
+    /**
+     * 初始化录音管理器（用于不使用语音识别时）
+     */
+    initRecorder() {
+      // 保存当前组件实例引用
+      const self = this;
+
+      recorderManager.onStop((res) => {
+        console.log('录音结束', res);
+
+        // 如果使用了 speechRecognitionManager，不需要在这里处理
+        if (self.properties.speechRecognitionManager) {
+          return;
+        }
+
+        if (res.duration < 1000) {
+          wx.showToast({
+            title: '录音时间太短',
+            icon: 'none'
+          });
+          self.setData({ isRecording: false });
+          return;
+        }
+
+        self.recognizeVoice(res.tempFilePath);
+      });
+
+      recorderManager.onError((err) => {
+        console.error('录音错误', err);
+        wx.showToast({
+          title: '录音失败',
+          icon: 'none'
+        });
+        self.setData({ isRecording: false });
+      });
+    },
+
+    /**
+     * 初始化语音识别管理器（WechatSI 边录边识别）
+     */
+    initSpeechRecognition() {
+      const manager = this.properties.speechRecognitionManager;
+      if (!manager) return;
+
+      // 避免重复初始化
+      if (this._speechRecognitionInitialized) return;
+      this._speechRecognitionInitialized = true;
+
+      const self = this;
+
+      console.log('初始化语音识别管理器');
+
+      manager.onStart = () => {
+        console.log('语音识别开始');
+        self.setData({ recognizedText: '' });
+      };
+
+      manager.onRecognize = (result) => {
+        console.log('onRecognize:', result);
+        if (result.result) {
+          self.setData({ recognizedText: result.result });
+        }
+      };
+
+      manager.onStop = (result) => {
+        console.log('语音识别结束 onStop:', result);
+        self.setData({
+          isRecording: false,
+          isRecognizing: false
+        });
+
+        // 检查是否被用户取消（上滑取消）
+        if (self._isVoiceCancelled) {
+          console.log('语音已被用户取消，不发送消息');
+          self._isVoiceCancelled = false;
+          self.setData({ recognizedText: '' });
+          return;
+        }
+
+        const text = result.result || self.data.recognizedText || '';
+        console.log('识别结果:', text);
+
+        // 获取已上传完成的附件
+        const attachments = self.data.attachments.filter(item => !item.uploading);
+
+        if (text.trim() || attachments.length > 0) {
+          // 语音识别后自动发送（包含已上传的附件）
+          self.triggerEvent('send', {
+            content: text.trim(),
+            attachments: attachments.map(item => ({
+              type: item.type,
+              name: item.name,
+              url: item.remoteUrl || item.url,  // 优先使用远程URL
+              parsedContent: item.parsedContent
+            })),
+            isVoice: true
+          });
+
+          // 清空附件
+          self.setData({ attachments: [] });
+        } else {
+          wx.showToast({
+            title: '未识别到语音内容',
+            icon: 'none'
+          });
+        }
+        self.setData({ recognizedText: '' });
+      };
+
+      manager.onError = (err) => {
+        console.error('语音识别错误:', err);
+        self.setData({
+          isRecording: false,
+          isRecognizing: false,
+          recognizedText: ''
+        });
+        wx.showToast({
+          title: '语音识别失败',
+          icon: 'none'
+        });
+      };
+    },
+
+    /**
+     * 停止录音/识别
+     */
+    stopRecording() {
+      const manager = this.properties.speechRecognitionManager;
+      if (manager) {
+        manager.stop();
+      } else {
+        recorderManager.stop();
+      }
+    },
+
+    /**
+     * 文本输入
+     */
+    onInput(e) {
+      this.setData({
+        inputValue: e.detail.value
+      });
+    },
+
+    /**
+     * 输入框行数变化
+     */
+    onLineChange(e) {
+      const lineHeight = 35;
+      const baseHeight = 50; // 单行基准高度
+      const lines = Math.min(e.detail.lineCount, 5);
+      const newHeight = lineHeight * lines;
+      this.setData({
+        inputHeight: newHeight
+      });
+      // 通知父组件输入框高度增量（相对于单行的增加量）
+      const extraHeight = newHeight - baseHeight;
+      this.triggerEvent('inputheight', { height: extraHeight });
+    },
+
+    /**
+     * 输入框聚焦
+     */
+    onInputFocus(e) {
+      // focus 事件中不再处理键盘高度，由 keyboardheightchange 事件处理
+    },
+
+    /**
+     * 输入框失焦
+     */
+    onInputBlur() {
+      // blur 事件中不再处理键盘高度，由 keyboardheightchange 事件处理
+    },
+
+    /**
+     * 键盘高度变化（更可靠的事件）
+     */
+    onKeyboardHeightChange(e) {
+      const keyboardHeight = e.detail.height || 0;
+      this.setData({ keyboardHeight });
+      this.triggerEvent('keyboardheight', { height: keyboardHeight });
+    },
+
+    /**
+     * 切换输入模式
+     */
+    toggleInputMode() {
+      const toTextMode = this.data.isVoiceMode;
+      this.setData({
+        isVoiceMode: !this.data.isVoiceMode,
+        textareaFocus: toTextMode
+      });
+    },
+
+    /**
+     * 语音按钮按下
+     */
+    onVoiceStart(e) {
+      // 记录按下时间，用于判断是否为快速点击
+      this._voiceTouchStartTime = Date.now();
+      this._voiceTouchCancelled = false;
+      // 重置语音取消标志
+      this._isVoiceCancelled = false;
+      // 标记是否正在处理权限（授权弹窗等），此时不应提示"没有识别到语音"
+      this._isHandlingPermission = false;
+      // 标记权限是否已授权
+      this._hasRecordPermission = false;
+
+      // 记录起始 Y 坐标，用于判断上滑取消
+      const touch = e.touches[0];
+      this.setData({
+        voiceStartY: touch ? touch.clientY : 0,
+        isCancelArea: false
+      });
+
+      // 立即检查录音权限（不延迟，这样点击也能触发授权弹窗）
+      wx.getSetting({
+        success: (res) => {
+          const recordAuth = res.authSetting['scope.record'];
+
+          if (recordAuth === true) {
+            // 已授权，标记权限状态
+            this._hasRecordPermission = true;
+
+            // 如果用户已经松开，不启动录音
+            if (this._voiceTouchCancelled) {
+              return;
+            }
+
+            // 延迟启动录音，避免快速点击也触发录音
+            this._recordDelayTimer = setTimeout(() => {
+              if (!this._voiceTouchCancelled) {
+                this.startRecording();
+              }
+            }, 150);
+          } else if (recordAuth === false) {
+            // 用户之前拒绝过，需要去设置页开启
+            this._isHandlingPermission = true;
+            wx.showModal({
+              title: '提示',
+              content: '请授权录音权限以使用语音功能',
+              showCancel: true,
+              confirmText: '去设置',
+              success: (modalRes) => {
+                if (modalRes.confirm) {
+                  wx.openSetting();
+                }
+              }
+            });
+          } else {
+            // 首次请求授权（点击或按住都会触发）
+            this._isHandlingPermission = true;
+            wx.authorize({
+              scope: 'scope.record',
+              success: () => {
+                // 授权成功后提示用户重新按住说话，不自动开始录音
+                wx.showToast({
+                  title: '授权成功，请重新按住说话',
+                  icon: 'none'
+                });
+              },
+              fail: () => {
+                wx.showToast({
+                  title: '需要录音权限',
+                  icon: 'none'
+                });
+              }
+            });
+          }
+        }
+      });
+    },
+
+    /**
+     * 语音按钮滑动（检测上滑取消）
+     */
+    onVoiceMove(e) {
+      if (!this.data.isRecording) return;
+
+      const touch = e.touches[0];
+      if (!touch) return;
+
+      const currentY = touch.clientY;
+      const startY = this.data.voiceStartY;
+      // 上滑超过 50px 进入取消区域
+      const cancelThreshold = 50;
+      const isCancelArea = startY - currentY > cancelThreshold;
+
+      if (isCancelArea !== this.data.isCancelArea) {
+        this.setData({ isCancelArea });
+        // 进入取消区域时震动提示
+        if (isCancelArea) {
+          wx.vibrateShort({ type: 'light' });
+        }
+      }
+    },
+
+    /**
+     * 语音按钮松开
+     */
+    onVoiceEnd() {
+      // 检查是否在取消区域
+      const shouldCancel = this.data.isCancelArea;
+
+      // 重置取消区域状态
+      this.setData({ isCancelArea: false });
+
+      // 标记已取消，防止延迟启动的录音
+      this._voiceTouchCancelled = true;
+
+      // 清除延迟录音定时器
+      if (this._recordDelayTimer) {
+        clearTimeout(this._recordDelayTimer);
+        this._recordDelayTimer = null;
+      }
+
+      // 如果在取消区域，取消录音
+      if (shouldCancel && this.data.isRecording) {
+        // 设置取消标志，防止 onStop 回调发送消息
+        this._isVoiceCancelled = true;
+        this.stopRecording();
+        this.setData({ isRecording: false, recognizedText: '' });
+        wx.showToast({
+          title: '已取消',
+          icon: 'none'
+        });
+        return;
+      }
+
+      // 如果正在处理权限（授权弹窗等），不提示
+      if (this._isHandlingPermission) {
+        this._isHandlingPermission = false;
+        return;
+      }
+
+      // 如果录音还没开始
+      if (!this.data.isRecording) {
+        // 只有在已授权的情况下才提示"没有识别到语音"
+        // 未授权的情况下不提示（因为会弹出授权弹窗或设置弹窗）
+        if (this._hasRecordPermission) {
+          const touchDuration = Date.now() - (this._voiceTouchStartTime || 0);
+          if (touchDuration < 500) {
+            wx.showToast({
+              title: '没有识别到语音',
+              icon: 'none'
+            });
+          }
+        }
+        return;
+      }
+
+      // 如果录音已开始但时间太短，停止并提示
+      const recordDuration = Date.now() - this.data.recordStartTime;
+      if (recordDuration < 500) {
+        this.stopRecording();
+        this.setData({ isRecording: false, recognizedText: '' });
+        wx.showToast({
+          title: '没有识别到语音',
+          icon: 'none'
+        });
+        return;
+      }
+
+      this.setData({ isRecording: false });
+      this.stopRecording();
+    },
+
+    /**
+     * 语音按钮取消（系统中断，如来电）
+     */
+    onVoiceCancel() {
+      // 标记已取消，防止延迟启动的录音
+      this._voiceTouchCancelled = true;
+
+      // 重置取消区域状态
+      this.setData({ isCancelArea: false });
+
+      // 清除延迟录音定时器
+      if (this._recordDelayTimer) {
+        clearTimeout(this._recordDelayTimer);
+        this._recordDelayTimer = null;
+      }
+
+      if (this.data.isRecording) {
+        // 设置取消标志，防止 onStop 回调发送消息
+        this._isVoiceCancelled = true;
+        this.stopRecording();
+        this.setData({ isRecording: false, recognizedText: '' });
+        wx.showToast({
+          title: '已取消',
+          icon: 'none'
+        });
+      }
+    },
+
+    /**
+     * 长按语音按钮
+     */
+    onVoiceLongPress() {
+      // 长按触发振动反馈
+      wx.vibrateShort({ type: 'medium' });
+    },
+
+    /**
+     * 开始录音
+     */
+    startRecording() {
+      if (this.data.isRecording) return;
+
+      // 记录录音开始时间
+      this.setData({
+        isRecording: true,
+        recognizedText: '',
+        recordStartTime: Date.now()
+      });
+
+      const manager = this.properties.speechRecognitionManager;
+      if (manager) {
+        // 使用 WechatSI 的边录边识别
+        manager.start({
+          lang: 'zh_CN'
+        });
+      } else {
+        // 使用普通录音
+        recorderManager.start(RECORD_OPTIONS);
+      }
+
+      wx.vibrateShort({ type: 'light' });
+    },
+
+    /**
+     * 语音识别
+     */
+    recognizeVoice(filePath) {
+      this.setData({
+        isRecording: false,
+        isRecognizing: true
+      });
+
+      const voiceToTextFn = this.properties.voiceToText;
+
+      if (typeof voiceToTextFn !== 'function') {
+        console.error('请传入 voiceToText 属性');
+        wx.showToast({
+          title: '未配置语音识别',
+          icon: 'none'
+        });
+        this.setData({ isRecognizing: false });
+        return;
+      }
+
+      voiceToTextFn({
+        filePath: filePath,
+        lang: 'zh_CN',
+        success: (res) => {
+          console.log('语音识别成功', res);
+          this.setData({ isRecognizing: false });
+
+          // 获取已上传完成的附件
+          const attachments = this.data.attachments.filter(item => !item.uploading);
+
+          if ((res.result && res.result.trim()) || attachments.length > 0) {
+            // 语音识别后自动发送（包含已上传的附件）
+            this.triggerEvent('send', {
+              content: (res.result || '').trim(),
+              attachments: attachments.map(item => ({
+                type: item.type,
+                name: item.name,
+                url: item.remoteUrl || item.url,  // 优先使用远程URL
+                parsedContent: item.parsedContent
+              })),
+              isVoice: true
+            });
+
+            // 清空附件
+            this.setData({ attachments: [] });
+          } else {
+            wx.showToast({
+              title: '未识别到语音内容',
+              icon: 'none'
+            });
+          }
+        },
+        fail: (err) => {
+          console.error('语音识别失败', err);
+          this.setData({ isRecognizing: false });
+          wx.showToast({
+            title: '语音识别失败',
+            icon: 'none'
+          });
+        }
+      });
+    },
+
+    /**
+     * 显示附件选择器
+     */
+    showAttachmentPicker() {
+      this.setData({ showAttachment: true });
+    },
+
+    /**
+     * 隐藏附件选择器
+     */
+    hideAttachmentPicker() {
+      this.setData({ showAttachment: false });
+    },
+
+    /**
+     * 附件选择
+     */
+    onAttachmentSelect(e) {
+      const { type, files } = e.detail;
+      this.hideAttachmentPicker();
+
+      if (!files || files.length === 0) return;
+
+      // 附件数量限制：最多5个
+      const MAX_COUNT = 5;
+      const currentCount = this.data.attachments.filter(item => item.type === type).length;
+      const typeLabel = type === 'image' ? '图片' : '文件';
+
+      if (currentCount + files.length > MAX_COUNT) {
+        const tipMsg = currentCount > 0
+          ? `您已选择${files.length}个${typeLabel}，但当前已上传${currentCount}个${typeLabel}，超出限制`
+          : `您已选择${files.length}个${typeLabel}，超出限制`;
+        wx.showToast({
+          title: `每次最多上传${MAX_COUNT}个${typeLabel}`,
+          icon: 'none',
+          duration: 2000
+        });
+        console.warn(tipMsg);
+        return;
+      }
+
+      // 上传文件
+      files.forEach(file => {
+        this.uploadFile(file);
+      });
+    },
+
+    /**
+     * 上传文件
+     */
+    async uploadFile(file) {
+      const attachmentId = Date.now() + '_' + Math.random().toString(36).slice(2, 11);
+
+      // 添加到附件列表（上传中状态）
+      const newAttachment = {
+        id: attachmentId,
+        type: file.type || 'file',
+        name: file.name || '未知文件',
+        url: file.path,  // 本地预览路径（不会改变）
+        remoteUrl: '',   // 远程URL（上传成功后填充）
+        uploading: true,
+        progress: 0
+      };
+
+      this.setData({
+        attachments: [...this.data.attachments, newAttachment]
+      });
+
+      try {
+        // 获取上传 token（使用 ossServiceUrl）
+        const ossUrl = this.properties.ossServiceUrl;
+        if (!ossUrl) {
+          throw new Error('OSS 服务地址未配置');
+        }
+        const uploadToken = await api.getQiniuToken(ossUrl, this.properties.token);
+
+        const key = `chat-files/${Date.now()}-${Math.random().toString(36).slice(2, 11)}-${file.name || 'file'}`;
+
+        // 使用 blobStorageDownloadServiceUrl 作为下载地址
+        const downloadUrl = this.properties.blobStorageDownloadServiceUrl;
+        if (!downloadUrl) {
+          throw new Error('文件下载服务地址未配置');
+        }
+        const fileUrl = `${downloadUrl}/${key}`;
+
+        // 上传到七牛
+        api.uploadFile({
+          filePath: file.path,
+          uploadToken: uploadToken,
+          key: key,
+          onProgress: (progress) => {
+            this.updateAttachmentProgress(attachmentId, progress);
+          },
+          onSuccess: async (result) => {
+            // 上传成功，更新附件信息
+            const finalUrl = fileUrl;
+
+            // 解析文件/图片内容
+            let parsedContent = '';
+            try {
+              const parseResult = await api.parseFileContent(
+                this.properties.baseUrl,
+                this.properties.token,
+                finalUrl
+              );
+              parsedContent = parseResult.content || parseResult || '';
+              if (!parsedContent || parsedContent.trim() === '') {
+                parsedContent = file.type === 'image' ? `Image: ${file.name}` : '未识别到内容';
+              }
+            } catch (e) {
+              console.error('解析文件内容失败', e);
+              parsedContent = file.type === 'image' ? `Image: ${file.name}` : '未识别到内容';
+            }
+
+            this.updateAttachment(attachmentId, {
+              remoteUrl: finalUrl,  // 保存远程URL，但不改变 url（避免图片重新加载）
+              uploading: false,
+              progress: 100,
+              parsedContent: parsedContent
+            });
+          },
+          onError: (err) => {
+            console.error('上传失败', err);
+            wx.showToast({
+              title: '上传失败',
+              icon: 'none'
+            });
+            this.removeAttachment({ currentTarget: { dataset: { id: attachmentId } } });
+          }
+        });
+      } catch (error) {
+        console.error('获取上传凭证失败', error);
+        wx.showToast({
+          title: '上传失败',
+          icon: 'none'
+        });
+        this.removeAttachment({ currentTarget: { dataset: { id: attachmentId } } });
+      }
+    },
+
+    /**
+     * 更新附件上传进度
+     */
+    updateAttachmentProgress(id, progress) {
+      const attachments = this.data.attachments.map(item => {
+        if (item.id === id) {
+          return { ...item, progress };
+        }
+        return item;
+      });
+      this.setData({ attachments });
+    },
+
+    /**
+     * 更新附件信息
+     */
+    updateAttachment(id, updates) {
+      const attachments = this.data.attachments.map(item => {
+        if (item.id === id) {
+          return { ...item, ...updates };
+        }
+        return item;
+      });
+      this.setData({ attachments });
+    },
+
+    /**
+     * 预览附件图片
+     */
+    onPreviewAttachment(e) {
+      const url = e.currentTarget.dataset.url;
+      // 获取所有图片附件的 URL
+      const imageUrls = this.data.attachments
+        .filter(item => item.type === 'image')
+        .map(item => item.url);
+
+      if (imageUrls.length > 0 && url) {
+        wx.previewImage({
+          current: url,
+          urls: imageUrls
+        });
+      }
+    },
+
+    /**
+     * 移除附件
+     */
+    removeAttachment(e) {
+      const id = e.currentTarget.dataset.id;
+      const attachments = this.data.attachments.filter(item => item.id !== id);
+      this.setData({ attachments });
+    },
+
+    /**
+     * 清空输入框（供外部调用）
+     */
+    clearInput() {
+      this.setData({
+        inputValue: '',
+        inputHeight: 50,  // 恢复到默认高度
+        attachments: [],
+        canSend: false
+      });
+    },
+
+    /**
+     * 发送消息
+     */
+    onSend() {
+      const content = this.data.inputValue.trim();
+      const attachments = this.data.attachments.filter(item => !item.uploading);
+
+      if (!content && attachments.length === 0) {
+        return;
+      }
+
+      // 检查是否有正在上传的附件
+      const uploadingCount = this.data.attachments.filter(item => item.uploading).length;
+      if (uploadingCount > 0) {
+        wx.showToast({
+          title: '请等待附件上传完成',
+          icon: 'none'
+        });
+        return;
+      }
+
+      // 触发发送事件
+      this.triggerEvent('send', {
+        content: content,
+        attachments: attachments.map(item => ({
+          type: item.type,
+          name: item.name,
+          url: item.remoteUrl || item.url,  // 优先使用远程URL，如果没有则使用本地URL
+          parsedContent: item.parsedContent
+        })),
+        isVoice: false
+      });
+
+      // 清空输入
+      this.setData({
+        inputValue: '',
+        attachments: [],
+        inputHeight: 50
+      });
+    },
+
+    /**
+     * 清空输入
+     */
+    clear() {
+      this.setData({
+        inputValue: '',
+        attachments: [],
+        inputHeight: 40
+      });
+    },
+
+    /**
+     * 设置输入内容
+     */
+    setValue(value) {
+      this.setData({ inputValue: value });
+    },
+
+    /**
+     * 设置附件（供外部调用，用于编辑消息时恢复附件）
+     * @param {Array} attachments - 附件数组，格式: [{ type, name, url }]
+     */
+    setAttachments(attachments) {
+      if (!attachments || attachments.length === 0) {
+        this.setData({ attachments: [] });
+        return;
+      }
+
+      // 转换为组件内部格式
+      const formattedAttachments = attachments.map((item, index) => ({
+        id: Date.now() + '_' + index + '_' + Math.random().toString(36).slice(2, 11),
+        type: item.type || 'file',
+        name: item.name || '未知文件',
+        url: item.url,
+        uploading: false,
+        progress: 100,
+        parsedContent: item.parsedContent || ''
+      }));
+
+      this.setData({ attachments: formattedAttachments });
+    },
+
+    /**
+     * 聚焦输入框
+     */
+    focus() {
+      // 切换到文本模式并聚焦
+      this.setData({ isVoiceMode: false });
+    },
+
+    /**
+     * 停止生成
+     */
+    onStop() {
+      this.triggerEvent('stop');
+    }
+  }
+});