<section><div class="icon-bg"></div><div id="create" class="lx-button lx-button-black">Create wallet</div><div id="import" class="lx-button">Import wallet</div><button id="cn">zh-cn</button><button id="hant">zh-hant</button><br>
</section>

export class TinaI18n {constructor (obj){this.currentLang = obj['currentLang'];this.useFileName = obj['useFileName'];}// 设置当前国际化语言
  setLang(){if(/^zh/i.test(this.currentLang)){if(/^zh[-—](cn|SG)/gi.test(this.currentLang)){this.currentLang = 'zh-cn';}else {this.currentLang = 'zh-hant';}}else {this.currentLang = this.currentLang.slice(0,2).toLowerCase();}}// 获取当前国际化语言翻译文案
  static getI18nFile(fileUrl){return import(/* webpackIgnore: true */ fileUrl).then(({default: ctx}) => {return ctx;})}// 变换国际化
  setInnerHtml(lang){lang && (this.currentLang = lang);let ele = document.querySelectorAll('.i18n');if (!(ele.length > 0)) {return new Error('请检查class是否有添加i18n');}this.setLang();TinaI18n.getI18nFile(`${window.location.href}i18n/${this.currentLang}/${this.useFileName}.js`).then(ctx => {for (let i = 0; i < ele.length; i++) {if (this.currentLang && ctx) {if (!ele[i].getAttribute('placeholder')) {ele[i].innerText = ctx[ele[i].getAttribute('data-i18n')];}} else {if (!(ctx)) {console.error('获取文案失败： 路径指定错误？ 文件不存在？');return}}}}).catch(err => {console.log('err', err);});}}

import {TinaI18n} from "./i18n/TinaI18n";window.onload = function () {// 实例化国际化const tinaI18n = initI18N('zh-hant', 'add');// 简体中文document.querySelector('#cn').addEventListener('click', ()=>{tinaI18n.setInnerHtml('zh-cn');});// 繁体中文document.querySelector('#hant').addEventListener('click', ()=>{tinaI18n.setInnerHtml('zh-hant');})
};// 初始化国际化
function initI18N(currentlang, currentFile) {const tinaI18n =  new TinaI18n({currentLang: currentlang,useFileName: currentFile});tinaI18n.setInnerHtml();return tinaI18n;
}