@@ -325,12 +327,12 @@ export function AppearanceTab() {
className="h-8 text-xs"
>
- 重置默认
+ {t('settings.appearance.resetDefault')}
-
+
-
+
{parseFloat(getTokenValue(themeConfig.tokenOverrides, 'typography', 'font-size-base', '1')) * 16}px
@@ -384,7 +386,7 @@ export function AppearanceTab() {
-
+
@@ -409,7 +411,7 @@ export function AppearanceTab() {
{/* 2. 视觉效果 (Visual) */}
- 视觉效果 (Visual)
+ {t('settings.appearance.visualGroup')}
@@ -421,13 +423,13 @@ export function AppearanceTab() {
className="h-8 text-xs"
>
- 重置默认
+ {t('settings.appearance.resetDefault')}
-
+
{Math.round(parseFloat(getTokenValue(themeConfig.tokenOverrides, 'visual', 'radius-md', '0.375')) * 16)}px
@@ -447,7 +449,7 @@ export function AppearanceTab() {
-
+
-
+
- 布局 (Layout)
+ {t('settings.appearance.layoutGroup')}
@@ -512,13 +514,13 @@ export function AppearanceTab() {
className="h-8 text-xs"
>
- 重置默认
+ {t('settings.appearance.resetDefault')}
-
+
{getTokenValue(themeConfig.tokenOverrides, 'layout', 'sidebar-width', '16rem')}
@@ -539,7 +541,7 @@ export function AppearanceTab() {
-
+
{getTokenValue(themeConfig.tokenOverrides, 'layout', 'max-content-width', '1280px')}
@@ -560,7 +562,7 @@ export function AppearanceTab() {
-
+
{getTokenValue(themeConfig.tokenOverrides, 'layout', 'space-unit', '0.25rem')}
@@ -584,7 +586,7 @@ export function AppearanceTab() {
{/* 4. 动画 (Animation) */}
- 动画 (Animation)
+ {t('settings.appearance.animationGroup')}
@@ -596,12 +598,12 @@ export function AppearanceTab() {
className="h-8 text-xs"
>
- 重置默认
+ {t('settings.appearance.resetDefault')}
-
+
@@ -645,13 +647,13 @@ export function AppearanceTab() {
{/* 5. 背景设置 (Backgrounds) */}
- 背景设置 (Backgrounds)
+ {t('settings.appearance.backgroundGroup')}
- 页面
- 侧边栏
+ {t('settings.appearance.bgPage')}
+ {t('settings.appearance.bgSidebar')}
Header
Card
Dialog
@@ -662,8 +664,8 @@ export function AppearanceTab() {
{layerId !== 'page' && (
-
-
开启后将使用上级层级的背景配置
+
+
{t('settings.appearance.inheritParentBgDesc')}
-
自定义 CSS
+
{t('settings.appearance.customCss')}
- 编写自定义 CSS 来进一步个性化界面。危险的 CSS（如 @import、url()）将被自动过滤。
+ {t('settings.appearance.cssDescription')}
@@ -721,7 +723,7 @@ export function AppearanceTab() {
value={localCSS}
language="css"
height="250px"
- placeholder={`/* 在这里输入自定义 CSS */\n\n/* 例如: */\n/* .sidebar { background: #1a1a2e; } */`}
+ placeholder={t('settings.appearance.cssPlaceholder')}
onChange={handleCSSChange}
/>
@@ -729,7 +731,7 @@ export function AppearanceTab() {
- 以下内容已被安全过滤：
+ {t('settings.appearance.cssWarningTitle')}
{cssWarnings.map((w, i) => - {w}
)}
@@ -741,17 +743,17 @@ export function AppearanceTab() {
{/* 动效设置 */}
-
动画效果
+
{t('settings.appearance.animationEffect')}
{/* 全局动画开关 */}
- 关闭后将禁用所有过渡动画和特效，提升性能
+ {t('settings.appearance.enableAnimationsDesc')}
- 关闭后登录页将使用纯色背景，适合低性能设备
+ {t('settings.appearance.loginWavesBackgroundDesc')}
- 主题导入/导出
+ {t('settings.appearance.importExportTheme')}
{/* 导出按钮 */}
@@ -795,7 +797,7 @@ export function AppearanceTab() {
className="gap-2"
>
- 导出主题
+ {t('settings.appearance.exportTheme')}
{/* 导入按钮 */}
@@ -805,7 +807,7 @@ export function AppearanceTab() {
className="gap-2"
>
- 导入主题
+ {t('settings.appearance.importTheme')}
{/* 重置按钮 */}
@@ -816,20 +818,20 @@ export function AppearanceTab() {
className="gap-2"
>
- 重置为默认
+ {t('settings.appearance.resetTheme')}
- 确认重置主题
+ {t('settings.appearance.confirmResetTheme')}
- 这将重置所有主题设置为默认值，包括颜色、字体、布局和自定义 CSS。此操作不可撤销，确定要继续吗？
+ {t('settings.appearance.confirmResetThemeDesc')}
- 取消
+ {t('common.cancel')}
- 确认重置
+ {t('settings.appearance.confirmResetAction')}
@@ -846,7 +848,7 @@ export function AppearanceTab() {
/>
- 导出主题为 JSON 文件便于分享或备份，导入时会自动应用所有配置。
+ {t('settings.appearance.exportDesc')}
diff --git a/dashboard/src/routes/settings/OtherTab.tsx b/dashboard/src/routes/settings/OtherTab.tsx
index e5aed473..8fb0ebd8 100644
--- a/dashboard/src/routes/settings/OtherTab.tsx
+++ b/dashboard/src/routes/settings/OtherTab.tsx
@@ -1,5 +1,6 @@
import { AlertTriangle, Database, Download, HardDrive, RefreshCw, RotateCcw, Trash2, Upload } from 'lucide-react'
import { useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
import { useNavigate } from '@tanstack/react-router'
import { cn } from '@/lib/utils'
@@ -14,6 +15,7 @@ import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent,
// 其他设置标签页
export function OtherTab() {
+ const { t } = useTranslation()
const navigate = useNavigate()
const { toast } = useToast()
const [isResetting, setIsResetting] = useState(false)
@@ -73,8 +75,8 @@ export function OtherTab() {
const handleClearLogCache = () => {
logWebSocket.clearLogs()
toast({
- title: '日志已清除',
- description: '日志缓存已清空',
+ title: t('settings.other.logCleared'),
+ description: t('settings.other.logClearedDesc'),
})
}
@@ -83,8 +85,8 @@ export function OtherTab() {
const result = clearLocalCache()
refreshStorageUsage()
toast({
- title: '缓存已清除',
- description: `已清除 ${result.clearedKeys.length} 项缓存数据`,
+ title: t('settings.other.cacheCleared'),
+ description: t('settings.other.cacheClearedDesc', { count: result.clearedKeys.length }),
})
}
@@ -104,14 +106,14 @@ export function OtherTab() {
document.body.removeChild(a)
URL.revokeObjectURL(url)
toast({
- title: '导出成功',
- description: '设置已导出为 JSON 文件',
+ title: t('settings.other.exportSuccess'),
+ description: t('settings.other.exportSuccessDesc'),
})
} catch (error) {
console.error('导出设置失败:', error)
toast({
- title: '导出失败',
- description: '无法导出设置',
+ title: t('settings.other.exportFailed'),
+ description: t('settings.other.exportFailedDesc'),
variant: 'destructive',
})
} finally {
@@ -141,29 +143,29 @@ export function OtherTab() {
refreshStorageUsage()
toast({
- title: '导入成功',
- description: `成功导入 ${result.imported.length} 项设置${result.skipped.length > 0 ? `，跳过 ${result.skipped.length} 项` : ''}`,
+ title: t('settings.other.importSuccess'),
+ description: t('settings.other.importSuccessDesc', { imported: result.imported.length }) + (result.skipped.length > 0 ? t('settings.other.importSkippedSuffix', { skipped: result.skipped.length }) : ''),
})
// 提示用户刷新页面以应用所有更改
if (result.imported.includes('theme') || result.imported.includes('accentColor')) {
toast({
- title: '提示',
- description: '部分设置需要刷新页面才能完全生效',
+ title: t('settings.other.importRefreshHint'),
+ description: t('settings.other.importRefreshHintDesc'),
})
}
} else {
toast({
- title: '导入失败',
- description: '没有有效的设置项可导入',
+ title: t('settings.other.importFailed'),
+ description: t('settings.other.importNoDataDesc'),
variant: 'destructive',
})
}
} catch (error) {
console.error('导入设置失败:', error)
toast({
- title: '导入失败',
- description: '文件格式无效',
+ title: t('settings.other.importFailed'),
+ description: t('settings.other.importInvalidDesc'),
variant: 'destructive',
})
} finally {
@@ -187,8 +189,8 @@ export function OtherTab() {
setDataSyncInterval(DEFAULT_SETTINGS.dataSyncInterval)
refreshStorageUsage()
toast({
- title: '已重置',
- description: '所有设置已恢复为默认值，刷新页面以应用更改',
+ title: t('settings.other.resetDone'),
+ description: t('settings.other.resetDoneDesc'),
})
}
@@ -205,8 +207,8 @@ export function OtherTab() {
if (response.ok && data.success) {
toast({
- title: '重置成功',
- description: '即将进入初次配置向导',
+ title: t('settings.other.resetSuccess'),
+ description: t('settings.other.clearStorageSuccess'),
})
// 延迟跳转到配置向导
@@ -215,16 +217,16 @@ export function OtherTab() {
}, 1000)
} else {
toast({
- title: '重置失败',
- description: data.message || '无法重置配置状态',
+ title: t('settings.other.resetFailed'),
+ description: data.message || t('settings.other.clearStorageFailed'),
variant: 'destructive',
})
}
} catch (error) {
console.error('重置配置状态错误:', error)
toast({
- title: '重置失败',
- description: '连接服务器失败',
+ title: t('settings.other.resetFailed'),
+ description: t('settings.other.clearStorageFailed'),
variant: 'destructive',
})
} finally {
@@ -238,7 +240,7 @@ export function OtherTab() {
- 性能与存储
+ {t('settings.other.performance')}
{/* 存储使用情况 */}
@@ -246,21 +248,21 @@ export function OtherTab() {
- 本地存储使用
+ {t('settings.other.localStorage')}
{formatBytes(storageUsage.used)}
-
{storageUsage.items} 个存储项
+
{t('settings.other.storageItems', { count: storageUsage.items })}
{/* 日志缓存大小 */}
-
- {logCacheSize} 条
+
+ {logCacheSize} {t('settings.other.logCacheSizeUnit')}
- 控制日志查看器最多缓存的日志条数，较大的值会占用更多内存
+ {t('settings.other.logCacheSizeDesc')}
{/* 数据刷新间隔 */}
-
- {dataSyncInterval} 秒
+
+ {dataSyncInterval} {t('settings.other.dataSyncIntervalUnit')}
- 控制首页统计数据的自动刷新间隔
+ {t('settings.other.dataSyncIntervalDesc')}
{/* WebSocket 重连间隔 */}
-
- {wsReconnectInterval / 1000} 秒
+
+ {wsReconnectInterval / 1000} {t('settings.other.wsReconnectUnit')}
- 日志 WebSocket 连接断开后的重连基础间隔
+ {t('settings.other.wsReconnectDesc')}
{/* WebSocket 最大重连次数 */}
-
- {wsMaxReconnectAttempts} 次
+
+ {wsMaxReconnectAttempts} {t('settings.other.wsMaxReconnectUnit')}
- 连接失败后的最大重连尝试次数
+ {t('settings.other.wsMaxReconnectDesc')}
@@ -336,27 +338,26 @@ export function OtherTab() {
- 确认清除本地缓存
+ {t('settings.other.confirmClearCache')}
- 这将清除所有本地缓存的设置和数据（不包括登录凭证）。
- 您可能需要重新配置部分偏好设置。确定要继续吗？
+ {t('settings.other.confirmClearCacheDesc')}
- 取消
+ {t('common.cancel')}
- 确认清除
+ {t('settings.other.confirmClear')}
@@ -369,11 +370,11 @@ export function OtherTab() {
- 导入/导出设置
+ {t('settings.other.importExport')}
- 导出当前的界面设置以便备份，或从之前导出的文件中恢复设置。
+ {t('settings.other.importExportDesc')}
@@ -384,7 +385,7 @@ export function OtherTab() {
className="gap-2"
>
- {isExporting ? '导出中...' : '导出设置'}
+ {isExporting ? t('settings.other.exporting') : t('settings.other.exportSettings')}
- {isImporting ? '导入中...' : '导入设置'}
+ {isImporting ? t('settings.other.importing') : t('settings.other.importSettings')}
@@ -411,21 +412,20 @@ export function OtherTab() {
- 确认重置所有设置
+ {t('settings.other.confirmResetAll')}
- 这将把所有界面设置恢复为默认值，包括主题、颜色、动画等偏好设置。
- 此操作不会影响您的登录状态。确定要继续吗？
+ {t('settings.other.confirmResetAllDesc')}
- 取消
+ {t('common.cancel')}
- 确认重置
+ {t('settings.other.resetAllSettingsConfirm')}
@@ -436,31 +436,31 @@ export function OtherTab() {
{/* 配置向导 */}
-
配置向导
+
{t('settings.other.configWizard')}
- 重新进行初次配置向导，可以帮助您重新设置系统的基础配置。
+ {t('settings.other.configWizardDesc')}
- 确认重新配置
+ {t('settings.other.confirmRerunSetup')}
- 这将带您重新进入初次配置向导。您可以重新设置系统的基础配置项。确定要继续吗？
+ {t('settings.other.confirmRerunSetupDesc')}
- 取消
+ {t('common.cancel')}
- 确认重置
+ {t('settings.other.resetAllSettingsConfirm')}
@@ -472,36 +472,35 @@ export function OtherTab() {
- 开发者工具
+ {t('settings.other.devTools')}
- 以下功能仅供开发调试使用，可能会导致页面崩溃或异常。
+ {t('settings.other.devToolsDesc')}
- 确认触发错误
+ {t('settings.other.confirmTriggerError')}
- 这将手动触发一个 React 错误，用于测试错误边界组件的显示效果。
- 页面将显示错误界面，您可以通过刷新页面或点击返回首页来恢复。
+ {t('settings.other.confirmTriggerErrorDesc')}
- 取消
+ {t('common.cancel')}
setShouldThrowError(true)}
className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
>
- 确认触发
+ {t('settings.other.confirmTrigger')}
diff --git a/dashboard/src/routes/settings/SecurityTab.tsx b/dashboard/src/routes/settings/SecurityTab.tsx
index 429a5a42..dd8028df 100644
--- a/dashboard/src/routes/settings/SecurityTab.tsx
+++ b/dashboard/src/routes/settings/SecurityTab.tsx
@@ -9,6 +9,7 @@ import {
XCircle,
} from 'lucide-react'
import { useState, useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
import { useNavigate } from '@tanstack/react-router'
import { cn } from '@/lib/utils'
@@ -38,6 +39,7 @@ import {
} from '@/components/ui/alert-dialog'
export function SecurityTab() {
+ const { t } = useTranslation()
const navigate = useNavigate()
const [currentToken, setCurrentToken] = useState('')
const [newToken, setNewToken] = useState('')
@@ -58,8 +60,8 @@ export function SecurityTab() {
const copyToClipboard = async (text: string) => {
if (!currentToken) {
toast({
- title: '无法复制',
- description: 'Token 存储在安全 Cookie 中，请重新生成以获取新 Token',
+ title: t('settings.security.cannotCopy'),
+ description: t('settings.security.cannotCopyDesc'),
variant: 'destructive',
})
return
@@ -68,14 +70,14 @@ export function SecurityTab() {
await navigator.clipboard.writeText(text)
setCopied(true)
toast({
- title: '复制成功',
- description: 'Token 已复制到剪贴板',
+ title: t('settings.security.copySuccess'),
+ description: t('settings.security.copySuccessDesc'),
})
setTimeout(() => setCopied(false), 2000)
} catch {
toast({
- title: '复制失败',
- description: '请手动复制 Token',
+ title: t('settings.security.copyFailed'),
+ description: t('settings.security.copyFailedDesc'),
variant: 'destructive',
})
}
@@ -85,8 +87,8 @@ export function SecurityTab() {
const handleUpdateToken = async () => {
if (!newToken.trim()) {
toast({
- title: '输入错误',
- description: '请输入新的 Token',
+ title: t('settings.security.inputError'),
+ description: t('settings.security.inputErrorDesc'),
variant: 'destructive',
})
return
@@ -100,8 +102,8 @@ export function SecurityTab() {
.join(', ')
toast({
- title: '格式错误',
- description: `Token 不符合要求: ${failedRules}`,
+ title: t('settings.security.formatError'),
+ description: t('settings.security.formatErrorDesc', { failedRules }),
variant: 'destructive',
})
return
@@ -129,8 +131,8 @@ export function SecurityTab() {
setCurrentToken(newToken.trim())
toast({
- title: '更新成功',
- description: 'Access Token 已更新，即将跳转到登录页',
+ title: t('settings.security.updateSuccess'),
+ description: t('settings.security.updateSuccessDesc'),
})
// 延迟跳转到登录页
@@ -139,16 +141,16 @@ export function SecurityTab() {
}, 1500)
} else {
toast({
- title: '更新失败',
- description: data.message || '无法更新 Token',
+ title: t('settings.security.updateFailed'),
+ description: data.message || t('settings.security.updateFailedDesc'),
variant: 'destructive',
})
}
} catch (err) {
console.error('更新 Token 错误:', err)
toast({
- title: '更新失败',
- description: '连接服务器失败',
+ title: t('settings.security.updateFailed'),
+ description: t('settings.security.updateFailedConn'),
variant: 'destructive',
})
} finally {
@@ -181,21 +183,21 @@ export function SecurityTab() {
setTokenCopied(false)
toast({
- title: '生成成功',
- description: '新的 Access Token 已生成，请及时保存',
+ title: t('settings.security.generateSuccess'),
+ description: t('settings.security.generateSuccessDesc'),
})
} else {
toast({
- title: '生成失败',
- description: data.message || '无法生成新 Token',
+ title: t('settings.security.generateFailed'),
+ description: data.message || t('settings.security.generateFailedDesc'),
variant: 'destructive',
})
}
} catch (err) {
console.error('生成 Token 错误:', err)
toast({
- title: '生成失败',
- description: '连接服务器失败',
+ title: t('settings.security.generateFailed'),
+ description: t('settings.security.generateFailedConn'),
variant: 'destructive',
})
} finally {
@@ -209,13 +211,13 @@ export function SecurityTab() {
await navigator.clipboard.writeText(generatedToken)
setTokenCopied(true)
toast({
- title: '复制成功',
- description: 'Token 已复制到剪贴板',
+ title: t('settings.security.copySuccess'),
+ description: t('settings.security.copySuccessDesc'),
})
} catch {
toast({
- title: '复制失败',
- description: '请手动复制 Token',
+ title: t('settings.security.copyFailed'),
+ description: t('settings.security.copyFailedDesc'),
variant: 'destructive',
})
}
@@ -251,10 +253,10 @@ export function SecurityTab() {
- 新的 Access Token
+ {t('settings.security.dialogTitle')}
- 这是您的新 Token，请立即保存。关闭此窗口后将跳转到登录页面。
+ {t('settings.security.dialogDesc')}
@@ -262,7 +264,7 @@ export function SecurityTab() {
{/* Token 显示区域 */}
{generatedToken}
@@ -274,12 +276,12 @@ export function SecurityTab() {
-
重要提示
+
{t('settings.security.important')}
- - 此 Token 仅显示一次，关闭后无法再查看
- - 请立即复制并保存到安全的位置
- - 关闭窗口后将自动跳转到登录页面
- - 请使用新 Token 重新登录系统
+ - {t('settings.security.tip1')}
+ - {t('settings.security.tip2')}
+ - {t('settings.security.tip3')}
+ - {t('settings.security.tip4')}
@@ -295,17 +297,17 @@ export function SecurityTab() {
{tokenCopied ? (
<>
- 已复制
+ {t('settings.security.copied')}
) : (
<>
- 复制 Token
+ {t('settings.security.copyToken')}
)}
@@ -313,10 +315,10 @@ export function SecurityTab() {
{/* 当前 Token */}
-
当前 Access Token
+
{t('settings.security.currentToken')}
-
+
- 确认重新生成 Token
+ {t('settings.security.confirmRegenerate')}
- 这将生成一个新的 64 位安全令牌，并使当前 Token 立即失效。
- 您需要使用新 Token 重新登录系统。此操作不可撤销，确定要继续吗？
+ {t('settings.security.confirmRegenerateFullDesc')}
- 取消
+ {t('settings.security.cancel')}
- 确认生成
+ {t('settings.security.confirmGenerate')}
@@ -394,7 +395,7 @@ export function SecurityTab() {
- 请妥善保管您的 Access Token，不要泄露给他人
+ {t('settings.security.safekeepTip')}
@@ -402,10 +403,10 @@ export function SecurityTab() {
{/* 更新 Token */}
-
自定义 Access Token
+
{t('settings.security.customToken')}
-
+
setNewToken(e.target.value)}
className="pr-10 font-mono text-sm"
- placeholder="输入自定义 Token"
+ placeholder={t('settings.security.customTokenPlaceholder')}
/>