dtable-ui-component 0.3.5 → 0.3.6-beta.2

package/lib/utils/value-format-utils.js

@@ -1,587 +0,0 @@
-/* eslint-disable no-case-declarations */
-import dayjs from 'dayjs';
-import NP from './number-precision';
-import { CellType, NUMBER_TYPES, DEFAULT_NUMBER_FORMAT, DURATION_FORMATS_MAP, DURATION_FORMATS, DURATION_ZERO_DISPLAY, DURATION_DECIMAL_DIGITS, FORMULA_RESULT_TYPE, COLLABORATOR_COLUMN_TYPES, ARRAY_FORMAL_COLUMNS_TYPES, DEFAULT_DATE_FORMAT } from '../constants';
-import { getFloatNumber } from './utils';
-NP.enableBoundaryChecking(false);
-var _separatorMap = {
-  'comma': ',',
-  'dot': '.',
-  'no': '',
-  'space': ' '
-};
-/**
- * @param {string} value
- * e.g. removeZerosFromEnd('0.0100') // '0.01'
- */
-
-var removeZerosFromEnd = function removeZerosFromEnd(value) {
-  if (value.endsWith('0')) {
-    return value.replace(/(?:\.0*|(\.\d+?)0+)$/, '$1');
-  }
-
-  return value;
-};
-
-var _toThousands = function _toThousands(num, isCurrency, formatData) {
-  var _ref = formatData || {},
-      _ref$decimal = _ref.decimal,
-      decimal = _ref$decimal === void 0 ? 'dot' : _ref$decimal,
-      _ref$thousands = _ref.thousands,
-      thousands = _ref$thousands === void 0 ? 'no' : _ref$thousands,
-      _ref$precision = _ref.precision,
-      precision = _ref$precision === void 0 ? 2 : _ref$precision,
-      _ref$enable_precision = _ref.enable_precision,
-      enable_precision = _ref$enable_precision === void 0 ? false : _ref$enable_precision;
-
-  var decimalString = _separatorMap[decimal];
-  var thousandsString = _separatorMap[thousands];
-
-  if ((num + '').indexOf('e') > -1) {
-    if (num < 1 && num > -1) {
-      // 1.convert to non-scientific number
-      var numericString = num.toFixed(enable_precision ? precision : 8); // 2.remove 0 from end of the number which not set precision. e.g. 0.100000
-
-      if (!enable_precision) {
-        numericString = removeZerosFromEnd(numericString);
-      } // 3.remove minus from number which equal to 0. e.g. '-0.00'
-
-
-      if (parseFloat(numericString) === 0) {
-        return numericString.startsWith('-') ? numericString.substring(1) : numericString;
-      }
-
-      return numericString;
-    }
-
-    return num;
-  }
-
-  var decimalDigits = enable_precision ? precision : _getDecimalDigits(num);
-  var value = parseFloat(num.toFixed(decimalDigits));
-  var isMinus = value < 0;
-  var integer = Math.trunc(value); // format decimal value
-
-  var decimalValue = String(Math.abs(NP.minus(value, integer)).toFixed(decimalDigits)).slice(1);
-
-  if (!enable_precision) {
-    decimalValue = removeZerosFromEnd(decimalValue);
-  }
-
-  if (isCurrency) {
-    if (!enable_precision) {
-      if (decimalValue.length === 2) {
-        decimalValue = decimalValue.padEnd(3, '0');
-      } else {
-        decimalValue = (decimalValue.substring(0, 3) || '.').padEnd(3, '0');
-      }
-    }
-  }
-
-  decimalValue = decimalValue.replace(/./, decimalString); // format integer value
-
-  var result = [],
-      counter = 0;
-  integer = Math.abs(integer).toString();
-
-  for (var i = integer.length - 1; i >= 0; i--) {
-    counter++;
-    result.unshift(integer[i]);
-
-    if (!(counter % 3) && i !== 0) {
-      result.unshift(thousandsString);
-    }
-  }
-
-  return (isMinus ? '-' : '') + result.join('') + decimalValue;
-};
-
-var _getDecimalDigits = function _getDecimalDigits(num) {
-  if (Number.isInteger(num)) {
-    return 0;
-  }
-
-  var valueArr = (num + '').split('.');
-  var digitsLength = valueArr[1] ? valueArr[1].length : 8;
-  return digitsLength > 8 ? 8 : digitsLength;
-};
-
-export var getNumberDisplayString = function getNumberDisplayString(value, formatData) {
-  // formatData: old version maybe 'null'
-  var type = Object.prototype.toString.call(value);
-
-  if (type !== '[object Number]') {
-    // return formula internal errors directly.
-    if (type === '[object String]' && value.startsWith('#')) {
-      return value;
-    }
-
-    return '';
-  }
-
-  if (isNaN(value) || value === Infinity || value === -Infinity) return value + '';
-
-  var _ref2 = formatData || {},
-      _ref2$format = _ref2.format,
-      format = _ref2$format === void 0 ? DEFAULT_NUMBER_FORMAT : _ref2$format;
-
-  switch (format) {
-    case NUMBER_TYPES.NUMBER:
-      {
-        return _toThousands(value, false, formatData);
-      }
-
-    case NUMBER_TYPES.PERCENT:
-      {
-        return "".concat(_toThousands(Number.parseFloat((value * 100).toFixed(8)), false, formatData), "%");
-      }
-
-    case NUMBER_TYPES.YUAN:
-      {
-        return "\uFFE5".concat(_toThousands(value, true, formatData));
-      }
-
-    case NUMBER_TYPES.DOLLAR:
-      {
-        return "$".concat(_toThousands(value, true, formatData));
-      }
-
-    case NUMBER_TYPES.EURO:
-      {
-        return "\u20AC".concat(_toThousands(value, true, formatData));
-      }
-
-    case 'duration':
-      {
-        return getDurationDisplayString(value, formatData);
-      }
-
-    case NUMBER_TYPES.CUSTOM_CURRENCY:
-      {
-        if (formatData.currency_symbol_position === 'after') {
-          return "".concat(_toThousands(value, true, formatData)).concat(formatData.currency_symbol || '');
-        } else {
-          return "".concat(formatData.currency_symbol || '').concat(_toThousands(value, true, formatData));
-        }
-      }
-
-    default:
-      return '' + value;
-  }
-};
-export var formatStringToNumber = function formatStringToNumber(numberString, formatData) {
-  var _ref3 = formatData || {},
-      format = _ref3.format,
-      decimal = _ref3.decimal,
-      thousands = _ref3.thousands,
-      enable_precision = _ref3.enable_precision,
-      precision = _ref3.precision;
-
-  var value = numberString;
-
-  if (decimal && thousands && decimal === 'comma') {
-    if (thousands === 'dot') {
-      value = value.replace(/,/, '@');
-      value = value.replace(/\./g, ',');
-      value = value.replace(/@/, '.');
-    } else {
-      value = value.replace(/\./g, '');
-      value = value.replace(/,/, '.');
-    }
-  }
-
-  value = getFloatNumber(value, format);
-
-  if (enable_precision && value) {
-    if (format === 'percent') {
-      precision += 2;
-    }
-
-    value = Number(parseFloat(value).toFixed(precision));
-  }
-
-  return value;
-};
-export var replaceNumberNotAllowInput = function replaceNumberNotAllowInput(value) {
-  var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_NUMBER_FORMAT;
-  var currency_symbol = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-
-  if (!value) {
-    return '';
-  }
-
-  value = value.replace(/。/g, '.');
-
-  switch (format) {
-    case NUMBER_TYPES.NUMBER:
-    case NUMBER_TYPES.NUMBER_WITH_COMMAS:
-      {
-        return value.replace(/[^.-\d,]/g, '');
-      }
-
-    case NUMBER_TYPES.PERCENT:
-      {
-        return value.replace(/[^.-\d,%]/g, '');
-      }
-
-    case NUMBER_TYPES.YUAN:
-      {
-        return value.replace(/[^.-\d¥￥,]/g, '');
-      }
-
-    case NUMBER_TYPES.DOLLAR:
-      {
-        return value.replace(/[^.-\d$,]/g, '');
-      }
-
-    case NUMBER_TYPES.EURO:
-      {
-        return value.replace(/[^.-\d€,]/g, '');
-      }
-
-    case NUMBER_TYPES.CUSTOM_CURRENCY:
-      {
-        // eslint-disable-next-line
-        var reg = new RegExp('[^.-\d' + currency_symbol + ',]', 'g');
-        return value.replace(reg, '');
-      }
-
-    default:
-      return value.replace(/[^.-\d,]/g, '');
-  }
-};
-export var getDateDisplayString = function getDateDisplayString(value, format) {
-  if (!value || typeof value !== 'string') {
-    return '';
-  }
-
-  var date = dayjs(value);
-  if (!date.isValid()) return value;
-
-  switch (format) {
-    case 'D/M/YYYY':
-    case 'DD/MM/YYYY':
-      // no-case-declarations
-      var formatValue = date.format('YYYY-MM-DD');
-      var formatValueList = formatValue.split('-');
-      return "".concat(formatValueList[2], "/").concat(formatValueList[1], "/").concat(formatValueList[0]);
-
-    case 'D/M/YYYY HH:mm':
-    case 'DD/MM/YYYY HH:mm':
-      var formatValues = date.format('YYYY-MM-DD HH:mm');
-      var formatValuesList = formatValues.split(' ');
-      var formatDateList = formatValuesList[0].split('-');
-      return "".concat(formatDateList[2], "/").concat(formatDateList[1], "/").concat(formatDateList[0], " ").concat(formatValuesList[1]);
-
-    case 'M/D/YYYY':
-    case 'M/D/YYYY HH:mm':
-    case 'YYYY-MM-DD':
-    case 'YYYY-MM-DD HH:mm':
-    case 'DD.MM.YYYY':
-    case 'DD.MM.YYYY HH:mm':
-      return date.format(format);
-
-    default:
-      return date.format('YYYY-MM-DD');
-  }
-};
-
-var _getMathRoundedDuration = function _getMathRoundedDuration(num, duration_format) {
-  var decimalDigits = DURATION_DECIMAL_DIGITS[duration_format];
-
-  if (decimalDigits < 1) {
-    return num;
-  }
-
-  var ratio = Math.pow(10, decimalDigits);
-  return Math.round(num * ratio) / ratio;
-};
-
-var _getDurationDecimalSuffix = function _getDurationDecimalSuffix(duration_format, decimal) {
-  if (duration_format === DURATION_FORMATS_MAP.H_MM_SS_S) {
-    return decimal === 0 ? '.0' : '';
-  } else if (duration_format === DURATION_FORMATS_MAP.H_MM_SS_SS) {
-    if (decimal === 0) {
-      return '.00';
-    } else if (decimal < 10) {
-      return '0';
-    }
-  } else if (duration_format === DURATION_FORMATS_MAP.H_MM_SS_SSS) {
-    if (decimal === 0) {
-      return '.000';
-    } else if (decimal < 10) {
-      return '00';
-    } else if (decimal < 100) {
-      return '0';
-    }
-  }
-
-  return '';
-};
-
-export var getDurationDisplayString = function getDurationDisplayString(value, data) {
-  if (!value && value !== 0) return '';
-
-  var _ref4 = data || {},
-      duration_format = _ref4.duration_format;
-
-  duration_format = duration_format || DURATION_FORMATS_MAP.H_MM;
-
-  if (DURATION_FORMATS.findIndex(function (format) {
-    return format.type === duration_format;
-  }) < 0) {
-    return '';
-  }
-
-  if (value === 0) {
-    return DURATION_ZERO_DISPLAY[duration_format];
-  }
-
-  var includeDecimal = duration_format.indexOf('.') > -1;
-  var positiveValue = Math.abs(value);
-
-  if (!includeDecimal) {
-    positiveValue = Math.round(positiveValue);
-  }
-
-  positiveValue = _getMathRoundedDuration(positiveValue, duration_format);
-  var decimalParts = (positiveValue + '').split('.');
-  var decimalPartsLen = decimalParts.length;
-  var decimal = 0;
-
-  if (decimalPartsLen > 1) {
-    decimal = decimalParts[decimalPartsLen - 1];
-    decimal = decimal ? decimal - 0 : 0;
-  }
-
-  var decimalDigits = DURATION_DECIMAL_DIGITS[duration_format];
-
-  var decimalSuffix = _getDurationDecimalSuffix(duration_format, decimal);
-
-  var displayString = value < 0 ? '-' : '';
-  var hours = parseInt(positiveValue / 3600);
-  var minutes = parseInt((positiveValue - hours * 3600) / 60);
-
-  if (duration_format === DURATION_FORMATS_MAP.H_MM) {
-    displayString += "".concat(hours, ":").concat(minutes > 9 ? minutes : '0' + minutes);
-    return displayString;
-  }
-
-  var seconds = Number.parseFloat((positiveValue - hours * 3600 - minutes * 60).toFixed(decimalDigits));
-  minutes = minutes > 9 ? minutes : "0".concat(minutes);
-  seconds = seconds > 9 ? seconds : "0".concat(seconds);
-  displayString += "".concat(hours, ":").concat(minutes, ":").concat(seconds).concat(decimalSuffix);
-  return displayString;
-};
-export var getOptionName = function getOptionName(options, targetOptionID) {
-  if (!targetOptionID || !options || !Array.isArray(options)) return null;
-  var option = options.find(function (option) {
-    return option.id === targetOptionID;
-  });
-  return option ? option.name : null;
-};
-export var getMultipleOptionName = function getMultipleOptionName(options, cellVal) {
-  if (!cellVal || !options || !Array.isArray(options)) return null;
-  var selectedOptions = options.filter(function (option) {
-    return cellVal.includes(option.id);
-  });
-  if (selectedOptions.length === 0) return null;
-  return selectedOptions.map(function (option) {
-    return option.name;
-  }).join(', ');
-};
-export var getLongtextDisplayString = function getLongtextDisplayString(value) {
-  var _ref5 = value || {},
-      text = _ref5.text;
-
-  if (!text) {
-    return null;
-  }
-
-  return text;
-};
-export var getCollaboratorsName = function getCollaboratorsName(collaborators, cellVal) {
-  if (cellVal) {
-    var collaboratorsName = [];
-    cellVal.forEach(function (v) {
-      var collaborator = collaborators.find(function (c) {
-        return c.email === v;
-      });
-
-      if (collaborator) {
-        collaboratorsName.push(collaborator.name);
-      }
-    });
-
-    if (collaboratorsName.length === 0) {
-      return null;
-    }
-
-    return collaboratorsName.join(', ');
-  }
-
-  return null;
-};
-export var getGeolocationDisplayString = function getGeolocationDisplayString(value, columnData) {
-  var _ref6 = columnData || {},
-      geo_format = _ref6.geo_format;
-
-  var cellValue = value || {};
-
-  if (!value) {
-    return '';
-  }
-
-  if (geo_format === 'lng_lat' && value.lng && value.lat) {
-    return "".concat(cellValue.lng, ", ").concat(cellValue.lat);
-  }
-
-  if (geo_format === 'country_region' && cellValue.country_region) {
-    return value.country_region || '';
-  }
-
-  var province = cellValue.province,
-      city = cellValue.city,
-      district = cellValue.district,
-      detail = cellValue.detail;
-
-  if (geo_format === 'province') {
-    return "".concat(province || '');
-  }
-
-  if (geo_format === 'province_city') {
-    return "".concat(province || '').concat(city || '');
-  }
-
-  return "".concat(province || '').concat(city || '').concat(district || '').concat(detail || '');
-};
-export var getFormulaDisplayString = function getFormulaDisplayString(cellValue, columnData) {
-  var _ref7 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
-      _ref7$collaborators = _ref7.collaborators,
-      collaborators = _ref7$collaborators === void 0 ? [] : _ref7$collaborators;
-
-  if (!columnData) {
-    return null;
-  }
-
-  var result_type = columnData.result_type;
-
-  if (result_type === FORMULA_RESULT_TYPE.NUMBER) {
-    return getNumberDisplayString(cellValue, columnData);
-  }
-
-  if (result_type === FORMULA_RESULT_TYPE.DATE) {
-    var format = columnData.format;
-    return getDateDisplayString(cellValue, format);
-  }
-
-  if (result_type === FORMULA_RESULT_TYPE.ARRAY) {
-    var array_type = columnData.array_type,
-        array_data = columnData.array_data;
-
-    if (!array_type) {
-      return null;
-    }
-
-    if (COLLABORATOR_COLUMN_TYPES.includes(array_type)) {
-      return cellValue;
-    }
-
-    if (ARRAY_FORMAL_COLUMNS_TYPES.indexOf(array_type) < 0 && Array.isArray(cellValue)) {
-      return cellValue.map(function (val) {
-        return getCellValueDisplayString(val, array_type, {
-          data: array_data,
-          collaborators: collaborators
-        });
-      }).join(', ');
-    }
-
-    return getCellValueDisplayString(cellValue, array_type, {
-      data: array_data,
-      collaborators: collaborators
-    });
-  }
-
-  if (Object.prototype.toString.call(cellValue) === '[object Boolean]') {
-    return cellValue + '';
-  }
-
-  return cellValue;
-};
-export function getCellValueDisplayString(cellValue, type) {
-  var _ref8 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
-      data = _ref8.data,
-      _ref8$collaborators = _ref8.collaborators,
-      collaborators = _ref8$collaborators === void 0 ? [] : _ref8$collaborators;
-
-  var newData = data || {};
-
-  switch (type) {
-    case CellType.GEOLOCATION:
-      {
-        return getGeolocationDisplayString(cellValue, data);
-      }
-
-    case CellType.SINGLE_SELECT:
-      {
-        if (!data) return '';
-        var options = newData.options;
-        return getOptionName(options, cellValue);
-      }
-
-    case CellType.MULTIPLE_SELECT:
-      {
-        if (!data) return '';
-        var _options = newData.options;
-        return getMultipleOptionName(_options, cellValue);
-      }
-
-    case CellType.FORMULA:
-    case CellType.LINK_FORMULA:
-      {
-        return getFormulaDisplayString(cellValue, newData, {
-          collaborators: collaborators
-        });
-      }
-
-    case CellType.LONG_TEXT:
-      {
-        return getLongtextDisplayString(cellValue);
-      }
-
-    case CellType.NUMBER:
-      {
-        return getNumberDisplayString(cellValue, newData);
-      }
-
-    case CellType.DATE:
-      {
-        var _ref9 = newData || {},
-            _ref9$format = _ref9.format,
-            format = _ref9$format === void 0 ? DEFAULT_DATE_FORMAT : _ref9$format;
-
-        return getDateDisplayString(cellValue, format);
-      }
-
-    case CellType.CREATOR:
-    case CellType.LAST_MODIFIER:
-      {
-        return cellValue === 'anonymous' ? cellValue : getCollaboratorsName(collaborators, [cellValue]);
-      }
-
-    case CellType.COLLABORATOR:
-      {
-        return getCollaboratorsName(collaborators, cellValue);
-      }
-
-    case CellType.DURATION:
-      {
-        return getDurationDisplayString(cellValue, data);
-      }
-
-    default:
-      {
-        return cellValue ? cellValue + '' : '';
-      }
-  }
-}