choerodon-ui/pro/lib/field/utils.js

An enterprise-class UI design language and React-based implementation

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.defaultRenderer = defaultRenderer;
exports.fromRangeValue = fromRangeValue;
exports.getBigNumberFormatOptions = getBigNumberFormatOptions;
exports.getBigNumberFormatter = getBigNumberFormatter;
exports.getCurrencyFormatOptions = getCurrencyFormatOptions;
exports.getCurrencyFormatter = getCurrencyFormatter;
exports.getDateFormatByFieldType = exports.getDateFormatByField = void 0;
exports.getNumberFormatOptions = getNumberFormatOptions;
exports.getNumberFormatter = getNumberFormatter;
exports.getValueKey = getValueKey;
exports.isFieldValueEmpty = isFieldValueEmpty;
exports.processFieldValue = processFieldValue;
exports.processValue = processValue;
exports.renderMultiLine = renderMultiLine;
exports.renderMultipleValues = renderMultipleValues;
exports.renderRangeValue = renderRangeValue;
exports.renderValidationMessage = renderValidationMessage;
exports.showValidationMessage = showValidationMessage;
exports.toMultipleValue = toMultipleValue;
exports.toRangeValue = void 0;
exports.transformHighlightProps = transformHighlightProps;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));

var _react = _interopRequireWildcard(require("react"));

var _isObject = _interopRequireDefault(require("lodash/isObject"));

var _isNil = _interopRequireDefault(require("lodash/isNil"));

var _isString = _interopRequireDefault(require("lodash/isString"));

var _isNumber = _interopRequireDefault(require("lodash/isNumber"));

var _defaultTo = _interopRequireDefault(require("lodash/defaultTo"));

var _isPlainObject = _interopRequireDefault(require("lodash/isPlainObject"));

var _mobx = require("mobx");

var _classnames = _interopRequireDefault(require("classnames"));

var _moment = require("moment");

var _bignumber = require("bignumber.js");

var _dataset = require("choerodon-ui/dataset");

var _utils = require("../../../lib/configure/utils");

var _enum = require("../data-set/enum");

var _formatCurrency = _interopRequireDefault(require("../formatter/formatCurrency"));

var _formatNumber = _interopRequireDefault(require("../formatter/formatNumber"));

var _formatBigNumber = _interopRequireDefault(require("../formatter/formatBigNumber"));

var _utils2 = require("../number-field/utils");

var _isEmpty = _interopRequireDefault(require("../_util/isEmpty"));

var _CloseButton = _interopRequireDefault(require("./CloseButton"));

var _singleton = require("../tooltip/singleton");

var _icon = _interopRequireDefault(require("../icon"));

var _localeContext = require("../locale-context");

var _isReactChildren = _interopRequireDefault(require("../_util/isReactChildren"));

var _utils3 = require("../data-set/utils");

var _ObjectChainValue = _interopRequireDefault(require("../_util/ObjectChainValue"));

var _MultiLine = _interopRequireDefault(require("../output/MultiLine"));

var toRangeValue = _dataset.Utils.toRangeValue;
exports.toRangeValue = toRangeValue;
var getDateFormatByFieldType = _dataset.Utils.getDateFormatByFieldType;
exports.getDateFormatByFieldType = getDateFormatByFieldType;
var getDateFormatByField = _dataset.Utils.getDateFormatByField;
exports.getDateFormatByField = getDateFormatByField;

function fromRangeValue(value, range) {
  if ((0, _mobx.isArrayLike)(range)) {
    var _ref;

    var _range = (0, _slicedToArray2["default"])(range, 2),
        start = _range[0],
        end = _range[1];

    return _ref = {}, (0, _defineProperty2["default"])(_ref, start, value[0]), (0, _defineProperty2["default"])(_ref, end, value[1]), _ref;
  }

  return value;
}

function toMultipleValue(value, range) {
  if (!(0, _isNil["default"])(value)) {
    var multipleValue = (0, _mobx.isArrayLike)(value) ? value.slice() : [value];

    if (range) {
      return multipleValue.map(function (item) {
        return toRangeValue(item, range);
      });
    }

    return multipleValue;
  }

  return [];
}

function transformHighlightProps(highlight, props) {
  if ( /*#__PURE__*/(0, _react.isValidElement)(highlight) || (0, _isString["default"])(highlight)) {
    return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
      content: highlight
    });
  }

  if ((0, _isObject["default"])(highlight)) {
    return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), highlight);
  }

  return props;
}

function getCurrencyFormatter() {
  var currencyFormatter = (0, _utils.getConfig)('currencyFormatter');

  if (currencyFormatter !== undefined) {
    return currencyFormatter;
  }

  return _formatCurrency["default"];
}

function getNumberFormatter() {
  var numberFieldFormatter = (0, _utils.getConfig)('numberFieldFormatter');

  if (numberFieldFormatter !== undefined) {
    return numberFieldFormatter;
  }

  return _formatNumber["default"];
}

function getBigNumberFormatter() {
  var bigNumberFormatter = (0, _utils.getConfig)('bigNumberFormatter');

  if (bigNumberFormatter !== undefined) {
    return bigNumberFormatter;
  }

  return _formatBigNumber["default"];
}

function getCurrencyFormatOptions(getProp, controlLang) {
  var precision = getProp('precision');
  var formatterOptions = getProp('formatterOptions') || {};
  var currencyFormatterOptions = (0, _utils.getConfig)('currencyFormatterOptions') || {
    options: {}
  };
  var lang = formatterOptions.lang || currencyFormatterOptions.lang || controlLang;
  var options = {};

  if ((0, _isNumber["default"])(precision)) {
    options.minimumFractionDigits = precision;
    options.maximumFractionDigits = precision;
  }

  (0, _extends2["default"])(options, currencyFormatterOptions.options, formatterOptions.options);
  var numberGrouping = getProp('numberGrouping');
  var currency = getProp('currency');

  if (currency) {
    options.currency = currency;
  }

  if (numberGrouping === false) {
    options.useGrouping = false;
  }

  return {
    lang: lang,
    options: options
  };
}

function getNumberFormatOptions(getProp, getValue, value, controlLang) {
  var precision = getProp('precision');
  var precisionInValue = (0, _isNumber["default"])(precision) ? precision : (0, _utils2.getPrecision)((0, _isNil["default"])(value) ? getValue ? getValue() || 0 : 0 : value);
  var formatterOptions = getProp('formatterOptions') || {};
  var numberFieldFormatterOptions = (0, _utils.getConfig)('numberFieldFormatterOptions') || {
    options: {}
  };
  var lang = formatterOptions.lang || numberFieldFormatterOptions.lang || controlLang;
  var options = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
    maximumFractionDigits: precisionInValue
  }, numberFieldFormatterOptions.options), formatterOptions.options);
  var numberGrouping = getProp('numberGrouping');

  if (numberGrouping === false) {
    options.useGrouping = false;
  }

  return {
    lang: lang,
    options: options
  };
}

function getBigNumberFormatOptions(getProp, getValue, value, controlLang, bigNumberTarget) {
  var precision = getProp('precision');
  var bigNumberFormatterOptions;
  var options = {};
  var formatterOptions = getProp('formatterOptions') || {};

  if (bigNumberTarget === 'currency') {
    if ((0, _isNumber["default"])(precision)) {
      options.minimumFractionDigits = precision;
      options.maximumFractionDigits = precision;
    }

    bigNumberFormatterOptions = (0, _utils.getConfig)('currencyFormatterOptions') || {
      options: {}
    };
    (0, _extends2["default"])(options, bigNumberFormatterOptions.options, formatterOptions.options);
    var currency = getProp('currency');

    if (currency) {
      options.currency = currency;
    }
  } else {
    var precisionInValue = (0, _isNumber["default"])(precision) ? precision : new _bignumber.BigNumber((0, _isEmpty["default"])(value) ? getValue ? getValue() || 0 : 0 : value).decimalPlaces();
    bigNumberFormatterOptions = (0, _utils.getConfig)('numberFieldFormatterOptions') || {
      options: {}
    };
    options = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
      maximumFractionDigits: precisionInValue
    }, bigNumberFormatterOptions.options), formatterOptions.options);
  }

  var numberGrouping = getProp('numberGrouping');

  if (numberGrouping === false) {
    options.useGrouping = false;
  }

  var lang = formatterOptions.lang || bigNumberFormatterOptions.lang || controlLang;
  return {
    lang: lang,
    options: options
  };
}

function processFieldValue(value, field, options, showValueIfNotFound, record) {
  var getProp = options.getProp,
      getValue = options.getValue,
      lang = options.lang;
  var type = getProp('type');
  var currency = getProp('currency');

  if (currency || type === _enum.FieldType.currency) {
    var formatOptions = getCurrencyFormatOptions(getProp, lang);
    var formatter = getProp('formatter');
    return (formatter || getCurrencyFormatter())(value, formatOptions.lang, formatOptions.options);
  }

  if (type === _enum.FieldType.number) {
    var _formatOptions = getNumberFormatOptions(getProp, getValue, value, lang);

    var _formatter = getProp('formatter');

    return (_formatter || getNumberFormatter())(value, _formatOptions.lang, _formatOptions.options);
  }

  if (type === _enum.FieldType.bigNumber) {
    var _formatOptions2 = getBigNumberFormatOptions(getProp, getValue, value, lang, currency ? 'currency' : 'number-field');

    var _formatter2 = getProp('formatter');

    return (_formatter2 || getBigNumberFormatter())(value, _formatOptions2.lang, _formatOptions2.options, currency ? 'currency' : 'number-field');
  }

  if (field) {
    return field.getText(value, showValueIfNotFound, record);
  }

  return value;
}

function processValue(value, format) {
  if (!(0, _isNil["default"])(value)) {
    if ((0, _moment.isMoment)(value)) {
      if (value.isValid()) {
        return value.format(format);
      }

      if ((0, _utils.getConfig)('showInvalidDate')) {
        return (0, _localeContext.$l)('DatePicker', 'invalid_date');
      }

      return '';
    }

    if ((0, _isReactChildren["default"])(value)) {
      // For Select's Option and TreeSelect's TreeNode which type may be ReactElement
      return value;
    }

    return value.toString();
  }

  return '';
}

function isFieldValueEmpty(value, range, multiple, valueField, textField) {
  if ((0, _isEmpty["default"])(value)) {
    return true;
  }

  if (multiple) {
    return !(0, _mobx.isArrayLike)(value) || value.length === 0;
  }

  if (range === true) {
    return (0, _mobx.isArrayLike)(value) && value.every(function (v) {
      return (0, _isEmpty["default"])(v);
    });
  }

  if ((0, _mobx.isArrayLike)(range)) {
    return value && Object.values(value).every(function (v) {
      return (0, _isEmpty["default"])(v);
    });
  }

  var isObjectEmpty = function isObjectEmpty(v) {
    if (valueField && textField) {
      if ((0, _mobx.isObservableObject)(v)) {
        return (0, _isEmpty["default"])((0, _mobx.get)(v, valueField)) && (0, _isEmpty["default"])((0, _mobx.get)(v, textField));
      }

      if ((0, _isObject["default"])(v)) {
        return (0, _isEmpty["default"])(v[valueField]) && (0, _isEmpty["default"])(v[textField]);
      }
    }

    return false;
  };

  if ((0, _mobx.isArrayLike)(value)) {
    return value.length ? value.every(function (v) {
      if ((0, _isEmpty["default"])(v)) {
        return true;
      }

      return isObjectEmpty(v);
    }) : true;
  }

  return isObjectEmpty(value);
}

function renderRangeValue(value, option) {
  var repeat = option.repeat,
      processRenderer = option.processRenderer;
  var rangeValue = (value || []).map(function (item) {
    return processRenderer(item, repeat);
  }, []);

  if (rangeValue.some(function (v) {
    return !(0, _isEmpty["default"])(v);
  })) {
    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, rangeValue[0], "~", rangeValue[1]);
  }
}

function getValueKey(v) {
  if ((0, _mobx.isArrayLike)(v)) {
    return v.join(',');
  }

  return v;
}

function renderMultipleValues(value, option) {
  var range = option.range,
      maxTagPlaceholder = option.maxTagPlaceholder,
      prefixCls = option.prefixCls,
      validationResults = option.validationResults,
      disabled = option.disabled,
      readOnly = option.readOnly,
      isMultipleBlockDisabled = option.isMultipleBlockDisabled,
      processRenderer = option.processRenderer,
      renderValidationResult = option.renderValidationResult,
      handleMultipleValueRemove = option.handleMultipleValueRemove,
      _option$getKey = option.getKey,
      getKey = _option$getKey === void 0 ? getValueKey : _option$getKey,
      isValidationMessageHidden = option.isValidationMessageHidden,
      selfShowValidationMessage = option.showValidationMessage,
      tooltipTheme = option.tooltipTheme;
  var values = toMultipleValue(value, range);
  var valueLength = values.length;
  var _option$maxTagCount = option.maxTagCount,
      maxTagCount = _option$maxTagCount === void 0 ? valueLength : _option$maxTagCount;
  var repeats = new Map();
  var blockClassName = (0, _classnames["default"])((0, _defineProperty2["default"])({}, "".concat(prefixCls, "-multiple-block-disabled"), disabled), "".concat(prefixCls, "-multiple-block"));
  var multipleValidateMessageLength = 0;
  var tags = values.slice(0, maxTagCount).map(function (v, index) {
    var key = getKey(v);
    var repeat = repeats.get(key) || 0;
    var text = range ? renderRangeValue(v, {
      repeat: repeat,
      processRenderer: processRenderer
    }) : processRenderer(v, repeat);
    repeats.set(key, repeat + 1);

    if (!(0, _isEmpty["default"])(text)) {
      var _classNames2;

      var validationResult = validationResults && validationResults.find(function (error) {
        return error.value === v;
      });
      var blockDisabled = isMultipleBlockDisabled ? isMultipleBlockDisabled(v) : disabled;
      var className = (0, _classnames["default"])((_classNames2 = {}, (0, _defineProperty2["default"])(_classNames2, "".concat(prefixCls, "-multiple-block-invalid"), validationResult), (0, _defineProperty2["default"])(_classNames2, "".concat(prefixCls, "-multiple-block-disabled"), blockDisabled), _classNames2), "".concat(prefixCls, "-multiple-block"));
      var validationMessage = validationResult && renderValidationResult(validationResult);

      if (validationMessage) {
        multipleValidateMessageLength++;
      }

      var closeBtn = !blockDisabled && !readOnly && /*#__PURE__*/_react["default"].createElement(_CloseButton["default"], {
        onClose: handleMultipleValueRemove,
        value: v,
        index: repeat
      });

      var inner = readOnly ? /*#__PURE__*/_react["default"].createElement("span", {
        key: String(index),
        className: className
      }, text) : /*#__PURE__*/_react["default"].createElement("li", {
        key: String(index),
        className: className
      }, /*#__PURE__*/_react["default"].createElement("div", null, text), closeBtn);

      if (!isValidationMessageHidden(validationMessage)) {
        return /*#__PURE__*/(0, _react.cloneElement)(inner, {
          onMouseEnter: function onMouseEnter(e) {
            return selfShowValidationMessage(e, validationMessage, tooltipTheme);
          },
          onMouseLeave: function onMouseLeave() {
            return (0, _singleton.hide)();
          }
        });
      }

      return inner;
    }

    return undefined;
  });

  if (valueLength > maxTagCount) {
    var content = "+ ".concat(valueLength - maxTagCount, " ...");

    if (maxTagPlaceholder) {
      var omittedValues = values.slice(maxTagCount, valueLength);
      content = typeof maxTagPlaceholder === 'function' ? maxTagPlaceholder(omittedValues) : maxTagPlaceholder;
    }

    tags.push( /*#__PURE__*/_react["default"].createElement("li", {
      key: "maxTagPlaceholder",
      className: blockClassName
    }, /*#__PURE__*/_react["default"].createElement("div", null, content)));
  }

  return {
    tags: tags,
    multipleValidateMessageLength: multipleValidateMessageLength
  };
}

function renderMultiLine(options) {
  var field = options.field,
      record = options.record,
      dataSet = options.dataSet,
      name = options.name,
      prefixCls = options.prefixCls,
      renderer = options.renderer,
      renderValidationResult = options.renderValidationResult,
      isValidationMessageHidden = options.isValidationMessageHidden,
      selfProcessValue = options.processValue,
      labelTooltip = options.labelTooltip,
      tooltip = options.tooltip;
  var multipleValidateMessageLength = 0;

  if (record) {
    var multiLineFields = (0, _utils3.findBindFields)(field, record.dataSet.fields, false, record);

    if (renderer) {
      return {
        lines: renderer({
          multiLineFields: multiLineFields,
          record: record,
          dataSet: dataSet,
          name: name
        }),
        multipleValidateMessageLength: multipleValidateMessageLength
      };
    }

    if (multiLineFields.length) {
      var lines = multiLineFields.map(function (fieldItem) {
        if (fieldItem) {
          var required = (0, _defaultTo["default"])(fieldItem.get('required', record), field.get('required', record));
          var fieldName = fieldItem.name;
          var value = record.get(fieldName);
          var validationResults = record.getValidationError(fieldName);
          var validationResult = validationResults && validationResults.find(function (error) {
            return error.value === value;
          });
          var validationMessage = validationResult && renderValidationResult(validationResult);
          var validationHidden = isValidationMessageHidden(validationMessage);
          var processedValue = '';

          if (fieldItem.get('lovCode', record)) {
            var fieldValue = fieldItem.getValue(record);

            if ((0, _isPlainObject["default"])(fieldValue)) {
              processedValue = _ObjectChainValue["default"].get(fieldValue, fieldItem.get('textField', record) || _utils3.defaultTextField);
            }
          }

          var notEmpty = !(0, _isEmpty["default"])(value); // 值集中不存在 再去取直接返回的值

          var text = processedValue || selfProcessValue(value);
          multipleValidateMessageLength++;
          var validationInner = notEmpty ? text : validationHidden ? record.status === _enum.RecordStatus.add ? '' : /*#__PURE__*/_react["default"].createElement("span", {
            className: "".concat(prefixCls, "-multi-value-invalid")
          }, text) : validationMessage;
          var label = fieldItem.get('label', record);
          return /*#__PURE__*/_react["default"].createElement(_MultiLine["default"], {
            key: "".concat(record.index, "-multi-").concat(fieldName),
            prefixCls: prefixCls,
            label: label,
            required: required,
            validationMessage: validationMessage,
            validationHidden: validationHidden,
            tooltip: tooltip,
            labelTooltip: labelTooltip
          }, validationInner);
        }

        return null;
      });
      return {
        lines: lines,
        multipleValidateMessageLength: multipleValidateMessageLength
      };
    }
  }

  return {
    multipleValidateMessageLength: multipleValidateMessageLength
  };
}

function renderValidationMessage(validationMessage, showIcon) {
  if (validationMessage) {
    return /*#__PURE__*/_react["default"].createElement("div", {
      className: (0, _utils.getProPrefixCls)('validation-message')
    }, showIcon && /*#__PURE__*/_react["default"].createElement(_icon["default"], {
      type: "error"
    }), /*#__PURE__*/_react["default"].createElement("span", null, validationMessage));
  }
}

function defaultRenderer(renderOption) {
  var text = renderOption.text,
      repeat = renderOption.repeat,
      maxTagTextLength = renderOption.maxTagTextLength;
  return repeat !== undefined && maxTagTextLength && (0, _isString["default"])(text) && text.length > maxTagTextLength ? "".concat(text.slice(0, maxTagTextLength), "...") : text;
}

function showValidationMessage(e, message, tooltipTheme, tooltipPlacement) {
  (0, _singleton.show)(e.currentTarget, {
    suffixCls: "form-tooltip ".concat((0, _utils.getConfig)('proPrefixCls'), "-tooltip"),
    title: message,
    theme: tooltipTheme,
    placement: tooltipPlacement || 'bottomLeft'
  });
}
//# sourceMappingURL=utils.js.map