Skip to content

phsl / new-api

Go to a project
Commit c7804fef by Oliver Tzeng Committed by GitHub
Options

feat(localization): added zh_TW (#2913) 

* feat(localization): added zh_TW

* fixed based on @coderabbitai

* updated false translation for zh_TW

* new workflow

* revert

* fixed a lot of translations

* turned most zh to zh-CN

* fallbacklang

* bruh

* eliminate ALL _

* fix: paths and other miscs thanks @Calcium-Ion

* fixed translation and temp fix for preferencessettings.js

* fixed translation error

* fixed issue about legacy support

* reverted stupid coderabbit's suggestion
parent 8e8869b0
Showing with 91 additions and 67 deletions
README.fr.md
...@@ -7,7 +7,8 @@ ...@@ -7,7 +7,8 @@
🍥 **Passerelle de modèles étendus de nouvelle génération et système de gestion d'actifs d'IA** 🍥 **Passerelle de modèles étendus de nouvelle génération et système de gestion d'actifs d'IA**
<p align="center"> <p align="center">
<a href="./README.zh.md">中文</a> | <a href="./README.zh_CN.md">简体中文</a> |
<a href="./README.zh_TW.md">繁體中文</a> |
<a href="./README.md">English</a> | <a href="./README.md">English</a> |
<strong>Français</strong> | <strong>Français</strong> |
<a href="./README.ja.md">日本語</a> <a href="./README.ja.md">日本語</a>
...@@ -189,7 +190,7 @@ docker run --name new-api -d --restart always \ ...@@ -189,7 +190,7 @@ docker run --name new-api -d --restart always \
| Fonctionnalité | Description | | Fonctionnalité | Description |
|------|------| |------|------|
| 🎨 Nouvelle interface utilisateur | Conception d'interface utilisateur moderne | | 🎨 Nouvelle interface utilisateur | Conception d'interface utilisateur moderne |
| 🌍 Multilingue | Prend en charge le chinois, l'anglais, le français, le japonais | | 🌍 Multilingue | Prend en charge le chinois simplifié, le chinois traditionnel, l'anglais, le français et le japonais |
| 🔄 Compatibilité des données | Complètement compatible avec la base de données originale de One API | | 🔄 Compatibilité des données | Complètement compatible avec la base de données originale de One API |
| 📈 Tableau de bord des données | Console visuelle et analyse statistique | | 📈 Tableau de bord des données | Console visuelle et analyse statistique |
| 🔒 Gestion des permissions | Regroupement de jetons, restrictions de modèles, gestion des utilisateurs | | 🔒 Gestion des permissions | Regroupement de jetons, restrictions de modèles, gestion des utilisateurs |
......
README.ja.md
...@@ -7,7 +7,8 @@ ...@@ -7,7 +7,8 @@
🍥 **次世代大規模モデルゲートウェイとAI資産管理システム** 🍥 **次世代大規模モデルゲートウェイとAI資産管理システム**
<p align="center"> <p align="center">
<a href="./README.zh.md">中文</a> | <a href="./README.zh_CN.md">简体中文</a> |
<a href="./README.zh_TW.md">繁體中文</a> |
<a href="./README.md">English</a> | <a href="./README.md">English</a> |
<a href="./README.fr.md">Français</a> | <a href="./README.fr.md">Français</a> |
<strong>日本語</strong> <strong>日本語</strong>
...@@ -189,7 +190,7 @@ docker run --name new-api -d --restart always \ ...@@ -189,7 +190,7 @@ docker run --name new-api -d --restart always \
| 機能 | 説明 | | 機能 | 説明 |
|------|------| |------|------|
| 🎨 新しいUI | モダンなユーザーインターフェースデザイン | | 🎨 新しいUI | モダンなユーザーインターフェースデザイン |
| 🌍 多言語 | 中国語、英語、フランス語、日本語をサポート | | 🌍 多言語 | 簡体字中国語、繁体字中国語、英語、フランス語、日本語をサポート |
| 🔄 データ互換性 | オリジナルのOne APIデータベースと完全に互換性あり | | 🔄 データ互換性 | オリジナルのOne APIデータベースと完全に互換性あり |
| 📈 データダッシュボード | ビジュアルコンソールと統計分析 | | 📈 データダッシュボード | ビジュアルコンソールと統計分析 |
| 🔒 権限管理 | トークングループ化、モデル制限、ユーザー管理 | | 🔒 権限管理 | トークングループ化、モデル制限、ユーザー管理 |
......
README.md
...@@ -7,7 +7,8 @@ ...@@ -7,7 +7,8 @@
🍥 **Next-Generation LLM Gateway and AI Asset Management System** 🍥 **Next-Generation LLM Gateway and AI Asset Management System**
<p align="center"> <p align="center">
<a href="./README.zh.md">中文</a> | <a href="./README.zh_CN.md">简体中文</a> |
<a href="./README.zh_TW.md">繁體中文</a> |
<strong>English</strong> | <strong>English</strong> |
<a href="./README.fr.md">Français</a> | <a href="./README.fr.md">Français</a> |
<a href="./README.ja.md">日本語</a> <a href="./README.ja.md">日本語</a>
...@@ -189,7 +190,7 @@ docker run --name new-api -d --restart always \ ...@@ -189,7 +190,7 @@ docker run --name new-api -d --restart always \
| Feature | Description | | Feature | Description |
|------|------| |------|------|
| 🎨 New UI | Modern user interface design | | 🎨 New UI | Modern user interface design |
| 🌍 Multi-language | Supports Chinese, English, French, Japanese | | 🌍 Multi-language | Supports Simplified Chinese, Traditional Chinese, English, French, Japanese |
| 🔄 Data Compatibility | Fully compatible with the original One API database | | 🔄 Data Compatibility | Fully compatible with the original One API database |
| 📈 Data Dashboard | Visual console and statistical analysis | | 📈 Data Dashboard | Visual console and statistical analysis |
| 🔒 Permission Management | Token grouping, model restrictions, user management | | 🔒 Permission Management | Token grouping, model restrictions, user management |
......
README.zh.md → README.zh_CN.md
...@@ -7,7 +7,8 @@ ...@@ -7,7 +7,8 @@
🍥 **新一代大模型网关与AI资产管理系统** 🍥 **新一代大模型网关与AI资产管理系统**
<p align="center"> <p align="center">
<strong>中文</strong> | 简体中文 |
<a href="./README.zh_TW.md">繁體中文</a> |
<a href="./README.md">English</a> | <a href="./README.md">English</a> |
<a href="./README.fr.md">Français</a> | <a href="./README.fr.md">Français</a> |
<a href="./README.ja.md">日本語</a> <a href="./README.ja.md">日本語</a>
......
README.zh_TW.md 0 → 100644
This diff is collapsed. Click to expand it.
controller/model_sync.go
...@@ -29,7 +29,7 @@ const ( ...@@ -29,7 +29,7 @@ const (
func normalizeLocale(locale string) (string, bool) { func normalizeLocale(locale string) (string, bool) {
l := strings.ToLower(strings.TrimSpace(locale)) l := strings.ToLower(strings.TrimSpace(locale))
switch l { switch l {
case "en", "zh", "ja": case "en", "zh-CN", "zh-TW", "ja":
return l, true return l, true
default: default:
return "", false return "", false
......
i18n/i18n.go
...@@ -16,7 +16,8 @@ import ( ...@@ -16,7 +16,8 @@ import (
) )
const ( const (
LangZh = "zh" LangZhCN = "zh-CN"
LangZhTW = "zh-TW"
LangEn = "en" LangEn = "en"
DefaultLang = LangEn // Fallback to English if language not supported DefaultLang = LangEn // Fallback to English if language not supported
) )
...@@ -39,7 +40,7 @@ func Init() error { ...@@ -39,7 +40,7 @@ func Init() error {
bundle.RegisterUnmarshalFunc("yaml", yaml.Unmarshal) bundle.RegisterUnmarshalFunc("yaml", yaml.Unmarshal)
// Load embedded translation files // Load embedded translation files
files := []string{"locales/zh.yaml", "locales/en.yaml"} files := []string{"locales/zh-CN.yaml", "locales/zh-TW.yaml", "locales/en.yaml"}
for _, file := range files { for _, file := range files {
_, err := bundle.LoadMessageFileFS(localeFS, file) _, err := bundle.LoadMessageFileFS(localeFS, file)
if err != nil { if err != nil {
...@@ -49,7 +50,8 @@ func Init() error { ...@@ -49,7 +50,8 @@ func Init() error {
} }
// Pre-create localizers for supported languages // Pre-create localizers for supported languages
localizers[LangZh] = i18n.NewLocalizer(bundle, LangZh) localizers[LangZhCN] = i18n.NewLocalizer(bundle, LangZhCN)
localizers[LangZhTW] = i18n.NewLocalizer(bundle, LangZhTW)
localizers[LangEn] = i18n.NewLocalizer(bundle, LangEn) localizers[LangEn] = i18n.NewLocalizer(bundle, LangEn)
// Set the TranslateMessage function in common package // Set the TranslateMessage function in common package
...@@ -201,8 +203,10 @@ func normalizeLang(lang string) string { ...@@ -201,8 +203,10 @@ func normalizeLang(lang string) string {
// Handle common variations // Handle common variations
switch { switch {
case strings.HasPrefix(lang, "zh-tw"):
return LangZhTW
case strings.HasPrefix(lang, "zh"): case strings.HasPrefix(lang, "zh"):
return LangZh return LangZhCN
case strings.HasPrefix(lang, "en"): case strings.HasPrefix(lang, "en"):
return LangEn return LangEn
default: default:
...@@ -212,7 +216,7 @@ func normalizeLang(lang string) string { ...@@ -212,7 +216,7 @@ func normalizeLang(lang string) string {
// SupportedLanguages returns a list of supported language codes // SupportedLanguages returns a list of supported language codes
func SupportedLanguages() []string { func SupportedLanguages() []string {
return []string{LangZh, LangEn} return []string{LangZhCN, LangZhTW, LangEn}
} }
// IsSupported checks if a language code is supported // IsSupported checks if a language code is supported
......
web/src/components/layout/headerbar/LanguageSelector.jsx
...@@ -29,12 +29,17 @@ const LanguageSelector = ({ currentLang, onLanguageChange, t }) => { ...@@ -29,12 +29,17 @@ const LanguageSelector = ({ currentLang, onLanguageChange, t }) => {
<Dropdown.Menu className='!bg-semi-color-bg-overlay !border-semi-color-border !shadow-lg !rounded-lg dark:!bg-gray-700 dark:!border-gray-600'> <Dropdown.Menu className='!bg-semi-color-bg-overlay !border-semi-color-border !shadow-lg !rounded-lg dark:!bg-gray-700 dark:!border-gray-600'>
{/* Language sorting: Order by English name (Chinese, English, French, Japanese, Russian) */} {/* Language sorting: Order by English name (Chinese, English, French, Japanese, Russian) */}
<Dropdown.Item <Dropdown.Item
onClick={() => onLanguageChange('zh')} onClick={() => onLanguageChange('zh-CN')}
className={`!px-3 !py-1.5 !text-sm !text-semi-color-text-0 dark:!text-gray-200 ${currentLang === 'zh' ? '!bg-semi-color-primary-light-default dark:!bg-blue-600 !font-semibold' : 'hover:!bg-semi-color-fill-1 dark:hover:!bg-gray-600'}`} className={`!px-3 !py-1.5 !text-sm !text-semi-color-text-0 dark:!text-gray-200 ${currentLang === 'zh-CN' ? '!bg-semi-color-primary-light-default dark:!bg-blue-600 !font-semibold' : 'hover:!bg-semi-color-fill-1 dark:hover:!bg-gray-600'}`}
> >
中文 简体中文
</Dropdown.Item> </Dropdown.Item>
<Dropdown.Item <Dropdown.Item
onClick={() => onLanguageChange('zh-TW')}
className={`!px-3 !py-1.5 !text-sm !text-semi-color-text-0 dark:!text-gray-200 ${currentLang === 'zh-TW' ? '!bg-semi-color-primary-light-default dark:!bg-blue-600 !font-semibold' : 'hover:!bg-semi-color-fill-1 dark:hover:!bg-gray-600'}`}
>
繁體中文
</Dropdown.Item> <Dropdown.Item
onClick={() => onLanguageChange('en')} onClick={() => onLanguageChange('en')}
className={`!px-3 !py-1.5 !text-sm !text-semi-color-text-0 dark:!text-gray-200 ${currentLang === 'en' ? '!bg-semi-color-primary-light-default dark:!bg-blue-600 !font-semibold' : 'hover:!bg-semi-color-fill-1 dark:hover:!bg-gray-600'}`} className={`!px-3 !py-1.5 !text-sm !text-semi-color-text-0 dark:!text-gray-200 ${currentLang === 'en' ? '!bg-semi-color-primary-light-default dark:!bg-blue-600 !font-semibold' : 'hover:!bg-semi-color-fill-1 dark:hover:!bg-gray-600'}`}
> >
......
web/src/components/settings/personal/cards/PreferencesSettings.jsx
...@@ -17,27 +17,30 @@ along with this program. If not, see <https://www.gnu.org/licenses/>. ...@@ -17,27 +17,30 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
For commercial licensing, please contact support@quantumnous.com For commercial licensing, please contact support@quantumnous.com
*/ */
import React, { useState, useEffect, useContext } from 'react'; import React, { useState, useEffect, useContext } from "react";
import { Card, Select, Typography, Avatar } from '@douyinfe/semi-ui'; import { Card, Select, Typography, Avatar } from "@douyinfe/semi-ui";
import { Languages } from 'lucide-react'; import { Languages } from "lucide-react";
import { useTranslation } from 'react-i18next'; import { useTranslation } from "react-i18next";
import { API, showSuccess, showError } from '../../../../helpers'; import { API, showSuccess, showError } from "../../../../helpers";
import { UserContext } from '../../../../context/User'; import { UserContext } from "../../../../context/User";
// Language options with native names // Language options with native names
const languageOptions = [ const languageOptions = [
{ value: 'zh', label: '中文' }, { value: "zh-CN", label: "简体中文" },
{ value: 'en', label: 'English' }, { value: "zh-TW", label: "繁體中文" },
{ value: 'fr', label: 'Français' }, { value: "en", label: "English" },
{ value: 'ru', label: 'Русский' }, { value: 'fr', label: 'Français'},
{ value: 'ja', label: '日本語' }, { value: 'ru', label: 'Русский'},
{ value: 'vi', label: 'Tiếng Việt' }, { value: 'ja', label: '日本語'},
{ value: "vi", label: "Tiếng Việt" },
]; ];
const PreferencesSettings = ({ t }) => { const PreferencesSettings = ({ t }) => {
const { i18n } = useTranslation(); const { i18n } = useTranslation();
const [userState, userDispatch] = useContext(UserContext); const [userState, userDispatch] = useContext(UserContext);
const [currentLanguage, setCurrentLanguage] = useState(i18n.language || 'zh'); const [currentLanguage, setCurrentLanguage] = useState(
i18n.language || "zh-CN",
);
const [loading, setLoading] = useState(false); const [loading, setLoading] = useState(false);
// Load saved language preference from user settings // Load saved language preference from user settings
...@@ -46,10 +49,12 @@ const PreferencesSettings = ({ t }) => { ...@@ -46,10 +49,12 @@ const PreferencesSettings = ({ t }) => {
try { try {
const settings = JSON.parse(userState.user.setting); const settings = JSON.parse(userState.user.setting);
if (settings.language) { if (settings.language) {
setCurrentLanguage(settings.language); // Normalize legacy "zh" to "zh-CN" for backward compatibility
const lang = settings.language === "zh" ? "zh-CN" : settings.language;
setCurrentLanguage(lang);
// Sync i18n with saved preference // Sync i18n with saved preference
if (i18n.language !== settings.language) { if (i18n.language !== lang) {
i18n.changeLanguage(settings.language); i18n.changeLanguage(lang);
} }
} }
} catch (e) { } catch (e) {
...@@ -70,19 +75,19 @@ const PreferencesSettings = ({ t }) => { ...@@ -70,19 +75,19 @@ const PreferencesSettings = ({ t }) => {
i18n.changeLanguage(lang); i18n.changeLanguage(lang);
// Save to backend // Save to backend
const res = await API.put('/api/user/self', { const res = await API.put("/api/user/self", {
language: lang, language: lang,
}); });
if (res.data.success) { if (res.data.success) {
showSuccess(t('语言偏好已保存')); showSuccess(t("语言偏好已保存"));
// Update user context with new setting // Update user context with new setting
if (userState?.user?.setting) { if (userState?.user?.setting) {
try { try {
const settings = JSON.parse(userState.user.setting); const settings = JSON.parse(userState.user.setting);
settings.language = lang; settings.language = lang;
userDispatch({ userDispatch({
type: 'login', type: "login",
payload: { payload: {
...userState.user, ...userState.user,
setting: JSON.stringify(settings), setting: JSON.stringify(settings),
...@@ -93,13 +98,13 @@ const PreferencesSettings = ({ t }) => { ...@@ -93,13 +98,13 @@ const PreferencesSettings = ({ t }) => {
} }
} }
} else { } else {
showError(res.data.message || t('保存失败')); showError(res.data.message || t("保存失败"));
// Revert on error // Revert on error
setCurrentLanguage(previousLang); setCurrentLanguage(previousLang);
i18n.changeLanguage(previousLang); i18n.changeLanguage(previousLang);
} }
} catch (error) { } catch (error) {
showError(t('保存失败，请重试')); showError(t("保存失败，请重试"));
// Revert on error // Revert on error
setCurrentLanguage(previousLang); setCurrentLanguage(previousLang);
i18n.changeLanguage(previousLang); i18n.changeLanguage(previousLang);
...@@ -109,38 +114,37 @@ const PreferencesSettings = ({ t }) => { ...@@ -109,38 +114,37 @@ const PreferencesSettings = ({ t }) => {
}; };
return ( return (
<Card className='!rounded-2xl shadow-sm border-0'> <Card className="!rounded-2xl shadow-sm border-0">
{/* Card Header */} {/* Card Header */}
<div className='flex items-center mb-4'> <div className="flex items-center mb-4">
<Avatar size='small' color='violet' className='mr-3 shadow-md'> <Avatar size="small" color="violet" className="mr-3 shadow-md">
<Languages size={16} /> <Languages size={16} />
</Avatar> </Avatar>
<div> <div>
<Typography.Text className='text-lg font-medium'> <Typography.Text className="text-lg font-medium">
{t('偏好设置')} {t("偏好设置")}
</Typography.Text> </Typography.Text>
<div className='text-xs text-gray-600 dark:text-gray-400'> <div className="text-xs text-gray-600 dark:text-gray-400">
{t('界面语言和其他个人偏好')} {t("界面语言和其他个人偏好")}
</div> </div>
</div> </div>
</div> </div>
{/* Language Setting Card */} {/* Language Setting Card */}
<Card className='!rounded-xl border dark:border-gray-700'> <Card className="!rounded-xl border dark:border-gray-700">
<div className='flex flex-col sm:flex-row items-start sm:items-center sm:justify-between gap-4'> <div className="flex flex-col sm:flex-row items-start sm:items-center sm:justify-between gap-4">
<div className='flex items-start w-full sm:w-auto'> <div className="flex items-start w-full sm:w-auto">
<div className='w-12 h-12 rounded-full bg-violet-50 dark:bg-violet-900/30 flex items-center justify-center mr-4 flex-shrink-0'> <div className="w-12 h-12 rounded-full bg-violet-50 dark:bg-violet-900/30 flex items-center justify-center mr-4 flex-shrink-0">
<Languages <Languages
size={20} size={20}
className='text-violet-600 dark:text-violet-400' className="text-violet-600 dark:text-violet-400"
/> />
</div> </div>
<div> <div>
<Typography.Title heading={6} className='mb-1'> <Typography.Title heading={6} className="mb-1">
{t('语言偏好')} {t("语言偏好")}
</Typography.Title> </Typography.Title>
<Typography.Text type='tertiary' className='text-sm'> <Typography.Text type="tertiary" className="text-sm">
{t('选择您的首选界面语言，设置将自动保存并同步到所有设备')} {t("选择您的首选界面语言，设置将自动保存并同步到所有设备")}
</Typography.Text> </Typography.Text>
</div> </div>
</div> </div>
...@@ -158,9 +162,11 @@ const PreferencesSettings = ({ t }) => { ...@@ -158,9 +162,11 @@ const PreferencesSettings = ({ t }) => {
</Card> </Card>
{/* Additional info */} {/* Additional info */}
<div className='mt-4 text-xs text-gray-500 dark:text-gray-400'> <div className="mt-4 text-xs text-gray-500 dark:text-gray-400">
<Typography.Text type='tertiary'> <Typography.Text type="tertiary">
{t('提示：语言偏好会同步到您登录的所有设备，并影响API返回的错误消息语言。')} {t(
"提示：语言偏好会同步到您登录的所有设备，并影响API返回的错误消息语言。",
)}
</Typography.Text> </Typography.Text>
</div> </div>
</Card> </Card>
......
web/src/components/table/models/modals/SyncWizardModal.jsx
...@@ -24,14 +24,14 @@ import { useIsMobile } from '../../../../hooks/common/useIsMobile'; ...@@ -24,14 +24,14 @@ import { useIsMobile } from '../../../../hooks/common/useIsMobile';
const SyncWizardModal = ({ visible, onClose, onConfirm, loading, t }) => { const SyncWizardModal = ({ visible, onClose, onConfirm, loading, t }) => {
const [step, setStep] = useState(0); const [step, setStep] = useState(0);
const [option, setOption] = useState('official'); const [option, setOption] = useState('official');
const [locale, setLocale] = useState('zh'); const [locale, setLocale] = useState('zh-CN');
const isMobile = useIsMobile(); const isMobile = useIsMobile();
useEffect(() => { useEffect(() => {
if (visible) { if (visible) {
setStep(0); setStep(0);
setOption('official'); setOption('official');
setLocale('zh'); setLocale('zh-CN');
} }
}, [visible]); }, [visible]);
...@@ -113,13 +113,16 @@ const SyncWizardModal = ({ visible, onClose, onConfirm, loading, t }) => { ...@@ -113,13 +113,16 @@ const SyncWizardModal = ({ visible, onClose, onConfirm, loading, t }) => {
name='sync-locale-selection' name='sync-locale-selection'
> >
<Radio value='en' extra='English'> <Radio value='en' extra='English'>
EN en
</Radio> </Radio>
<Radio value='zh' extra='中文'> <Radio value='zh-CN' extra='简体中文'>
ZH zh-CN
</Radio>
<Radio value='zh-TW' extra='繁體中文'>
zh-TW
</Radio> </Radio>
<Radio value='ja' extra='日本語'> <Radio value='ja' extra='日本語'>
JA ja
</Radio> </Radio>
</RadioGroup> </RadioGroup>
</div> </div>
......
web/src/i18n/i18n.js
...@@ -23,7 +23,8 @@ import LanguageDetector from 'i18next-browser-languagedetector'; ...@@ -23,7 +23,8 @@ import LanguageDetector from 'i18next-browser-languagedetector';
import enTranslation from './locales/en.json'; import enTranslation from './locales/en.json';
import frTranslation from './locales/fr.json'; import frTranslation from './locales/fr.json';
import zhTranslation from './locales/zh.json'; import zhCNTranslation from './locales/zh-CN.json';
import zhTWTranslation from './locales/zh-TW.json';
import ruTranslation from './locales/ru.json'; import ruTranslation from './locales/ru.json';
import jaTranslation from './locales/ja.json'; import jaTranslation from './locales/ja.json';
import viTranslation from './locales/vi.json'; import viTranslation from './locales/vi.json';
...@@ -32,16 +33,17 @@ i18n ...@@ -32,16 +33,17 @@ i18n
.use(LanguageDetector) .use(LanguageDetector)
.use(initReactI18next) .use(initReactI18next)
.init({ .init({
load: 'languageOnly', load: 'currentOnly',
resources: { resources: {
en: enTranslation, en: enTranslation,
zh: zhTranslation, 'zh-CN': zhCNTranslation,
'zh-TW': zhTWTranslation,
fr: frTranslation, fr: frTranslation,
ru: ruTranslation, ru: ruTranslation,
ja: jaTranslation, ja: jaTranslation,
vi: viTranslation, vi: viTranslation,
}, },
fallbackLng: 'zh', fallbackLng: 'zh-CN',
nsSeparator: false, nsSeparator: false,
interpolation: { interpolation: {
escapeValue: false, escapeValue: false,
......
web/src/i18n/locales/zh-TW.json 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment