feat(speak): 实现语音播报功能

- 新增 speak-tts 依赖库 - 创建 speak.js 工具类，实现语音合成和播报功能 - 在 ChatInterface 组件中添加 TextToVoiceButton 组件，用于触发语音播报 - 在 VoiceInputSettings 组件中添加语音播报相关设置选项 - 更新 chat.js 中的逻辑，支持自动语音播报 - 新增 speakStore 管理语音播报相关状态
refactor(cursor): 规则文件
2025-04-27 20:26:30 +08:00 · 2025-04-27 18:13:23 +08:00 · 2025-04-27 18:12:29 +08:00 · 2025-04-27 18:11:57 +08:00 · 2025-04-27 16:59:58 +08:00
15 changed files with 440 additions and 166 deletions
--- a/.cursor/rules/cusorrules.mdc
+++ b/.cursor/rules/cusorrules.mdc
@ -13,6 +13,9 @@ alwaysApply: false
 - mockjs
 - sass

+### 包管理器
+- yarn
+
 ### 文件目录

 - src/
@ -47,6 +50,7 @@ alwaysApply: false
   - Props 必须定义类型和默认值
   - 使用 defineEmits 定义事件
   - 复杂组件需要添加注释说明
+   - 高度组件化开发，细致到功能模块

 4. 状态管理
   - 使用 Pinia 进行状态管理
--- a/.cursor/rules/cursorrules.mdc
+++ b/.cursor/rules/cursorrules.mdc
@ -0,0 +1,87 @@
+---
+description: 
+globs: 
+alwaysApply: true
+---
+---
+description: 
+globs: 
+alwaysApply: true
+---
+### 技术栈
+- Javascript
+- Vue3
+- vite
+- axios
+- element
+- pinia
+- mockjs
+- sass
+
+### 包管理器
+- yarn
+
+### 文件目录
+
+- src/
+  - assets/          # 静态资源文件
+  - components/      # 公共组件
+  - views/          # 页面视图组件
+  - router/         # 路由配置
+  - store/          # Pinia状态管理
+  - api/            # API接口封装
+  - utils/          # 工具函数
+  - styles/         # 全局样式
+  - mock/           # Mock数据
+  - App.vue         # 根组件
+  - main.js         # 入口文件
+
+### 开发规范
+
+1. 命名规范
+   - 组件名：大驼峰命名法，如 `UserProfile.vue`
+   - 变量名：小驼峰命名法，如 `userInfo`
+   - 常量名：全大写，下划线分隔，如 `API_BASE_URL`
+   - 文件夹名：小写，中划线分隔，如 `user-center`
+
+2. 代码风格
+   - 使用 ESLint + Prettier 进行代码格式化
+   - 组件内使用 `<script setup>` 语法
+   - 使用 TypeScript 进行类型检查
+   - 遵循 Vue3 组合式 API 规范
+
+3. 组件开发
+   - 组件必须包含 name 属性
+   - Props 必须定义类型和默认值
+   - 使用 defineEmits 定义事件
+   - 复杂组件需要添加注释说明
+   - 高度组件化开发，细致到功能模块
+
+4. 状态管理
+   - 使用 Pinia 进行状态管理
+   - Store 按功能模块划分
+   - 避免在组件中直接修改 store 状态
+
+5. 路由规范
+   - 路由配置统一在 router 目录下管理
+   - 使用路由懒加载
+   - 路由命名遵循小驼峰命名法
+
+6. API 规范
+   - API 请求统一在 api 目录下管理
+   - 使用 axios 进行请求封装
+   - 统一错误处理
+   - 请求参数和响应数据需要定义类型
+
+7. 样式规范
+   - 使用 SCSS 预处理器
+   - 遵循 BEM 命名规范
+   - 全局样式统一在 styles 目录下管理
+   - 组件样式使用 scoped
+
+8. 提交规范
+   - 遵循 Conventional Commits 规范
+   - 提交信息必须清晰描述改动内容
+
+
+   - 禁止提交大文件 
--- a/package.json
+++ b/package.json
@ -42,13 +42,12 @@
    "echarts": "^5.6.0",
    "element-plus": "^2.9.7",
    "marked": "^15.0.8",
-    "pcm": "^1.0.3",
    "pinia": "^3.0.2",
    "pinia-plugin-persistedstate": "^4.2.0",
    "recorder-core": "^1.3.25011100",
+    "speak-tts": "^2.0.8",
    "vue": "^3.5.13",
-    "vue-router": "^4.5.0",
-    "wav": "^1.0.2"
+    "vue-router": "^4.5.0"
  },
  "devDependencies": {
    "@types/node": "^20.11.19",
--- a/src/components/settings/VoiceInputSettings.vue
+++ b/src/components/settings/VoiceInputSettings.vue
@ -4,27 +4,59 @@
    <div class="settings-item">
      <span class="settings-label">语音转文字后直接发送</span>
      <el-switch
-        v-model="voiceInputSettings.sendDirectly"
-        @change="updateSettings"
+        v-model="sendDirectly"
      />
    </div>
+    <div class="settings-item">
+      <span class="settings-label">自动语音播报</span>
+      <el-switch
+        v-model="autoTTS"
+      />
+    </div>
+    <div class="settings-item">
+      <span class="settings-label">语音播报音色</span>
+      <el-select v-model="ttsVoice" placeholder="默认" style="width: 180px">
+        <el-option
+          v-for="voice in zhVoices"
+          :key="voice.name"
+          :label="voice.name + (voice.lang ? ' (' + voice.lang + ')' : '')"
+          :value="voice.name"
+        />
+        <el-option label="默认" value="" />
+      </el-select>
+    </div>
  </div>
 </template>

 <script setup>
-import { computed } from 'vue'
-import { useSettingsStore } from '@/store/settings'
+import { computed, ref, onMounted } from 'vue'
+import { useSpeakStore } from '@/store/speak'
+import { getTTSVoices } from '@/utils/speak'

-const settingsStore = useSettingsStore()
+const speakStore = useSpeakStore()

-const voiceInputSettings = computed({
-  get: () => settingsStore.voiceInputSettings,
-  set: (value) => settingsStore.updateVoiceInputSettings(value)
+const sendDirectly = computed({
+  get: () => speakStore.sendDirectly,
+  set: (val) => speakStore.setSendDirectly(val)
+})
+const autoTTS = computed({
+  get: () => speakStore.autoTTS,
+  set: (val) => speakStore.setAutoTTS(val)
 })

-const updateSettings = () => {
-  settingsStore.updateVoiceInputSettings(voiceInputSettings.value)
-}
+const ttsVoice = computed({
+  get: () => speakStore.ttsVoice,
+  set: (val) => speakStore.setTTSVoice(val)
+})
+
+const voices = ref([])
+const zhVoices = computed(() =>
+  voices.value.filter(v => v.lang && v.lang.toLowerCase().startsWith('zh'))
+)
+
+onMounted(async () => {
+  voices.value = await getTTSVoices()
+})
 </script>

 <style lang="scss" scoped>
--- a/src/store/chat.js
+++ b/src/store/chat.js
@ -1,5 +1,8 @@
 import { defineStore } from 'pinia'
 import { sendMessage } from '@/api/chat'
+import { useSettingsStore } from '@/store/settings'
+import { speakText } from '@/utils/speak'
+import { useSpeakStore } from '@/store/speak'

 const chatModes = {
  training: { 
@ -72,6 +75,7 @@ const processTagContent = (answerCache, tagName, cachedMessage) => {
      const content = answerCache.split(endTag)[0]
      cachedMessage[tagName] += content
      cachedMessage.respondingType = ''
+      cachedMessage[`${tagName}Finished`] = true
      return answerCache.split(endTag)[1] || ''
    } else {
      // 继续累积内容
@ -187,6 +191,7 @@ export const useChatStore = defineStore('chat', {
      
      this.hasStartedResponse = false
      
+      const spokenSet = new Set(); // 新增：记录已播报的 messageId
      try {
        const messageStream = await sendMessage({
          inputs: {},
@ -219,6 +224,10 @@ export const useChatStore = defineStore('chat', {
                pingfen: '',
                zongjie: '',
                dafen: '',
+                kehuFinished: false,
+                pingfenFinished: false,
+                zongjieFinished: false,
+                dafenFinished: false,
              }
              this.conversationId = message.conversation_id
              this.messageCache[message.message_id] = currentMessage
@ -240,10 +249,20 @@ export const useChatStore = defineStore('chat', {
                answerCache += message.answer
                const cachedMessage = this.messageCache[message.message_id]
                if (cachedMessage) {
-                  // 依次处理每个标签
                  for (const tag of tagList) {
                    answerCache = processTagContent(answerCache, tag, cachedMessage)
                  }
+                  // 只在kehuFinished为true且未播报过时播报
+                  if (
+                    cachedMessage.kehuFinished &&
+                    !spokenSet.has(message.message_id)
+                  ) {
+                    const speakStore = useSpeakStore()
+                    if (speakStore.autoTTS) {
+                      speakText(cachedMessage.kehu)
+                      spokenSet.add(message.message_id)
+                    }
+                  }
                }
              }
              break
--- a/src/store/settings.js
+++ b/src/store/settings.js
@ -29,9 +29,11 @@ export const useSettingsStore = defineStore('settings', {
    theme: 'default',
    // 动画效果开关
    animationsEnabled: true,
-    // 语音输入设置
+    // 语音设置
    voiceInputSettings: {
      sendDirectly: true, // 语音转文字后直接发送
+      // 自动文字语音播报
+      autoTTS: false,
    },
  }),

--- a/src/store/speak.js
+++ b/src/store/speak.js
@ -0,0 +1,33 @@
+import { defineStore } from 'pinia'
+import Speech from 'speak-tts'
+
+export const useSpeakStore = defineStore('speak', {
+  state: () => ({
+    ttsStatus: 'idle', // 'idle' | 'playing'
+    ttsVoice: '',      // 语音名称，空为默认
+    ttsVolume: 1,      // 语音音量
+    ttsRate: 1.2,        // 语音语速
+    ttsPitch: 1,       // 语音音调
+    sendDirectly: true, // 语音转文字后直接发送
+    autoTTS: false     // 自动文字语音播报
+  }),
+  actions: {
+    setTTSStatus(status) {
+      this.ttsStatus = status
+    },
+    setTTSVoice(voice) {
+      this.ttsVoice = voice
+    },
+    setSendDirectly(val) {
+      this.sendDirectly = val
+    },
+    setAutoTTS(val) {
+      this.autoTTS = val
+    },
+  },
+  persist: {
+    key: 'speakStore',
+    storage: localStorage,
+    paths: ['ttsVoice', 'sendDirectly', 'autoTTS']
+  }
+})
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@ -0,0 +1,19 @@
+.typing-indicator {
+  span {
+    width: 4px;
+    height: 4px;
+    background: var(--el-color-primary);
+    border-radius: 50%;
+    display: inline-block;
+    margin: 0 1px;
+    animation: bounce 1.4s infinite ease-in-out;
+  }
+  
+  span:nth-child(1) { animation-delay: -0.32s; }
+  span:nth-child(2) { animation-delay: -0.16s; }
+}
+
+@keyframes bounce {
+  0%, 80%, 100% { transform: scale(0.8); }
+  40% { transform: scale(1.2); }
+} 
--- a/src/utils/speak.js
+++ b/src/utils/speak.js
@ -0,0 +1,62 @@
+import Speech from 'speak-tts'
+import { useSpeakStore } from '@/store/speak'
+
+let speechInstance = null
+let lastVoice = ''
+
+export async function speakText(text) {
+  if (!text) return
+  const speakStore = useSpeakStore()
+  if (!speechInstance) {
+    speechInstance = new Speech()
+    if (!speechInstance.hasBrowserSupport()) {
+      console.warn('当前浏览器不支持语音合成')
+      return
+    }
+    await speechInstance.init({
+      lang: 'zh-CN',
+      volume: speakStore.ttsVolume,
+      rate: speakStore.ttsRate,
+      pitch: speakStore.ttsPitch,
+      splitSentences: true,
+      voice: speakStore.ttsVoice || undefined
+    })
+    lastVoice = speakStore.ttsVoice || ''
+  }
+  // 切换voice或参数时重新init
+  if ((speakStore.ttsVoice || '') !== lastVoice
+      || speechInstance._volume !== speakStore.ttsVolume
+      || speechInstance._rate !== speakStore.ttsRate
+      || speechInstance._pitch !== speakStore.ttsPitch) {
+    await speechInstance.init({
+      lang: 'zh-CN',
+      volume: speakStore.ttsVolume,
+      rate: speakStore.ttsRate,
+      pitch: speakStore.ttsPitch,
+      splitSentences: true,
+      voice: speakStore.ttsVoice || undefined
+    })
+    lastVoice = speakStore.ttsVoice || ''
+  }
+  speakStore.setTTSStatus('playing')
+  speechInstance.speak({
+    text,
+    onend: () => speakStore.setTTSStatus('idle'),
+    onerror: () => speakStore.setTTSStatus('idle')
+  })
+}
+
+export async function getTTSVoices() {
+  // 兼容speak-tts 2.x，使用浏览器原生API
+  return new Promise((resolve) => {
+    let voices = window.speechSynthesis.getVoices();
+    if (voices.length) {
+      resolve(voices);
+    } else {
+      window.speechSynthesis.onvoiceschanged = () => {
+        voices = window.speechSynthesis.getVoices();
+        resolve(voices);
+      };
+    }
+  });
+}
--- a/src/views/chat/ChatInterface.vue
+++ b/src/views/chat/ChatInterface.vue
@ -21,23 +21,23 @@
            <el-avatar :src="userAvatarUrl" :size="40" class="avatar" />
            <div class="message-content">
              <div class="message-text-wrapper">
-                <!-- <div v-if="message.createdAt" class="message-timestamp">
-                  {{ formatTimestamp(message.createdAtTimestamp) }}
-                </div> -->
+                <div v-if="message.createdAt" class="message-timestamp">
+                  {{ formatTimestamp(message.createdAt) }}
+                </div>
                <div class="message-text">{{ message.question }}</div>
              </div>
-              <!-- 改进建议部分 -->
-              <el-button type="primary" link @click="chatStore.toggleEvaluation(message.messageId)" class="evaluation-toggle-btn">
-                改进建议
-                <el-icon v-if="!['pingfen', 'zongjie'].includes(message?.respondingType)">
-                  <component :is="message.showEvaluation ? CaretBottom : CaretRight" />
-                </el-icon>
-                <span v-else class="typing-indicator evaluation-icon">
-                    <span></span><span></span><span></span>
-                </span>
-              </el-button>
+              <div class="message-actions">
+                <!-- 改进建议 -->
+                <EvaluationButton
+                  class="message-action-button"
+                  :show-evaluation="message.showEvaluation"
+                  :responding-type="message.respondingType"
+                  @toggle="chatStore.toggleEvaluation(message.messageId)"
+                />
+              </div>
              <!-- 评价总结内容 -->
              <div v-if="message.showEvaluation && (message.pingfen || message.zongjie)" class="evaluation-section">
+                <el-button class="evaluation-close-btn" type="info" size="small" circle :icon="Close" @click="chatStore.toggleEvaluation(message.messageId)" />
                <div class="evaluation-content">
                  <div class="evaluation-text pingfen" v-html="formatMarkdown(message.pingfen, 'pingfen')"></div>
                  <div class="evaluation-text zongjie" v-html="formatMarkdown(message.zongjie, 'zongjie')"></div>
@ -55,9 +55,9 @@
            <el-avatar :src="customAvatarUrl" :size="40" class="avatar" />
            <div class="message-content">
              <div class="message-text-wrapper">
-                <!-- <div v-if="message.createdAt" class="message-timestamp">
-                  {{ formatTimestamp(message.createdAtTimestamp) }}
-                </div> -->
+                <div v-if="message.createdAt" class="message-timestamp">
+                  {{ formatTimestamp(message.createdAt) }}
+                </div>
                <div class="message-text">
                  <span v-html="message.kehu"></span>
                  <span v-if="message.respondingType === 'kehu'" class="typing-indicator">
@ -65,6 +65,14 @@
                  </span>
                </div>
              </div>
+              <div class="message-actions">
+                <!-- 文字转语音 -->
+                <TextToVoiceButton 
+                  v-if="message.kehu && message.respondingType !== 'kehu'"
+                  class="message-action-button"
+                  :text="message.kehu"
+                />
+              </div>
            </div>
          </div>
        </div>
@ -117,8 +125,10 @@ import { useChatStore } from '@/store/chat'
 import ChatHeader from '@/views/chat/components/ChatHeader.vue'
 import ChatInput from '@/views/chat/components/ChatInput.vue'
 import VoiceInput from '@/views/chat/components/VoiceInput.vue'
-import { ElTag, ElButton, ElAvatar, ElIcon } from 'element-plus'
-import { CaretBottom, CaretRight, Microphone, ChatDotSquare } from '@element-plus/icons-vue'
+import EvaluationButton from '@/views/chat/components/EvaluationButton.vue'
+import TextToVoiceButton from '@/views/chat/components/TextToVoiceButton.vue'
+import { ElTag, ElButton, ElAvatar } from 'element-plus'
+import { Microphone, ChatDotSquare, Close } from '@element-plus/icons-vue'
 import userAvatarUrl from '@/assets/user.png';
 import customAvatarUrl from '@/assets/custom.png';

@ -310,9 +320,20 @@ const toggleSummary = () => {

 // 格式化时间戳
 const formatTimestamp = (timestamp) => {
-  console.log('%c timestamp:', 'color: #2196F3; font-weight: bold', timestamp)
  if (!timestamp) return ''
-  const date = new Date(timestamp)
+  
+  // 检查时间戳是否为字符串，如果是则转换为数字
+  const timestampNum = typeof timestamp === 'string' ? parseInt(timestamp) : timestamp
+  
+  // 检查时间戳是否为毫秒级，如果不是则转换为毫秒
+  const date = new Date(timestampNum.toString().length === 10 ? timestampNum * 1000 : timestampNum)
+  
+  // 检查日期是否有效
+  if (isNaN(date.getTime())) {
+    console.error('Invalid timestamp:', timestamp)
+    return ''
+  }
+  
  return date.toLocaleString('zh-CN', {
    year: 'numeric',
    month: '2-digit',
@ -561,6 +582,9 @@ html.dark .background-section .background-content {
        flex-direction: column;
        align-items: flex-end;
      }
+      .message-timestamp {
+        right: 0;
+      }
    }

    &.assistant {
@ -621,41 +645,15 @@ html.dark .background-section .background-content {
      }
    }
  }
+}

-  .evaluation-toggle-btn {
-    padding: 6px 0; // Adjust padding for link button
-    font-size: 13px;
-
-    .el-icon {
-      margin-left: 4px;
-      vertical-align: middle;
-    }
-
-    .evaluation-icon {
-      &.typing-indicator {
-        padding: 0;
-        display: inline-flex;
-        align-items: center;
-        gap: 2px;
-        margin-left: 4px;
-        vertical-align: middle;
-        
-        span {
-          width: 4px;
-          height: 4px;
-          background: var(--el-color-primary);
-          border-radius: 50%;
-          animation: bounce 1.4s infinite ease-in-out;
-          
-          &:nth-child(1) { animation-delay: -0.32s; }
-          &:nth-child(2) { animation-delay: -0.16s; }
-        }
-      }
-    }
-  }
+.message-wrapper.user .message-text-wrapper {
+  display: flex;
+  align-items: center;
 }

 .evaluation-section {
+  position: relative;
  margin-top: 12px;
  font-size: 14px;
  background: var(--el-bg-color);
@ -664,7 +662,6 @@ html.dark .background-section .background-content {
  box-shadow: var(--el-box-shadow-light);
  max-width: 100%;
  border: 1px solid var(--el-border-color-lighter);
-  position: relative;

  .evaluation-content {
    padding: 16px 24px 16px 16px;
@ -731,6 +728,21 @@ html.dark .background-section .background-content {
  }
 }

+.evaluation-close-btn {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  z-index: 2;
+  font-size: 14px;
+  background: transparent;
+  border: none;
+  color: var(--el-text-color-primary);
+  transition: color 0.2s;
+}
+.evaluation-close-btn:hover {
+  color: var(--el-color-primary);
+}
+
 .input-area-wrapper {
  display: flex;
  align-items: flex-end;
@ -865,6 +877,7 @@ html.dark .background-section .background-content {
  top: -20px;
  opacity: 0;
  transition: opacity 0.2s ease;
+  width: max-content;
 }

 .message-text-wrapper {
@ -933,4 +946,16 @@ html.dark .background-section .background-content {
  0%, 80%, 100% { transform: scale(0.8); }
  40% { transform: scale(1.2); }
 }
+
+.message-actions .message-action-button {
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.2s;
+}
+
+.message-wrapper:hover .message-actions .message-action-button,
+.message-wrapper:focus-within .message-actions .message-action-button {
+  opacity: 1;
+  pointer-events: auto;
+}
 </style> 
--- a/src/views/chat/components/EvaluationButton.vue
+++ b/src/views/chat/components/EvaluationButton.vue
@ -0,0 +1,51 @@
+<template>
+  <el-button type="primary" link @click="$emit('toggle')" class="evaluation-toggle-btn">
+    改进建议
+    <el-icon v-if="!['pingfen', 'zongjie'].includes(respondingType)">
+      <component :is="showEvaluation ? CaretBottom : CaretRight" />
+    </el-icon>
+    <span v-else class="typing-indicator evaluation-icon">
+      <span></span><span></span><span></span>
+    </span>
+  </el-button>
+</template>
+
+<script setup>
+import { CaretBottom, CaretRight } from '@element-plus/icons-vue'
+
+defineProps({
+  showEvaluation: {
+    type: Boolean,
+    default: false
+  },
+  respondingType: {
+    type: String,
+    default: ''
+  }
+})
+
+defineEmits(['toggle'])
+</script>
+
+<style lang="scss" scoped>
+.evaluation-toggle-btn {
+  padding: 6px 0;
+  font-size: 13px;
+
+  .el-icon {
+    margin-left: 4px;
+    vertical-align: middle;
+  }
+
+  .evaluation-icon {
+    &.typing-indicator {
+      padding: 0;
+      display: inline-flex;
+      align-items: center;
+      gap: 2px;
+      margin-left: 4px;
+      vertical-align: middle;
+    }
+  }
+}
+</style> 
--- a/src/views/chat/components/TextToVoiceButton.vue
+++ b/src/views/chat/components/TextToVoiceButton.vue
@ -0,0 +1,21 @@
+<template>
+  <el-button type="primary" link :icon="Microphone" @click="handleTextToVoice">
+    语音
+  </el-button>
+</template>
+
+<script setup>
+import { Microphone } from '@element-plus/icons-vue'
+import { speakText } from '@/utils/speak'
+
+const props = defineProps({
+  text: {
+    type: String,
+    required: true
+  }
+})
+
+function handleTextToVoice() {
+  speakText(props.text)
+}
+</script> 
--- a/src/views/chat/components/VoiceInput.vue
+++ b/src/views/chat/components/VoiceInput.vue
@ -74,7 +74,7 @@ import 'recorder-core/src/engine/pcm'
 import 'recorder-core/src/engine/wav'
 import WebSocketClient from '@/utils/websocket'
 import AudioWaveform from '@/components/AudioWaveform.vue'
-import { useSettingsStore } from '@/store/settings'
+import { useSpeakStore } from '@/store/speak'

 // Props definition
 const props = defineProps({
@ -88,7 +88,7 @@ const props = defineProps({
 const emit = defineEmits(['sendText', 'fillInput'])

 // 获取设置
-const settingsStore = useSettingsStore()
+const speakStore = useSpeakStore()

 // Refs related to voice input
 const isRecording = ref(false)
@ -201,7 +201,7 @@ const confirmVoiceInput = async () => {
    isRecording.value = false
    
    if (realTimeText.value) {
-      if (settingsStore.voiceInputSettings.sendDirectly) {
+      if (speakStore.sendDirectly) {
        emit('sendText', realTimeText.value)
      } else {
        emit('fillInput', realTimeText.value)
--- a/src/views/settings/SettingsPanel.vue
+++ b/src/views/settings/SettingsPanel.vue
@ -8,7 +8,7 @@
      <div class="settings-item">
        <span class="settings-label">语音转文字后直接发送</span>
        <el-switch
-          v-model="voiceInputSettings.sendDirectly"
+          v-model="sendDirectly"
          @change="updateVoiceInputSettings"
        />
      </div>
@ -20,14 +20,17 @@

 <script setup>
 import { ref, computed } from 'vue'
-import { useSettingsStore } from '@/store/settings'
+import { useSpeakStore } from '@/store/speak'

-const settingsStore = useSettingsStore()
+const speakStore = useSpeakStore()

-// 语音输入设置
-const voiceInputSettings = computed({
-  get: () => settingsStore.voiceInputSettings,
-  set: (value) => settingsStore.updateVoiceInputSettings(value)
+const sendDirectly = computed({
+  get: () => speakStore.sendDirectly,
+  set: (val) => speakStore.setSendDirectly(val)
+})
+const autoTTS = computed({
+  get: () => speakStore.autoTTS,
+  set: (val) => speakStore.setAutoTTS(val)
 })

 // ... 其他代码 ...
--- a/yarn.lock
+++ b/yarn.lock
@ -1342,34 +1342,11 @@ browserslist@^4.23.1, browserslist@^4.24.0, browserslist@^4.24.4:
    node-releases "^2.0.19"
    update-browserslist-db "^1.1.1"

-buffer-alloc-unsafe@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.npmmirror.com/buffer-alloc-unsafe/-/buffer-alloc-unsafe-1.1.0.tgz#bd7dc26ae2972d0eda253be061dba992349c19f0"
-  integrity sha512-TEM2iMIEQdJ2yjPJoSIsldnleVaAk1oW3DBVUykyOLsEsFmEc9kn+SFFPz+gl54KQNxlDnAwCXosOS9Okx2xAg==
-
-buffer-alloc@^1.1.0:
-  version "1.2.0"
-  resolved "https://registry.npmmirror.com/buffer-alloc/-/buffer-alloc-1.2.0.tgz#890dd90d923a873e08e10e5fd51a57e5b7cce0ec"
-  integrity sha512-CFsHQgjtW1UChdXgbyJGtnm+O/uLQeZdtbDo8mfUgYXCHSM1wgrVxXm6bSyrUuErEb+4sYVGCzASBRot7zyrow==
-  dependencies:
-    buffer-alloc-unsafe "^1.1.0"
-    buffer-fill "^1.0.0"
-
 buffer-builder@^0.2.0:
  version "0.2.0"
  resolved "https://registry.npmmirror.com/buffer-builder/-/buffer-builder-0.2.0.tgz#3322cd307d8296dab1f604618593b261a3fade8f"
  integrity sha512-7VPMEPuYznPSoR21NE1zvd2Xna6c/CloiZCfcMXR1Jny6PjX0N4Nsa38zcBFo/FMK+BlA+FLKbJCQ0i2yxp+Xg==

-buffer-fill@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.npmmirror.com/buffer-fill/-/buffer-fill-1.0.0.tgz#f8f78b76789888ef39f205cd637f68e702122b2c"
-  integrity sha512-T7zexNBwiiaCOGDg9xNX9PBmjrubblRkENuptryuI64URkXDFum9il/JGL8Lm8wYfAXpredVXXZz7eMHilimiQ==
-
-buffer-from@^1.0.0:
-  version "1.1.2"
-  resolved "https://registry.npmmirror.com/buffer-from/-/buffer-from-1.1.2.tgz#2b146a6fd72e80b4f55d255f35ed59a3a9a41bd5"
-  integrity sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==
-
 bundle-name@^4.1.0:
  version "4.1.0"
  resolved "https://registry.npmmirror.com/bundle-name/-/bundle-name-4.1.0.tgz#f3b96b34160d6431a19d7688135af7cfb8797889"
@ -1471,11 +1448,6 @@ copy-anything@^3.0.2:
  dependencies:
    is-what "^4.1.8"

-core-util-is@~1.0.0:
-  version "1.0.3"
-  resolved "https://registry.npmmirror.com/core-util-is/-/core-util-is-1.0.3.tgz#a6042d3634c2b27e9328f837b965fac83808db85"
-  integrity sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==
-
 cross-spawn@^7.0.3:
  version "7.0.6"
  resolved "https://registry.npmmirror.com/cross-spawn/-/cross-spawn-7.0.6.tgz#8a58fe78f00dcd70c370451759dfbfaf03e8ee9f"
@ -1531,13 +1503,6 @@ de-indent@^1.0.2:
  resolved "https://registry.npmmirror.com/de-indent/-/de-indent-1.0.2.tgz#b2038e846dc33baa5796128d0804b455b8c1e21d"
  integrity sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==

-debug@2, debug@^2.2.0:
-  version "2.6.9"
-  resolved "https://registry.npmmirror.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
-  integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
-  dependencies:
-    ms "2.0.0"
-
 debug@^4.1.0, debug@^4.3.1, debug@^4.3.7, debug@^4.4.0:
  version "4.4.0"
  resolved "https://registry.npmmirror.com/debug/-/debug-4.4.0.tgz#2b3f2aea2ffeb776477460267377dc8710faba8a"
@ -1965,11 +1930,6 @@ immutable@^5.0.2:
  resolved "https://registry.npmmirror.com/immutable/-/immutable-5.1.1.tgz#d4cb552686f34b076b3dcf23c4384c04424d8354"
  integrity sha512-3jatXi9ObIsPGr3N5hGw/vWWcTkq6hUYhpQz4k0wLC+owqWi/LiugIw9x0EdNZ2yGedKN/HzePiBvaJRXa0Ujg==

-inherits@~2.0.1:
-  version "2.0.4"
-  resolved "https://registry.npmmirror.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
-  integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
-
 is-core-module@^2.16.0:
  version "2.16.1"
  resolved "https://registry.npmmirror.com/is-core-module/-/is-core-module-2.16.1.tgz#2a98801a849f43e2add644fbb6bc6229b19a4ef4"
@ -2033,11 +1993,6 @@ is-wsl@^3.1.0:
  dependencies:
    is-inside-container "^1.0.0"

-isarray@0.0.1:
-  version "0.0.1"
-  resolved "https://registry.npmmirror.com/isarray/-/isarray-0.0.1.tgz#8a18acfca9a8f4177e09abfc6038939b05d1eedf"
-  integrity sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ==
-
 isexe@^2.0.0:
  version "2.0.0"
  resolved "https://registry.npmmirror.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
@ -2204,11 +2159,6 @@ mrmime@^2.0.0:
  resolved "https://registry.npmmirror.com/mrmime/-/mrmime-2.0.1.tgz#bc3e87f7987853a54c9850eeb1f1078cd44adddc"
  integrity sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==

-ms@2.0.0:
-  version "2.0.0"
-  resolved "https://registry.npmmirror.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
-  integrity sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==
-
 ms@^2.1.3:
  version "2.1.3"
  resolved "https://registry.npmmirror.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
@ -2323,11 +2273,6 @@ pathe@^2.0.1, pathe@^2.0.2, pathe@^2.0.3:
  resolved "https://registry.npmmirror.com/pathe/-/pathe-2.0.3.tgz#3ecbec55421685b70a9da872b2cff3e1cbed1716"
  integrity sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==

-pcm@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.npmmirror.com/pcm/-/pcm-1.0.3.tgz#8e9508ab321f93ca61cd4ab44cc846530a185f24"
-  integrity sha512-N/qULxlCd++KuA4gAi9+wG9HpPmSOHowYj6KumrGsaoDVrcswut6K/GomqoFcbVXSnAnAf2SevVn1ehTQgFdHA==
-
 perfect-debounce@^1.0.0:
  version "1.0.0"
  resolved "https://registry.npmmirror.com/perfect-debounce/-/perfect-debounce-1.0.0.tgz#9c2e8bc30b169cc984a58b7d5b28049839591d2a"
@ -2713,16 +2658,6 @@ read-cache@^1.0.0:
  dependencies:
    pify "^2.3.0"

-readable-stream@^1.1.14:
-  version "1.1.14"
-  resolved "https://registry.npmmirror.com/readable-stream/-/readable-stream-1.1.14.tgz#7cf4c54ef648e3813084c636dd2079e166c081d9"
-  integrity sha512-+MeVjFf4L44XUkhM1eYbD8fyEsxcV81pqMSR5gblfcLCHfZvbrqy4/qYHE+/R5HoBUT11WV5O08Cr1n3YXkWVQ==
-  dependencies:
-    core-util-is "~1.0.0"
-    inherits "~2.0.1"
-    isarray "0.0.1"
-    string_decoder "~0.10.x"
-
 readdirp@^4.0.1:
  version "4.1.2"
  resolved "https://registry.npmmirror.com/readdirp/-/readdirp-4.1.2.tgz#eb85801435fbf2a7ee58f19e0921b068fc69948d"
@ -2997,6 +2932,11 @@ slash@^5.1.0:
  resolved "https://registry.npmmirror.com/source-map-js/-/source-map-js-1.2.1.tgz#1ce5650fddd87abc099eda37dcff024c2667ae46"
  integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==

+speak-tts@^2.0.8:
+  version "2.0.8"
+  resolved "https://registry.npmmirror.com/speak-tts/-/speak-tts-2.0.8.tgz#9ed6660fcd710840fcc01144e73ba5ea35f99c1e"
+  integrity sha512-VY6Q6mRjdou6bF+x0LspvM7GJhBxHx8CLyGPTNQQ7jrztiGutyI4QNZn0cA17c4uk0FnFbA4PaMI3skeZ6PiFg==
+
 speakingurl@^14.0.1:
  version "14.0.1"
  resolved "https://registry.npmmirror.com/speakingurl/-/speakingurl-14.0.1.tgz#f37ec8ddc4ab98e9600c1c9ec324a8c48d772a53"
@ -3007,18 +2947,6 @@ std-env@^3.8.1:
  resolved "https://registry.npmmirror.com/std-env/-/std-env-3.9.0.tgz#1a6f7243b339dca4c9fd55e1c7504c77ef23e8f1"
  integrity sha512-UGvjygr6F6tpH7o2qyqR6QYpwraIjKSdtzyBdyytFOHmPZY917kwdwLG0RbOjWOnKmnm3PeHjaoLLMie7kPLQw==

-stream-parser@^0.3.1:
-  version "0.3.1"
-  resolved "https://registry.npmmirror.com/stream-parser/-/stream-parser-0.3.1.tgz#1618548694420021a1182ff0af1911c129761773"
-  integrity sha512-bJ/HgKq41nlKvlhccD5kaCr/P+Hu0wPNKPJOH7en+YrJu/9EgqUF+88w5Jb6KNcjOFMhfX4B2asfeAtIGuHObQ==
-  dependencies:
-    debug "2"
-
-string_decoder@~0.10.x:
-  version "0.10.31"
-  resolved "https://registry.npmmirror.com/string_decoder/-/string_decoder-0.10.31.tgz#62e203bc41766c6c28c9fc84301dab1c5310fa94"
-  integrity sha512-ev2QzSzWPYmy9GuqfIVildA4OdcGLeFZQrq5ys6RtiuF+RQQiZWr8TZNyAcuVXyQRYfEO+MsoB/1BuQVhOJuoQ==
-
 strip-final-newline@^4.0.0:
  version "4.0.0"
  resolved "https://registry.npmmirror.com/strip-final-newline/-/strip-final-newline-4.0.0.tgz#35a369ec2ac43df356e3edd5dcebb6429aa1fa5c"
@ -3306,17 +3234,6 @@ vue@^3.5.13:
    "@vue/server-renderer" "3.5.13"
    "@vue/shared" "3.5.13"

-wav@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.npmmirror.com/wav/-/wav-1.0.2.tgz#bdbf3fa0d9b4519e9dfd2f603299ead0a2f22060"
-  integrity sha512-viHtz3cDd/Tcr/HbNqzQCofKdF6kWUymH9LGDdskfWFoIy/HJ+RTihgjEcHfnsy1PO4e9B+y4HwgTwMrByquhg==
-  dependencies:
-    buffer-alloc "^1.1.0"
-    buffer-from "^1.0.0"
-    debug "^2.2.0"
-    readable-stream "^1.1.14"
-    stream-parser "^0.3.1"
-
 webpack-virtual-modules@^0.6.2:
  version "0.6.2"
  resolved "https://registry.npmmirror.com/webpack-virtual-modules/-/webpack-virtual-modules-0.6.2.tgz#057faa9065c8acf48f24cb57ac0e77739ab9a7e8"
Author	SHA1	Message	Date
Lexcubia	a1b82d3cf8	feat(speak): 实现语音播报功能 - 新增 speak-tts 依赖库 - 创建 speak.js 工具类，实现语音合成和播报功能 - 在 ChatInterface 组件中添加 TextToVoiceButton 组件，用于触发语音播报 - 在 VoiceInputSettings 组件中添加语音播报相关设置选项 - 更新 chat.js 中的逻辑，支持自动语音播报 - 新增 speakStore 管理语音播报相关状态	2025-04-27 20:26:30 +08:00
Lexcubia	dbb45fb1bc	refactor(cursor): 规则文件	2025-04-27 18:13:23 +08:00
Lexcubia	07a203ab91	refactor(chat): 重构评价按钮并添加全局样式 - 新增 EvaluationButton 组件，用于替换 ChatInterface 中的评价按钮 - 在 global.scss 中添加 typing-indicator 和 evaluation 相关样式 - 调整 ChatInterface 样式，为后续添加功能做准备	2025-04-27 18:12:29 +08:00
Lexcubia	a048f4bc2b	feat(settings): 增加自动语音播报设置选项在 VoiceInputSettings 组件中添加了自动语音播报（TTS）的设置选项。用户可以通过开关来启用或禁用此功能。	2025-04-27 18:11:57 +08:00
Lexcubia	a101fc182b	refactor(chat): 优化时间戳显示和处理 - 移除了对 createdAtTimestamp 的引用，改为使用 createdAt - 添加了对时间戳的格式化处理，支持字符串和数字类型的时间戳 - 增加了时间戳的有效性检查 - 调整了时间戳的显示位置和样式	2025-04-27 16:59:58 +08:00