dtable-ui-component 7.0.13 → 7.0.15

package/lib/select-editor/pc-editor/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactstrap = require("reactstrap");
@@ -38,7 +37,9 @@ class PCSelectEditor extends _react.default.Component {
     this.onEnter = e => {
       e.preventDefault();
       let option;
-      const isSupportNewOption = this.props.isSupportNewOption;
+      const {
+        isSupportNewOption
+      } = this.props;
       if (this.filteredOptions.length === 1) {
         option = this.filteredOptions[0];
       } else if (this.state.highlightIndex > -1) {
@@ -47,7 +48,9 @@ class PCSelectEditor extends _react.default.Component {
       if (option) {
         this.onChange(option);
       } else {
-        const searchValue = this.state.searchValue;
+        const {
+          searchValue
+        } = this.state;
         if (searchValue && isSupportNewOption && this.filteredOptions.length === 0) {
           e.stopPropagation();
           this.onAddNewOption();
@@ -57,10 +60,11 @@ class PCSelectEditor extends _react.default.Component {
     this.onUpArrow = e => {
       e.preventDefault();
       e.stopPropagation();
-      let _this$state = this.state,
-        highlightIndex = _this$state.highlightIndex,
-        maxItemNum = _this$state.maxItemNum,
-        itemHeight = _this$state.itemHeight;
+      let {
+        highlightIndex,
+        maxItemNum,
+        itemHeight
+      } = this.state;
       if (highlightIndex > 0) {
         this.setState({
           highlightIndex: highlightIndex - 1
@@ -74,10 +78,11 @@ class PCSelectEditor extends _react.default.Component {
     this.onDownArrow = e => {
       e.preventDefault();
       e.stopPropagation();
-      let _this$state2 = this.state,
-        highlightIndex = _this$state2.highlightIndex,
-        maxItemNum = _this$state2.maxItemNum,
-        itemHeight = _this$state2.itemHeight;
+      let {
+        highlightIndex,
+        maxItemNum,
+        itemHeight
+      } = this.state;
       if (highlightIndex < this.filteredOptions.length - 1) {
         this.setState({
           highlightIndex: highlightIndex + 1
@@ -89,8 +94,12 @@ class PCSelectEditor extends _react.default.Component {
       }
     };
     this.onValueChanged = searchValue => {
-      const oldSearchVal = this.state.searchValue;
-      const options = this.props.options;
+      const {
+        searchValue: oldSearchVal
+      } = this.state;
+      const {
+        options
+      } = this.props;
       if (oldSearchVal === searchValue) return;
       this.setState({
         searchValue
@@ -123,7 +132,9 @@ class PCSelectEditor extends _react.default.Component {
       }, 300);
     };
     this.getOptionStyle = option => {
-      const optionWidth = this.props.optionWidth;
+      const {
+        optionWidth
+      } = this.props;
       const textColor = option.textColor || null;
       return {
         display: 'inline-block',
@@ -167,8 +178,9 @@ class PCSelectEditor extends _react.default.Component {
         this.ref.style.top = '-200px';
       }
     }
-    const _this$ref$getBounding = this.ref.getBoundingClientRect(),
-      bottom = _this$ref$getBounding.bottom;
+    const {
+      bottom
+    } = this.ref.getBoundingClientRect();
     if (bottom > window.innerHeight) {
       this.ref.style.top = parseInt(this.ref.style.top) - bottom + window.innerHeight + 'px';
     }
@@ -188,18 +200,20 @@ class PCSelectEditor extends _react.default.Component {
     }
   }
   render() {
-    const _this$props = this.props,
-      isInModal = _this$props.isInModal,
-      className = _this$props.className,
-      value = _this$props.value,
-      column = _this$props.column,
-      valueKey = _this$props.valueKey,
-      isSupportNewOption = _this$props.isSupportNewOption,
-      target = _this$props.target,
-      classNamePrefix = _this$props.classNamePrefix;
-    const _this$state3 = this.state,
-      searchValue = _this$state3.searchValue,
-      highlightIndex = _this$state3.highlightIndex;
+    const {
+      isInModal,
+      className,
+      value,
+      column,
+      valueKey,
+      isSupportNewOption,
+      target,
+      classNamePrefix
+    } = this.props;
+    const {
+      searchValue,
+      highlightIndex
+    } = this.state;
 
     // maxWidth = single-selects-container's width - single-selects-container's padding-left and padding-right - single-select-container's padding-left - single-select-check-icon's width - The gap between the single-select-check-icon and single-select-name or scroll's width
     // maxWidth = column.width > 200 ? column.width - 20 - 12 - 20 - 10 : 200 - 20 - 12 - 20 - 10
@@ -207,7 +221,7 @@ class PCSelectEditor extends _react.default.Component {
     let maxWidth = isInModal ? 250 : (column === null || column === void 0 ? void 0 : column.width) > 200 ? column.width - 62 : 138;
     const dom = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: (0, _classnames.default)('dtable-ui-editor-container dtable-ui-select-editor-container', className, {
-        ["".concat(classNamePrefix, "-select-editor-container")]: classNamePrefix
+        [`${classNamePrefix}-select-editor-container`]: classNamePrefix
       }),
       ref: ref => this.ref = ref,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -223,9 +237,10 @@ class PCSelectEditor extends _react.default.Component {
         ref: ref => this.container = ref,
         children: [this.filteredOptions.length > 0 && this.filteredOptions.map((option, index) => {
           let optionStyle = this.getOptionStyle(option);
-          optionStyle = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, optionStyle), {}, {
+          optionStyle = {
+            ...optionStyle,
             maxWidth
-          });
+          };
           let isSelected = value.includes(option[valueKey]);
           return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: "select-option-item",
@@ -277,7 +292,7 @@ class PCSelectEditor extends _react.default.Component {
           hideArrow: true,
           fade: false,
           className: (0, _classnames.default)('dtable-ui dtable-ui-row-expand-select-editor-popover', {
-            ["".concat(classNamePrefix, "-select-editor-popover")]: classNamePrefix
+            [`${classNamePrefix}-select-editor-popover`]: classNamePrefix
           }),
           children: dom
         })

package/lib/toaster/alert.js

@@ -23,15 +23,16 @@ class Alert extends _react.default.PureComponent {
     }
   }
   render() {
-    const _this$props = this.props,
-      intent = _this$props.intent,
-      title = _this$props.title,
-      children = _this$props.children,
-      isRemovable = _this$props.isRemovable,
-      onRemove = _this$props.onRemove;
+    const {
+      intent,
+      title,
+      children,
+      isRemovable,
+      onRemove
+    } = this.props;
     const iconClass = this.getIconClass(intent);
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "dtable-toast-alert-container ".concat(intent || 'success'),
+      className: `dtable-toast-alert-container ${intent || 'success'}`,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "toast-alert-icon",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {

package/lib/toaster/toast.js

@@ -52,8 +52,9 @@ class Toast extends _react.default.PureComponent {
     this.onRef = ref => {
       if (ref === null) return;
       setTimeout(() => {
-        const _ref$getBoundingClien = ref.getBoundingClientRect(),
-          height = _ref$getBoundingClien.height;
+        const {
+          height
+        } = ref.getBoundingClientRect();
         this.containerRef.current.style.height = height + 'px';
       }, 1);
     };
@@ -83,7 +84,7 @@ class Toast extends _react.default.PureComponent {
       onExited: this.props.onRemove,
       children: state => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         "data-state": state,
-        className: "dtable-toast-container ".concat(state),
+        className: `dtable-toast-container ${state}`,
         onMouseEnter: this.handleMouseEnter,
         onMouseLeave: this.handleMouseLeave,
         style: {

package/lib/toaster/toastManager.js

@@ -5,12 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _toast = _interopRequireDefault(require("./toast"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["id", "description"];
 const hasCustomId = settings => Object.hasOwnProperty.call(settings, 'id');
 class ToastManager extends _react.default.PureComponent {
   constructor(props, context) {
@@ -42,7 +39,7 @@ class ToastManager extends _react.default.PureComponent {
     };
     this.createToastInstance = (title, settings) => {
       const uniqueId = ++ToastManager.idCounter;
-      const id = hasCustomId(settings) ? "".concat(settings.id, "-").concat(uniqueId) : uniqueId;
+      const id = hasCustomId(settings) ? `${settings.id}-${uniqueId}` : uniqueId;
       let hasCloseButton = settings.hasCloseButton || true;
       let duration = settings.duration || 2;
       if (settings.hasCloseButton !== undefined) {
@@ -70,9 +67,10 @@ class ToastManager extends _react.default.PureComponent {
         return {
           toasts: previousState.toasts.map(toast => {
             if (toast.id === id) {
-              return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, toast), {}, {
+              return {
+                ...toast,
                 isShown: false
-              });
+              };
             }
             return toast;
           })
@@ -97,14 +95,16 @@ class ToastManager extends _react.default.PureComponent {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "dtable-toast-manager",
       children: this.state.toasts.map(_ref => {
-        let id = _ref.id,
-          description = _ref.description,
-          props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_toast.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-          onRemove: () => this.removeToast(id)
-        }, props), {}, {
+        let {
+          id,
+          description,
+          ...props
+        } = _ref;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_toast.default, {
+          onRemove: () => this.removeToast(id),
+          ...props,
           children: description
-        }), id);
+        }, id);
       })
     });
   }

package/lib/toaster/toaster.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _client = require("react-dom/client");
 var _toastManager = _interopRequireDefault(require("./toastManager"));
@@ -37,27 +36,31 @@ class Toaster {
     };
     this.notify = function (title) {
       let settings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      return _this.notifyHandler(title, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, settings), {}, {
+      return _this.notifyHandler(title, {
+        ...settings,
         intent: 'none'
-      }));
+      });
     };
     this.success = function (title) {
       let settings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      return _this.notifyHandler(title, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, settings), {}, {
+      return _this.notifyHandler(title, {
+        ...settings,
         intent: 'success'
-      }));
+      });
     };
     this.warning = function (title) {
       let settings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      return _this.notifyHandler(title, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, settings), {}, {
+      return _this.notifyHandler(title, {
+        ...settings,
         intent: 'warning'
-      }));
+      });
     };
     this.danger = function (title) {
       let settings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      return _this.notifyHandler(title, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, settings), {}, {
+      return _this.notifyHandler(title, {
+        ...settings,
         intent: 'danger'
-      }));
+      });
     };
     if (!isBrowser) return;
     const container = document.createElement('div');

package/lib/utils/cell.js

@@ -7,9 +7,10 @@ exports.isValidPosition = exports.isLongTextValueExceedLimit = exports.checkValu
 var _constants = require("../constants");
 var _utils = require("./utils");
 const checkValueConformityFormat = (columnData, value) => {
-  const _ref = columnData || {},
-    format_specification_value = _ref.format_specification_value,
-    format_check_type = _ref.format_check_type;
+  const {
+    format_specification_value,
+    format_check_type
+  } = columnData || {};
   let isMatched = false;
   if (format_check_type !== 'custom_format') {
     const reg = _constants.FORMAT_REG_EXP_LIST[format_check_type];
@@ -22,9 +23,10 @@ const checkValueConformityFormat = (columnData, value) => {
 };
 exports.checkValueConformityFormat = checkValueConformityFormat;
 const checkNumberValidation = (columnData, value) => {
-  const _ref2 = columnData || {},
-    format_max_value = _ref2.format_max_value,
-    format_min_value = _ref2.format_min_value;
+  const {
+    format_max_value,
+    format_min_value
+  } = columnData || {};
   const num = parseFloat(value);
   if (isNaN(num) || !num && num !== 0) {
     return false;
@@ -41,8 +43,9 @@ exports.checkNumberValidation = checkNumberValidation;
 const isLongTextValueExceedLimit = value => {
   if (!value) return false;
   if (typeof value === 'string') return value.length >= _constants.LONG_TEXT_LENGTH_LIMIT;
-  const _ref3 = value || {},
-    text = _ref3.text;
+  const {
+    text
+  } = value || {};
   return text ? text.length >= _constants.LONG_TEXT_LENGTH_LIMIT : false;
 };
 exports.isLongTextValueExceedLimit = isLongTextValueExceedLimit;

package/lib/utils/class.js

@@ -11,14 +11,14 @@ function hasClass(node, className) {
     return node.classList.contains(className);
   }
   const originClass = node.className;
-  return " ".concat(originClass, " ").indexOf(" ".concat(className, " ")) > -1;
+  return ` ${originClass} `.indexOf(` ${className} `) > -1;
 }
 function addClass(node, className) {
   if (node.classList) {
     node.classList.add(className);
   } else {
     if (!hasClass(node, className)) {
-      node.className = "".concat(node.className, " ").concat(className);
+      node.className = `${node.className} ${className}`;
     }
   }
 }
@@ -28,7 +28,7 @@ function removeClass(node, className) {
   } else {
     if (hasClass(node, className)) {
       const originClass = node.className;
-      node.className = " ".concat(originClass, " ").replace(" ".concat(className, " "), '');
+      node.className = ` ${originClass} `.replace(` ${className} `, '');
     }
   }
 }

package/lib/utils/column-utils.js

@@ -9,9 +9,12 @@ exports.isEnableCheckFormat = void 0;
 var _dtableUtils = require("dtable-utils");
 const isEnableCheckFormat = column => {
   if (!column) return false;
-  const data = column.data;
-  const _ref = data || {},
-    enable_check_format = _ref.enable_check_format;
+  const {
+    data
+  } = column;
+  const {
+    enable_check_format
+  } = data || {};
   if (enable_check_format) return true;
   return false;
 };
@@ -23,12 +26,15 @@ const getDateColumnFormat = column => {
 };
 exports.getDateColumnFormat = getDateColumnFormat;
 function isCheckboxColumn(column) {
-  let type = column.type,
-    data = column.data;
+  let {
+    type,
+    data
+  } = column;
   if (_dtableUtils.FORMULA_COLUMN_TYPES_MAP[type]) {
-    const _ref2 = data || {},
-      result_type = _ref2.result_type,
-      array_type = _ref2.array_type;
+    const {
+      result_type,
+      array_type
+    } = data || {};
     if (result_type === _dtableUtils.FORMULA_RESULT_TYPE.ARRAY) {
       return array_type === _dtableUtils.CellType.CHECKBOX;
     }

package/lib/utils/departments.js

@@ -1,17 +1,17 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.searchDepartments = exports.getNormalizedDepartments = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 const searchDepartments = (departments, searchValue) => {
   const validSearchValue = searchValue ? searchValue.trim().toLowerCase() : '';
   const validDepartments = Array.isArray(departments) ? departments : [];
   if (!validSearchValue) return validDepartments;
   return validDepartments.filter(department => {
-    const name = department.name;
+    const {
+      name
+    } = department;
     if (!name) return false;
     return name.toString().toLowerCase().indexOf(validSearchValue) > -1;
   });
@@ -27,10 +27,11 @@ const getNormalizedDepartments = function (departments) {
   return departments.map(depart => {
     const hasChild = canExpand && !!parentIdMap[depart.id];
     const isExpanded = depart.parent_id === -1 ? true : false;
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, depart), {}, {
+    return {
+      ...depart,
       hasChild,
       isExpanded
-    });
+    };
   });
 };
 exports.getNormalizedDepartments = getNormalizedDepartments;

package/lib/utils/getLocale.js

@@ -1,12 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getComponentLocale = getComponentLocale;
 exports.getLocaleCode = getLocaleCode;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 function getComponentLocale(props, context, componentName, getDefaultLocale) {
   let locale = {};
   if (context && context.antLocale && context.antLocale[componentName]) {
@@ -17,11 +15,19 @@ function getComponentLocale(props, context, componentName, getDefaultLocale) {
     // https://github.com/ant-design/ant-design/issues/6334
     locale = defaultLocale.default || defaultLocale;
   }
-  let result = (0, _objectSpread2.default)({}, locale);
+  let result = {
+    ...locale
+  };
   if (props.locale) {
-    result = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, result), props.locale);
+    result = {
+      ...result,
+      ...props.locale
+    };
     if (props.locale.lang) {
-      result.lang = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, locale.lang), props.locale.lang);
+      result.lang = {
+        ...locale.lang,
+        ...props.locale.lang
+      };
     }
   }
   return result;

package/lib/utils/object-utils.js

@@ -1,11 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.shallowCloneObject = exports.hasOwnProperty = exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 class ObjectUtils {
   static getDataType(data) {
     let type = typeof data;
@@ -19,13 +17,16 @@ class ObjectUtils {
   }
   static isObjectChanged(source, comparison) {
     if (!this.iterable(source)) {
-      throw new Error("source should be a Object or Array , but got ".concat(this.getDataType(source)));
+      throw new Error(`source should be a Object or Array , but got ${this.getDataType(source)}`);
     }
     if (this.getDataType(source) !== this.getDataType(comparison)) {
       return true;
     }
     const sourceKeys = Object.keys(source);
-    const comparisonKeys = Object.keys((0, _objectSpread2.default)((0, _objectSpread2.default)({}, source), comparison));
+    const comparisonKeys = Object.keys({
+      ...source,
+      ...comparison
+    });
     if (sourceKeys.length !== comparisonKeys.length) {
       return true;
     }

package/lib/utils/url.js

@@ -72,28 +72,32 @@ const needUseThumbnailImage = url => {
 exports.needUseThumbnailImage = needUseThumbnailImage;
 const generateCurrentBaseImageThumbnailUrl = _ref => {
   var _window2;
-  let server = _ref.server,
-    workspaceID = _ref.workspaceID,
-    dtableUuid = _ref.dtableUuid,
-    partUrl = _ref.partUrl,
-    size = _ref.size;
+  let {
+    server,
+    workspaceID,
+    dtableUuid,
+    partUrl,
+    size
+  } = _ref;
   const validServer = server || ((_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.dtable) && window.dtable.server || '';
   if (!partUrl || typeof partUrl !== 'string') return '';
-  let url = "".concat(validServer, "/thumbnail/workspace/").concat(workspaceID, "/asset/").concat(dtableUuid).concat(partUrl);
-  if (url.indexOf('?') > -1) return "".concat(url, "&size=").concat(size);
-  return "".concat(url, "?size=").concat(size);
+  let url = `${validServer}/thumbnail/workspace/${workspaceID}/asset/${dtableUuid}${partUrl}`;
+  if (url.indexOf('?') > -1) return `${url}&size=${size}`;
+  return `${url}?size=${size}`;
 };
 exports.generateCurrentBaseImageThumbnailUrl = generateCurrentBaseImageThumbnailUrl;
 const generateCurrentBaseImageUrl = _ref2 => {
   var _window3;
-  let server = _ref2.server,
-    workspaceID = _ref2.workspaceID,
-    dtableUuid = _ref2.dtableUuid,
-    partUrl = _ref2.partUrl;
+  let {
+    server,
+    workspaceID,
+    dtableUuid,
+    partUrl
+  } = _ref2;
   if (!partUrl || typeof partUrl !== 'string') return '';
   if (partUrl.startsWith('http')) return partUrl;
   const validServer = server || ((_window3 = window) === null || _window3 === void 0 ? void 0 : _window3.dtable) && window.dtable.server || '';
-  return "".concat(validServer, "/workspace/").concat(workspaceID, "/asset/").concat(dtableUuid).concat(partUrl);
+  return `${validServer}/workspace/${workspaceID}/asset/${dtableUuid}${partUrl}`;
 };
 exports.generateCurrentBaseImageUrl = generateCurrentBaseImageUrl;
 const getFileName = url => {
@@ -120,9 +124,9 @@ const imageCheck = filename => {
 };
 exports.imageCheck = imageCheck;
 const isInternalURL = function (url) {
-  let _ref3 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-    _ref3$server = _ref3.server,
-    server = _ref3$server === void 0 ? '' : _ref3$server;
+  let {
+    server = ''
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   if (!url || typeof url !== 'string') return false;
   return server && url.indexOf(server) > -1;
 };
@@ -131,8 +135,10 @@ const getValidFileImageUrls = files => {
   if (!Array.isArray(files)) return [];
   return files.map(file => {
     if (typeof file !== 'object') return null;
-    const url = file.url,
-      name = file.name;
+    const {
+      url,
+      name
+    } = file;
     if (!url || url.indexOf('/asset') < 0) return null;
     return imageCheck(name) ? url : null;
   }).filter(Boolean);
@@ -157,10 +163,11 @@ const getFileIconUrl = (filename, direntType) => {
 };
 exports.getFileIconUrl = getFileIconUrl;
 const getFileThumbnailInfo = function (file) {
-  let _ref4 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-    server = _ref4.server,
-    dtableUuid = _ref4.dtableUuid,
-    workspaceID = _ref4.workspaceID;
+  let {
+    server,
+    dtableUuid,
+    workspaceID
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const defaultIcon = _file.FILEEXT_ICON_MAP['default'];
   const defaultIconUrl = _file.FILEEXT_ICON_URL_MAP[defaultIcon];
   if (!file || !file.name) return {

package/lib/utils/utils.js

@@ -163,12 +163,16 @@ const getFormulaArrayValue = value => {
       return item;
     }
     if (!Object.prototype.hasOwnProperty.call(item, 'display_value')) return item;
-    const display_value = item.display_value;
+    const {
+      display_value
+    } = item;
     if (!Array.isArray(display_value) || display_value.length === 0) return display_value;
     return display_value.map(i => {
       if (Object.prototype.toString.call(i) === '[object Object]') {
         if (!Object.prototype.hasOwnProperty.call(i, 'display_value')) return i;
-        const display_value = i.display_value;
+        const {
+          display_value
+        } = i;
         return display_value;
       }
       return i;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtable-ui-component",
-  "version": "7.0.13",
+  "version": "7.0.15",
   "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "5.0.9",
@@ -87,7 +87,7 @@
     "babel-plugin-import": "^1.13.6",
     "babel-plugin-named-asset-import": "^0.3.6",
     "babel-preset-react-app": "^10.0.1",
-    "browserslist": "^4.18.1",
+    "browserslist": "^4.28.8",
     "camelcase": "^6.2.1",
     "case-sensitive-paths-webpack-plugin": "^2.4.0",
     "circular-dependency-plugin": "^5.2.2",