feat(i18n): 增量国际化迁移 — deploy/kubernetes/monitor/task 全模块 + 补全 28 缺失翻译键

迁移范围:
- deploy 模块 (PipelineEditor/PipelineDetailDialog/PipelineFormDialog/PipelineRunDialog/ReleaseCreateDialog/ReleaseDetailDialog/ReleaseManager/ToolConfigTab/JobRoleCreateDialog 等 14 文件)
- kubernetes 模块 (YamlEditorToolbar/DeploymentHpaTab/DeploymentLogsTab/DeploymentPodsTab/DnsHostSection/SchedulingSection/EventsTab/HPACronHPATab/HistoryTab/PodsTab/ServicesTab/ActionModals 等 12 文件)
- monitor 模块 (AlertEventsTab/AlertCenterDetail/DatasourcePage/LogAlertBell/LogCenter/LogCenterArchBanner/StatChartPanel/LogRoleCreateDialog 等 8 文件)
- task 模块 (CronJobStatsPanel/CronJobTable/CronJobViewDialog/ExecutionHistoryDialog 4 文件)
- layout (PageEmpty/PageLoading 2 文件)
- site-monitor/snmp-monitor 模块 (6 文件)

翻译键: 3975 → 4003 (+28 缺失键补全), 22 命名空间, zh-CN/en-US 完全对齐
新增命名空间: agent/aiops/cloud/kubernetes/monitor/pipeline/rbac/system/task/ui

验证: go build✅ tsc -b=0 npm build✅ (20.78s) 17/17 集成测试通过
This commit is contained in:
attacker committed 2026-07-02 12:39:36 +08:00
1 parent eddf01dd79
commit 63e4c220d4
59 files changed
+6713 -641

No files matched your search

@@ -1,4 +1,5 @@
import { useState } from 'react';
import { useTranslation } from 'react-i18next';
import { useConfirm } from '@/components/ui/confirm-dialog';
import { Card, CardContent } from '@/components/ui/card';
import { Button } from '@/components/ui/button';
@@ -25,6 +26,7 @@ export function AlertEventsTab({
loading: boolean;
onReload: () => void;
}) {
const { t } = useTranslation();
const _confirm = useConfirm();
const [searchQuery, setSearchQuery] = useState('');
const [severityFilter, setSeverityFilter] = useState<string>('all');
@@ -45,21 +47,21 @@ export function AlertEventsTab({
return (
<Badge variant="outline" className="border-red-500/30 dg-text-red bg-red-500/10">
<AlertTriangle className="h-3 w-3 mr-1" />
严重
{t('monitor.alertEvents.severity.critical')}
</Badge>
);
case 'warning':
return (
<Badge variant="outline" className="border-amber-500/30 dg-text-yellow bg-amber-500/10">
<AlertTriangle className="h-3 w-3 mr-1" />
警告
{t('monitor.alertEvents.severity.warning')}
</Badge>
);
case 'info':
return (
<Badge variant="outline" className="border-blue-500/30 dg-text-blue bg-blue-500/10">
<Bell className="h-3 w-3 mr-1" />
提示
{t('monitor.alertEvents.severity.info')}
</Badge>
);
default:
@@ -72,13 +74,13 @@ export function AlertEventsTab({
case 'firing':
return (
<Badge variant="outline" className="border-red-500/30 dg-text-red bg-red-500/10 animate-pulse">
触发中
{t('monitor.alertEvents.status.firing')}
</Badge>
);
case 'resolved':
return (
<Badge variant="outline" className="border-emerald-500/30 dg-text-green bg-emerald-500/10">
已恢复
{t('monitor.alertEvents.status.resolved')}
</Badge>
);
default:
@@ -102,7 +104,7 @@ export function AlertEventsTab({
<div className="relative w-64">
<Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 dg-text-muted" />
<Input
placeholder="搜索告警名称或目标..."
placeholder={t('monitor.alertEvents.searchPlaceholder')}
value={searchQuery}
onChange={(e) => setSearchQuery(e.target.value)}
className="pl-9 h-9 dg-input"
@@ -113,19 +115,19 @@ export function AlertEventsTab({
onChange={(e) => setSeverityFilter(e.target.value)}
className="h-9 px-3 rounded-md bg-[var(--dg-bg-tertiary)]/50 border border-[var(--dg-border)] text-[var(--dg-text-primary)] text-sm"
>
<option value="all">全部级别</option>
<option value="critical">严重</option>
<option value="warning">警告</option>
<option value="info">提示</option>
<option value="all">{t('monitor.alertEvents.filter.allSeverity')}</option>
<option value="critical">{t('monitor.alertEvents.severity.critical')}</option>
<option value="warning">{t('monitor.alertEvents.severity.warning')}</option>
<option value="info">{t('monitor.alertEvents.severity.info')}</option>
</select>
<select
value={statusFilter}
onChange={(e) => setStatusFilter(e.target.value)}
className="h-9 px-3 rounded-md bg-[var(--dg-bg-tertiary)]/50 border border-[var(--dg-border)] text-[var(--dg-text-primary)] text-sm"
>
<option value="all">全部状态</option>
<option value="firing">触发中</option>
<option value="resolved">已恢复</option>
<option value="all">{t('monitor.alertEvents.filter.allStatus')}</option>
<option value="firing">{t('monitor.alertEvents.status.firing')}</option>
<option value="resolved">{t('monitor.alertEvents.status.resolved')}</option>
</select>
</div>
@@ -136,14 +138,14 @@ export function AlertEventsTab({
<Table>
<TableHeader>
<TableRow className="border-[var(--dg-border)] hover:bg-transparent">
<TableHead className="dg-text-secondary">级别</TableHead>
<TableHead className="dg-text-secondary">告警名称</TableHead>
<TableHead className="dg-text-secondary">状态</TableHead>
<TableHead className="dg-text-secondary">目标</TableHead>
<TableHead className="dg-text-secondary">当前值</TableHead>
<TableHead className="dg-text-secondary">阈值</TableHead>
<TableHead className="dg-text-secondary">开始时间</TableHead>
<TableHead className="dg-text-secondary text-right">操作</TableHead>
<TableHead className="dg-text-secondary">{t('monitor.alertEvents.col.severity')}</TableHead>
<TableHead className="dg-text-secondary">{t('monitor.alertEvents.col.alertName')}</TableHead>
<TableHead className="dg-text-secondary">{t('monitor.alertEvents.col.status')}</TableHead>
<TableHead className="dg-text-secondary">{t('monitor.alertEvents.col.target')}</TableHead>
<TableHead className="dg-text-secondary">{t('monitor.alertEvents.col.currentValue')}</TableHead>
<TableHead className="dg-text-secondary">{t('monitor.alertEvents.col.threshold')}</TableHead>
<TableHead className="dg-text-secondary">{t('monitor.alertEvents.col.startTime')}</TableHead>
<TableHead className="dg-text-secondary text-right">{t('monitor.alertEvents.col.actions')}</TableHead>
</TableRow>
</TableHeader>
<TableBody>
@@ -151,7 +153,7 @@ export function AlertEventsTab({
<TableRow className="border-[var(--dg-border)]">
<TableCell colSpan={8} className="text-center dg-text-muted py-8">
<Loader2 className="h-5 w-5 animate-spin inline mr-2" />
加载中...
{t('monitor.alertEvents.loading')}
</TableCell>
</TableRow>
) : filteredEvents.map((event) => (
@@ -187,7 +189,7 @@ export function AlertEventsTab({
onClick={() => handleAcknowledge(event.id)}
>
<CheckCircle className="h-4 w-4 mr-1" />
确认
{t('monitor.alertEvents.acknowledge')}
</Button>
)}
</div>