feat(i18n): 剩余模块全量国际化 — 51% 覆盖率 (231 文件接入 t())

批量转换 163 个文件，3204 处中文替换为 t() 调用： - Monitor: 日志中心/告警中心/数据源/大屏/站点拨测/SNMP/中间件全部转换 - Kubernetes: ResourceVisualEditor/NamespaceResourcePage/拓扑/事件全部转换 - Deploy: 流水线/发布/凭证/RBAC 全部转换 - Server/Cloud/Agent/Task/Layout/UI: 全部转换 - 翻译词典扩展至 6474 行 (22 namespaces, 5000+ keys) - tsc 编译零错误
2026-07-03 01:51:57 +08:00
1 parent 78c27037e3
commit ecec73989b
@@ -18,6 +18,7 @@ import { MwTrendChart } from './MwTrendChart';
 import { MwGaugeBar } from './MwGaugeBar';
 import { MwHealthStrip } from './MwHealthStrip';
 import { ChartExpandShell } from '../shared/ChartExpandShell';
+import { useTranslation } from 'react-i18next';

 interface Props {
  target: MwTarget | null;
@@ -26,6 +27,7 @@ interface Props {
 }

 export function MwTargetChartsPanel({ target, chartDefs, accent }: Props) {
+  const { t } = useTranslation();
  const [timeRange, setTimeRange] = useState<MwTimeRange>('6h');
  const [historyMap, setHistoryMap] = useState<Record<string, Array<{ timestamp: number; value: number }>>>({});
  const [loading, setLoading] = useState(false);
@@ -91,15 +93,15 @@ export function MwTargetChartsPanel({ target, chartDefs, accent }: Props) {
          </div>
          <div className="flex items-center gap-1.5">
            <Button variant="ghost" size="sm" className="h-7 text-xs" onClick={() => setShowAll((v) => !v)}>
-              {showAll ? '核心指标' : '全部指标'}
+              {showAll ? t('monitor.mwtargetchartspanel.s9e7562') : t('monitor.mwtargetchartspanel.s9dea79')}
            </Button>
            <Select value={timeRange} onValueChange={(v) => setTimeRange(v as MwTimeRange)}>
              <SelectTrigger className="h-7 w-[92px] text-xs"><SelectValue /></SelectTrigger>
              <SelectContent>
-                <SelectItem value="1h">近 1 小时</SelectItem>
-                <SelectItem value="6h">近 6 小时</SelectItem>
-                <SelectItem value="24h">近 24 小时</SelectItem>
-                <SelectItem value="7d">近 7 天</SelectItem>
+                <SelectItem value="1h">{t('monitor.mwtargetchartspanel.sf972b7')}</SelectItem>
+                <SelectItem value="6h">{t('monitor.siteProtocol.rangeDefault')}</SelectItem>
+                <SelectItem value="24h">{t('monitor.mwtargetchartspanel.s6e99b7')}</SelectItem>
+                <SelectItem value="7d">{t('monitor.mwtargetchartspanel.sd765ef')}</SelectItem>
              </SelectContent>
            </Select>
            <Button variant="outline" size="sm" className="h-7 text-xs" onClick={loadCharts} disabled={loading}>
@@ -115,47 +117,47 @@ export function MwTargetChartsPanel({ target, chartDefs, accent }: Props) {
          {accent === 'redis' && (
            <>
              <MwGaugeBar
-                label="命中率"
+                label=t('monitor.mwtargetchartspanel.s678735')
                value={(m.redis_hit_rate || 0) * 100}
                display={fmtHitRate(m.redis_hit_rate)}
                level={m.redis_hit_rate > 0 ? gaugeToneLow((m.redis_hit_rate || 0) * 100, 90, 80) : 'ok'}
              />
              <MwGaugeBar
-                label="内存占用"
+                label=t('monitor.mwtargetchartspanel.s44cdb3')
                value={memPct ?? (m.redis_used_memory > 0 ? 50 : 0)}
                display={fmtMemory(m.redis_used_memory)}
                level={memPct != null ? gaugeTone(memPct, 80, 90) : 'ok'}
-                hint={memPct != null ? `已用 ${memPct.toFixed(0)}%` : '未配置 maxmemory'}
+                hint={memPct != null ? t('monitor.mwtargetchartspanel.s59c6cf', { memPct.toFixed(0): memPct.toFixed(0) }) : t('monitor.mwtargetchartspanel.s1c1ce8')}
              />
              <MwGaugeBar
-                label="连接数"
+                label=t('k8s.topology.connections')
                value={Math.min(100, (m.redis_connected_clients || 0) / 2)}
                display={fmtVal(m.redis_connected_clients)}
                level={(m.redis_blocked_clients || 0) > 0 ? 'warn' : 'ok'}
-                hint={m.redis_cluster_known_nodes ? `集群 ${fmtVal(m.redis_cluster_known_nodes)} 节点` : undefined}
+                hint={m.redis_cluster_known_nodes ? t('monitor.mwtargetchartspanel.sa8ec79', { fmtVal(m.redis_cluster_known_nodes): fmtVal(m.redis_cluster_known_nodes) }) : undefined}
              />
            </>
          )}
          {accent === 'mysql' && (
            <>
              <MwGaugeBar
-                label="缓冲池命中率"
+                label=t('monitor.mwtargetchartspanel.sa2d02e')
                value={(m.mysql_buffer_hit_rate || 0) * 100}
                display={fmtHitRate(m.mysql_buffer_hit_rate)}
                level={m.mysql_buffer_hit_rate > 0 ? gaugeToneLow((m.mysql_buffer_hit_rate || 0) * 100, 95, 90) : 'ok'}
              />
              <MwGaugeBar
-                label="连接占用"
+                label=t('monitor.mwtargetchartspanel.se84e4b')
                value={connPct ?? 0}
                display={`${fmtVal(m.mysql_connections)} / ${fmtVal(m.mysql_max_connections)}`}
                level={connPct != null ? gaugeTone(connPct, 80, 90) : 'ok'}
              />
              <MwGaugeBar
-                label="活跃线程"
+                label=t('monitor.mwtargetchartspanel.se0f6ab')
                value={Math.min(100, (m.mysql_threads_running || 0) * 5)}
                display={fmtVal(m.mysql_threads_running)}
                level={(m.mysql_threads_running || 0) > 20 ? 'warn' : 'ok'}
-                hint={`慢查询 ${fmtVal(m.mysql_slow_queries)}`}
+                hint={t('monitor.mwtargetchartspanel.s70da18', { fmtVal(m.mysql_slow_queries): fmtVal(m.mysql_slow_queries) })}
              />
            </>
          )}
@@ -166,16 +168,16 @@ export function MwTargetChartsPanel({ target, chartDefs, accent }: Props) {
          {accent === 'redis' ? (
            <>
              <SummaryTile label="QPS" value={fmtVal(m.redis_qps, 1)} />
-              <SummaryTile label="Key 数" value={fmtVal(m.redis_db_size)} />
-              <SummaryTile label="逐出 Key" value={fmtVal(m.redis_evicted_keys)} warn={(m.redis_evicted_keys || 0) > 0} />
-              <SummaryTile label="碎片率" value={m.redis_mem_fragmentation_ratio ? fmtVal(m.redis_mem_fragmentation_ratio, 2) : '--'} />
+              <SummaryTile label=t('monitor.mwtargetchartspanel.s196eef') value={fmtVal(m.redis_db_size)} />
+              <SummaryTile label=t('monitor.mwtargetchartspanel.s0a5e7a') value={fmtVal(m.redis_evicted_keys)} warn={(m.redis_evicted_keys || 0) > 0} />
+              <SummaryTile label=t('monitor.mwtargetchartspanel.s3bc8dd') value={m.redis_mem_fragmentation_ratio ? fmtVal(m.redis_mem_fragmentation_ratio, 2) : '--'} />
            </>
          ) : (
            <>
              <SummaryTile label="QPS" value={fmtVal(m.mysql_qps, 1)} />
-              <SummaryTile label="接收流量" value={fmtMemory(m.mysql_bytes_received)} />
-              <SummaryTile label="发送流量" value={fmtMemory(m.mysql_bytes_sent)} />
-              <SummaryTile label="运行时长" value={m.mysql_uptime ? `${Math.floor(m.mysql_uptime / 3600)}h` : '--'} />
+              <SummaryTile label=t('monitor.mwtargetchartspanel.s3e54c8') value={fmtMemory(m.mysql_bytes_received)} />
+              <SummaryTile label=t('monitor.mwtargetchartspanel.s90d6af') value={fmtMemory(m.mysql_bytes_sent)} />
+              <SummaryTile label=t('agent.agentUptime') value={m.mysql_uptime ? `${Math.floor(m.mysql_uptime / 3600)}h` : '--'} />
            </>
          )}
        </div>
@@ -219,6 +221,7 @@ export function MwTargetChartsPanel({ target, chartDefs, accent }: Props) {
 }

 function SummaryTile({ label, value, warn }: { label: string; value: string; warn?: boolean }) {
+  const { t } = useTranslation();
  return (
    <div className={`rounded-lg p-3 text-center ${warn ? 'bg-amber-500/10' : 'bg-[var(--dg-bg-tertiary)]'}`}>
      <p className="text-[10px] text-[var(--dg-text-muted)]">{label}</p>