dtable-ui-component 0.1.98 → 0.1.101

package/lib/DurationFormatter/index.js

@@ -28,7 +28,9 @@ var DurationFormatter = /*#__PURE__*/function (_React$Component) {
       var classname = cn('dtable-ui cell-formatter-container duration-formatter', containerClassName);
       return /*#__PURE__*/React.createElement("div", {
         className: classname
-      }, getDurationDisplayString(value, format));
+      }, getDurationDisplayString(value, {
+        duration_format: format
+      }));
     }
   }]);
 

package/lib/NumberEditor/index.js

@@ -5,7 +5,8 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import isHotkey from 'is-hotkey';
 import { NUMBER_TYPES } from '../constants';
-import { getNumberDisplayString, formatStringToNumber, formatNumberString } from '../utils/value-format-utils';
+import { getNumberDisplayString, formatStringToNumber, replaceNumberNotAllowInput } from '../utils/value-format-utils';
+import { isMac } from '../utils/utils';
 
 var NumberEditor = /*#__PURE__*/function (_React$Component) {
   _inherits(NumberEditor, _React$Component);
@@ -51,12 +52,19 @@ var NumberEditor = /*#__PURE__*/function (_React$Component) {
     };
 
     _this.onChange = function (event) {
+      var data = _this.props.column.data; // data maybe 'null'
+
       var value = event.target.value.trim();
-      value = formatNumberString(value, _this.dataFormat); // format the number in changing
+      var currency_symbol = null;
 
-      if (value === _this.state.inputValue) {
-        return;
-      }
+      if (data && data.format === 'custom_currency') {
+        currency_symbol = data['currency_symbol'];
+      } //Prevent the repetition of periods bug in the Chinese input method of the Windows system
+
+
+      if (!isMac() && value.indexOf('.。') > -1) return;
+      value = replaceNumberNotAllowInput(value, _this.dataFormat, currency_symbol);
+      if (value === _this.state.inputValue) return;
 
       _this.setState({
         inputValue: value

package/lib/SimpleLongTextFormatter/index.js

@@ -122,6 +122,11 @@ var SimpleLongTextFormatter = /*#__PURE__*/function (_React$Component) {
   }
 
   _createClass(SimpleLongTextFormatter, [{
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.clearTimer();
+    }
+  }, {
     key: "render",
     value: function render() {
       var _this2 = this;

package/lib/constants/index.js

@@ -9,7 +9,8 @@ var NUMBER_TYPES = {
   'PERCENT': 'percent',
   'YUAN': 'yuan',
   'EURO': 'euro',
-  'DOLLAR': 'dollar'
+  'DOLLAR': 'dollar',
+  'CUSTOM_CURRENCY': 'custom_currency'
 };
 var DATE_TYPES = {
   'D/M/YYYY': 'D/M/YYYY',
@@ -35,7 +36,10 @@ var DEFAULT_NUMBER_FORMAT = 'number';
 var DEFAULT_DATE_FORMAT = 'YYYY-MM-DD';
 var DURATION_FORMATS_MAP = {
   H_MM: 'h:mm',
-  H_MM_SS: 'h:mm:ss'
+  H_MM_SS: 'h:mm:ss',
+  H_MM_SS_S: 'h:mm:ss.s',
+  H_MM_SS_SS: 'h:mm:ss.ss',
+  H_MM_SS_SSS: 'h:mm:ss.sss'
 };
 var DURATION_FORMATS = [{
   name: DURATION_FORMATS_MAP.H_MM,
@@ -44,6 +48,6 @@ var DURATION_FORMATS = [{
   name: DURATION_FORMATS_MAP.H_MM_SS,
   type: DURATION_FORMATS_MAP.H_MM_SS
 }];
-var DURATION_ZERO_DISPLAY = (_DURATION_ZERO_DISPLA = {}, _defineProperty(_DURATION_ZERO_DISPLA, DURATION_FORMATS_MAP.H_MM, '0:00'), _defineProperty(_DURATION_ZERO_DISPLA, DURATION_FORMATS_MAP.H_MM_SS, '0:00'), _DURATION_ZERO_DISPLA);
-var DURATION_DECIMAL_DIGITS = (_DURATION_DECIMAL_DIG = {}, _defineProperty(_DURATION_DECIMAL_DIG, DURATION_FORMATS_MAP.H_MM, 0), _defineProperty(_DURATION_DECIMAL_DIG, DURATION_FORMATS_MAP.H_MM_SS, 0), _DURATION_DECIMAL_DIG);
+var DURATION_ZERO_DISPLAY = (_DURATION_ZERO_DISPLA = {}, _defineProperty(_DURATION_ZERO_DISPLA, DURATION_FORMATS_MAP.H_MM, '0:00'), _defineProperty(_DURATION_ZERO_DISPLA, DURATION_FORMATS_MAP.H_MM_SS, '0:00'), _defineProperty(_DURATION_ZERO_DISPLA, DURATION_FORMATS_MAP.H_MM_SS_S, '0:00.0'), _defineProperty(_DURATION_ZERO_DISPLA, DURATION_FORMATS_MAP.H_MM_SS_SS, '0:00.00'), _defineProperty(_DURATION_ZERO_DISPLA, DURATION_FORMATS_MAP.H_MM_SS_SSS, '0:00.000'), _DURATION_ZERO_DISPLA);
+var DURATION_DECIMAL_DIGITS = (_DURATION_DECIMAL_DIG = {}, _defineProperty(_DURATION_DECIMAL_DIG, DURATION_FORMATS_MAP.H_MM, 0), _defineProperty(_DURATION_DECIMAL_DIG, DURATION_FORMATS_MAP.H_MM_SS, 0), _defineProperty(_DURATION_DECIMAL_DIG, DURATION_FORMATS_MAP.H_MM_SS_S, 1), _defineProperty(_DURATION_DECIMAL_DIG, DURATION_FORMATS_MAP.H_MM_SS_SS, 2), _defineProperty(_DURATION_DECIMAL_DIG, DURATION_FORMATS_MAP.H_MM_SS_SSS, 3), _DURATION_DECIMAL_DIG);
 export { CellType, NUMBER_TYPES, DATE_TYPES, FORMULA_RESULT_TYPE, SIMPLE_CELL_COLUMNS, ARRAY_FORMAL_COLUMNS, SIMPLE_CELL_FORMULA_RESULTS, COLLABORATOR_COLUMN_TYPES, ARRAY_FORMAL_COLUMNS_TYPES, DEFAULT_NUMBER_FORMAT, DEFAULT_DATE_FORMAT, DURATION_FORMATS_MAP, DURATION_FORMATS, DURATION_ZERO_DISPLAY, DURATION_DECIMAL_DIGITS };

package/lib/index.js

@@ -4,7 +4,7 @@ export { default as toaster } from './toaster'; // Loading
 export { default as Loading } from './Loading';
 export { setLocale } from './lang'; // utils
 
-export { getDateDisplayString, getNumberDisplayString, formatStringToNumber, formatNumberString } from './utils/value-format-utils'; // formatter
+export { getDateDisplayString, getNumberDisplayString, formatStringToNumber } from './utils/value-format-utils'; // formatter
 
 export { default as CheckboxFormatter } from './CheckboxFormatter';
 export { default as ImageFormatter } from './ImageFormatter';

package/lib/utils/utils.js

@@ -1,3 +1,4 @@
+import NP from './number-precision';
 export var debounce = function debounce(fn, wait) {
   var timeout = null;
   return function () {
@@ -22,4 +23,22 @@ export var throttle = function throttle(func, delay) {
       timer = setTimeout(func, remaining);
     }
   };
+};
+export var getFloatNumber = function getFloatNumber(data, format) {
+  if (!data && data !== 0) {
+    return null;
+  }
+
+  var newData = parseFloat(data.replace(/[^.-\d]/g, ''));
+
+  if (format === 'percent' && !isNaN(newData)) {
+    return NP.divide(newData, 100);
+  }
+
+  return isNaN(newData) ? null : newData;
+};
+export var isMac = function isMac() {
+  var platform = navigator.platform; // eslint-disable-next-line eqeqeq
+
+  return platform == 'Mac68K' || platform == 'MacPPC' || platform == 'Macintosh' || platform == 'MacIntel';
 };

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

@@ -2,6 +2,7 @@
 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': ',',
@@ -9,6 +10,18 @@ var _separatorMap = {
   '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 || {},
@@ -23,27 +36,53 @@ var _toThousands = function _toThousands(num, isCurrency, formatData) {
 
   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 integer = Math.trunc(value);
+  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 (isCurrency) {
-    if (decimalValue.length === 2) {
-      decimalValue = decimalValue.padEnd(3, '0');
-    } else {
-      decimalValue = (decimalValue.substring(0, 3) || '.').padEnd(3, '0');
-    }
+  if (!enable_precision) {
+    decimalValue = removeZerosFromEnd(decimalValue);
+  }
 
-    if (enable_precision) {
-      decimalValue = precision === 0 ? '' : decimalValue.slice(0, precision + 1);
+  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);
+  decimalValue = decimalValue.replace(/./, decimalString); // format integer value
+
   var result = [],
       counter = 0;
-  integer = Object.is(integer, -0) ? ['-', '0'] : integer.toString().split('');
+  integer = Math.abs(integer).toString();
 
   for (var i = integer.length - 1; i >= 0; i--) {
     counter++;
@@ -54,7 +93,7 @@ var _toThousands = function _toThousands(num, isCurrency, formatData) {
     }
   }
 
-  return result.join('') + decimalValue;
+  return (isMinus ? '-' : '') + result.join('') + decimalValue;
 };
 
 var _getDecimalDigits = function _getDecimalDigits(num) {
@@ -72,93 +111,148 @@ export var getNumberDisplayString = function getNumberDisplayString(value, forma
   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 null;
+    return '';
   }
 
-  if (isNaN(value) || value === Infinity || value === -Infinity || (value + '').indexOf('e') > -1) return value + '';
+  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':
-      return _toThousands(value, false, formatData);
+    case NUMBER_TYPES.NUMBER:
+      {
+        return _toThousands(value, false, formatData);
+      }
 
-    case 'percent':
+    case NUMBER_TYPES.PERCENT:
       {
         return "".concat(_toThousands(Number.parseFloat((value * 100).toFixed(8)), false, formatData), "%");
       }
 
-    case 'yuan':
-      return "\uFFE5".concat(_toThousands(value, true, formatData));
+    case NUMBER_TYPES.YUAN:
+      {
+        return "\uFFE5".concat(_toThousands(value, true, formatData));
+      }
 
-    case 'dollar':
-      return "$".concat(_toThousands(value, true, formatData));
+    case NUMBER_TYPES.DOLLAR:
+      {
+        return "$".concat(_toThousands(value, true, formatData));
+      }
 
-    case 'euro':
-      return "\u20AC".concat(_toThousands(value, true, formatData));
+    case NUMBER_TYPES.EURO:
+      {
+        return "\u20AC".concat(_toThousands(value, true, formatData));
+      }
 
     case 'duration':
       {
-        return getDurationDisplayString(value, formatData.duration_format);
+        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(value) {
-  var isIncludePercent = value.indexOf('%') > -1;
-  var newData = parseFloat(value.replace(/[^.-\d]/g, ''));
+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;
+    }
 
-  if (isIncludePercent && !isNaN(newData)) {
-    return newData / 100;
+    value = Number(parseFloat(value).toFixed(precision));
   }
 
-  return isNaN(newData) ? '' : newData;
+  return value;
 };
-export var formatNumberString = function formatNumberString(value, format) {
-  var formattedValue = '';
+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:
-      formattedValue = value.replace(/[^.-\d,]/g, '');
-      break;
+      {
+        return value.replace(/[^.-\d,]/g, '');
+      }
 
     case NUMBER_TYPES.PERCENT:
-      formattedValue = value.replace(/[^.-\d,%]/g, '');
-      break;
+      {
+        return value.replace(/[^.-\d,%]/g, '');
+      }
 
     case NUMBER_TYPES.YUAN:
-      formattedValue = value.replace(/[^.-\d￥,]/g, '');
-      break;
+      {
+        return value.replace(/[^.-\d¥￥,]/g, '');
+      }
 
     case NUMBER_TYPES.DOLLAR:
-      formattedValue = value.replace(/[^.-\d$,]/g, '');
-      break;
+      {
+        return value.replace(/[^.-\d$,]/g, '');
+      }
 
     case NUMBER_TYPES.EURO:
-      formattedValue = value.replace(/[^.-\d€,]/g, '');
-      break;
+      {
+        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:
-      formattedValue = value.replace(/[^.-\d,]/g, '');
+      return value.replace(/[^.-\d,]/g, '');
   }
-
-  return formattedValue;
 };
 export var getDateDisplayString = function getDateDisplayString(value, format) {
-  var formattedValue = '';
-
-  if (!value) {
-    // value === '', value === undefine, value === null
-    return formattedValue;
+  if (!value || typeof value !== 'string') {
+    return '';
   }
 
   var date = dayjs(value);
@@ -191,8 +285,46 @@ export var getDateDisplayString = function getDateDisplayString(value, format) {
       return date.format('YYYY-MM-DD');
   }
 };
-export var getDurationDisplayString = function getDurationDisplayString(value, duration_format) {
+
+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) {
@@ -212,7 +344,7 @@ export var getDurationDisplayString = function getDurationDisplayString(value, d
     positiveValue = Math.round(positiveValue);
   }
 
-  positiveValue = getMathRoundedDuration(positiveValue, duration_format);
+  positiveValue = _getMathRoundedDuration(positiveValue, duration_format);
   var decimalParts = (positiveValue + '').split('.');
   var decimalPartsLen = decimalParts.length;
   var decimal = 0;
@@ -223,7 +355,9 @@ export var getDurationDisplayString = function getDurationDisplayString(value, d
   }
 
   var decimalDigits = DURATION_DECIMAL_DIGITS[duration_format];
-  var decimalSuffix = getDurationDecimalSuffix(duration_format, decimal);
+
+  var decimalSuffix = _getDurationDecimalSuffix(duration_format, decimal);
+
   var displayString = value < 0 ? '-' : '';
   var hours = parseInt(positiveValue / 3600);
   var minutes = parseInt((positiveValue - hours * 3600) / 60);
@@ -234,50 +368,11 @@ export var getDurationDisplayString = function getDurationDisplayString(value, d
   }
 
   var seconds = Number.parseFloat((positiveValue - hours * 3600 - minutes * 60).toFixed(decimalDigits));
-
-  if (hours > 0) {
-    displayString += "".concat(hours, ":");
-    minutes = minutes > 9 ? minutes : "0".concat(minutes);
-  }
-
+  minutes = minutes > 9 ? minutes : "0".concat(minutes);
   seconds = seconds > 9 ? seconds : "0".concat(seconds);
-  displayString += "".concat(minutes, ":").concat(seconds).concat(decimalSuffix);
+  displayString += "".concat(hours, ":").concat(minutes, ":").concat(seconds).concat(decimalSuffix);
   return displayString;
 };
-
-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 getOptionName = function getOptionName(options, targetOptionID) {
   if (!targetOptionID || !options || !Array.isArray(options)) return null;
   var option = options.find(function (option) {
@@ -296,8 +391,8 @@ export var getMultipleOptionName = function getMultipleOptionName(options, cellV
   }).join(', ');
 };
 export var getLongtextDisplayString = function getLongtextDisplayString(value) {
-  var _ref3 = value || {},
-      text = _ref3.text;
+  var _ref5 = value || {},
+      text = _ref5.text;
 
   if (!text) {
     return null;
@@ -328,13 +423,13 @@ export var getCollaboratorsName = function getCollaboratorsName(collaborators, c
   return null;
 };
 export var getGeolocationDisplayString = function getGeolocationDisplayString(value, columnData) {
-  var _ref4 = columnData || {},
-      geo_format = _ref4.geo_format;
+  var _ref6 = columnData || {},
+      geo_format = _ref6.geo_format;
 
   var cellValue = value || {};
 
   if (!value) {
-    return null;
+    return '';
   }
 
   if (geo_format === 'lng_lat' && value.lng && value.lat) {
@@ -361,9 +456,9 @@ export var getGeolocationDisplayString = function getGeolocationDisplayString(va
   return "".concat(province || '').concat(city || '').concat(district || '').concat(detail || '');
 };
 export var getFormulaDisplayString = function getFormulaDisplayString(cellValue, columnData) {
-  var _ref5 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
-      _ref5$collaborators = _ref5.collaborators,
-      collaborators = _ref5$collaborators === void 0 ? [] : _ref5$collaborators;
+  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;
@@ -414,10 +509,10 @@ export var getFormulaDisplayString = function getFormulaDisplayString(cellValue,
   return cellValue;
 };
 export function getCellValueDisplayString(cellValue, type) {
-  var _ref6 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
-      data = _ref6.data,
-      _ref6$collaborators = _ref6.collaborators,
-      collaborators = _ref6$collaborators === void 0 ? [] : _ref6$collaborators;
+  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 || {};
 
@@ -461,9 +556,9 @@ export function getCellValueDisplayString(cellValue, type) {
 
     case CellType.DATE:
       {
-        var _ref7 = newData || {},
-            _ref7$format = _ref7.format,
-            format = _ref7$format === void 0 ? DEFAULT_DATE_FORMAT : _ref7$format;
+        var _ref9 = newData || {},
+            _ref9$format = _ref9.format,
+            format = _ref9$format === void 0 ? DEFAULT_DATE_FORMAT : _ref9$format;
 
         return getDateDisplayString(cellValue, format);
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtable-ui-component",
-  "version": "0.1.98",
+  "version": "0.1.101",
   "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "0.0.9",