import { makeAutoObservable, runInAction } from 'mobx';

import zhCN from 'antd/lib/locale/zh_CN';
import zhHK from 'antd/lib/locale/zh_HK';
import { LanguageType, LocalesType } from '@/types/language';

const languages: LanguageType[] = [{
  name: '简体',
  value: 'zh-CN',
  antd: zhCN,
  custom: import('./zh-CN'),
}, {
  name: '繁体',
  value: 'zh-HK',
  antd: zhHK,
  custom: import('./zh-HK'),
}];

// 定义语言包
class Language {
  constructor() {
    makeAutoObservable(this);
    this.init();
  }

  languages: LanguageType[] = [];

  get antdLocales() {
    return this.getLocale('antd');
  }

  get locales() {
    return this.getLocale('custom');
  }

  init() {
    this.fetchLocals();
  }

  // 生成对应的包
  getLocale(type: string) {
    const tmpLocale: LocalesType = {};
    this.languages.forEach((item) => {
      tmpLocale[item.value] = item[type as keyof LanguageType];
    });
    return tmpLocale;
  }

  // 异步加载语言包
  async fetchLocals() {
    const tmpArr: LanguageType[] = [];
    for (let index = 0; index < languages.length; index++) {
      const lan = languages[index];
      const tmpLocal = await lan.custom;
      tmpArr.push({
        ...lan,
        custom: tmpLocal.default,
      });
    }
    runInAction(() => {
      this.languages = tmpArr;
    });
  }
}

export default new Language();