dtable-ui-component 4.4.3-2 → 4.4.3-alpha1

package/lib/RowExpandFormulaFormatter/index.js

@@ -1,18 +1,11 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _dtableUtils = require("dtable-utils");
-var _baseFormatterConfig = _interopRequireDefault(require("../formatterConfig/base-formatter-config"));
-var _TextFormatter = _interopRequireDefault(require("../TextFormatter"));
-var _utils = require("../FormulaFormatter/utils");
-var _cellValueValidator = _interopRequireDefault(require("../FormulaFormatter/cell-value-validator"));
-require("../FormulaFormatter/index.css");
-class RowExpandFormulaFormatter extends _react.default.Component {
+import React from 'react';
+import { CellType, FORMULA_RESULT_TYPE, getFormulaDisplayString } from 'dtable-utils';
+import BaseFormatterConfig from '../formatterConfig/base-formatter-config';
+import TextFormatter from '../TextFormatter';
+import { isArrayFormatColumn, isSimpleCellFormatter, isFunction, getFormulaArrayValue, convertValueToDtableLongTextValue } from '../FormulaFormatter/utils';
+import cellValueValidator from '../FormulaFormatter/cell-value-validator';
+import '../FormulaFormatter/index.css';
+export default class RowExpandFormulaFormatter extends React.Component {
   constructor() {
     super(...arguments);
     this.renderBorder = dom => {
@@ -25,12 +18,12 @@ class RowExpandFormulaFormatter extends _react.default.Component {
       let style = {
         minHeight: '38px'
       };
-      if (result_type === _dtableUtils.FORMULA_RESULT_TYPE.DATE || result_type === _dtableUtils.FORMULA_RESULT_TYPE.NUMBER) {
+      if (result_type === FORMULA_RESULT_TYPE.DATE || result_type === FORMULA_RESULT_TYPE.NUMBER) {
         style = {
           width: '320px'
         };
       }
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "d-flex align-items-center form-control disabled h-auto",
         style: style
       }, dom);
@@ -45,32 +38,32 @@ class RowExpandFormulaFormatter extends _react.default.Component {
         array_type,
         array_data
       } = column.data;
-      if (!array_type || array_type === _dtableUtils.CellType.LINK) {
+      if (!array_type || array_type === CellType.LINK) {
         return null;
       }
-      const Formatter = _baseFormatterConfig.default[array_type];
+      const Formatter = BaseFormatterConfig[array_type];
       let formatterProps = this.getFormatterProps(array_type, array_data, collaborators);
-      if ((0, _utils.isArrayFormatColumn)(array_type)) {
+      if (isArrayFormatColumn(array_type)) {
         formatterProps.value = value;
         return this.renderBorder(this.createColumnFormatter(Formatter, formatterProps));
       }
       let cellValue = value;
       if (!Array.isArray(value)) {
-        cellValue = (0, _cellValueValidator.default)(value, array_type) ? [value] : [];
+        cellValue = cellValueValidator(value, array_type) ? [value] : [];
       }
-      return this.renderBorder( /*#__PURE__*/_react.default.createElement("div", {
+      return this.renderBorder( /*#__PURE__*/React.createElement("div", {
         className: "dtable-ui formula-formatter multiple"
       }, cellValue.map((v, index) => {
         formatterProps.value = v;
-        return /*#__PURE__*/_react.default.createElement("div", {
-          className: "formula-formatter-content-item ".concat((0, _utils.isSimpleCellFormatter)(array_type) ? 'simple-cell-formatter' : ''),
+        return /*#__PURE__*/React.createElement("div", {
+          className: "formula-formatter-content-item ".concat(isSimpleCellFormatter(array_type) ? 'simple-cell-formatter' : ''),
           key: "formula-formatter-content-item-".concat(index)
         }, this.createColumnFormatter(Formatter, formatterProps));
       })));
     };
     this.getFormatterProps = (array_type, array_data, collaborators) => {
       switch (array_type) {
-        case _dtableUtils.CellType.DURATION:
+        case CellType.DURATION:
           {
             const {
               duration_format
@@ -79,9 +72,9 @@ class RowExpandFormulaFormatter extends _react.default.Component {
               format: duration_format
             };
           }
-        case _dtableUtils.CellType.NUMBER:
-        case _dtableUtils.CellType.RATE:
-        case _dtableUtils.CellType.GEOLOCATION:
+        case CellType.NUMBER:
+        case CellType.RATE:
+        case CellType.GEOLOCATION:
           {
             return {
               data: array_data
@@ -98,14 +91,14 @@ class RowExpandFormulaFormatter extends _react.default.Component {
     };
   }
   createColumnFormatter(Formatter, formatterProps) {
-    if ( /*#__PURE__*/_react.default.isValidElement(Formatter)) {
-      return /*#__PURE__*/_react.default.cloneElement(Formatter, {
+    if (React.isValidElement(Formatter)) {
+      return React.cloneElement(Formatter, {
         ...formatterProps
       });
-    } else if ((0, _utils.isFunction)(Formatter)) {
-      return /*#__PURE__*/_react.default.createElement(Formatter, formatterProps);
+    } else if (isFunction(Formatter)) {
+      return /*#__PURE__*/React.createElement(Formatter, formatterProps);
     } else {
-      return /*#__PURE__*/_react.default.createElement(_TextFormatter.default, formatterProps);
+      return /*#__PURE__*/React.createElement(TextFormatter, formatterProps);
     }
   }
   render() {
@@ -124,29 +117,28 @@ class RowExpandFormulaFormatter extends _react.default.Component {
     } = data;
     if (!value) return null;
     if (Array.isArray(value)) {
-      value = (0, _utils.getFormulaArrayValue)(value);
-      if (array_type === _dtableUtils.CellType.LONG_TEXT) {
-        value = value.map(item => (0, _utils.convertValueToDtableLongTextValue)(item));
+      value = getFormulaArrayValue(value);
+      if (array_type === CellType.LONG_TEXT) {
+        value = value.map(item => convertValueToDtableLongTextValue(item));
       }
     }
-    if (result_type === _dtableUtils.FORMULA_RESULT_TYPE.ARRAY) {
+    if (result_type === FORMULA_RESULT_TYPE.ARRAY) {
       return this.renderOtherColumnFormatter();
     }
     if (typeof value === 'object') {
       return null;
     }
-    const formattedValue = (0, _dtableUtils.getFormulaDisplayString)(value, data, {
+    const formattedValue = getFormulaDisplayString(value, data, {
       collaborators
     });
     let className = "dtable-ui cell-formatter-container formula-formatter ".concat(containerClassName);
-    if (result_type === _dtableUtils.FORMULA_RESULT_TYPE.NUMBER) {
+    if (result_type === FORMULA_RESULT_TYPE.NUMBER) {
       className = className + ' text-right';
     }
-    return this.renderBorder( /*#__PURE__*/_react.default.createElement("div", {
+    return this.renderBorder( /*#__PURE__*/React.createElement("div", {
       className: className,
       title: formattedValue,
       "aria-label": formattedValue
     }, formattedValue));
   }
-}
-exports.default = RowExpandFormulaFormatter;
+}

package/lib/RowExpandImageFormatter/index.js

@@ -1,17 +1,9 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _rowExpandImageItemFormatter = _interopRequireDefault(require("./row-expand-image-item-formatter"));
-var _ImagePreviewerLightbox = _interopRequireDefault(require("../ImagePreviewerLightbox"));
-require("./index.css");
-class RowExpandImageFormatter extends _react.default.Component {
+import React, { Fragment } from 'react';
+import classnames from 'classnames';
+import RowExpandImageImageFormatter from './row-expand-image-item-formatter';
+import ImagePreviewerLightbox from '../ImagePreviewerLightbox';
+import './index.css';
+export default class RowExpandImageFormatter extends React.Component {
   constructor(props) {
     super(props);
     this.onImageClick = index => {
@@ -62,10 +54,10 @@ class RowExpandImageFormatter extends _react.default.Component {
     if (!Array.isArray(value) || value.length === 0) {
       return null;
     }
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('dtable-ui cell-formatter-container row-expand-image-formatter', containerClassName)
+    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
+      className: classnames('dtable-ui cell-formatter-container row-expand-image-formatter', containerClassName)
     }, value.map((item, index) => {
-      return /*#__PURE__*/_react.default.createElement(_rowExpandImageItemFormatter.default, {
+      return /*#__PURE__*/React.createElement(RowExpandImageImageFormatter, {
         url: item,
         key: index,
         index: index,
@@ -75,7 +67,7 @@ class RowExpandImageFormatter extends _react.default.Component {
         readOnly: readOnly,
         onImageClick: this.onImageClick
       });
-    })), isPreviewImage && /*#__PURE__*/_react.default.createElement(_ImagePreviewerLightbox.default, {
+    })), isPreviewImage && /*#__PURE__*/React.createElement(ImagePreviewerLightbox, {
       imageItems: value,
       imageIndex: previewImageIndex,
       closeImagePopup: this.closeImagePopup,
@@ -91,7 +83,6 @@ class RowExpandImageFormatter extends _react.default.Component {
     }));
   }
 }
-exports.default = RowExpandImageFormatter;
 RowExpandImageFormatter.defaultProps = {
   readOnly: true,
   value: [],

package/lib/RowExpandImageFormatter/row-expand-image-item-formatter.js

@@ -1,17 +1,9 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactstrap = require("reactstrap");
-var _reactResponsive = _interopRequireDefault(require("react-responsive"));
-var _lang = require("../lang");
-var _deleteTip = _interopRequireDefault(require("../common/delete-tip"));
-class RowExpandImageItemFormatter extends _react.Component {
+import React, { Component } from 'react';
+import { Tooltip } from 'reactstrap';
+import MediaQuery from 'react-responsive';
+import { getLocale } from '../lang';
+import DeleteTip from '../common/delete-tip';
+export default class RowExpandImageItemFormatter extends Component {
   constructor(props) {
     super(props);
     this.toggleTooltip = () => {
@@ -64,35 +56,35 @@ class RowExpandImageItemFormatter extends _react.Component {
     } = this.props;
     const id = 'image-list-preview-item' + column.key + index;
     const name = decodeURI(url.slice(url.lastIndexOf('/') + 1));
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       key: "image-".concat(index),
       className: "row-expand-item-image",
       id: id,
       onClick: this.onClickImage
-    }, /*#__PURE__*/_react.default.createElement("img", {
+    }, /*#__PURE__*/React.createElement("img", {
       src: url,
       id: "item-image-".concat(index),
       alt: name
-    }), /*#__PURE__*/_react.default.createElement("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       className: "dtable-image-icons-choice"
-    }, downloadFile && /*#__PURE__*/_react.default.createElement("span", {
+    }, downloadFile && /*#__PURE__*/React.createElement("span", {
       className: "image-icon",
       onClick: this.onClickDownload
-    }, /*#__PURE__*/_react.default.createElement("i", {
+    }, /*#__PURE__*/React.createElement("i", {
       className: "dtable-font dtable-icon-download"
-    })), !readOnly && deleteFile && /*#__PURE__*/_react.default.createElement("span", {
+    })), !readOnly && deleteFile && /*#__PURE__*/React.createElement("span", {
       className: "image-icon",
       onClick: this.onClickDelete
-    }, /*#__PURE__*/_react.default.createElement("i", {
+    }, /*#__PURE__*/React.createElement("i", {
       className: "dtable-font dtable-icon-fork-number"
-    })))), this.state.isDeleteTipOpen && /*#__PURE__*/_react.default.createElement(_deleteTip.default, {
+    })))), this.state.isDeleteTipOpen && /*#__PURE__*/React.createElement(DeleteTip, {
       position: this.position,
       toggle: this.closeDeleteTip,
       onDelete: this.onDelete,
-      deleteTip: (0, _lang.getLocale)('Are_you_sure_you_want_to_delete_this_image')
-    }), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
+      deleteTip: getLocale('Are_you_sure_you_want_to_delete_this_image')
+    }), /*#__PURE__*/React.createElement(MediaQuery, {
       query: '(min-width: 768px)'
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Tooltip, {
+    }, /*#__PURE__*/React.createElement(Tooltip, {
       placement: "bottom",
       isOpen: this.state.isTooltipOpen,
       toggle: this.toggleTooltip,
@@ -104,5 +96,4 @@ class RowExpandImageItemFormatter extends _react.Component {
       fade: false
     }, name)));
   }
-}
-exports.default = RowExpandImageItemFormatter;
+}

package/lib/RowExpandImageFormatter/utils.js

@@ -1,13 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getImageThumbnailUrl = void 0;
-const getImageThumbnailUrl = (url, server) => {
+export const getImageThumbnailUrl = (url, server) => {
   if (server && url.indexOf(server) > -1) {
     return url.replace('/workspace', '/thumbnail/workspace') + '?size=256';
   }
   return url;
-};
-exports.getImageThumbnailUrl = getImageThumbnailUrl;
+};

package/lib/RowExpandLinkFormatter/collaborator-item-formatter.js

@@ -1,15 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _dtableUtils = require("dtable-utils");
-var _CollaboratorItem = _interopRequireDefault(require("../CollaboratorItem"));
-class CollaboratorItemFormatter extends _react.Component {
+import React, { Component } from 'react';
+import { isValidEmail } from 'dtable-utils';
+import CollaboratorItem from '../CollaboratorItem';
+export default class CollaboratorItemFormatter extends Component {
   constructor(_props) {
     super(_props);
     this.calculateCollaboratorData = props => {
@@ -62,7 +54,7 @@ class CollaboratorItemFormatter extends _react.Component {
         });
         return;
       }
-      if (!(0, _dtableUtils.isValidEmail)(cellValue)) {
+      if (!isValidEmail(cellValue)) {
         collaborator = {
           name: cellValue,
           avatar_url: defaultAvatarUrl
@@ -115,10 +107,9 @@ class CollaboratorItemFormatter extends _react.Component {
     if (!isDataLoaded || !cellValue || !collaborator) {
       return this.props.renderEmpty();
     }
-    return /*#__PURE__*/_react.default.createElement(_CollaboratorItem.default, {
+    return /*#__PURE__*/React.createElement(CollaboratorItem, {
       collaborator: collaborator,
       enableDeleteCollaborator: false
     });
   }
-}
-exports.default = CollaboratorItemFormatter;
+}

package/lib/RowExpandLinkFormatter/index.js

@@ -1,19 +1,11 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _constants = require("../constants");
-var _index = require("../index");
-var _collaboratorItemFormatter = _interopRequireDefault(require("./collaborator-item-formatter"));
-var _utils = require("./utils");
-var _valueDisplayUtils = require("./value-display-utils");
-require("./index.css");
-class RowExpandLinkFormatter extends _react.Component {
+import React, { Component } from 'react';
+import { CellType } from '../constants';
+import { MultipleSelectFormatter, DateFormatter, CTimeFormatter, MTimeFormatter } from '../index';
+import CollaboratorItemFormatter from './collaborator-item-formatter';
+import { getFormulaArrayValue, isArrayFormatColumn } from './utils';
+import { getCellDisplayValue } from './value-display-utils';
+import './index.css';
+export default class RowExpandLinkFormatter extends Component {
   render() {
     const props = this.props;
     const {
@@ -38,38 +30,38 @@ class RowExpandLinkFormatter extends _react.Component {
       type: displayColumnType,
       data: displayColumnData
     } = displayColumn;
-    const cellValue = (0, _utils.getFormulaArrayValue)(value, !(0, _utils.isArrayFormatColumn)(displayColumnType));
+    const cellValue = getFormulaArrayValue(value, !isArrayFormatColumn(displayColumnType));
     if (!Array.isArray(cellValue) || cellValue.length === 0) {
       return props.renderEmpty();
     }
     switch (displayColumnType) {
-      case _constants.CellType.TEXT:
-      case _constants.CellType.AUTO_NUMBER:
-      case _constants.CellType.EMAIL:
-      case _constants.CellType.URL:
-      case _constants.CellType.DURATION:
-      case _constants.CellType.NUMBER:
+      case CellType.TEXT:
+      case CellType.AUTO_NUMBER:
+      case CellType.EMAIL:
+      case CellType.URL:
+      case CellType.DURATION:
+      case CellType.NUMBER:
         {
-          return /*#__PURE__*/_react.default.createElement("div", {
+          return /*#__PURE__*/React.createElement("div", {
             className: containerClassName
           }, cellValue.map((value, index) => {
             if (!value) return null;
-            return /*#__PURE__*/_react.default.createElement("div", {
+            return /*#__PURE__*/React.createElement("div", {
               key: "link-".concat(displayColumnType, "-").concat(index),
               className: "row-expand-link-item"
             }, value);
           }));
         }
-      case _constants.CellType.DATE:
+      case CellType.DATE:
         {
-          return /*#__PURE__*/_react.default.createElement("div", {
+          return /*#__PURE__*/React.createElement("div", {
             className: containerClassName
           }, cellValue.map((value, index) => {
             if (!value || typeof value !== 'string') return null;
             const {
               format
             } = displayColumnData || {};
-            return /*#__PURE__*/_react.default.createElement(_index.DateFormatter, {
+            return /*#__PURE__*/React.createElement(DateFormatter, {
               key: "link-".concat(displayColumnType, "-").concat(index),
               value: value,
               format: format,
@@ -77,40 +69,40 @@ class RowExpandLinkFormatter extends _react.Component {
             });
           }));
         }
-      case _constants.CellType.CTIME:
+      case CellType.CTIME:
         {
-          return /*#__PURE__*/_react.default.createElement("div", {
+          return /*#__PURE__*/React.createElement("div", {
             className: containerClassName
           }, cellValue.map((value, index) => {
             if (!value) return null;
-            return /*#__PURE__*/_react.default.createElement(_index.CTimeFormatter, {
+            return /*#__PURE__*/React.createElement(CTimeFormatter, {
               key: "link-".concat(displayColumnType, "-").concat(index),
               value: value,
               containerClassName: "row-expand-link-item"
             });
           }));
         }
-      case _constants.CellType.MTIME:
+      case CellType.MTIME:
         {
-          return /*#__PURE__*/_react.default.createElement("div", {
+          return /*#__PURE__*/React.createElement("div", {
             className: containerClassName
           }, cellValue.map((value, index) => {
             if (!value) return null;
-            return /*#__PURE__*/_react.default.createElement(_index.MTimeFormatter, {
+            return /*#__PURE__*/React.createElement(MTimeFormatter, {
               key: "link-".concat(displayColumnType, "-").concat(index),
               value: value,
               containerClassName: "row-expand-link-item"
             });
           }));
         }
-      case _constants.CellType.CREATOR:
-      case _constants.CellType.LAST_MODIFIER:
+      case CellType.CREATOR:
+      case CellType.LAST_MODIFIER:
         {
-          return /*#__PURE__*/_react.default.createElement("div", {
+          return /*#__PURE__*/React.createElement("div", {
             className: "dtable-ui cell-formatter-container collaborator-formatter sql-query-collaborator-formatter"
           }, cellValue.map((value, index) => {
             if (!value) return null;
-            return /*#__PURE__*/_react.default.createElement(_collaboratorItemFormatter.default, {
+            return /*#__PURE__*/React.createElement(CollaboratorItemFormatter, {
               key: "link-".concat(displayColumnType, "-").concat(index),
               cellValue: value,
               collaborators: collaborators,
@@ -119,24 +111,24 @@ class RowExpandLinkFormatter extends _react.Component {
             });
           }));
         }
-      case _constants.CellType.SINGLE_SELECT:
+      case CellType.SINGLE_SELECT:
         {
           const options = displayColumnData && Array.isArray(displayColumnData.options) ? displayColumnData.options : [];
-          return /*#__PURE__*/_react.default.createElement(_index.MultipleSelectFormatter, {
+          return /*#__PURE__*/React.createElement(MultipleSelectFormatter, {
             value: cellValue,
             options: options || []
           });
         }
-      case _constants.CellType.FORMULA:
+      case CellType.FORMULA:
         {
-          return /*#__PURE__*/_react.default.createElement("div", {
+          return /*#__PURE__*/React.createElement("div", {
             className: containerClassName
           }, cellValue.map((value, index) => {
             if (!value) return null;
-            return /*#__PURE__*/_react.default.createElement("div", {
+            return /*#__PURE__*/React.createElement("div", {
               key: "link-".concat(displayColumnType, "-").concat(index),
               className: "row-expand-link-item"
-            }, (0, _valueDisplayUtils.getCellDisplayValue)({
+            }, getCellDisplayValue({
               [displayColumn.key]: value
             }, displayColumn, collaborators));
           }));
@@ -147,5 +139,4 @@ class RowExpandLinkFormatter extends _react.Component {
         }
     }
   }
-}
-exports.default = RowExpandLinkFormatter;
+}

package/lib/RowExpandLinkFormatter/utils.js

@@ -1,13 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getTwoDimensionArrayValue = exports.getFormulaArrayValue = void 0;
-exports.isArrayFormatColumn = isArrayFormatColumn;
-exports.isValidCellValue = void 0;
-var _constants = require("../constants");
-const isValidCellValue = value => {
+import { CellType } from '../constants';
+export const isValidCellValue = value => {
   if (value === undefined) return false;
   if (value === null) return false;
   if (value === '') return false;
@@ -15,8 +7,7 @@ const isValidCellValue = value => {
   if (JSON.stringify(value) === '[]') return false;
   return true;
 };
-exports.isValidCellValue = isValidCellValue;
-const getFormulaArrayValue = function (value) {
+export const getFormulaArrayValue = function (value) {
   let isFlat = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   if (!Array.isArray(value)) return [];
   if (!isFlat) return getTwoDimensionArrayValue(value);
@@ -41,8 +32,7 @@ const getFormulaArrayValue = function (value) {
     });
   }).flat().filter(item => isValidCellValue(item));
 };
-exports.getFormulaArrayValue = getFormulaArrayValue;
-const getTwoDimensionArrayValue = value => {
+export const getTwoDimensionArrayValue = value => {
   if (!Array.isArray(value)) return [];
   return value.map(item => {
     if (Object.prototype.toString.call(item) !== '[object Object]') {
@@ -65,7 +55,6 @@ const getTwoDimensionArrayValue = value => {
     });
   });
 };
-exports.getTwoDimensionArrayValue = getTwoDimensionArrayValue;
-function isArrayFormatColumn(columnType) {
-  return [_constants.CellType.IMAGE, _constants.CellType.FILE, _constants.CellType.MULTIPLE_SELECT, _constants.CellType.COLLABORATOR].includes(columnType);
+export function isArrayFormatColumn(columnType) {
+  return [CellType.IMAGE, CellType.FILE, CellType.MULTIPLE_SELECT, CellType.COLLABORATOR].includes(columnType);
 }

package/lib/RowExpandLinkFormatter/value-display-utils.js

@@ -1,22 +1,15 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getCellDisplayValue = void 0;
-var _dtableUtils = require("dtable-utils");
-const DOWNLOAD_NAME_COLUMN_TYPES = [_dtableUtils.CellType.TEXT, _dtableUtils.CellType.NUMBER, _dtableUtils.CellType.DATE, _dtableUtils.CellType.COLLABORATOR, _dtableUtils.CellType.CREATOR, _dtableUtils.CellType.AUTO_NUMBER];
-const getCellDisplayValue = (record, column, collaborators) => {
+import { CellType, getCellValueDisplayString } from 'dtable-utils';
+const DOWNLOAD_NAME_COLUMN_TYPES = [CellType.TEXT, CellType.NUMBER, CellType.DATE, CellType.COLLABORATOR, CellType.CREATOR, CellType.AUTO_NUMBER];
+export const getCellDisplayValue = (record, column, collaborators) => {
   if (!column || !DOWNLOAD_NAME_COLUMN_TYPES.includes(column.type)) return '';
   const {
     key,
     type,
     data
   } = column;
-  return (0, _dtableUtils.getCellValueDisplayString)(record, type, key, {
+  return getCellValueDisplayString(record, type, key, {
     data,
     collaborators,
     geolocationHyphen: ' '
   });
-};
-exports.getCellDisplayValue = getCellDisplayValue;
+};

package/lib/RowExpandRateFormatter/index.js

@@ -1,14 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-require("./index.css");
-class RateExpendRateFormatter extends _react.default.Component {
+import React from 'react';
+import classnames from 'classnames';
+import './index.css';
+class RateExpendRateFormatter extends React.Component {
   constructor() {
     super(...arguments);
     this.getRateList = () => {
@@ -26,7 +19,7 @@ class RateExpendRateFormatter extends _react.default.Component {
         let style = {
           color: value >= i + 1 ? rate_style_color : '#e5e5e5'
         };
-        rateList.push( /*#__PURE__*/_react.default.createElement("i", {
+        rateList.push( /*#__PURE__*/React.createElement("i", {
           key: "dtable-ui-component-rate-".concat(i),
           className: "dtable-font ".concat(rate_style_type),
           style: style
@@ -39,9 +32,9 @@ class RateExpendRateFormatter extends _react.default.Component {
     const {
       containerClassName
     } = this.props;
-    const className = (0, _classnames.default)('dtable-ui cell-formatter-container rate-formatter', containerClassName);
+    const className = classnames('dtable-ui cell-formatter-container rate-formatter', containerClassName);
     const rateList = this.getRateList();
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: className
     }, rateList);
   }
@@ -50,4 +43,4 @@ RateExpendRateFormatter.defaultProps = {
   value: '',
   containerClassName: ''
 };
-var _default = exports.default = RateExpendRateFormatter;
+export default RateExpendRateFormatter;