From 7eb79ed813661fec7413ea291377e7145b2f5f0d Mon Sep 17 00:00:00 2001
From: xiaoxia <dev@xiaoxiajianji.com>
Date: Thu, 30 Jul 2026 13:55:41 +0800
Subject: [PATCH] =?UTF-8?q?fix(#1196):=20TtsPanel=E4=BC=A0=E5=85=A5?=
 =?UTF-8?q?=E6=96=B0=E7=9A=84props=E7=BB=99VoiceSelector=EF=BC=8C=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81=E5=85=8B=E9=9A=86=E9=9F=B3=E8=89=B2=E5=B1=95=E7=A4=BA?=
 =?UTF-8?q?=E4=B8=8E=E8=AF=95=E5=90=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../editing-planner/components/TtsPanel/index.tsx  | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/pages/editing-planner/components/TtsPanel/index.tsx b/apps/web/src/pages/editing-planner/components/TtsPanel/index.tsx
index 212f6cb35..1a108a2e0 100644
--- a/apps/web/src/pages/editing-planner/components/TtsPanel/index.tsx
+++ b/apps/web/src/pages/editing-planner/components/TtsPanel/index.tsx
@@ -1,6 +1,6 @@
 /**
  * TTS 配音面板 — Drawer 形式
- * 配音模式切换 + 文本输入 + 音色选择 + 语速/语调/音量 + 试听 + 字幕联动
+ * 配音模式切换 + 文本输入 + 音色选择（预设+克隆） + 语速/语调/音量 + 试听 + 字幕联动
  */
 import React from "react"
 import { Drawer } from "antd"
@@ -21,12 +21,15 @@ export interface TtsPanelProps {
 
 const TtsPanel: React.FC<TtsPanelProps> = ({ open, onClose, config, onChange }) => {
   const {
-    voices,
+    presetVoices,
+    cloneVoices,
     voicesLoading,
     previewLoading,
+    playingVoiceId,
     handleModeChange,
     handleTextChange,
     handleVoiceSelect,
+    handlePlayVoiceSample,
     handleSpeedChange,
     handlePitchChange,
     handleVolumeChange,
@@ -83,10 +86,13 @@ const TtsPanel: React.FC<TtsPanelProps> = ({ open, onClose, config, onChange })
 
           {/* 音色选择 */}
           <VoiceSelector
-            voices={voices}
+            presetVoices={presetVoices}
+            cloneVoices={cloneVoices}
             selectedVoiceId={config.voice_id}
             loading={voicesLoading}
+            playingVoiceId={playingVoiceId}
             onSelect={handleVoiceSelect}
+            onPlaySample={handlePlayVoiceSample}
           />
 
           {/* 语速 */}
@@ -169,4 +175,4 @@ const TtsPanel: React.FC<TtsPanelProps> = ({ open, onClose, config, onChange })
   )
 }
 
-export default TtsPanel
+export default TtsPanel
\ No newline at end of file