| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461 |
- const isObject = (val) => val !== null && typeof val === 'object';
- const defaultDelimiters = ['{', '}'];
- class BaseFormatter {
- constructor() {
- this._caches = Object.create(null);
- }
- interpolate(message, values, delimiters = defaultDelimiters) {
- if (!values) {
- return [message];
- }
- let tokens = this._caches[message];
- if (!tokens) {
- tokens = parse(message, delimiters);
- this._caches[message] = tokens;
- }
- return compile(tokens, values);
- }
- }
- const RE_TOKEN_LIST_VALUE = /^(?:\d)+/;
- const RE_TOKEN_NAMED_VALUE = /^(?:\w)+/;
- function parse(format, [startDelimiter, endDelimiter]) {
- const tokens = [];
- let position = 0;
- let text = '';
- while (position < format.length) {
- let char = format[position++];
- if (char === startDelimiter) {
- if (text) {
- tokens.push({ type: 'text', value: text });
- }
- text = '';
- let sub = '';
- char = format[position++];
- while (char !== undefined && char !== endDelimiter) {
- sub += char;
- char = format[position++];
- }
- const isClosed = char === endDelimiter;
- const type = RE_TOKEN_LIST_VALUE.test(sub)
- ? 'list'
- : isClosed && RE_TOKEN_NAMED_VALUE.test(sub)
- ? 'named'
- : 'unknown';
- tokens.push({ value: sub, type });
- }
- // else if (char === '%') {
- // // when found rails i18n syntax, skip text capture
- // if (format[position] !== '{') {
- // text += char
- // }
- // }
- else {
- text += char;
- }
- }
- text && tokens.push({ type: 'text', value: text });
- return tokens;
- }
- function compile(tokens, values) {
- const compiled = [];
- let index = 0;
- const mode = Array.isArray(values)
- ? 'list'
- : isObject(values)
- ? 'named'
- : 'unknown';
- if (mode === 'unknown') {
- return compiled;
- }
- while (index < tokens.length) {
- const token = tokens[index];
- switch (token.type) {
- case 'text':
- compiled.push(token.value);
- break;
- case 'list':
- compiled.push(values[parseInt(token.value, 10)]);
- break;
- case 'named':
- if (mode === 'named') {
- compiled.push(values[token.value]);
- }
- else {
- if (process.env.NODE_ENV !== 'production') {
- console.warn(`Type of token '${token.type}' and format of value '${mode}' don't match!`);
- }
- }
- break;
- case 'unknown':
- if (process.env.NODE_ENV !== 'production') {
- console.warn(`Detect 'unknown' type of token!`);
- }
- break;
- }
- index++;
- }
- return compiled;
- }
- const LOCALE_ZH_HANS = 'zh-Hans';
- const LOCALE_ZH_HANT = 'zh-Hant';
- const LOCALE_EN = 'en';
- const LOCALE_FR = 'fr';
- const LOCALE_ES = 'es';
- const hasOwnProperty = Object.prototype.hasOwnProperty;
- const hasOwn = (val, key) => hasOwnProperty.call(val, key);
- const defaultFormatter = new BaseFormatter();
- function include(str, parts) {
- return !!parts.find((part) => str.indexOf(part) !== -1);
- }
- function startsWith(str, parts) {
- return parts.find((part) => str.indexOf(part) === 0);
- }
- function normalizeLocale(locale, messages) {
- if (!locale) {
- return;
- }
- locale = locale.trim().replace(/_/g, '-');
- if (messages && messages[locale]) {
- return locale;
- }
- locale = locale.toLowerCase();
- if (locale === 'chinese') {
- // 支付宝
- return LOCALE_ZH_HANS;
- }
- if (locale.indexOf('zh') === 0) {
- if (locale.indexOf('-hans') > -1) {
- return LOCALE_ZH_HANS;
- }
- if (locale.indexOf('-hant') > -1) {
- return LOCALE_ZH_HANT;
- }
- if (include(locale, ['-tw', '-hk', '-mo', '-cht'])) {
- return LOCALE_ZH_HANT;
- }
- return LOCALE_ZH_HANS;
- }
- let locales = [LOCALE_EN, LOCALE_FR, LOCALE_ES];
- if (messages && Object.keys(messages).length > 0) {
- locales = Object.keys(messages);
- }
- const lang = startsWith(locale, locales);
- if (lang) {
- return lang;
- }
- }
- class I18n {
- constructor({ locale, fallbackLocale, messages, watcher, formater, }) {
- this.locale = LOCALE_EN;
- this.fallbackLocale = LOCALE_EN;
- this.message = {};
- this.messages = {};
- this.watchers = [];
- if (fallbackLocale) {
- this.fallbackLocale = fallbackLocale;
- }
- this.formater = formater || defaultFormatter;
- this.messages = messages || {};
- this.setLocale(locale || LOCALE_EN);
- if (watcher) {
- this.watchLocale(watcher);
- }
- }
- setLocale(locale) {
- const oldLocale = this.locale;
- this.locale = normalizeLocale(locale, this.messages) || this.fallbackLocale;
- if (!this.messages[this.locale]) {
- // 可能初始化时不存在
- this.messages[this.locale] = {};
- }
- this.message = this.messages[this.locale];
- // 仅发生变化时,通知
- if (oldLocale !== this.locale) {
- this.watchers.forEach((watcher) => {
- watcher(this.locale, oldLocale);
- });
- }
- }
- getLocale() {
- return this.locale;
- }
- watchLocale(fn) {
- const index = this.watchers.push(fn) - 1;
- return () => {
- this.watchers.splice(index, 1);
- };
- }
- add(locale, message, override = true) {
- const curMessages = this.messages[locale];
- if (curMessages) {
- if (override) {
- Object.assign(curMessages, message);
- }
- else {
- Object.keys(message).forEach((key) => {
- if (!hasOwn(curMessages, key)) {
- curMessages[key] = message[key];
- }
- });
- }
- }
- else {
- this.messages[locale] = message;
- }
- }
- f(message, values, delimiters) {
- return this.formater.interpolate(message, values, delimiters).join('');
- }
- t(key, locale, values) {
- let message = this.message;
- if (typeof locale === 'string') {
- locale = normalizeLocale(locale, this.messages);
- locale && (message = this.messages[locale]);
- }
- else {
- values = locale;
- }
- if (!hasOwn(message, key)) {
- console.warn(`Cannot translate the value of keypath ${key}. Use the value of keypath as default.`);
- return key;
- }
- return this.formater.interpolate(message[key], values).join('');
- }
- }
- function watchAppLocale(appVm, i18n) {
- // 需要保证 watch 的触发在组件渲染之前
- if (appVm.$watchLocale) {
- // vue2
- appVm.$watchLocale((newLocale) => {
- i18n.setLocale(newLocale);
- });
- }
- else {
- appVm.$watch(() => appVm.$locale, (newLocale) => {
- i18n.setLocale(newLocale);
- });
- }
- }
- function getDefaultLocale() {
- if (typeof uni !== 'undefined' && uni.getLocale) {
- return uni.getLocale();
- }
- // 小程序平台,uni 和 uni-i18n 互相引用,导致访问不到 uni,故在 global 上挂了 getLocale
- if (typeof global !== 'undefined' && global.getLocale) {
- return global.getLocale();
- }
- return LOCALE_EN;
- }
- function initVueI18n(locale, messages = {}, fallbackLocale, watcher) {
- // 兼容旧版本入参
- if (typeof locale !== 'string') {
- [locale, messages] = [
- messages,
- locale,
- ];
- }
- if (typeof locale !== 'string') {
- // 因为小程序平台,uni-i18n 和 uni 互相引用,导致此时访问 uni 时,为 undefined
- locale = getDefaultLocale();
- }
- if (typeof fallbackLocale !== 'string') {
- fallbackLocale =
- (typeof __uniConfig !== 'undefined' && __uniConfig.fallbackLocale) ||
- LOCALE_EN;
- }
- const i18n = new I18n({
- locale,
- fallbackLocale,
- messages,
- watcher,
- });
- let t = (key, values) => {
- if (typeof getApp !== 'function') {
- // app view
- /* eslint-disable no-func-assign */
- t = function (key, values) {
- return i18n.t(key, values);
- };
- }
- else {
- let isWatchedAppLocale = false;
- t = function (key, values) {
- const appVm = getApp().$vm;
- // 可能$vm还不存在,比如在支付宝小程序中,组件定义较早,在props的default里使用了t()函数(如uni-goods-nav),此时app还未初始化
- // options: {
- // type: Array,
- // default () {
- // return [{
- // icon: 'shop',
- // text: t("uni-goods-nav.options.shop"),
- // }, {
- // icon: 'cart',
- // text: t("uni-goods-nav.options.cart")
- // }]
- // }
- // },
- if (appVm) {
- // 触发响应式
- appVm.$locale;
- if (!isWatchedAppLocale) {
- isWatchedAppLocale = true;
- watchAppLocale(appVm, i18n);
- }
- }
- return i18n.t(key, values);
- };
- }
- return t(key, values);
- };
- return {
- i18n,
- f(message, values, delimiters) {
- return i18n.f(message, values, delimiters);
- },
- t(key, values) {
- return t(key, values);
- },
- add(locale, message, override = true) {
- return i18n.add(locale, message, override);
- },
- watch(fn) {
- return i18n.watchLocale(fn);
- },
- getLocale() {
- return i18n.getLocale();
- },
- setLocale(newLocale) {
- return i18n.setLocale(newLocale);
- },
- };
- }
- const isString = (val) => typeof val === 'string';
- let formater;
- function hasI18nJson(jsonObj, delimiters) {
- if (!formater) {
- formater = new BaseFormatter();
- }
- return walkJsonObj(jsonObj, (jsonObj, key) => {
- const value = jsonObj[key];
- if (isString(value)) {
- if (isI18nStr(value, delimiters)) {
- return true;
- }
- }
- else {
- return hasI18nJson(value, delimiters);
- }
- });
- }
- function parseI18nJson(jsonObj, values, delimiters) {
- if (!formater) {
- formater = new BaseFormatter();
- }
- walkJsonObj(jsonObj, (jsonObj, key) => {
- const value = jsonObj[key];
- if (isString(value)) {
- if (isI18nStr(value, delimiters)) {
- jsonObj[key] = compileStr(value, values, delimiters);
- }
- }
- else {
- parseI18nJson(value, values, delimiters);
- }
- });
- return jsonObj;
- }
- function compileI18nJsonStr(jsonStr, { locale, locales, delimiters, }) {
- if (!isI18nStr(jsonStr, delimiters)) {
- return jsonStr;
- }
- if (!formater) {
- formater = new BaseFormatter();
- }
- const localeValues = [];
- Object.keys(locales).forEach((name) => {
- if (name !== locale) {
- localeValues.push({
- locale: name,
- values: locales[name],
- });
- }
- });
- localeValues.unshift({ locale, values: locales[locale] });
- try {
- return JSON.stringify(compileJsonObj(JSON.parse(jsonStr), localeValues, delimiters), null, 2);
- }
- catch (e) { }
- return jsonStr;
- }
- function isI18nStr(value, delimiters) {
- return value.indexOf(delimiters[0]) > -1;
- }
- function compileStr(value, values, delimiters) {
- return formater.interpolate(value, values, delimiters).join('');
- }
- function compileValue(jsonObj, key, localeValues, delimiters) {
- const value = jsonObj[key];
- if (isString(value)) {
- // 存在国际化
- if (isI18nStr(value, delimiters)) {
- jsonObj[key] = compileStr(value, localeValues[0].values, delimiters);
- if (localeValues.length > 1) {
- // 格式化国际化语言
- const valueLocales = (jsonObj[key + 'Locales'] = {});
- localeValues.forEach((localValue) => {
- valueLocales[localValue.locale] = compileStr(value, localValue.values, delimiters);
- });
- }
- }
- }
- else {
- compileJsonObj(value, localeValues, delimiters);
- }
- }
- function compileJsonObj(jsonObj, localeValues, delimiters) {
- walkJsonObj(jsonObj, (jsonObj, key) => {
- compileValue(jsonObj, key, localeValues, delimiters);
- });
- return jsonObj;
- }
- function walkJsonObj(jsonObj, walk) {
- if (Array.isArray(jsonObj)) {
- for (let i = 0; i < jsonObj.length; i++) {
- if (walk(jsonObj, i)) {
- return true;
- }
- }
- }
- else if (isObject(jsonObj)) {
- for (const key in jsonObj) {
- if (walk(jsonObj, key)) {
- return true;
- }
- }
- }
- return false;
- }
- function resolveLocale(locales) {
- return (locale) => {
- if (!locale) {
- return locale;
- }
- locale = normalizeLocale(locale) || locale;
- return resolveLocaleChain(locale).find((locale) => locales.indexOf(locale) > -1);
- };
- }
- function resolveLocaleChain(locale) {
- const chain = [];
- const tokens = locale.split('-');
- while (tokens.length) {
- chain.push(tokens.join('-'));
- tokens.pop();
- }
- return chain;
- }
- export { BaseFormatter as Formatter, I18n, LOCALE_EN, LOCALE_ES, LOCALE_FR, LOCALE_ZH_HANS, LOCALE_ZH_HANT, compileI18nJsonStr, hasI18nJson, initVueI18n, isI18nStr, isString, normalizeLocale, parseI18nJson, resolveLocale };
|