fix: 聊天声音朗读功能变为静音功能

src/components/chat-message/MessageRobot.tsx

@@ -179,7 +179,7 @@ export default ({ agent, text, message, showUser=false, textReasoning = "" }: Pr
           }
           
         </View>
-        {!isReacting && <View className="flex gap-12">
+        <View className="flex gap-12">
           <View onClick={(e) => handleCopy(e, text)}>
             <IconCopy />
           </View>
@@ -193,7 +193,7 @@ export default ({ agent, text, message, showUser=false, textReasoning = "" }: Pr
           <View onClick={() => handleLike()}>
             {isLike ? <IconLikeBlue /> : <IconLike />}
           </View>
-        </View>}
+        </View>
       </View>
     </View>
   );

src/pages/chat/components/input-bar/chat.ts

@@ -42,6 +42,8 @@ export const useChatInput = ({
     messageSpeakersStopHandle,
     setMessageSpeakersStopHandle,
     setReacting,
+    setScrollTop,
+    setAutoScroll,
   } = useTextChat();
 
   // 聊天框内消息定时上报
@@ -119,8 +121,10 @@ export const useChatInput = ({
       },
       onStart: () => {
         setMessageSpeakersStopHandle(()=> {
-          stopChunk()
-          stopPlay()
+          stopReceiveChunk?.();
+          stopTimedMessage();
+          stopPlayChunk();
+          // setReacting(false)
           const currentRobotMessage = getCurrentRobotMessage();
           if(currentRobotMessage?.content.length === 0){
             deleteMessage(currentRobotMessage.msgUk);
@@ -279,7 +283,7 @@ export const useChatInput = ({
   // 如果停止语音输出，则停止播放
   useEffect(() => {
     if (!enableOutputAudioStream) {
-      stopPlayChunk();
+      stopPlay();
     }
   }, [enableOutputAudioStream]);
 
@@ -290,6 +294,9 @@ export const useChatInput = ({
       stopTimedMessage();
       stopPlayChunk();
       setReacting(false)
+      setScrollTop(99999);
+      setAutoScroll(true);
+      setMessageSpeakersStopHandle(null)
       console.log('clear chat')
     };
   }, []);

src/pages/chat/index.tsx

@@ -49,6 +49,7 @@ export default function Index() {
   });
   const scrollViewRef = useRef<any>(null);
   const messageList = useTextChat((state) => state.list);
+  const autoScroll = useTextChat((state) => state.autoScroll);
   const [inputContainerHeight,setInputContainerHeight]= useState(0)
   const [streamVoiceEnable, setStreamVoiceEnable]= usePersistentState('streamVoiceEnable', false)
 
@@ -163,8 +164,12 @@ const initialScrolledRef = useRef(false);
   // 仅首次 pageIndex === 1 且已经有消息时滚动一次
   if (pageIndex === 1 && messagesLength > 0 && !initialScrolledRef.current) {
     initialScrolledRef.current = true;
+    
     // 下1秒再滚，确保 DOM 已完成渲染
-    setTimeout(() => setScrollTop(), 1000);
+    setTimeout(() => {
+      setScrollTop()
+      console.log("首次进入，滚动到底部");
+    }, 1000);
   }
 }, [pageIndex, messagesLength]);
 

src/store/textChat.ts

@@ -38,7 +38,7 @@ export interface TextChat {
   setAutoScroll: (b: boolean) => void // 是否自动滚动
   genSessionId: () => void // 进入聊天界面后，本次的 sessionId
   setQuestions: (q:string[]) => void // 设置推荐问题
-  setScrollTop: () => void
+  setScrollTop: (num?: number) => void
   // 将机器人气泡框推入聊天框
   pushRobotMessage: (message: TRobotMessageWithOptionalId) => string;
   // 将自己发出的气泡框推入聊天框
@@ -144,8 +144,14 @@ export const useTextChat = create<TextChat>((set, get) => ({
     
     return {msgUk, sessionId}
   },
-  setScrollTop: ()=> {
+  setScrollTop: (num?: number)=> {
+    console.log(get().autoScroll, get().scrollTop, 'xxxxx')
     set((state) => {
+      if(num!== undefined){
+        return {
+          scrollTop: num,
+        }
+      }
       if(state.autoScroll){
         return {
           scrollTop: state.scrollTop + 1,

src/utils/audioStreamPlayer.ts

@@ -172,6 +172,7 @@ export class AudioStreamPlayer {
 
   stopPlay = ()=> {
     this.source?.stop();
+    this.enablePlay = false;
   }
 
   // 销毁实例