fix(#1196): TtsPanel传入新的props给VoiceSelector,支持克隆音色展示与试听

This commit is contained in:
2026-07-30 13:55:41 +08:00
parent b3c2a8f278
commit 7eb79ed813
@@ -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