雨霖铃
e263b63ced
- 修复 LiveClock.tsx CopyButton size 属性类型错误 (small → sm) - 修复 ToolCard.tsx 紫色 RGB 值拼写错误 (147,51,2 purple → 147,51,232) - 替换 4 处硬编码中文为 i18n 调用 (StorageCleaner, JsonTools) - MarkdownToHtml 预览链接色改为 CSS 变量以支持暗黑模式 - 移除 Base64Converter 中已被 Base64ConverterSection 替代的死代码 (FileMode.tsx, ImageMode.tsx 及其测试文件) - 更新 README.md 移除对已删除文件的引用 Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
i18n/
国际化资源目录，管理多语言翻译和 i18next 初始化配置。
目录结构
i18n/
├── index.ts # i18next 初始化配置
└── locales/
├── zh/ # 中文翻译（默认语言）
│ ├── common.json # 通用文案
│ ├── features.json # 功能模块标题和描述
│ ├── timestamp.json # 时间戳工具翻译
│ ├── storageCleaner.json # 存储清理工具翻译
│ ├── qrCode.json # 二维码工具翻译
│ ├── textStatistics.json # 文本统计工具翻译
│ ├── jwt.json # JWT 工具翻译
│ ├── jsonDiff.json # JSON 差异工具翻译
│ ├── jsonFormat.json # JSON 格式化工具翻译
│ ├── base64Converter.json
│ ├── markdownToHtml.json
│ ├── htmlToMarkdown.json
│ └── rightClickRestorer.json
└── en/ # 英文翻译（结构同上）
└── ...
index.ts
i18next 初始化配置：
- 同步加载
common和features核心命名空间 - 自定义
chromeStorage语言检测器，从 Chrome Storage 读取语言偏好 normalizeLanguage()将任意语言标识归一化为zh或en- 语言变更时同步更新 Day.js 本地化和 localStorage 快照
翻译键格式
- 命名空间：
common（默认）、features、各功能独立命名空间 - 键格式：
namespace:key（如features:timestamp.title、timestamp:unitMs）
使用方式
// 页面组件 — 懒加载翻译
import { useLazyTranslation } from '@/utils/useLazyTranslation';
const { t } = useLazyTranslation('timestamp');
t('timestamp:title');
// 全局组件 — 直接使用
import { useTranslation } from 'react-i18next';
const { t } = useTranslation(['common', 'features']);
t('common:settings');
添加新翻译
- 在
locales/{zh,en}/features.json添加功能标题和描述 - 创建
locales/{zh,en}/{功能名}.json添加功能专属翻译 - 在
utils/useLazyTranslation.ts的localeModules中注册新命名空间