rlwj-lab/aiops
0
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
迁移范围:
- 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
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

frontend/src/components/kubernetes/deployment-view/EventsTab.tsx
+4 -2
View File
@@ -1,13 +1,15 @@
// deployment-view/EventsTab.tsx — 事件 Tab // Logan.Li
import { useTranslation } from 'react-i18next';
import { EventTable } from '../EventTable';
import type { EventItem } from './types';
export function EventsTab({ events, loading }: { events: EventItem[]; loading: string }) {
const { t } = useTranslation();
return (
<EventTable
events={events}
loading={loading}
emptyText="暂无事件"
emptyText={t('k8s.empty.events')}
/>
);
}
}
frontend/src/components/kubernetes/deployment-view/HPACronHPATab.tsx
+21 -19
View File
@@ -1,4 +1,5 @@
// deployment-view/HPACronHPATab.tsx — 容器伸缩 Tab (HPA + CronHPA) // Logan.Li
import { useTranslation } from 'react-i18next';
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
import { Button } from '@/components/ui/button';
import { Badge } from '@/components/ui/badge';
@@ -9,6 +10,7 @@ import { Activity, Clock, Loader2 } from 'lucide-react';
import type { JsonData } from '@/types/common';
export function HPACronHPATab({ hpas, cronHpas, loading, replicas }: { hpas: JsonData[]; cronHpas: JsonData[]; loading: string; replicas: number }) {
const { t } = useTranslation();
if (loading === 'scale') {
return <div className="flex items-center justify-center py-12"><Loader2 className="h-6 w-6 animate-spin text-[var(--dg-text-muted)]" /></div>;
}
@@ -17,29 +19,29 @@ export function HPACronHPATab({ hpas, cronHpas, loading, replicas }: { hpas: Jso
<div className="space-y-4">
{/* 当前副本数提示 */}
<div className="flex items-center gap-2 px-2">
<span className="text-sm text-[var(--dg-text-muted)]">当前副本:</span>
<span className="text-sm text-[var(--dg-text-muted)]">{t('k8s.hpaCronHpa.currentReplicas')}</span>
<span className="text-sm font-bold text-[var(--dg-text-primary)]">{replicas}</span>
<span className="text-xs text-[var(--dg-text-muted)]">(可通过 Tab 栏右侧 +/- 手动调整)</span>
<span className="text-xs text-[var(--dg-text-muted)]">{t('k8s.hpaCronHpa.scaleHint')}</span>
</div>
{/* HPA 策略 */}
<Card className="dg-card">
<CardHeader className="pb-2"><CardTitle className="text-sm flex items-center gap-2"><Activity className="h-4 w-4 text-[var(--dg-orange)]" />HPA — 水平自动伸缩</CardTitle></CardHeader>
<CardHeader className="pb-2"><CardTitle className="text-sm flex items-center gap-2"><Activity className="h-4 w-4 text-[var(--dg-orange)]" />{t('k8s.hpaCronHpa.hpaTitle')}</CardTitle></CardHeader>
<CardContent>
{hpas.length === 0 ? (
<div className="text-sm text-[var(--dg-text-muted)] py-4">
未关联 HPA — <Button variant="link" className="h-auto p-0 text-[var(--dg-blue)] text-sm">创建 HPA</Button>
{t('k8s.hpaCronHpa.noHpaLinked')}<Button variant="link" className="h-auto p-0 text-[var(--dg-blue)] text-sm">{t('k8s.hpaCronHpa.createHpa')}</Button>
</div>
) : (
<div className="overflow-x-auto">
<Table>
<TableHeader>
<TableRow className="border-[var(--dg-border)]">
<TableHead className="text-[var(--dg-text-muted)]">名称</TableHead>
<TableHead className="text-[var(--dg-text-muted)]">最小/最大</TableHead>
<TableHead className="text-[var(--dg-text-muted)]">指标</TableHead>
<TableHead className="text-[var(--dg-text-muted)]">当前负载</TableHead>
<TableHead className="text-[var(--dg-text-muted)]">状态</TableHead>
<TableHead className="text-[var(--dg-text-muted)]">{t('k8s.column.name')}</TableHead>
<TableHead className="text-[var(--dg-text-muted)]">{t('k8s.hpaCronHpa.col.minMax')}</TableHead>
<TableHead className="text-[var(--dg-text-muted)]">{t('k8s.hpaCronHpa.col.metrics')}</TableHead>
<TableHead className="text-[var(--dg-text-muted)]">{t('k8s.hpaCronHpa.col.currentLoad')}</TableHead>
<TableHead className="text-[var(--dg-text-muted)]">{t('k8s.hpaCronHpa.col.status')}</TableHead>
</TableRow>
</TableHeader>
<TableBody>
@@ -65,7 +67,7 @@ export function HPACronHPATab({ hpas, cronHpas, loading, replicas }: { hpas: Jso
<TableCell className="text-sm font-mono text-[var(--dg-text-secondary)]">{curR}</TableCell>
<TableCell>
<Badge className={ok ? 'bg-[var(--dg-green)]/20 text-[var(--dg-green)]' : 'bg-[var(--dg-red)]/20 text-[var(--dg-red)]'}>
{ok ? '正常' : '异常'}
{ok ? t('k8s.hpaCronHpa.status.normal') : t('k8s.hpaCronHpa.status.abnormal')}
</Badge>
</TableCell>
</TableRow>
@@ -80,22 +82,22 @@ export function HPACronHPATab({ hpas, cronHpas, loading, replicas }: { hpas: Jso
{/* CronHPA 策略 */}
<Card className="dg-card">
<CardHeader className="pb-2"><CardTitle className="text-sm flex items-center gap-2"><Clock className="h-4 w-4 text-[var(--dg-blue)]" />CronHPA — 定时伸缩</CardTitle></CardHeader>
<CardHeader className="pb-2"><CardTitle className="text-sm flex items-center gap-2"><Clock className="h-4 w-4 text-[var(--dg-blue)]" />{t('k8s.hpaCronHpa.cronHpaTitle')}</CardTitle></CardHeader>
<CardContent>
{cronHpas.length === 0 ? (
<div className="text-sm text-[var(--dg-text-muted)] py-4">
未关联 CronHPA — <Button variant="link" className="h-auto p-0 text-[var(--dg-blue)] text-sm">创建 CronHPA</Button>
{t('k8s.hpaCronHpa.noCronHpaLinked')}<Button variant="link" className="h-auto p-0 text-[var(--dg-blue)] text-sm">{t('k8s.hpaCronHpa.createCronHpa')}</Button>
</div>
) : (
<div className="overflow-x-auto">
<Table>
<TableHeader>
<TableRow className="border-[var(--dg-border)]">
<TableHead className="text-[var(--dg-text-muted)]">名称</TableHead>
<TableHead className="text-[var(--dg-text-muted)]">目标副本</TableHead>
<TableHead className="text-[var(--dg-text-muted)]">调度规则</TableHead>
<TableHead className="text-[var(--dg-text-muted)]">时区</TableHead>
<TableHead className="text-[var(--dg-text-muted)]">状态</TableHead>
<TableHead className="text-[var(--dg-text-muted)]">{t('k8s.column.name')}</TableHead>
<TableHead className="text-[var(--dg-text-muted)]">{t('k8s.hpaCronHpa.cronCol.targetReplicas')}</TableHead>
<TableHead className="text-[var(--dg-text-muted)]">{t('k8s.hpaCronHpa.cronCol.scheduleRule')}</TableHead>
<TableHead className="text-[var(--dg-text-muted)]">{t('k8s.hpaCronHpa.cronCol.timezone')}</TableHead>
<TableHead className="text-[var(--dg-text-muted)]">{t('k8s.hpaCronHpa.cronCol.status')}</TableHead>
</TableRow>
</TableHeader>
<TableBody>
@@ -111,7 +113,7 @@ export function HPACronHPATab({ hpas, cronHpas, loading, replicas }: { hpas: Jso
<TableCell className="text-xs font-mono text-[var(--dg-text-muted)]">{jobs.map((j: JsonData) => j.schedule || '?').join(', ')}</TableCell>
<TableCell className="text-xs text-[var(--dg-text-muted)]">{tz}</TableCell>
<TableCell>
<Badge className="bg-[var(--dg-green)]/20 text-[var(--dg-green)]">已启用</Badge>
<Badge className="bg-[var(--dg-green)]/20 text-[var(--dg-green)]">{t('k8s.label.enabled')}</Badge>
</TableCell>
</TableRow>
);
@@ -124,4 +126,4 @@ export function HPACronHPATab({ hpas, cronHpas, loading, replicas }: { hpas: Jso
</Card>
</div>
);
}
}
frontend/src/components/kubernetes/deployment-view/HistoryTab.tsx
+11 -9
View File
@@ -1,4 +1,5 @@
// deployment-view/HistoryTab.tsx — 历史版本 Tab // Logan.Li
import { useTranslation } from 'react-i18next';
import { Button } from '@/components/ui/button';
import { Badge } from '@/components/ui/badge';
import {
@@ -9,8 +10,9 @@ import { formatK8sTime } from '../k8s-yaml-utils';
import type { JsonData } from '@/types/common';
export function HistoryTab({ revisions, rollbackLoading, onRollback }: { revisions: JsonData[]; rollbackLoading: number | null; onRollback: (rev: JsonData) => void }) {
const { t } = useTranslation();
if (revisions.length === 0) {
return <div className="text-center text-[var(--dg-text-muted)] py-12">暂无历史版本</div>;
return <div className="text-center text-[var(--dg-text-muted)] py-12">{t('k8s.history.empty')}</div>;
}
return (
<div className="overflow-x-auto">
@@ -18,10 +20,10 @@ export function HistoryTab({ revisions, rollbackLoading, onRollback }: { revisio
<TableHeader>
<TableRow className="border-[var(--dg-border)]">
<TableHead className="text-[var(--dg-text-muted)] w-24">Revision</TableHead>
<TableHead className="text-[var(--dg-text-muted)]">镜像</TableHead>
<TableHead className="text-[var(--dg-text-muted)] w-24">状态</TableHead>
<TableHead className="text-[var(--dg-text-muted)] w-40">更新时间</TableHead>
<TableHead className="text-[var(--dg-text-muted)] w-24">操作</TableHead>
<TableHead className="text-[var(--dg-text-muted)]">{t('k8s.column.image')}</TableHead>
<TableHead className="text-[var(--dg-text-muted)] w-24">{t('k8s.column.status')}</TableHead>
<TableHead className="text-[var(--dg-text-muted)] w-40">{t('k8s.history.updateTime')}</TableHead>
<TableHead className="text-[var(--dg-text-muted)] w-24">{t('common.actions')}</TableHead>
</TableRow>
</TableHeader>
<TableBody>
@@ -34,14 +36,14 @@ export function HistoryTab({ revisions, rollbackLoading, onRollback }: { revisio
<TableCell className="text-xs font-mono text-[var(--dg-text-muted)] max-w-[300px] truncate">{rev.image || rev.images?.[0] || '-'}</TableCell>
<TableCell>
{isLatest
? <Badge className="bg-[var(--dg-green)]/20 text-[var(--dg-green)] border-[var(--dg-green)]/30">当前</Badge>
: <Badge variant="outline" className="text-[var(--dg-text-muted)]">历史</Badge>}
? <Badge className="bg-[var(--dg-green)]/20 text-[var(--dg-green)] border-[var(--dg-green)]/30">{t('k8s.history.current')}</Badge>
: <Badge variant="outline" className="text-[var(--dg-text-muted)]">{t('k8s.history.historical')}</Badge>}
</TableCell>
<TableCell className="text-xs text-[var(--dg-text-muted)]">{formatK8sTime(rev.created_at || rev.time)}</TableCell>
<TableCell>
<Button variant="ghost" size="sm" className="h-7 dg-text-yellow" disabled={isLatest || rollbackLoading !== null} onClick={() => onRollback(rev)}>
{rollbackLoading === revision ? <Loader2 className="h-3 w-3 animate-spin mr-1" /> : <RotateCcw className="h-3 w-3 mr-1" />}
回滚
{t('k8s.history.rollback')}
</Button>
</TableCell>
</TableRow>
@@ -51,4 +53,4 @@ export function HistoryTab({ revisions, rollbackLoading, onRollback }: { revisio
</Table>
</div>
);
}
}
frontend/src/components/kubernetes/deployment-view/PodsTab.tsx
+17 -15
View File
@@ -1,6 +1,7 @@
// deployment-view/PodsTab.tsx — 容器组 Tab // Logan.Li
// v2: 虚拟滚动，支持 1000+ Pod 场景流畅渲染
import { useRef } from 'react';
import { useTranslation } from 'react-i18next';
import { useVirtualizer } from '@tanstack/react-virtual';
import { Card, CardContent } from '@/components/ui/card';
import { Button } from '@/components/ui/button';
@@ -27,6 +28,7 @@ export function PodsTab({
onDeletePod,
expandedPod, setExpandedPod,
}: DeploymentViewProps & { expandedPod: string | null; setExpandedPod: (v: string | null) => void }) {
const { t } = useTranslation();
const scrollRef = useRef<HTMLDivElement>(null);
const virtualizer = useVirtualizer({
@@ -37,7 +39,7 @@ export function PodsTab({
});
if (pods.length === 0) {
return <div className="text-center text-[var(--dg-text-muted)] py-12">暂无容器组</div>;
return <div className="text-center text-[var(--dg-text-muted)] py-12">{t('k8s.pods.empty')}</div>;
}
const virtualRows = virtualizer.getVirtualItems();
@@ -52,13 +54,13 @@ export function PodsTab({
style={{ gridTemplateColumns: GRID_COLS }}
>
<span />
<span>名称</span>
<span>状态</span>
<span>节点</span>
<span>{t('k8s.pods.col.name')}</span>
<span>{t('k8s.pods.col.status')}</span>
<span>{t('k8s.pods.col.node')}</span>
<span>IP</span>
<span className="text-center">重启</span>
<span className="text-center">{t('k8s.pods.col.restart')}</span>
<span>Age</span>
<span className="text-right">操作</span>
<span className="text-right">{t('k8s.pods.col.actions')}</span>
</div>
{/* 虚拟滚动列表 */}
@@ -134,10 +136,10 @@ export function PodsTab({
</span>
<div className="flex items-center justify-end gap-0.5 shrink-0 w-[88px]">
<Button variant="ghost" size="sm" className="h-7 w-7 p-0 shrink-0 dg-text-green" title="终端" onClick={() => onShowPodTerminal(pod)}>
<Button variant="ghost" size="sm" className="h-7 w-7 p-0 shrink-0 dg-text-green" title={t('k8s.pods.action.terminal')} onClick={() => onShowPodTerminal(pod)}>
<Terminal className="h-3.5 w-3.5" />
</Button>
<Button variant="ghost" size="sm" className="h-7 w-7 p-0 shrink-0 dg-text-yellow" title="文件" onClick={() => onShowPodFileBrowser(pod)}>
<Button variant="ghost" size="sm" className="h-7 w-7 p-0 shrink-0 dg-text-yellow" title={t('k8s.pods.action.file')} onClick={() => onShowPodFileBrowser(pod)}>
<HardDrive className="h-3.5 w-3.5" />
</Button>
<DropdownMenu>
@@ -146,21 +148,21 @@ export function PodsTab({
variant="ghost"
size="sm"
className="h-7 w-7 p-0 shrink-0 text-[var(--dg-text-muted)] hover:text-[var(--dg-blue)]"
title="更多"
aria-label="更多"
title={t('k8s.pods.action.more')}
aria-label={t('k8s.pods.action.more')}
>
<MoreVertical className="h-3.5 w-3.5" />
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent align="end" className="bg-[var(--dg-bg-secondary)] border-[var(--dg-border)]">
<DropdownMenuItem onClick={() => onShowPodLogs(pod)} className="text-[var(--dg-text-primary)]">
<FileText className="h-3.5 w-3.5 mr-2" /> 日志
<FileText className="h-3.5 w-3.5 mr-2" /> {t('k8s.pods.action.logs')}
</DropdownMenuItem>
<DropdownMenuItem onClick={() => onShowPodYaml(pod)} className="text-[var(--dg-text-primary)]">
<FileCode className="h-3.5 w-3.5 mr-2" /> YAML
</DropdownMenuItem>
<DropdownMenuItem onClick={() => onDeletePod?.(pod)} className="dg-text-red focus:dg-text-red">
<Trash2 className="h-3.5 w-3.5 mr-2" /> 删除
<Trash2 className="h-3.5 w-3.5 mr-2" /> {t('k8s.pods.action.delete')}
</DropdownMenuItem>
</DropdownMenuContent>
</DropdownMenu>
@@ -173,7 +175,7 @@ export function PodsTab({
<PodConditionsRow pod={pod} />
{containers && containers.length > 0 && (
<div>
<p className="text-xs text-[var(--dg-text-muted)] mb-2">容器</p>
<p className="text-xs text-[var(--dg-text-muted)] mb-2">{t('k8s.pods.containers')}</p>
<div className="grid grid-cols-1 md:grid-cols-2 gap-2">
{containers.map((c, idx) => (
<div key={idx} className="rounded-md border border-[var(--dg-border)] bg-[var(--dg-bg-secondary)] px-3 py-2.5 text-xs">
@@ -187,7 +189,7 @@ export function PodsTab({
{c.resources && (
<div className="mt-1.5 flex gap-4 text-[var(--dg-text-muted)]">
<span>CPU {String((c.resources as Record<string, Record<string, string>>)?.requests?.cpu ?? '0')} / {String((c.resources as Record<string, Record<string, string>>)?.limits?.cpu ?? '—')}</span>
<span>内存 {String((c.resources as Record<string, Record<string, string>>)?.requests?.memory ?? '0')} / {String((c.resources as Record<string, Record<string, string>>)?.limits?.memory ?? '—')}</span>
<span>{t('k8s.pods.memory')} {String((c.resources as Record<string, Record<string, string>>)?.requests?.memory ?? '0')} / {String((c.resources as Record<string, Record<string, string>>)?.limits?.memory ?? '—')}</span>
</div>
)}
</div>
@@ -206,7 +208,7 @@ export function PodsTab({
{/* 行数统计 */}
{pods.length > 0 && (
<div className="text-center py-2 text-xs text-[var(--dg-text-muted)] border-t border-[var(--dg-border)]">
共 {pods.length} 个容器组 {pods.length > 200 && '· 虚拟滚动渲染'}
{t('k8s.pods.totalCount', { count: pods.length })} {pods.length > 200 && `· ${t('k8s.pods.virtualScroll')}`}
</div>
)}
</CardContent>
frontend/src/components/kubernetes/deployment-view/ServicesTab.tsx
+13 -11
View File
@@ -1,4 +1,5 @@
// deployment-view/ServicesTab.tsx — 访问方式 Tab // Logan.Li
import { useTranslation } from 'react-i18next';
import { Badge } from '@/components/ui/badge';
import {
Table, TableBody, TableCell, TableHead, TableHeader, TableRow,
@@ -8,6 +9,7 @@ import type { SvcItem, IngItem } from './types';
import type { JsonData } from '@/types/common';
export function ServicesTab({ services, ingresses, loading }: { services: SvcItem[]; ingresses: IngItem[]; loading: string; namespace: string }) {
const { t } = useTranslation();
if (loading === 'services') {
return <div className="flex items-center justify-center py-12"><Loader2 className="h-6 w-6 animate-spin text-[var(--dg-text-muted)]" /></div>;
}
@@ -16,20 +18,20 @@ export function ServicesTab({ services, ingresses, loading }: { services: SvcIte
{/* Services */}
<div>
<h3 className="text-sm font-semibold text-[var(--dg-text-primary)] mb-3 flex items-center gap-2">
<Network className="h-4 w-4 text-[var(--dg-blue)]" />关联 Service
<Network className="h-4 w-4 text-[var(--dg-blue)]" />{t('k8s.services.relatedService')}
</h3>
{services.length === 0 ? (
<p className="text-sm text-[var(--dg-text-muted)] py-4">暂无匹配的 Service（Deployment 选择器未关联任何 Service）</p>
<p className="text-sm text-[var(--dg-text-muted)] py-4">{t('k8s.services.emptyService')}</p>
) : (
<div className="overflow-x-auto">
<Table>
<TableHeader>
<TableRow className="border-[var(--dg-border)]">
<TableHead className="text-[var(--dg-text-muted)]">名称</TableHead>
<TableHead className="text-[var(--dg-text-muted)]">类型</TableHead>
<TableHead className="text-[var(--dg-text-muted)]">{t('k8s.column.name')}</TableHead>
<TableHead className="text-[var(--dg-text-muted)]">{t('k8s.column.type')}</TableHead>
<TableHead className="text-[var(--dg-text-muted)]">ClusterIP</TableHead>
<TableHead className="text-[var(--dg-text-muted)]">端口</TableHead>
<TableHead className="text-[var(--dg-text-muted)]">Selector</TableHead>
<TableHead className="text-[var(--dg-text-muted)]">{t('k8s.column.ports')}</TableHead>
<TableHead className="text-[var(--dg-text-muted)]">{t('k8s.column.selector')}</TableHead>
</TableRow>
</TableHeader>
<TableBody>
@@ -55,19 +57,19 @@ export function ServicesTab({ services, ingresses, loading }: { services: SvcIte
{/* Ingresses */}
<div>
<h3 className="text-sm font-semibold text-[var(--dg-text-primary)] mb-3 flex items-center gap-2">
<ExternalLink className="h-4 w-4 text-[var(--dg-purple)]" />关联 Ingress
<ExternalLink className="h-4 w-4 text-[var(--dg-purple)]" />{t('k8s.services.relatedIngress')}
</h3>
{ingresses.length === 0 ? (
<p className="text-sm text-[var(--dg-text-muted)] py-4">暂无匹配的 Ingress</p>
<p className="text-sm text-[var(--dg-text-muted)] py-4">{t('k8s.services.emptyIngress')}</p>
) : (
<div className="overflow-x-auto">
<Table>
<TableHeader>
<TableRow className="border-[var(--dg-border)]">
<TableHead className="text-[var(--dg-text-muted)]">名称</TableHead>
<TableHead className="text-[var(--dg-text-muted)]">{t('k8s.column.name')}</TableHead>
<TableHead className="text-[var(--dg-text-muted)]">Class</TableHead>
<TableHead className="text-[var(--dg-text-muted)]">Host</TableHead>
<TableHead className="text-[var(--dg-text-muted)]">路径</TableHead>
<TableHead className="text-[var(--dg-text-muted)]">{t('k8s.column.path')}</TableHead>
</TableRow>
</TableHeader>
<TableBody>
@@ -88,4 +90,4 @@ export function ServicesTab({ services, ingresses, loading }: { services: SvcIte
</div>
</div>
);
}
}