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
@@ -12,6 +12,7 @@ import { InstanceCard } from './middleware-monitor/InstanceCard';
 import { MiddlewareDialog } from './middleware-monitor/MiddlewareDialog';
 import type { MwTarget } from './middleware-monitor/helpers';
 import { REDIS_CHARTS, MYSQL_CHARTS, evalMwHealth, worstHealthLevel } from './middleware-monitor/helpers';
+import { useTranslation } from 'react-i18next';

 type TabKey = 'redis' | 'mysql';
 const REFRESH_INTERVAL_MS = 30_000;
@@ -19,6 +20,7 @@ const REFRESH_INTERVAL_MS = 30_000;
 interface MwListResponse { list: MwTarget[]; total: number }

 export function MiddlewareMonitor() {
+  const { t } = useTranslation();
  const confirm = useConfirm();
  const [targets, setTargets] = useState<MwTarget[]>([]);
  const [loading, setLoading] = useState(true);
@@ -61,7 +63,7 @@ export function MiddlewareMonitor() {
      hasLoaded.current = true;
    } catch (err) {
      if (!silent) {
-        setError((err as { message?: string }).message || '加载失败');
+        setError((err as { message?: string }).message || t('common.loadFailed'));
        setTargets([]);
      }
    } finally {
@@ -85,14 +87,14 @@ export function MiddlewareMonitor() {
  const warnCount = targets.filter((t) => worstHealthLevel(evalMwHealth(t)) !== 'ok').length;

  const handleDelete = async (target: MwTarget) => {
-    const ok = await confirm({ title: '删除监控', description: `确认删除 "${target.name}"？`, confirmText: '删除' });
+    const ok = await confirm({ title: t('monitor.middlewaremonitor.sf9be97'), description: t('monitor.middlewaremonitor.s45a9e0', { target.name: target.name }), confirmText: t('common.delete') });
    if (!ok) return;
    try {
      await middlewareMonitorApi.delete(target.id);
-      toast.success('已删除');
+      toast.success(t('alert.deleted'));
      loadTargets();
    } catch (err) {
-      toast.error('删除失败', { description: (err as { message?: string }).message });
+      toast.error(t('common.deleteFailed'), { description: (err as { message?: string }).message });
    }
  };

@@ -100,10 +102,10 @@ export function MiddlewareMonitor() {
    setTesting(target.id);
    try {
      const res = await middlewareMonitorApi.test(target.id) as { success: boolean; message: string };
-      if (res.success) { toast.success('连接成功', { description: res.message }); loadTargets(true); }
-      else toast.error('连接失败', { description: res.message });
+      if (res.success) { toast.success(t('aiops.llmTestSuccess'), { description: res.message }); loadTargets(true); }
+      else toast.error(t('aiops.llmTestFailed'), { description: res.message });
    } catch (err) {
-      toast.error('测试失败', { description: (err as { message?: string }).message });
+      toast.error(t('monitor.middlewaremonitor.s9710d9'), { description: (err as { message?: string }).message });
    } finally {
      setTesting(null);
    }
@@ -114,11 +116,11 @@ export function MiddlewareMonitor() {
    try {
      const res = await middlewareMonitorApi.seedDefaults() as { created: number; message: string; failed?: string[] };
      await loadTargets();
-      if (res.failed?.length) toast.error('部分失败', { description: res.message });
-      else if (res.created > 0) toast.success('已添加默认监控', { description: res.message });
-      else toast.success('默认目标已存在');
+      if (res.failed?.length) toast.error(t('monitor.middlewaremonitor.s669e89'), { description: res.message });
+      else if (res.created > 0) toast.success(t('monitor.middlewaremonitor.s11a31e'), { description: res.message });
+      else toast.success(t('monitor.middlewaremonitor.s7dda0f'));
    } catch (err) {
-      toast.error('添加失败', { description: (err as { message?: string }).message });
+      toast.error(t('deploy.toast.addFailed'), { description: (err as { message?: string }).message });
    } finally {
      setSeeding(false);
    }
@@ -127,10 +129,10 @@ export function MiddlewareMonitor() {
  const handleCollectNow = async () => {
    try {
      const res = await middlewareMonitorApi.collectNow() as { message: string };
-      toast.success('采集完成', { description: res.message });
+      toast.success(t('monitor.middlewaremonitor.sc2c744'), { description: res.message });
      loadTargets(true);
    } catch (err) {
-      toast.error('采集失败', { description: (err as { message?: string }).message });
+      toast.error(t('monitor.middlewaremonitor.s5665b6'), { description: (err as { message?: string }).message });
    }
  };

@@ -148,13 +150,13 @@ export function MiddlewareMonitor() {
    <div className="space-y-6">
      <div className="flex items-center justify-between flex-wrap gap-2">
        <div>
-          <h2 className="text-lg font-semibold">中间件监控</h2>
+          <h2 className="text-lg font-semibold">{t('monitor.middleware')}</h2>
          <p className="text-xs text-[var(--dg-text-muted)] mt-0.5">
            Redis 单机/集群 · MySQL · 30s 自动刷新
            {lastRefreshAt && (
              <span className="ml-2">
                上次更新 {lastRefreshAt.toLocaleTimeString()}
-                {refreshing && ' · 刷新中...'}
+                {refreshing && t('monitor.middlewaremonitor.s4d2bc9')}
              </span>
            )}
          </p>
@@ -192,10 +194,10 @@ export function MiddlewareMonitor() {
        <Card className="bg-[var(--dg-bg-secondary)] border-[var(--dg-border)]">
          <CardContent className="p-12 text-center">
            <Database className="h-12 w-12 mx-auto mb-4 text-[var(--dg-text-muted)]" />
-            <p className="text-sm text-[var(--dg-text-muted)]">暂无中间件监控目标</p>
+            <p className="text-sm text-[var(--dg-text-muted)]">{t('monitor.middlewaremonitor.sbbe62a')}</p>
            <div className="flex justify-center gap-2 mt-4">
-              <Button size="sm" onClick={handleSeedDefaults} disabled={seeding}>添加平台默认</Button>
-              <Button size="sm" variant="outline" onClick={() => openCreate()}>手动添加</Button>
+              <Button size="sm" onClick={handleSeedDefaults} disabled={seeding}>{t('monitor.middlewaremonitor.se5caf1')}</Button>
+              <Button size="sm" variant="outline" onClick={() => openCreate()}>{t('monitor.middlewaremonitor.s63edd6')}</Button>
            </div>
          </CardContent>
        </Card>
@@ -205,9 +207,9 @@ export function MiddlewareMonitor() {
        <>
          <div className="grid grid-cols-2 md:grid-cols-5 gap-3">
            {[
-              { label: '监控实例', value: targets.length, icon: Activity },
-              { label: '在线', value: onlineCount, icon: Database, color: 'dg-text-green' },
-              { label: '告警', value: warnCount, icon: Activity, color: warnCount > 0 ? 'dg-text-yellow' : 'dg-text-green' },
+              { label: t('monitor.middlewaremonitor.s35a558'), value: targets.length, icon: Activity },
+              { label: t('common.online'), value: onlineCount, icon: Database, color: 'dg-text-green' },
+              { label: t('dashboard.stat.alerts'), value: warnCount, icon: Activity, color: warnCount > 0 ? 'dg-text-yellow' : 'dg-text-green' },
              { label: 'Redis', value: redisTargets.length, icon: Database, color: 'dg-text-red' },
              { label: 'MySQL', value: mysqlTargets.length, icon: Server, color: 'dg-text-blue' },
            ].map((item) => (
@@ -250,7 +252,7 @@ export function MiddlewareMonitor() {
            <Card className="bg-[var(--dg-bg-secondary)] border-[var(--dg-border)]">
              <CardContent className="p-8 text-center text-sm text-[var(--dg-text-muted)]">
                暂无 {tab === 'redis' ? 'Redis' : 'MySQL'} 实例，
-                <button type="button" className="dg-text-cyan ml-1 underline" onClick={() => openCreate(tab)}>立即添加</button>
+                <button type="button" className="dg-text-cyan ml-1 underline" onClick={() => openCreate(tab)}>{t('monitor.middlewaremonitor.s8ec8a6')}</button>
              </CardContent>
            </Card>
          ) : (