From ece5c6135e47c7acdb017b21177ee62c8c98f3af Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9B=A8=E9=9C=96=E9=93=83?= <2712495353@qq.com>
Date: Tue, 30 Jun 2026 21:06:39 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=9B=B4=E6=96=B0=E4=B8=AD=E6=96=87?=
 =?UTF-8?q?=E6=8F=90=E7=A4=BA=E4=BF=A1=E6=81=AF=E6=A0=BC=E5=BC=8F=E4=BB=A5?=
 =?UTF-8?q?=E6=8F=90=E5=8D=87=E5=8F=AF=E8=AF=BB=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

在多个组件中移除模板字符串，直接使用普通字符串格式化中文提示信息，增强了代码的可读性和一致性。
---
 src/components/RouterContainer.tsx                        | 2 +-
 src/pages/Base64Converter/__tests__/index.test.tsx        | 4 +++-
 src/pages/TestDataGenerator/components/FieldList.tsx      | 2 +-
 src/pages/TestDataGenerator/components/GenerateButton.tsx | 7 +++++--
 src/pages/TestDataGenerator/components/ResultPanel.tsx    | 2 +-
 src/pages/TestDataGenerator/components/RuleManager.tsx    | 4 ++--
 6 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/components/RouterContainer.tsx b/src/components/RouterContainer.tsx
index 1dbb08a..53b6002 100644
--- a/src/components/RouterContainer.tsx
+++ b/src/components/RouterContainer.tsx
@@ -43,7 +43,7 @@ export default function RouterContainer() {
               </div>
               <h3 className="text-sm font-semibold text-foreground">页面未找到</h3>
               <p className="text-xs text-muted-foreground mt-1 max-w-[240px]">
-                {`该功能在当前运行环境（${entryPointType}）下不可用或已被移除。`}
+                该功能在当前运行环境（{entryPointType.toUpperCase()}）下不可用或已被移除。
               </p>
             </div>
           )}
diff --git a/src/pages/Base64Converter/__tests__/index.test.tsx b/src/pages/Base64Converter/__tests__/index.test.tsx
index da1cb0c..bdc9308 100644
--- a/src/pages/Base64Converter/__tests__/index.test.tsx
+++ b/src/pages/Base64Converter/__tests__/index.test.tsx
@@ -22,7 +22,9 @@ vi.mock('../components/TextMode', () => ({
 }));
 
 vi.mock('../components/Base64ConverterSection', () => ({
-  default: ({ mode }: { mode: string }) => <div data-testid={`${mode}-mode`}>{mode}</div>,
+  default: ({ mode }: { mode: 'file' | 'image' }) => (
+    <div data-testid={`${mode}-mode`}>{mode.toUpperCase()} Mode</div>
+  ),
 }));
 
 const waitForStorageInit = () =>
diff --git a/src/pages/TestDataGenerator/components/FieldList.tsx b/src/pages/TestDataGenerator/components/FieldList.tsx
index da069a1..89c538f 100644
--- a/src/pages/TestDataGenerator/components/FieldList.tsx
+++ b/src/pages/TestDataGenerator/components/FieldList.tsx
@@ -286,7 +286,7 @@ export default function FieldList({
                 onClick={handleUpdateRule}
                 disabled={fields.length === 0}
                 className="h-8 gap-1.5 px-2.5"
-                title={`编辑中: ${editingRule.name}`}
+                title={editingRule ? `编辑中: ${editingRule.name}` : ''}
               >
                 <Save className="h-3.5 w-3.5" />
                 更新规则
diff --git a/src/pages/TestDataGenerator/components/GenerateButton.tsx b/src/pages/TestDataGenerator/components/GenerateButton.tsx
index 25802fa..cfa5e7f 100644
--- a/src/pages/TestDataGenerator/components/GenerateButton.tsx
+++ b/src/pages/TestDataGenerator/components/GenerateButton.tsx
@@ -33,7 +33,10 @@ export default function GenerateButton({
           {progress && (
             <div className="space-y-2">
               <div className="flex items-center justify-between text-xs text-muted-foreground">
-                <span>{`已生成 ${progress.generated.toLocaleString()} / ${progress.total.toLocaleString()} 条`}</span>
+                <span>
+                  已生成 {progress.generated.toLocaleString()} / {progress.total.toLocaleString()}{' '}
+                  条
+                </span>
                 <span>{progress.progress}%</span>
               </div>
               <div className="h-2 bg-muted rounded-full overflow-hidden">
@@ -44,7 +47,7 @@ export default function GenerateButton({
               </div>
               {progress.estimatedTimeLeft !== undefined && (
                 <p className="text-xs text-muted-foreground text-center">
-                  {`预计剩余 ${Math.ceil(progress.estimatedTimeLeft / 1000)} 秒`}
+                  预计剩余 {Math.ceil(progress.estimatedTimeLeft / 1000)} 秒
                 </p>
               )}
             </div>
diff --git a/src/pages/TestDataGenerator/components/ResultPanel.tsx b/src/pages/TestDataGenerator/components/ResultPanel.tsx
index 87e0c2c..cefd975 100644
--- a/src/pages/TestDataGenerator/components/ResultPanel.tsx
+++ b/src/pages/TestDataGenerator/components/ResultPanel.tsx
@@ -82,7 +82,7 @@ export default function ResultPanel({ result }: ResultPanelProps) {
             ))}
             {result.warnings.length > 5 && (
               <li className="text-xs text-yellow-500/80">
-                {`... 还有 ${result.warnings.length - 5} 条警告`}
+                ... 还有 {result.warnings.length - 5} 条警告
               </li>
             )}
           </ul>
diff --git a/src/pages/TestDataGenerator/components/RuleManager.tsx b/src/pages/TestDataGenerator/components/RuleManager.tsx
index b65c89b..22bc2c8 100644
--- a/src/pages/TestDataGenerator/components/RuleManager.tsx
+++ b/src/pages/TestDataGenerator/components/RuleManager.tsx
@@ -227,7 +227,7 @@ export default function RuleManager({ onLoad, onEdit, onRulesChanged }: RuleMana
           maxLength={20}
         />
         <span className="absolute right-3 top-1/2 -translate-y-1/2 text-xs text-muted-foreground pointer-events-none tabular-nums">
-          {`已保存 ${rules.length}/${ruleStorage.MAX_RULES} 条`}
+          已保存 {rules.length}/{ruleStorage.MAX_RULES} 条
         </span>
       </div>
 
@@ -260,7 +260,7 @@ export default function RuleManager({ onLoad, onEdit, onRulesChanged }: RuleMana
                     <Clock className="h-3 w-3" />
                     {formatDate(rule.updatedAt)}
                   </span>
-                  <span>{`使用 ${rule.useCount} 次`}</span>
+                  <span>使用 {rule.useCount} 次</span>
                 </div>
               </div>