From e9eb7a847eed747af97deb04b18791f2497c7363 Mon Sep 17 00:00:00 2001
From: CaptainB <bin@fit2cloud.com>
Date: Wed, 22 Jan 2025 11:16:16 +0800
Subject: [PATCH] fix: When there is only a voice file in the answer, an error
 is reported when reading it aloud.
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

--bug=1051784 --user=刘瑞斌 【应用编排】回答中只有语音文件的时候，朗读报错 https://www.tapd.cn/57709429/s/1649307
---
 .../component/operation-button/ChatOperationButton.vue   | 9 ++++++---
 1 file changed, 6 insertions(+), 3 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 deb36f299..4f8f894b0 100644
--- a/ui/src/components/ai-chat/component/operation-button/ChatOperationButton.vue
+++ b/ui/src/components/ai-chat/component/operation-button/ChatOperationButton.vue
@@ -79,7 +79,7 @@
   <audio ref="audioPlayer" v-for="item in audioList" :key="item" controls hidden="hidden"></audio>
 </template>
 <script setup lang="ts">
-import { onMounted, ref } from 'vue'
+import { nextTick, onMounted, ref } from 'vue'
 import { useRoute } from 'vue-router'
 import { copyClick } from '@/utils/clipboard'
 import applicationApi from '@/api/application'
@@ -173,8 +173,11 @@ const playAnswerText = (text: string) => {
   // console.log(text)
   audioPlayerStatus.value = true
   // 分割成多份
-  audioList.value = text.split(/(<audio[^>]*><\/audio>)/)
-  playAnswerTextPart()
+  audioList.value = text.split(/(<audio[^>]*><\/audio>)/).filter((item) => item.trim().length > 0)
+  nextTick(()=>{
+    // console.log(audioList.value, audioPlayer.value)
+    playAnswerTextPart()
+  })
 }
 
 const playAnswerTextPart = () => {