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 @@
🍥 **Passerelle de modèles étendus de nouvelle génération et système de gestion d'actifs d'IA**
<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> |
<strong>Français</strong> |
<a href="./README.ja.md">日本語</a>
......@@ -189,7 +190,7 @@ docker run --name new-api -d --restart always \
| Fonctionnalité | Description |
|------|------|
| 🎨 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 |
| 📈 Tableau de bord des données | Console visuelle et analyse statistique |
| 🔒 Gestion des permissions | Regroupement de jetons, restrictions de modèles, gestion des utilisateurs |
......
README.ja.md
......@@ -7,7 +7,8 @@
🍥 **次世代大規模モデルゲートウェイとAI資産管理システム**
<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.fr.md">Français</a> |
<strong>日本語</strong>
......@@ -189,7 +190,7 @@ docker run --name new-api -d --restart always \
| 機能 | 説明 |
|------|------|
| 🎨 新しいUI | モダンなユーザーインターフェースデザイン |
| 🌍 多言語 | 中国語、英語、フランス語、日本語をサポート |
| 🌍 多言語 | 簡体字中国語、繁体字中国語、英語、フランス語、日本語をサポート |
| 🔄 データ互換性 | オリジナルのOne APIデータベースと完全に互換性あり |
| 📈 データダッシュボード | ビジュアルコンソールと統計分析 |
| 🔒 権限管理 | トークングループ化、モデル制限、ユーザー管理 |
......
README.md
......@@ -7,7 +7,8 @@
🍥 **Next-Generation LLM Gateway and AI Asset Management System**
<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> |
<a href="./README.fr.md">Français</a> |
<a href="./README.ja.md">日本語</a>
......@@ -189,7 +190,7 @@ docker run --name new-api -d --restart always \
| Feature | Description |
|------|------|
| 🎨 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 Dashboard | Visual console and statistical analysis |
| 🔒 Permission Management | Token grouping, model restrictions, user management |
......
README.zh.md → README.zh_CN.md
......@@ -7,7 +7,8 @@
🍥 **新一代大模型网关与AI资产管理系统**
<p align="center">
<strong>中文</strong> |
简体中文 |
<a href="./README.zh_TW.md">繁體中文</a> |
<a href="./README.md">English</a> |
<a href="./README.fr.md">Français</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 (
func normalizeLocale(locale string) (string, bool) {
l := strings.ToLower(strings.TrimSpace(locale))
switch l {
case "en", "zh", "ja":
case "en", "zh-CN", "zh-TW", "ja":
return l, true
default:
return "", false
......
i18n/i18n.go
......@@ -16,7 +16,8 @@ import (
)
const (
LangZh = "zh"
LangZhCN = "zh-CN"
LangZhTW = "zh-TW"
LangEn = "en"
DefaultLang = LangEn // Fallback to English if language not supported
)
......@@ -39,7 +40,7 @@ func Init() error {
bundle.RegisterUnmarshalFunc("yaml", yaml.Unmarshal)
// 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 {
_, err := bundle.LoadMessageFileFS(localeFS, file)
if err != nil {
......@@ -49,7 +50,8 @@ func Init() error {
}
// 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)
// Set the TranslateMessage function in common package
......@@ -201,8 +203,10 @@ func normalizeLang(lang string) string {
// Handle common variations
switch {
case strings.HasPrefix(lang, "zh-tw"):
return LangZhTW
case strings.HasPrefix(lang, "zh"):
return LangZh
return LangZhCN
case strings.HasPrefix(lang, "en"):
return LangEn
default:
......@@ -212,7 +216,7 @@ func normalizeLang(lang string) string {
// SupportedLanguages returns a list of supported language codes
func SupportedLanguages() []string {
return []string{LangZh, LangEn}
return []string{LangZhCN, LangZhTW, LangEn}
}
// IsSupported checks if a language code is supported
......
web/src/components/layout/headerbar/LanguageSelector.jsx
......@@ -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'>
{/* Language sorting: Order by English name (Chinese, English, French, Japanese, Russian) */}
<Dropdown.Item
onClick={() => onLanguageChange('zh')}
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'}`}
onClick={() => onLanguageChange('zh-CN')}
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
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')}
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/>.
For commercial licensing, please contact support@quantumnous.com
*/
import React, { useState, useEffect, useContext } from 'react';
import { Card, Select, Typography, Avatar } from '@douyinfe/semi-ui';
import { Languages } from 'lucide-react';
import { useTranslation } from 'react-i18next';
import { API, showSuccess, showError } from '../../../../helpers';
import { UserContext } from '../../../../context/User';
import React, { useState, useEffect, useContext } from "react";
import { Card, Select, Typography, Avatar } from "@douyinfe/semi-ui";
import { Languages } from "lucide-react";
import { useTranslation } from "react-i18next";
import { API, showSuccess, showError } from "../../../../helpers";
import { UserContext } from "../../../../context/User";
// Language options with native names
const languageOptions = [
{ value: 'zh', label: '中文' },
{ value: 'en', label: 'English' },
{ value: 'fr', label: 'Français' },
{ value: 'ru', label: 'Русский' },
{ value: 'ja', label: '日本語' },
{ value: 'vi', label: 'Tiếng Việt' },
{ value: "zh-CN", label: "简体中文" },
{ value: "zh-TW", label: "繁體中文" },
{ value: "en", label: "English" },
{ value: 'fr', label: 'Français'},
{ value: 'ru', label: 'Русский'},
{ value: 'ja', label: '日本語'},
{ value: "vi", label: "Tiếng Việt" },
];
const PreferencesSettings = ({ t }) => {
const { i18n } = useTranslation();
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);
// Load saved language preference from user settings
......@@ -46,10 +49,12 @@ const PreferencesSettings = ({ t }) => {
try {
const settings = JSON.parse(userState.user.setting);
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
if (i18n.language !== settings.language) {
i18n.changeLanguage(settings.language);
if (i18n.language !== lang) {
i18n.changeLanguage(lang);
}
}
} catch (e) {
......@@ -70,19 +75,19 @@ const PreferencesSettings = ({ t }) => {
i18n.changeLanguage(lang);
// Save to backend
const res = await API.put('/api/user/self', {
const res = await API.put("/api/user/self", {
language: lang,
});
if (res.data.success) {
showSuccess(t('语言偏好已保存'));
showSuccess(t("语言偏好已保存"));
// Update user context with new setting
if (userState?.user?.setting) {
try {
const settings = JSON.parse(userState.user.setting);
settings.language = lang;
userDispatch({
type: 'login',
type: "login",
payload: {
...userState.user,
setting: JSON.stringify(settings),
......@@ -93,13 +98,13 @@ const PreferencesSettings = ({ t }) => {
}
}
} else {
showError(res.data.message || t('保存失败'));
showError(res.data.message || t("保存失败"));
// Revert on error
setCurrentLanguage(previousLang);
i18n.changeLanguage(previousLang);
}
} catch (error) {
showError(t('保存失败，请重试'));
showError(t("保存失败，请重试"));
// Revert on error
setCurrentLanguage(previousLang);
i18n.changeLanguage(previousLang);
......@@ -109,38 +114,37 @@ const PreferencesSettings = ({ t }) => {
};
return (
<Card className='!rounded-2xl shadow-sm border-0'>
<Card className="!rounded-2xl shadow-sm border-0">
{/* Card Header */}
<div className='flex items-center mb-4'>
<Avatar size='small' color='violet' className='mr-3 shadow-md'>
<div className="flex items-center mb-4">
<Avatar size="small" color="violet" className="mr-3 shadow-md">
<Languages size={16} />
</Avatar>
<div>
<Typography.Text className='text-lg font-medium'>
{t('偏好设置')}
<Typography.Text className="text-lg font-medium">
{t("偏好设置")}
</Typography.Text>
<div className='text-xs text-gray-600 dark:text-gray-400'>
{t('界面语言和其他个人偏好')}
<div className="text-xs text-gray-600 dark:text-gray-400">
{t("界面语言和其他个人偏好")}
</div>
</div>
</div>
{/* Language Setting Card */}
<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 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'>
<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 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">
<Languages
size={20}
className='text-violet-600 dark:text-violet-400'
className="text-violet-600 dark:text-violet-400"
/>
</div>
<div>
<Typography.Title heading={6} className='mb-1'>
{t('语言偏好')}
<Typography.Title heading={6} className="mb-1">
{t("语言偏好")}
</Typography.Title>
<Typography.Text type='tertiary' className='text-sm'>
{t('选择您的首选界面语言，设置将自动保存并同步到所有设备')}
<Typography.Text type="tertiary" className="text-sm">
{t("选择您的首选界面语言，设置将自动保存并同步到所有设备")}
</Typography.Text>
</div>
</div>
......@@ -158,9 +162,11 @@ const PreferencesSettings = ({ t }) => {
</Card>
{/* Additional info */}
<div className='mt-4 text-xs text-gray-500 dark:text-gray-400'>
<Typography.Text type='tertiary'>
{t('提示：语言偏好会同步到您登录的所有设备，并影响API返回的错误消息语言。')}
<div className="mt-4 text-xs text-gray-500 dark:text-gray-400">
<Typography.Text type="tertiary">
{t(
"提示：语言偏好会同步到您登录的所有设备，并影响API返回的错误消息语言。",
)}
</Typography.Text>
</div>
</Card>
......
web/src/components/table/models/modals/SyncWizardModal.jsx
......@@ -24,14 +24,14 @@ import { useIsMobile } from '../../../../hooks/common/useIsMobile';
const SyncWizardModal = ({ visible, onClose, onConfirm, loading, t }) => {
const [step, setStep] = useState(0);
const [option, setOption] = useState('official');
const [locale, setLocale] = useState('zh');
const [locale, setLocale] = useState('zh-CN');
const isMobile = useIsMobile();
useEffect(() => {
if (visible) {
setStep(0);
setOption('official');
setLocale('zh');
setLocale('zh-CN');
}
}, [visible]);
......@@ -113,13 +113,16 @@ const SyncWizardModal = ({ visible, onClose, onConfirm, loading, t }) => {
name='sync-locale-selection'
>
<Radio value='en' extra='English'>
EN
en
</Radio>
<Radio value='zh' extra='中文'>
ZH
<Radio value='zh-CN' extra='简体中文'>
zh-CN
</Radio>
<Radio value='zh-TW' extra='繁體中文'>
zh-TW
</Radio>
<Radio value='ja' extra='日本語'>
JA
ja
</Radio>
</RadioGroup>
</div>
......
web/src/i18n/i18n.js
......@@ -23,7 +23,8 @@ import LanguageDetector from 'i18next-browser-languagedetector';
import enTranslation from './locales/en.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 jaTranslation from './locales/ja.json';
import viTranslation from './locales/vi.json';
......@@ -32,16 +33,17 @@ i18n
.use(LanguageDetector)
.use(initReactI18next)
.init({
load: 'languageOnly',
load: 'currentOnly',
resources: {
en: enTranslation,
zh: zhTranslation,
'zh-CN': zhCNTranslation,
'zh-TW': zhTWTranslation,
fr: frTranslation,
ru: ruTranslation,
ja: jaTranslation,
vi: viTranslation,
},
fallbackLng: 'zh',
fallbackLng: 'zh-CN',
nsSeparator: false,
interpolation: {
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