From 58a88b7953a0461661e6f8d3eb84ce9ad934fc47 Mon Sep 17 00:00:00 2001
From: zoujing <kidevelop@163.com>
Date: Sun, 10 May 2026 10:02:33 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=20=E8=AF=AD=E9=9F=B3=E8=BE=93?=
 =?UTF-8?q?=E5=85=A5=E6=A1=86=E7=9A=84=E6=9D=A1=E4=BB=B6=E7=BC=96=E8=AF=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/ChatMain/ChatInputArea/index.vue    | 45 ++++++++++++++-----
 .../ChatMain/ChatInputArea/styles/index.scss  |  4 ++
 2 files changed, 39 insertions(+), 10 deletions(-)

diff --git a/src/pages/ChatMain/ChatInputArea/index.vue b/src/pages/ChatMain/ChatInputArea/index.vue
index d90861e..286775f 100644
--- a/src/pages/ChatMain/ChatInputArea/index.vue
+++ b/src/pages/ChatMain/ChatInputArea/index.vue
@@ -2,7 +2,11 @@
   <view class="input-area-wrapper">
     <view v-if="!visibleWaveBtn" class="area-input">
       <!-- 语音/键盘切换 -->
-      <view class="input-container-voice" @click="toggleVoiceMode">
+      <view
+        v-if="isSpeechRecognitionSupported"
+        class="input-container-voice"
+        @click="toggleVoiceMode"
+      >
         <image
           class="voice-icon"
           v-if="!isVoiceMode"
@@ -16,7 +20,10 @@
       </view>
 
       <!-- 输入框/语音按钮容器 -->
-      <view class="input-button-container">
+      <view
+        class="input-button-container"
+        :class="{ 'input-button-container--no-voice': !isSpeechRecognitionSupported }"
+      >
         <textarea
           ref="textareaRef"
           v-if="!isVoiceMode"
@@ -77,8 +84,15 @@ import { ref, computed, watch, nextTick, onMounted, defineExpose, onUnmounted }
 import RecordingWaveBtn from "@/components/Speech/RecordingWaveBtn.vue";
 import { getCurrentConfig } from "@/constant/base";
 
+let manager = null;
+const isSpeechRecognitionSupported = ref(false);
+
+// WechatSI 是微信小程序插件，App 原生基座没有 requirePlugin。
+// #ifdef MP-WEIXIN
 const plugin = requirePlugin("WechatSI");
-const manager = plugin.getRecordRecognitionManager();
+manager = plugin.getRecordRecognitionManager();
+isSpeechRecognitionSupported.value = !!manager;
+// #endif
 
 const props = defineProps({
   modelValue: String,
@@ -151,11 +165,13 @@ watch(inputMessage, (val) => {
 
 // 切换语音/文本模式
 const toggleVoiceMode = () => {
+  if (!isSpeechRecognitionSupported.value) return;
   isVoiceMode.value = !isVoiceMode.value;
 };
 
 // 处理语音按钮长按开始
 const handleVoiceTouchStart = () => {
+  if (!manager) return;
   try {
     manager.start({ lang: "zh_CN" });
     isRecording.value = true;
@@ -177,6 +193,11 @@ const handleVoiceTouchStart = () => {
 
 // 处理语音按钮长按结束
 const handleVoiceTouchEnd = () => {
+  if (!manager) {
+    resetUI();
+    return;
+  }
+
   // 如果本地状态不是录音中，也确保 UI 恢复
   if (!isRecording.value) {
     if (recordingWaveBtnRef.value) {
@@ -202,6 +223,8 @@ const handleVoiceTouchEnd = () => {
 
 // 处理发送原语音
 const initRecord = () => {
+  if (!manager) return;
+
   manager.onRecognize = (res) => {
     let text = res.result || "";
     inputMessage.value = text;
@@ -247,14 +270,16 @@ onMounted(() => {
 });
 
 onUnmounted(() => {
-  try {
-    manager.stop && manager.stop();
-  } catch (e) {
-    // ignore
+  if (manager) {
+    try {
+      manager.stop && manager.stop();
+    } catch (e) {
+      // ignore
+    }
+    manager.onRecognize = null;
+    manager.onStop = null;
+    manager.onError = null;
   }
-  manager.onRecognize = null;
-  manager.onStop = null;
-  manager.onError = null;
   resetUI();
 });
 
diff --git a/src/pages/ChatMain/ChatInputArea/styles/index.scss b/src/pages/ChatMain/ChatInputArea/styles/index.scss
index 735c489..ee7691a 100644
--- a/src/pages/ChatMain/ChatInputArea/styles/index.scss
+++ b/src/pages/ChatMain/ChatInputArea/styles/index.scss
@@ -24,6 +24,10 @@
   .input-button-container {
     flex: 1;
     position: relative;
+
+    &--no-voice {
+      margin-left: 12px;
+    }
   }
 
   .hold-to-talk-button {