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
@@ -15,6 +15,7 @@ import {
 import { kubernetesApi } from '@/api';
 import { toast } from 'sonner';
 import type { JsonData } from '@/types/common';
+import { useTranslation } from 'react-i18next';

 // 名称即 code，只允许英文/数字/连字符
 const NAME_RE = /^[a-zA-Z0-9]([a-zA-Z0-9-]*[a-zA-Z0-9])?$/;
@@ -40,6 +41,7 @@ export function KubernetesClusterDialog({
  editingCluster?: JsonData;
  onSaved: () => void;
 }) {
+  const { t } = useTranslation();
  const [formData, setFormData] = useState({ ...emptyForm });
  const [submitting, setSubmitting] = useState(false);
  const [hasToken, setHasToken] = useState(false);
@@ -88,7 +90,7 @@ export function KubernetesClusterDialog({
    if (!value.trim()) {
      setNameError('');
    } else if (!NAME_RE.test(value)) {
-      setNameError('只允许英文、数字和连字符(-)，首尾不能是连字符');
+      setNameError(t('kubernetes.kubernetesclusterdialog.sc7ec6c'));
    } else {
      setNameError('');
    }
@@ -110,7 +112,7 @@ export function KubernetesClusterDialog({

  const handleSubmit = async () => {
    if (!formData.name.trim() || !NAME_RE.test(formData.name.trim())) {
-      toast.error('请输入有效的集群名称（英文/数字/连字符）'); return;
+      toast.error(t('kubernetes.kubernetesclusterdialog.s38bbfe')); return;
    }
    try {
      setSubmitting(true);
@@ -132,7 +134,7 @@ export function KubernetesClusterDialog({
      onOpenChange(false);
      onSaved();
    } catch (e) {
-      console.error('保存集群失败:', e);
+      console.error(t('kubernetes.kubernetesclusterdialog.s7aa44b'), e);
    } finally {
      setSubmitting(false);
    }
@@ -145,20 +147,20 @@ export function KubernetesClusterDialog({
      <DialogContent className="bg-[var(--dg-bg-secondary)] border-[var(--dg-border)] max-w-2xl">
        <DialogHeader>
          <DialogTitle className="text-[var(--dg-text-primary)]">
-            {editingCluster ? '编辑集群' : '添加集群'}
+            {editingCluster ? t('kubernetes.cluster.editCluster') : t('kubernetes.cluster.addCluster')}
          </DialogTitle>
          <DialogDescription className="text-[var(--dg-text-secondary)]">
-            {editingCluster ? '修改集群接入配置' : '配置新的 Kubernetes 集群接入信息'}
+            {editingCluster ? t('kubernetes.kubernetesclusterdialog.s2d42f2') : t('kubernetes.kubernetesclusterdialog.sfe6c79')}
          </DialogDescription>
        </DialogHeader>
        <div className="space-y-4 py-2 max-h-[60vh] overflow-y-auto pr-1">
          <div className="grid grid-cols-2 gap-4">
            <div className="space-y-2">
-              <Label className="text-[var(--dg-text-secondary)]">集群名称</Label>
+              <Label className="text-[var(--dg-text-secondary)]">{t('kubernetes.cluster.clusterName')}</Label>
              <Input
                value={formData.name}
                onChange={(e) => handleNameChange(e.target.value)}
-                placeholder="如: prod-cluster"
+                placeholder=t('kubernetes.kubernetesclusterdialog.s298c86')
                className={`bg-[var(--dg-bg-tertiary)] border-[var(--dg-border)] text-[var(--dg-text-primary)] placeholder:text-[var(--dg-text-muted)] ${nameError ? 'border-red-500' : ''}`}
              />
              {nameError && <p className="text-xs dg-text-red">{nameError}</p>}
@@ -167,28 +169,28 @@ export function KubernetesClusterDialog({
              </p>
            </div>
            <div className="space-y-2">
-              <Label className="text-[var(--dg-text-secondary)]">版本（可选）</Label>
+              <Label className="text-[var(--dg-text-secondary)]">{t('kubernetes.kubernetesclusterdialog.sbf23eb')}</Label>
              <Input
                value={formData.version}
                onChange={(e) => setFormData({ ...formData, version: e.target.value })}
-                placeholder="如: 1.28.0"
+                placeholder=t('kubernetes.kubernetesclusterdialog.s90a9ef')
                className="bg-[var(--dg-bg-tertiary)] border-[var(--dg-border)] text-[var(--dg-text-primary)] placeholder:text-[var(--dg-text-muted)]"
              />
            </div>
          </div>

          <div className="space-y-2">
-            <Label className="text-[var(--dg-text-secondary)]">描述</Label>
+            <Label className="text-[var(--dg-text-secondary)]">{t('common.description')}</Label>
            <Input
              value={formData.description}
              onChange={(e) => setFormData({ ...formData, description: e.target.value })}
-              placeholder="集群用途描述"
+              placeholder=t('kubernetes.kubernetesclusterdialog.s33a940')
              className="bg-[var(--dg-bg-tertiary)] border-[var(--dg-border)] text-[var(--dg-text-primary)] placeholder:text-[var(--dg-text-muted)]"
            />
          </div>

          <div className="space-y-2">
-            <Label className="text-[var(--dg-text-secondary)]">接入方式</Label>
+            <Label className="text-[var(--dg-text-secondary)]">{t('kubernetes.kubernetesclusterdialog.saaa159')}</Label>
            <RadioGroup
              value={String(formData.config_type)}
              onValueChange={(v) => setFormData({ ...formData, config_type: Number(v) })}
@@ -218,12 +220,12 @@ export function KubernetesClusterDialog({
          {formData.config_type === 0 ? (
            <div className="space-y-2">
              <Label className="text-[var(--dg-text-secondary)]">
-                Token {hasToken && <span className="dg-text-green text-xs ml-1">✓ 已配置（留空不修改）</span>}
+                Token {hasToken && <span className="dg-text-green text-xs ml-1">{t('kubernetes.kubernetesclusterdialog.sb7caaa')}</span>}
              </Label>
              <Textarea
                value={formData.token}
                onChange={(e) => setFormData({ ...formData, token: e.target.value })}
-                placeholder={hasToken ? '已配置，输入新值覆盖...' : '粘贴 Service Account Token...'}
+                placeholder={hasToken ? t('kubernetes.kubernetesclusterdialog.sf26ca5') : t('kubernetes.kubernetesclusterdialog.s105008')}
                rows={4}
                className="bg-[var(--dg-bg-tertiary)] border-[var(--dg-border)] text-[var(--dg-text-primary)] placeholder:text-[var(--dg-text-muted)] font-mono text-xs"
              />
@@ -231,12 +233,12 @@ export function KubernetesClusterDialog({
          ) : (
            <div className="space-y-2">
              <Label className="text-[var(--dg-text-secondary)]">
-                Kubeconfig {hasKubeConfig && <span className="dg-text-green text-xs ml-1">✓ 已配置（留空不修改）</span>}
+                Kubeconfig {hasKubeConfig && <span className="dg-text-green text-xs ml-1">{t('kubernetes.kubernetesclusterdialog.sb7caaa')}</span>}
              </Label>
              <Textarea
                value={formData.kube_config}
                onChange={(e) => handleKubeConfigChange(e.target.value)}
-                placeholder={hasKubeConfig ? '已配置，输入新值覆盖...' : 'apiVersion: v1\nkind: Config\nclusters:\n- cluster:\n    server: https://10.0.0.1:6443\n    ...'}
+                placeholder={hasKubeConfig ? t('kubernetes.kubernetesclusterdialog.sf26ca5') : 'apiVersion: v1\nkind: Config\nclusters:\n- cluster:\n    server: https://10.0.0.1:6443\n    ...'}
                rows={10}
                className="bg-[var(--dg-bg-tertiary)] border-[var(--dg-border)] text-[var(--dg-text-primary)] placeholder:text-[var(--dg-text-muted)] font-mono text-xs"
              />
@@ -261,7 +263,7 @@ export function KubernetesClusterDialog({
            disabled={canSubmit}
            className="bg-[var(--dg-blue)] hover:opacity-90 text-white"
          >
-            {submitting ? '保存中...' : editingCluster ? '保存' : '添加'}
+            {submitting ? i18n.t('k8s.topology.saving') : editingCluster ? i18n.t('common.save') : i18n.t('common.add')}
          </Button>
        </DialogFooter>
      </DialogContent>