@alilc/lowcode-editor-core/lib/intl/index.js

Core Api for Ali lowCode engine

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.createIntl = createIntl;
exports.intl = intl;
exports.intlNode = intlNode;
exports.shallowIntl = shallowIntl;
var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
var _react = require("react");
var _intlMessageformat = require("intl-messageformat");
var _globalLocale = require("./global-locale");
exports.globalLocale = _globalLocale.globalLocale;
var _lowcodeUtils = require("@alilc/lowcode-utils");
var _utils = require("../utils");
var _class;
function _createForOfIteratorHelperLoose(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (t) return (t = t.call(r)).next.bind(t); if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var o = 0; return function () { return o >= r.length ? { done: !0 } : { done: !1, value: r[o++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
function generateTryLocales(locale) {
  var tries = [locale, locale.replace('-', '_')];
  if (locale === 'zh-TW' || locale === 'en-US') {
    tries.push('zh-CN');
    tries.push('zh_CN');
  } else {
    tries.push('en-US');
    tries.push('en_US');
    if (locale !== 'zh-CN') {
      tries.push('zh-CN');
      tries.push('zh_CN');
    }
  }
  return tries;
}
function injectVars(msg, params, locale) {
  if (!msg || !params) {
    return msg;
  }
  var formater = new _intlMessageformat.IntlMessageFormat(msg, locale);
  return formater.format(params);
}
function intl(data, params) {
  if (!(0, _lowcodeUtils.isI18nData)(data)) {
    return data;
  }
  if (data.intl) {
    return data.intl;
  }
  var locale = _globalLocale.globalLocale.getLocale();
  var tries = generateTryLocales(locale);
  var msg;
  for (var _iterator = _createForOfIteratorHelperLoose(tries), _step; !(_step = _iterator()).done;) {
    var lan = _step.value;
    msg = data[lan];
    if (msg != null) {
      break;
    }
  }
  if (msg == null) {
    return "##intl@" + locale + "##";
  }
  return injectVars(msg, params, locale);
}
function shallowIntl(data) {
  if (!data || typeof data !== 'object') {
    return data;
  }
  var maps = {};
  Object.keys(data).forEach(function (key) {
    maps[key] = intl(data[key]);
  });
  return maps;
}
function intlNode(data, params) {
  if ((0, _lowcodeUtils.isI18nData)(data)) {
    if (data.intlNode) {
      return data.intlNode;
    }
    return /*#__PURE__*/(0, _react.createElement)(IntlElement, {
      data: data,
      params: params
    });
  }
  return data;
}
var IntlElement = (0, _utils.observer)(_class = /*#__PURE__*/function (_Component) {
  function IntlElement() {
    return _Component.apply(this, arguments) || this;
  }
  (0, _inheritsLoose2["default"])(IntlElement, _Component);
  var _proto = IntlElement.prototype;
  _proto.render = function render() {
    var _this$props = this.props,
      data = _this$props.data,
      params = _this$props.params;
    return intl(data, params);
  };
  return IntlElement;
}(_react.Component)) || _class;
function createIntl(instance) {
  var _class2;
  // TODO: make reactive
  var data = function () {
    var locale = _globalLocale.globalLocale.getLocale();
    if (typeof instance === 'string') {
      if (window[instance]) {
        return window[instance][locale] || {};
      }
      var key = instance + "_" + locale.toLocaleLowerCase();
      return window[key] || {};
    }
    if (instance && typeof instance === 'object') {
      return instance[locale] || {};
    }
    return {};
  }();
  function intl(key, params) {
    // TODO: tries lost language
    var str = data[key];
    if (str == null) {
      return "##intl@" + key + "##";
    }
    return injectVars(str, params, _globalLocale.globalLocale.getLocale());
  }
  var IntlElement = (0, _utils.observer)(_class2 = /*#__PURE__*/function (_Component2) {
    function IntlElement() {
      return _Component2.apply(this, arguments) || this;
    }
    (0, _inheritsLoose2["default"])(IntlElement, _Component2);
    var _proto2 = IntlElement.prototype;
    _proto2.render = function render() {
      var _this$props2 = this.props,
        id = _this$props2.id,
        params = _this$props2.params;
      return intl(id, params);
    };
    return IntlElement;
  }(_react.Component)) || _class2;
  return {
    intlNode: function intlNode(id, params) {
      return /*#__PURE__*/(0, _react.createElement)(IntlElement, {
        id: id,
        params: params
      });
    },
    intl: intl,
    getLocale: function getLocale() {
      return _globalLocale.globalLocale.getLocale();
    },
    setLocale: function setLocale(locale) {
      _globalLocale.globalLocale.setLocale(locale);
    }
  };
}