- {isCreate ? `新建 ${meta.title}` : `${meta.title} 编辑`}
+ {isCreate ? i18n.t('common.createNew') + ' ' + meta.title : meta.title + ' ' + i18n.t('common.edit')}
onHostNetworkChange(e.target.checked)}
className="accent-blue-500" />
- hostNetwork（共享主机网络命名空间）
+ {i18n.t('common.hostNetworkDesc')}
diff --git a/frontend/src/components/kubernetes/deployment-edit-advanced/PodMiscCard.tsx b/frontend/src/components/kubernetes/deployment-edit-advanced/PodMiscCard.tsx
index a5d34eb..0469ec0 100644
--- a/frontend/src/components/kubernetes/deployment-edit-advanced/PodMiscCard.tsx
+++ b/frontend/src/components/kubernetes/deployment-edit-advanced/PodMiscCard.tsx
@@ -1,6 +1,7 @@
// PodMiscCard.tsx — Pod 级别杂项设置卡片 (Q21 提取)
// dnsPolicy / restartPolicy / schedulerName / terminationGracePeriodSeconds / serviceAccountName
import { Settings } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
import { Input } from '@/components/ui/input';
import { Label } from '@/components/ui/label';
@@ -25,11 +26,12 @@ export function PodMiscCard({
terminationGracePeriodSeconds, onTerminationGracePeriodSecondsChange,
serviceAccountName, onServiceAccountNameChange,
}: PodMiscCardProps) {
+ const { t } = useTranslation();
return (
- Pod 级别
+ {t('common.podLevel')}
diff --git a/frontend/src/components/kubernetes/deployment-edit-advanced/PodSecurityCard.tsx b/frontend/src/components/kubernetes/deployment-edit-advanced/PodSecurityCard.tsx
index 63b75ca..51ec23d 100644
--- a/frontend/src/components/kubernetes/deployment-edit-advanced/PodSecurityCard.tsx
+++ b/frontend/src/components/kubernetes/deployment-edit-advanced/PodSecurityCard.tsx
@@ -1,5 +1,6 @@
// PodSecurityCard.tsx — Pod 安全上下文 (securityContext) 卡片 (Q21 提取)
import { Shield } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
import { Input } from '@/components/ui/input';
import { Label } from '@/components/ui/label';
@@ -21,11 +22,12 @@ export function PodSecurityCard({
podRunAsGroup, onPodRunAsGroupChange,
podRunAsNonRoot, onPodRunAsNonRootChange,
}: PodSecurityCardProps) {
+ const { t } = useTranslation();
return (
- Pod 安全上下文 (securityContext)
+ {t('common.podSecurityContext')}
diff --git a/frontend/src/components/kubernetes/workload-view/PodInstancesTable.tsx b/frontend/src/components/kubernetes/workload-view/PodInstancesTable.tsx
index 4cb2b10..8ee6957 100644
--- a/frontend/src/components/kubernetes/workload-view/PodInstancesTable.tsx
+++ b/frontend/src/components/kubernetes/workload-view/PodInstancesTable.tsx
@@ -23,7 +23,7 @@ export function PodInstancesTable({
- Pod 实例 ({pods.length})
+ {i18n.t('common.podInstances', { count: pods.length })}
diff --git a/frontend/src/components/ui/data-table.tsx b/frontend/src/components/ui/data-table.tsx
index 257b5b4..ce2a06f 100644
--- a/frontend/src/components/ui/data-table.tsx
+++ b/frontend/src/components/ui/data-table.tsx
@@ -22,6 +22,7 @@
* ```
*/
import * as React from 'react';
+import { useTranslation } from 'react-i18next';
import {
Table,
TableBody,
@@ -224,7 +225,7 @@ export function DataTable>(
data,
rowKey,
searchable = false,
- searchPlaceholder = '搜索...',
+ searchPlaceholder = undefined,
searchKeys,
sortable: globalSortable = false,
pagination: enablePagination = false,
@@ -237,7 +238,7 @@ export function DataTable>(
exportFilename = 'export.csv',
columnToggle = false,
loading = false,
- emptyText = '暂无数据',
+ emptyText = undefined,
emptyRender,
onRowClick,
rowClassName,
@@ -247,6 +248,9 @@ export function DataTable>(
toolbarExtra,
} = props;
+ const { t } = useTranslation();
+ const effectiveSearchPlaceholder = searchPlaceholder ?? t('common.searchPlaceholder');
+ const effectiveEmptyText = emptyText ?? t('common.noData');
// ── Search state ──
const [searchTerm, setSearchTerm] = React.useState('');
@@ -405,7 +409,7 @@ export function DataTable>(
type="text"
value={searchTerm}
onChange={(e) => setSearchTerm(e.target.value)}
- placeholder={searchPlaceholder}
+ placeholder={effectiveSearchPlaceholder}
className="pl-9 h-9 w-56 bg-[var(--dg-bg-tertiary)] border-[var(--dg-border)] text-[var(--dg-text-primary)] placeholder:text-[var(--dg-text-muted)]"
/>
@@ -532,7 +536,7 @@ export function DataTable