From 74d10b61bc9b9fe08637f55b24338de85d551c43 Mon Sep 17 00:00:00 2001
From: shaohuzhang1 <80892890+shaohuzhang1@users.noreply.github.com>
Date: Wed, 2 Apr 2025 16:12:17 +0800
Subject: [PATCH] fix: Unfiltered special characters in voice playback (#2777)

---
 .../component/operation-button/ChatOperationButton.vue   | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/ui/src/components/ai-chat/component/operation-button/ChatOperationButton.vue b/ui/src/components/ai-chat/component/operation-button/ChatOperationButton.vue
index 4e2ee5dec..ac62b8c9b 100644
--- a/ui/src/components/ai-chat/component/operation-button/ChatOperationButton.vue
+++ b/ui/src/components/ai-chat/component/operation-button/ChatOperationButton.vue
@@ -99,7 +99,7 @@
   </div>
 </template>
 <script setup lang="ts">
-import { nextTick, onMounted, ref } from 'vue'
+import { nextTick, onMounted, ref, onBeforeUnmount } from 'vue'
 import { useRoute } from 'vue-router'
 import { copyClick } from '@/utils/clipboard'
 import applicationApi from '@/api/application'
@@ -489,7 +489,7 @@ class AudioManage {
     // text 处理成纯文本
     text = markdownToPlainText(text)
     const split = smartSplit(
-      props.data.answer_text,
+      text,
       {
         0: 20,
         1: 50,
@@ -526,6 +526,11 @@ onMounted(() => {
     }
   })
 })
+onBeforeUnmount(() => {
+  if (audioManage.value) {
+    audioManage.value.pause()
+  }
+})
 </script>
 <style lang="scss" scoped>
 @media only screen and (max-width: 430px) {