From d2e650a434e3209f82a5c77cc6f3264138b2a6c9 Mon Sep 17 00:00:00 2001
From: zoujing <kidevelop@163.com>
Date: Thu, 23 Apr 2026 10:11:41 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AF=B9=E8=AF=9D=E8=AF=AD=E9=9F=B3?=
 =?UTF-8?q?=E8=BE=93=E5=85=A5=E7=9A=84=E9=97=AE=E9=A2=98=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/chat/ChatInputArea/index.vue   | 105 ++++++++++++++----
 1 file changed, 86 insertions(+), 19 deletions(-)

diff --git a/src/pages/index/components/chat/ChatInputArea/index.vue b/src/pages/index/components/chat/ChatInputArea/index.vue
index 30cc65c..6eaf4e8 100644
--- a/src/pages/index/components/chat/ChatInputArea/index.vue
+++ b/src/pages/index/components/chat/ChatInputArea/index.vue
@@ -73,7 +73,7 @@
 </template>
 
 <script setup>
-import { ref, computed, watch, nextTick, onMounted, defineExpose } from "vue";
+import { ref, computed, watch, nextTick, onMounted, defineExpose, onUnmounted } from "vue";
 import RecordingWaveBtn from "@/components/Speech/RecordingWaveBtn.vue";
 import { getCurrentConfig } from "@/constant/base";
 
@@ -103,6 +103,32 @@ const isFocused = ref(false);
 const keyboardHeight = ref(0);
 const isVoiceMode = ref(false);
 const visibleWaveBtn = ref(false);
+const isRecording = ref(false);
+let watchDogTimer = null;
+
+const resetUI = () => {
+  isRecording.value = false;
+  visibleWaveBtn.value = false;
+  try {
+    if (recordingWaveBtnRef.value) {
+      recordingWaveBtnRef.value.stopAnimation();
+    }
+  } catch (e) {
+    console.error("resetUI stopAnimation error", e);
+  }
+  if (watchDogTimer) {
+    clearTimeout(watchDogTimer);
+    watchDogTimer = null;
+  }
+};
+
+const startWatchDog = (timeout = 10000) => {
+  if (watchDogTimer) clearTimeout(watchDogTimer);
+  watchDogTimer = setTimeout(() => {
+    console.warn("recording watchdog triggered, forcing UI reset");
+    resetUI();
+  }, timeout);
+};
 
 // 保持和父组件同步
 watch(
@@ -127,42 +153,65 @@ const toggleVoiceMode = () => {
 
 // 处理语音按钮长按开始
 const handleVoiceTouchStart = () => {
-  manager.start({ lang: "zh_CN" });
+  try {
+    manager.start({ lang: "zh_CN" });
+    isRecording.value = true;
+    visibleWaveBtn.value = true;
 
-  visibleWaveBtn.value = true;
-
-  // 启动音频条动画
-  nextTick(() => {
-    if (recordingWaveBtnRef.value) {
-      recordingWaveBtnRef.value.startAnimation();
-    }
-  });
+    // 启动音频条动画
+    nextTick(() => {
+      if (recordingWaveBtnRef.value) {
+        recordingWaveBtnRef.value.startAnimation();
+      }
+    });
+    startWatchDog(10000);
+  } catch (err) {
+    console.error("record start error:", err);
+    // 保底清理
+    resetUI();
+  }
 };
 
 // 处理语音按钮长按结束
 const handleVoiceTouchEnd = () => {
-  manager.stop();
-
-  // 停止音频条动画
-  if (recordingWaveBtnRef.value) {
-    recordingWaveBtnRef.value.stopAnimation();
+  // 如果本地状态不是录音中，也确保 UI 恢复
+  if (!isRecording.value) {
+    if (recordingWaveBtnRef.value) {
+      recordingWaveBtnRef.value.stopAnimation();
+    }
+    visibleWaveBtn.value = false;
+    if (watchDogTimer) {
+      clearTimeout(watchDogTimer);
+      watchDogTimer = null;
+    }
+    return;
   }
 
-  visibleWaveBtn.value = false;
+  try {
+    manager.stop();
+  } catch (err) {
+    console.error("record stop error:", err);
+  } finally {
+    // 无论 stop 是否抛错，都保证 UI 恢复
+    resetUI();
+  }
 };
 
 // 处理发送原语音
 const initRecord = () => {
   manager.onRecognize = (res) => {
-    let text = res.result;
+    let text = res.result || "";
     inputMessage.value = text;
   };
   // 识别结束事件
   manager.onStop = (res) => {
     console.log(res, 37);
-    let text = res.result;
+    let text = (res && res.result) || "";
 
-    if (text == "") {
+    // 保证 UI 恢复（防止未走 handleVoiceTouchEnd）
+    resetUI();
+
+    if (text === "") {
       console.log("没有说话");
       return;
     }
@@ -171,6 +220,12 @@ const initRecord = () => {
     // 在语音识别完成后发送消息
     emit("send", text);
   };
+
+  // 错误处理，确保 UI 重置
+  manager.onError = (err) => {
+    console.error("record manager error", err);
+    resetUI();
+  };
 };
 
 // 监听键盘高度变化
@@ -188,6 +243,18 @@ onMounted(() => {
   initRecord();
 });
 
+onUnmounted(() => {
+  try {
+    manager.stop && manager.stop();
+  } catch (e) {
+    // ignore
+  }
+  manager.onRecognize = null;
+  manager.onStop = null;
+  manager.onError = null;
+  resetUI();
+});
+
 const sendMessage = () => {
   if (props.isSessionActive) {
     // 如果会话进行中，调用停止请求函数