@opentiny/vue-renderless/locales/index.js

An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.

import "../chunk-G2ADBYYC.js";
import { xss } from "@opentiny/utils";
const getLocales = ({ api, service, state }) => () => {
  Promise.all([service.getLocale(), service.getCurrentLocale()]).then(([locales, current]) => {
    state.locales = locales || ["zhCN"];
    state.current = (Array.isArray(current) ? current[0] : current) || "zhCN";
    api.setText(current);
  });
};
const setText = (state) => () => {
  const { current, locales } = state;
  const len = locales.length;
  state.text = len === 2 ? locales.indexOf(current) === 0 ? locales[1] : locales[0] : current;
};
const switchLanguage = ({ api, state, service }) => (lang) => {
  const { locales, current } = state;
  const hasMultiLocale = state.locales.length === 2;
  state.current = hasMultiLocale ? state.current = locales.indexOf(current) === 0 ? locales[1] : locales[0] : lang;
  api.setText();
};
const changeLocale = ({ props, service, vnode }) => (value, oldValue) => {
  if (!value || !oldValue) {
    return;
  }
  const { local, changeLang } = props;
  if (typeof changeLang === "function") {
    changeLang(value);
    return;
  }
  if (local) {
    value.slice(0, 2) === "zh" ? vnode.use(vnode.zhCN) : vnode.use(vnode.enUS);
    return;
  }
  const { content = "" } = service.customized;
  service.getCustomized().then((data) => {
    data = data || [];
    const setting = data.filter((item) => item.settingKey === vnode.constants.GLOBAL)[0] || {};
    service.getChangeLocaleUrl(value).then((url) => {
      try {
        const settingContent = JSON.parse(setting[content]);
        settingContent.lang = value;
        settingContent.common.lang = value;
        setting[content] = JSON.stringify(settingContent);
        service.pushCustomized(setting).then(() => {
          window.location.href = xss.filterUrl(url);
        });
      } catch (error) {
        window.location.href = xss.filterUrl(url);
      }
    });
  });
};
const initService = ({ props, service }) => {
  const { common = {}, utils = {}, setting = {}, fetchSsoUpdate, pushCustomized } = service || {};
  const { options = {} } = setting;
  const noopFnCreator = (propName) => () => {
    if (propName) {
      return Promise.reject(
        new Error(`[TINY Error][Locale] Prop ${propName} is mandatory when the framework service is not used`)
      );
    } else {
      return Promise.resolve(null);
    }
  };
  return {
    getLocale: props.getLocale || common.getLocale || noopFnCreator("getLocale"),
    getCurrentLocale: props.getCurrentLocale || common.getCurrentLocale || noopFnCreator("getCurrentLocale"),
    getChangeLocaleUrl: props.getChangeLocaleUrl || common.getChangeLocaleUrl || noopFnCreator("getChangeLocaleUrl"),
    fetchSsoUpdate: props.fetchSsoUpdate || fetchSsoUpdate || noopFnCreator("fetchSsoUpdate"),
    getDomain: props.getDomain || utils.getDomain || noopFnCreator("getDomain"),
    getCustomized: common.getCustomized || noopFnCreator(),
    pushCustomized: pushCustomized || noopFnCreator(),
    customized: options.Customized || {}
  };
};
export {
  changeLocale,
  getLocales,
  initService,
  setText,
  switchLanguage
};