109 lines
3.4 KiB
JavaScript
109 lines
3.4 KiB
JavaScript
// ===== i18n.js =====
|
||
// 知秋：国际化框架·语言包+切换函数
|
||
|
||
const i18n = {
|
||
// 当前语言
|
||
currentLang: 'zh-CN',
|
||
|
||
// 语言包
|
||
messages: {
|
||
'zh-CN': {
|
||
title: '公告栏',
|
||
subscribe: '订阅',
|
||
all: '全部',
|
||
system: '系统公告',
|
||
dev: '开发动态',
|
||
team: '团队消息',
|
||
loading: '知秋正在飞向服务器……',
|
||
error: '网络开小差了，稍后重试～',
|
||
empty: '✨ 暂无公告，稍后再来看看～',
|
||
emptyChannel: '📭 这个频道暂时没有公告',
|
||
retry: '重试',
|
||
pinned: '条置顶',
|
||
footer: 'HoloLake光湖系统',
|
||
offline: '📴 离线模式 · '
|
||
},
|
||
'en-US': {
|
||
title: 'Bulletin Board',
|
||
subscribe: 'Subscribe',
|
||
all: 'All',
|
||
system: 'System',
|
||
dev: 'Dev',
|
||
team: 'Team',
|
||
loading: 'ZhiQiu is flying to the server...',
|
||
error: 'Network error, please retry～',
|
||
empty: '✨ No announcements yet.',
|
||
emptyChannel: '📭 No announcements in this channel.',
|
||
retry: 'Retry',
|
||
pinned: 'pinned',
|
||
footer: 'HoloLake System',
|
||
offline: '📴 Offline Mode · '
|
||
}
|
||
},
|
||
|
||
// 初始化
|
||
init: function() {
|
||
const savedLang = localStorage.getItem('holo_lang');
|
||
if (savedLang && this.messages[savedLang]) {
|
||
this.currentLang = savedLang;
|
||
}
|
||
this.updatePageLanguage();
|
||
},
|
||
|
||
// 切换语言
|
||
switchLang: function(lang) {
|
||
if (this.messages[lang]) {
|
||
this.currentLang = lang;
|
||
localStorage.setItem('holo_lang', lang);
|
||
this.updatePageLanguage();
|
||
window.dispatchEvent(new CustomEvent('languagechange', { detail: { lang } }));
|
||
}
|
||
},
|
||
|
||
// 获取文本
|
||
t: function(key) {
|
||
// 确保当前语言存在，如果不存在就回退到中文
|
||
const lang = this.currentLang;
|
||
if (this.messages[lang] && this.messages[lang][key] !== undefined) {
|
||
return this.messages[lang][key];
|
||
}
|
||
// 如果当前语言没有这个key，尝试从中文包找
|
||
if (this.messages['zh-CN'][key] !== undefined) {
|
||
return this.messages['zh-CN'][key];
|
||
}
|
||
// 都没有就返回key本身
|
||
return key;
|
||
},
|
||
|
||
// 更新页面
|
||
updatePageLanguage: function() {
|
||
// 更新所有 data-i18n 元素
|
||
document.querySelectorAll('[data-i18n]').forEach(function(el) {
|
||
const key = el.getAttribute('data-i18n');
|
||
el.textContent = i18n.t(key);
|
||
});
|
||
|
||
// 更新 HTML lang
|
||
document.documentElement.lang = this.currentLang;
|
||
|
||
// 更新按钮 value
|
||
document.querySelectorAll('[data-i18n-value]').forEach(function(el) {
|
||
const key = el.getAttribute('data-i18n-value');
|
||
el.value = i18n.t(key);
|
||
});
|
||
|
||
// 更新 placeholder
|
||
document.querySelectorAll('[data-i18n-placeholder]').forEach(function(el) {
|
||
const key = el.getAttribute('data-i18n-placeholder');
|
||
el.placeholder = i18n.t(key);
|
||
});
|
||
|
||
console.log('【知秋】语言已切换为: ' + this.currentLang);
|
||
}
|
||
};
|
||
|
||
// 自动初始化
|
||
i18n.init();
|
||
|
||
// 挂载到 window
|
||
window.i18n = i18n; |