feat(i18n): 全量中英文国际化改造

- 翻译 en-US.json 中 1006 条未翻译的中文条目为英文 - 提取 30+ 组件文件的硬编码中文到 locale JSON - 新增 900+ 翻译键覆盖所有业务模块: - Layout (Sidebar, Header, Breadcrumb) - Server (ServerForm, CloudServerImport, WebShell, RdpTools) - Deploy (ReleaseManager, PipelineCreate, AppRelease) - Kubernetes (DeploymentEdit, PodExec, PodLogs, ResourceEditor) - Monitor (UnifiedQueryPanel, AlertCenter, Prometheus/Grafana Dashboard) - AIOps (predictUtils, PredictiveCostTab, AIPredictive) - System (useLdapManagement, AgentMonitor, AgentWizard) - tsc --noEmit 类型检查通过
2026-07-04 03:42:27 +08:00
1 parent 76ec9387f0
commit a9513c2056
@@ -14,6 +14,7 @@ import { Textarea } from '@/components/ui/textarea';
 import { Badge } from '@/components/ui/badge';
 import { Progress } from '@/components/ui/progress';
 import i18n from '@/i18n';
+import { useTranslation } from 'react-i18next';
 import {
  Dialog,
  DialogContent,
@@ -42,6 +43,7 @@ import {
 // ============ 组件 ============

 export function AgentMonitor() {
+  const { t } = useTranslation();
  const [hosts, setHosts] = useState<AgentHostRecord[]>([]);
  const [loading, setLoading] = useState(true);
  const [refreshing, setRefreshing] = useState(false);
@@ -140,7 +142,7 @@ export function AgentMonitor() {
      {/* 页头 */}
      <div className="flex items-center justify-between">
        <div>
-          <h2 className="text-xl font-semibold text-[var(--dg-text-primary)]">Agent 监控</h2>
+          <h2 className="text-xl font-semibold text-[var(--dg-text-primary)]">{t("agent.agentmonitortsx.s1a2b3c4d")}</h2>
          <p className="text-sm dg-text-secondary mt-0.5"> {i18n.t('agent.agentmonitortsx.sa75d7519')} </p>
        </div>
        <div className="flex items-center gap-2">
@@ -152,7 +154,7 @@ export function AgentMonitor() {
            className="dg-input text-[var(--dg-text-secondary)] hover:bg-[var(--dg-bg-hover)] hover:text-[var(--dg-text-primary)]"
          >
            <RefreshCw className={`h-4 w-4 mr-1.5 ${refreshing ? 'animate-spin' : ''}`} />
-            刷新
+            {t('agent.agentmonitortsx.s2b3c4d5e')}
          </Button>
          <Button
            size="sm"
@@ -160,7 +162,7 @@ export function AgentMonitor() {
            className="bg-blue-600 hover:bg-blue-700 text-white"
          >
            <Rocket className="h-4 w-4 mr-1.5" />
-            部署Agent
+            {t('agent.agentmonitortsx.s3c4d5e6f')}
          </Button>
        </div>
      </div>
@@ -201,7 +203,7 @@ export function AgentMonitor() {
              className="mt-4 bg-blue-600 hover:bg-blue-700 text-white"
            >
              <Rocket className="h-4 w-4 mr-1.5" />
-              立即部署
+              {t('agent.agentmonitortsx.s4d5e6f7g')}
            </Button>
          </CardContent>
        </Card>
@@ -228,12 +230,12 @@ export function AgentMonitor() {
                    {online ? (
                      <Badge className="bg-emerald-500/15 dg-text-green border border-emerald-500/30">
                        <Wifi className="h-3 w-3 mr-1" />
-                        在线
+                        {t('agent.agentmonitortsx.s5e6f7g8h')}
                      </Badge>
                    ) : (
                      <Badge className="bg-red-500/15 dg-text-red border border-red-500/30">
                        <WifiOff className="h-3 w-3 mr-1" />
-                        离线
+                        {t('agent.agentmonitortsx.s6f7g8h9i')}
                      </Badge>
                    )}
                  </div>
@@ -249,7 +251,7 @@ export function AgentMonitor() {
                  <div className="flex items-center justify-between text-xs dg-text-secondary">
                    <span className="inline-flex items-center gap-1">
                      <Network className="h-3.5 w-3.5" />
-                      {ports.length} 个端口
+                      {t('agent.agentmonitortsx.s7g8h9i0j', { count: ports.length })}
                    </span>
                    <span className="inline-flex items-center gap-1">
                      <Clock className="h-3.5 w-3.5" />
@@ -266,7 +268,7 @@ export function AgentMonitor() {
                      onClick={() => openCommandDialog(host.hostname)}
                    >
                      <Terminal className="h-3.5 w-3.5 mr-1" />
-                      远程命令
+                      {t('agent.agentmonitortsx.s8h9i0j1k')}
                    </Button>
                    <Button
                      size="sm"
@@ -275,7 +277,7 @@ export function AgentMonitor() {
                      onClick={() => setSelectedHost(host)}
                    >
                      <Activity className="h-3.5 w-3.5 mr-1" />
-                      详情
+                      {t('agent.agentmonitortsx.s9i0j1k2l')}
                    </Button>
                  </div>
                </CardContent>
@@ -298,7 +300,7 @@ export function AgentMonitor() {
          <DialogHeader>
            <DialogTitle className="text-[var(--dg-text-primary)] flex items-center gap-2">
              <Terminal className="h-5 w-5 dg-text-blue" />
-              远程命令
+              {t("agent.agentmonitortsx.s8h9i0j1k")}
            </DialogTitle>
            <DialogDescription className="dg-text-secondary">
              在 {cmdHost} 上执行命令
@@ -365,7 +367,7 @@ export function AgentMonitor() {

          <DialogFooter className="gap-2">
            <Button variant="outline" onClick={closeCommandDialog} className="border-[var(--dg-border)] text-[var(--dg-text-secondary)]">
-              关闭
+              {t('agent.agentmonitortsx.s0j1k2l3m')}
            </Button>
            <Button
              onClick={submitCommand}
@@ -214,12 +214,12 @@ export function AgentWizard({ open, onOpenChange, server, onStart, onInstalled,
          <TabsList className="bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)]">
            <TabsTrigger value="auto" className="data-[state=active]:bg-[var(--dg-bg-active)]">
              <Terminal className="h-4 w-4 mr-1.5" />
-              安装Agent
+              {t('agent.agentwizardtsx.s1a2b3c4d')}
            </TabsTrigger>
            {server && (
              <TabsTrigger value="ssh" className="data-[state=active]:bg-[var(--dg-bg-active)]">
                <Zap className="h-4 w-4 mr-1.5" />
-                SSH一键安装
+                {t('agent.agentwizardtsx.s2b3c4d5e')}
              </TabsTrigger>
            )}
            {!server && (
@@ -229,14 +229,14 @@ export function AgentWizard({ open, onOpenChange, server, onStart, onInstalled,
              </TabsTrigger>
            )}
            <TabsTrigger value="manual" className="data-[state=active]:bg-[var(--dg-bg-active)]">
-              手动安装
+              {t('agent.agentwizardtsx.s3c4d5e6f')}
            </TabsTrigger>
          </TabsList>

          {/* 自动安装 */}
          <TabsContent value="auto" className="mt-4 space-y-3">
            <p className="text-sm dg-text-secondary">
-              在目标主机执行以下命令，Agent 将自动下载、安装并启动：
+              {t('agent.agentwizardtsx.s4d5e6f7g')}
            </p>
            <div className="relative rounded-lg bg-[var(--dg-bg-primary)] border border-[var(--dg-border)] p-4">
              <pre className="text-xs dg-text-green font-mono whitespace-pre-wrap break-all pr-10">
@@ -257,7 +257,7 @@ export function AgentWizard({ open, onOpenChange, server, onStart, onInstalled,
            {showManualInput && (
              <div className="rounded-lg bg-amber-950/30 border border-amber-800/50 p-4">
                <p className="text-xs dg-text-yellow mb-2">
-                  ⚠️ 自动复制失败。请点击下方输入框全选 (Ctrl+A) 后复制 (Ctrl+C)：
+                  {t('agent.agentwizardtsx.s5e6f7g8h')}
                </p>
                <textarea
                  readOnly
@@ -322,17 +322,17 @@ export function AgentWizard({ open, onOpenChange, server, onStart, onInstalled,
                              className="h-8 text-sm dg-input text-[var(--dg-text-primary)] mt-1"
                            />
                          </div>
-                          <span className="text-xs dg-text-muted px-1 pb-1">或</span>
+                          <span className="text-xs dg-text-muted px-1 pb-1">{t("agent.agentwizardtsx.s1k2l3m4n")}</span>
                          <Button variant="ghost" size="sm"
                            onClick={() => { setAuthType('key'); setSshPassword(''); }}
                            className={`text-xs h-7 px-2 ${authType==='key'?'dg-text-blue':'dg-text-muted'}`}>
-                            密钥
+                            {t('agent.agentwizardtsx.s2l3m4n5o')}
                          </Button>
                        </div>
                      </div>
                      {authType === 'key' && (
                        <div>
-                          <Label className="text-xs dg-text-secondary">SSH 私钥（PEM 格式）</Label>
+                          <Label className="text-xs dg-text-secondary">{t("agent.agentwizardtsx.s3m4n5o6p")}</Label>
                          <textarea
                            value={sshKey}
                            onChange={e => setSshKey(e.target.value)}
@@ -346,7 +346,7 @@ export function AgentWizard({ open, onOpenChange, server, onStart, onInstalled,
                  )}

                  <p className="text-sm dg-text-secondary mb-4">
-                    通过 SSH 远程连接到目标主机，自动下载并安装 Agent，完成后立即启动运行。
+                    {t("agent.agentwizardtsx.s7g8h9i0j")}
                  </p>
                  <Button
                    onClick={handleSshInstall}
@@ -356,7 +356,7 @@ export function AgentWizard({ open, onOpenChange, server, onStart, onInstalled,
                    {sshInstalling ? (
                      <>
                        <Loader2 className="h-4 w-4 mr-2 animate-spin" />
-                        SSH 连接中，正在安装...
+                        {t('agent.agentwizardtsx.s8h9i0j1k')}
                      </>
                    ) : (
                      <>
@@ -399,7 +399,7 @@ export function AgentWizard({ open, onOpenChange, server, onStart, onInstalled,
              ))}
            </div>
            <p className="text-xs dg-text-muted">
-              完成上述步骤后，Agent 将作为 systemd 服务运行并自动上报指标。
+              {t('agent.agentwizardtsx.s0j1k2l3m')}
            </p>
          </TabsContent>
        </Tabs>