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
@@ -11,6 +11,7 @@ import { toast } from 'sonner';
 import { useCredentialDetail } from '@/hooks/api';
 import type { SecretType } from './types';
 import { TYPE_CONFIG, TYPE_BADGE_CLASS } from './constants';
+import { useTranslation } from 'react-i18next';

 export interface CredDetailDialogProps {
  open: boolean;
@@ -20,13 +21,14 @@ export interface CredDetailDialogProps {

 // 凭据详情弹窗 // Logan.Li
 export function CredDetailDialog({ open, onClose, credId }: CredDetailDialogProps) {
+  const { t } = useTranslation();
  const [showMap, setShowMap] = useState<Record<string, boolean>>({});
  const { data: detail, isLoading: loading } = useCredentialDetail(credId, open);

  if (!open || !credId) return null;

  const toggleShow = (key: string) => setShowMap(prev => ({ ...prev, [key]: !prev[key] }));
-  const copyValue = (val: string) => { navigator.clipboard.writeText(val); toast.success('已复制'); };
+  const copyValue = (val: string) => { navigator.clipboard.writeText(val); toast.success(t('common.copied')); };

  const st = detail?.secret_type as SecretType;
  const cfg = TYPE_CONFIG[st];
@@ -77,39 +79,39 @@ export function CredDetailDialog({ open, onClose, credId }: CredDetailDialogProp
          </DialogTitle>
        </DialogHeader>
        {loading ? (
-          <div className="text-center py-8 text-[var(--dg-text-muted)]">加载中...</div>
+          <div className="text-center py-8 text-[var(--dg-text-muted)]">{t('common.loading')}</div>
        ) : detail ? (
          <div className="space-y-4">
            {/* 基本信息 // Logan.Li */}
            <div className="grid grid-cols-2 gap-3 text-sm">
-              <div><span className="text-[var(--dg-text-muted)]">名称：</span><span className="text-[var(--dg-text-primary)] font-medium">{detailRecord?.name as string}</span></div>
-              <div><span className="text-[var(--dg-text-muted)]">类型：</span>
+              <div><span className="text-[var(--dg-text-muted)]">{t('deploy.creddetaildialog.s5b4786')}</span><span className="text-[var(--dg-text-primary)] font-medium">{detailRecord?.name as string}</span></div>
+              <div><span className="text-[var(--dg-text-muted)]">{t('deploy.creddetaildialog.se91f5a')}</span>
                <Badge variant="outline" className={`text-xs ml-1 ${TYPE_BADGE_CLASS[st] || ''}`}>{cfg?.label || st}</Badge>
              </div>
-              <div><span className="text-[var(--dg-text-muted)]">状态：</span>
+              <div><span className="text-[var(--dg-text-muted)]">{t('approval.detail.statusLabel')}</span>
                {detailRecord?.is_active
-                  ? <Badge className="bg-green-500/20 dg-text-green text-xs ml-1"><CheckCircle2 className="h-3 w-3 mr-0.5" />启用</Badge>
-                  : <Badge className="bg-red-500/20 dg-text-red text-xs ml-1"><XCircle className="h-3 w-3 mr-0.5" />禁用</Badge>}
+                  ? <Badge className="bg-green-500/20 dg-text-green text-xs ml-1"><CheckCircle2 className="h-3 w-3 mr-0.5" />{t('common.enable')}</Badge>
+                  : <Badge className="bg-red-500/20 dg-text-red text-xs ml-1"><XCircle className="h-3 w-3 mr-0.5" />{t('common.disable')}</Badge>}
                {detailRecord?.expires_at && new Date(detailRecord.expires_at as string) < new Date() && (
-                  <Badge className="bg-yellow-500/20 dg-text-yellow text-xs ml-1"><AlertTriangle className="h-3 w-3 mr-0.5" />已过期</Badge>
+                  <Badge className="bg-yellow-500/20 dg-text-yellow text-xs ml-1"><AlertTriangle className="h-3 w-3 mr-0.5" />{t('monitor.sslExpired')}</Badge>
                )}
              </div>
              <div className="col-span-2 cursor-pointer" onClick={() => copyValue((detailRecord?.env_prefix as string) || '')}>
-                <span className="text-[var(--dg-text-muted)]">引用ID：</span>
-                <code className="text-[var(--dg-blue)] font-mono text-xs">{detailRecord?.env_prefix as string || '无'}</code>
+                <span className="text-[var(--dg-text-muted)]">{t('deploy.cred.refIdLabel')}</span>
+                <code className="text-[var(--dg-blue)] font-mono text-xs">{detailRecord?.env_prefix as string || t('common.none')}</code>
                <Copy className="h-3 w-3 inline ml-1 text-[var(--dg-text-muted)]" />
              </div>
              {(detailRecord?.tags as string[])?.length > 0 && (
                <div className="col-span-2">
-                  <span className="text-[var(--dg-text-muted)]">标签：</span>
+                  <span className="text-[var(--dg-text-muted)]">{t('deploy.creddetaildialog.s1655dd')}</span>
                  {(detailRecord?.tags as string[]).map((t: string) => (
                    <Badge key={t} variant="outline" className="text-xs ml-1 border-[var(--dg-border)]">{t}</Badge>
                  ))}
                </div>
              )}
-              <div className="col-span-2"><span className="text-[var(--dg-text-muted)]">描述：</span><span className="text-[var(--dg-text-secondary)]">{(detailRecord?.description as string) || '无'}</span></div>
-              <div><span className="text-[var(--dg-text-muted)]">创建：</span><span className="text-[var(--dg-text-secondary)] text-xs">{new Date(detailRecord?.created_at as string).toLocaleString()}</span></div>
-              <div><span className="text-[var(--dg-text-muted)]">更新：</span><span className="text-[var(--dg-text-secondary)] text-xs">{new Date(detailRecord?.updated_at as string).toLocaleString()}</span></div>
+              <div className="col-span-2"><span className="text-[var(--dg-text-muted)]">{t('deploy.creddetaildialog.s4a4e3b')}</span><span className="text-[var(--dg-text-secondary)]">{(detailRecord?.description as string) || t('common.none')}</span></div>
+              <div><span className="text-[var(--dg-text-muted)]">{t('deploy.creddetaildialog.s76d768')}</span><span className="text-[var(--dg-text-secondary)] text-xs">{new Date(detailRecord?.created_at as string).toLocaleString()}</span></div>
+              <div><span className="text-[var(--dg-text-muted)]">{t('deploy.creddetaildialog.s3820b7')}</span><span className="text-[var(--dg-text-secondary)] text-xs">{new Date(detailRecord?.updated_at as string).toLocaleString()}</span></div>
            </div>

            {/* 密钥数据 // Logan.Li */}
@@ -118,41 +120,41 @@ export function CredDetailDialog({ open, onClose, credId }: CredDetailDialogProp
                <Key className="h-4 w-4 text-yellow-500" />密钥数据
              </div>
              <div className="p-3 rounded-md bg-yellow-500/5 border border-yellow-500/20 mb-3">
-                <p className="text-xs dg-text-yellow/80">以下内容包含敏感信息，请妥善保管，不要泄露给他人。</p>
+                <p className="text-xs dg-text-yellow/80">{t('deploy.creddetaildialog.s03b218')}</p>
              </div>

              {st === 'ssh' && <>
-                <Field label="SSH 用户" value={content.ssh_user} />
-                <Field label="SSH 端口" value={content.ssh_port} />
-                <Field label="SSH 密码" value={content.password} sensitive fieldKey="ssh_password" />
-                <Field label="私钥" value={content.private_key} sensitive fieldKey="ssh_private_key" />
-                <Field label="公钥" value={content.public_key} fieldKey="ssh_public_key" />
+                <Field label=t('deploy.creddetaildialog.s2272f5') value={content.ssh_user} />
+                <Field label=t('deploy.creddetaildialog.s3f284a') value={content.ssh_port} />
+                <Field label=t('system.sshPassword') value={content.password} sensitive fieldKey="ssh_password" />
+                <Field label=t('system.sshPrivateKey') value={content.private_key} sensitive fieldKey="ssh_private_key" />
+                <Field label=t('system.sshPublicKey') value={content.public_key} fieldKey="ssh_public_key" />
              </>}
              {st === 'docker' && <>
-                <Field label="Registry 地址" value={content.server} />
-                <Field label="用户名" value={content.username} />
-                <Field label="密码" value={content.password} sensitive fieldKey="docker_password" />
+                <Field label=t('deploy.form.registryAddr') value={content.server} />
+                <Field label=t('login.username') value={content.username} />
+                <Field label=t('login.password') value={content.password} sensitive fieldKey="docker_password" />
              </>}
              {st === 'tls' && <>
-                <Field label="证书" value={content.cert} sensitive fieldKey="tls_cert" />
-                <Field label="私钥" value={content.key} sensitive fieldKey="tls_key" />
-                <Field label="CA 证书" value={content.ca} sensitive fieldKey="tls_ca" />
+                <Field label=t('deploy.creddetaildialog.sd40b51') value={content.cert} sensitive fieldKey="tls_cert" />
+                <Field label=t('system.sshPrivateKey') value={content.key} sensitive fieldKey="tls_key" />
+                <Field label=t('deploy.creddetaildialog.sa24356') value={content.ca} sensitive fieldKey="tls_ca" />
              </>}
              {st === 'aksk' && <>
                <Field label="Access Key ID" value={content.access_key} />
                <Field label="Secret Access Key" value={content.secret_key} sensitive fieldKey="aksk_secret_key" />
              </>}
              {st === 'database' && <>
-                <Field label="数据库类型" value={String(content.db_type || '').toUpperCase()} />
-                <Field label="主机" value={content.host} />
-                <Field label="端口" value={content.port} />
-                <Field label="数据库名" value={content.db_name} />
-                <Field label="用户名" value={content.username} />
-                <Field label="密码" value={content.password} sensitive fieldKey="db_password" />
+                <Field label=t('deploy.creddetaildialog.s84b916') value={String(content.db_type || '').toUpperCase()} />
+                <Field label=t('agent.agentHost') value={content.host} />
+                <Field label=t('server.csv.port') value={content.port} />
+                <Field label=t('deploy.creddetaildialog.s5ccbbd') value={content.db_name} />
+                <Field label=t('login.username') value={content.username} />
+                <Field label=t('login.password') value={content.password} sensitive fieldKey="db_password" />
              </>}
              {st === 'api' && <>
                <Field label="API Key" value={content.api_key} sensitive fieldKey="api_key" />
-                <Field label="API 端点" value={content.endpoint} />
+                <Field label=t('deploy.creddetaildialog.s48ec34') value={content.endpoint} />
              </>}
              {st === 'generic' && <>
                <Field label="Key" value={content.generic_key} />
@@ -162,17 +164,17 @@ export function CredDetailDialog({ open, onClose, credId }: CredDetailDialogProp

            {/* 引用提示 // Logan.Li */}
            <div className="border-t border-[var(--dg-border)] pt-3">
-              <div className="text-xs text-[var(--dg-text-muted)] mb-2">在流水线/脚本中引用此凭据：</div>
+              <div className="text-xs text-[var(--dg-text-muted)] mb-2">{t('deploy.cred.refHint')}</div>
              <code className="text-xs bg-[var(--dg-bg-tertiary)] px-3 py-1.5 rounded block text-[var(--dg-blue)]">
                {'${'}{String(detailRecord?.variable_name || String(detailRecord?.name || '').toUpperCase().replace(/[^A-Z0-9]/g, '_'))}{'}'}
              </code>
            </div>
          </div>
        ) : (
-          <div className="text-center py-8 text-[var(--dg-text-muted)]">未找到凭据数据</div>
+          <div className="text-center py-8 text-[var(--dg-text-muted)]">{t('deploy.cred.noCredData')}</div>
        )}
        <DialogFooter>
-          <Button variant="outline" onClick={onClose}>关闭</Button>
+          <Button variant="outline" onClick={onClose}>{t('common.close')}</Button>
        </DialogFooter>
      </DialogContent>
    </Dialog>