From d328a25728533d414b7d8b0665eaa340b5e3a690 Mon Sep 17 00:00:00 2001
From: ddcat666 <26564566+ddcat666@users.noreply.github.com>
Date: Wed, 30 Sep 2026 18:28:01 +0800
Subject: [PATCH] =?UTF-8?q?style(web):=20=E9=9F=B3=E9=A2=91=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE=20-=20=E4=BF=AE=E6=AD=A3=E6=83=85=E6=84=9F=E5=8F=82?=
 =?UTF-8?q?=E6=95=B0=E9=9D=A2=E6=9D=BF=E6=A0=BC=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/audio-settings-panel.tsx | 39 ++++++++++++++++++---
 1 file changed, 35 insertions(+), 4 deletions(-)

diff --git a/web/src/components/audio-settings-panel.tsx b/web/src/components/audio-settings-panel.tsx
index 7262614c7..ce1b62210 100644
--- a/web/src/components/audio-settings-panel.tsx
+++ b/web/src/components/audio-settings-panel.tsx
@@ -7,7 +7,21 @@ import type { AiConfig } from "@/stores/use-config-store";
 
 const speedOptions = ["0.75", "1", "1.25", "1.5"];
 
-type AudioSettingKey = "audioVoice" | "audioFormat" | "audioSpeed" | "audioInstructions" | "audioEmotionControlMethod" | "audioEmotionRandom" | "audioEmotionHappy" | "audioEmotionAngry" | "audioEmotionSad" | "audioEmotionAfraid" | "audioEmotionDisgusted" | "audioEmotionMelancholic" | "audioEmotionSurprised" | "audioEmotionCalm";
+type AudioSettingKey =
+    | "audioVoice"
+    | "audioFormat"
+    | "audioSpeed"
+    | "audioInstructions"
+    | "audioEmotionControlMethod"
+    | "audioEmotionRandom"
+    | "audioEmotionHappy"
+    | "audioEmotionAngry"
+    | "audioEmotionSad"
+    | "audioEmotionAfraid"
+    | "audioEmotionDisgusted"
+    | "audioEmotionMelancholic"
+    | "audioEmotionSurprised"
+    | "audioEmotionCalm";
 
 type AudioSettingsPanelProps = {
     config: AiConfig;
@@ -94,7 +108,18 @@ export function AudioSettingsPanel({ config, onConfigChange, theme, showTitle =
                         {emotionFields.map(([key, label]) => (
                             <label key={key} className="flex items-center gap-2 text-xs">
                                 <span className="min-w-0 flex-1">{label}</span>
-                                <input type="number" min={0} max={1} step={0.01} className="h-8 w-20 rounded-lg border bg-transparent px-2 text-right outline-none" style={{ borderColor: theme.node.stroke, color: theme.node.text }} value={config[key] || "0"} onChange={(event) => onConfigChange(key, event.target.value)} onBlur={(event) => onConfigChange(key, normalizeEmotionWeight(event.target.value))} onMouseDown={(event) => event.stopPropagation()} />
+                                <input
+                                    type="number"
+                                    min={0}
+                                    max={1}
+                                    step={0.01}
+                                    className="h-8 w-20 rounded-lg border bg-transparent px-2 text-right outline-none"
+                                    style={{ borderColor: theme.node.stroke, color: theme.node.text }}
+                                    value={config[key] || "0"}
+                                    onChange={(event) => onConfigChange(key, event.target.value)}
+                                    onBlur={(event) => onConfigChange(key, normalizeEmotionWeight(event.target.value))}
+                                    onMouseDown={(event) => event.stopPropagation()}
+                                />
                             </label>
                         ))}
                     </div>
@@ -105,8 +130,14 @@ export function AudioSettingsPanel({ config, onConfigChange, theme, showTitle =
 }
 
 const emotionFields: Array<[Extract<AudioSettingKey, `audioEmotion${string}`>, string]> = [
-    ["audioEmotionHappy", "快乐"], ["audioEmotionAngry", "愤怒"], ["audioEmotionSad", "悲伤"], ["audioEmotionAfraid", "害怕"],
-    ["audioEmotionDisgusted", "厌恶"], ["audioEmotionMelancholic", "忧郁"], ["audioEmotionSurprised", "惊讶"], ["audioEmotionCalm", "平静"],
+    ["audioEmotionHappy", "快乐"],
+    ["audioEmotionAngry", "愤怒"],
+    ["audioEmotionSad", "悲伤"],
+    ["audioEmotionAfraid", "害怕"],
+    ["audioEmotionDisgusted", "厌恶"],
+    ["audioEmotionMelancholic", "忧郁"],
+    ["audioEmotionSurprised", "惊讶"],
+    ["audioEmotionCalm", "平静"],
 ];
 
 function normalizeEmotionWeight(value: string) {