dtable-ui-component 7.0.13 → 7.0.15

package/lib/ActionSheet/index.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var React = _interopRequireWildcard(require("react"));
 var _client = require("react-dom/client");
@@ -24,16 +23,18 @@ const SHARE = 'SHARE';
 function noop() {}
 const queue = [];
 function createActionSheet(flag, config, callback) {
-  const props = (0, _objectSpread2.default)({
+  const props = {
     prefixCls: 'am-action-sheet',
-    cancelButtonText: '取消'
-  }, config);
-  const prefixCls = props.prefixCls,
-    className = props.className,
-    transitionName = props.transitionName,
-    maskTransitionName = props.maskTransitionName,
-    _props$maskClosable = props.maskClosable,
-    maskClosable = _props$maskClosable === void 0 ? true : _props$maskClosable;
+    cancelButtonText: '取消',
+    ...config
+  };
+  const {
+    prefixCls,
+    className,
+    transitionName,
+    maskTransitionName,
+    maskClosable = true
+  } = props;
   const div = document.createElement('div');
   document.body.appendChild(div);
   const root = (0, _client.createRoot)(div);
@@ -61,19 +62,20 @@ function createActionSheet(flag, config, callback) {
       close();
     }
   }
-  const title = props.title,
-    message = props.message,
-    options = props.options,
-    destructiveButtonIndex = props.destructiveButtonIndex,
-    cancelButtonIndex = props.cancelButtonIndex,
-    cancelButtonText = props.cancelButtonText,
-    _props$badges = props.badges,
-    badges = _props$badges === void 0 ? [] : _props$badges;
+  const {
+    title,
+    message,
+    options,
+    destructiveButtonIndex,
+    cancelButtonIndex,
+    cancelButtonText,
+    badges = []
+  } = props;
   const titleMsg = [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
-    className: "".concat(prefixCls, "-title"),
+    className: `${prefixCls}-title`,
     children: title
   }, "0") : null, message ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "".concat(prefixCls, "-message"),
+    className: `${prefixCls}-message`,
     children: message
   }, "1") : null];
   let children = null;
@@ -86,54 +88,60 @@ function createActionSheet(flag, config, callback) {
       if (badges && badges.length > 0) {
         badges.forEach(element => {
           if (element.index >= 0) {
-            badgesMap[element.index] = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.default, (0, _objectSpread2.default)({}, element));
+            badgesMap[element.index] = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.default, {
+              ...element
+            });
           }
         });
       }
-      children = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _getDataAttr.default)(props)), {}, {
+      children = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        ...(0, _getDataAttr.default)(props),
         children: [titleMsg, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "".concat(prefixCls, "-button-list"),
+          className: `${prefixCls}-button-list`,
           role: "group",
           children: normalOptions.map((item, index) => {
             const itemProps = {
-              className: (0, _classnames.default)("".concat(prefixCls, "-button-list-item"), {
-                ["".concat(prefixCls, "-destructive-button")]: destructiveButtonIndex === index,
-                ["".concat(prefixCls, "-cancel-button")]: cancelButtonIndex === index
+              className: (0, _classnames.default)(`${prefixCls}-button-list-item`, {
+                [`${prefixCls}-destructive-button`]: destructiveButtonIndex === index,
+                [`${prefixCls}-cancel-button`]: cancelButtonIndex === index
               }),
               onClick: () => cb(index),
               role: 'button'
             };
-            let bContent = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, itemProps), {}, {
+            let bContent = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              ...itemProps,
               children: item
-            }));
+            });
             // 仅在设置徽标的情况下修改dom结构
             if (badgesMap[index]) {
-              bContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, itemProps), {}, {
-                className: "".concat(itemProps.className, " ").concat(prefixCls, "-button-list-badge"),
+              bContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+                ...itemProps,
+                className: `${itemProps.className} ${prefixCls}-button-list-badge`,
                 children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                  className: "".concat(prefixCls, "-button-list-item-content"),
+                  className: `${prefixCls}-button-list-item-content`,
                   children: item
                 }), badgesMap[index]]
-              }));
+              });
             }
             let bItem = /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
-              activeClassName: "".concat(prefixCls, "-button-list-item-active"),
+              activeClassName: `${prefixCls}-button-list-item-active`,
               children: bContent
             }, index);
             if (cancelButtonIndex === index || destructiveButtonIndex === index) {
               bItem = /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
-                activeClassName: "".concat(prefixCls, "-button-list-item-active"),
-                children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, itemProps), {}, {
+                activeClassName: `${prefixCls}-button-list-item-active`,
+                children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+                  ...itemProps,
                   children: [item, cancelButtonIndex === index ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                    className: "".concat(prefixCls, "-cancel-button-mask")
+                    className: `${prefixCls}-cancel-button-mask`
                   }) : null]
-                }))
+                })
               }, index);
             }
             return bItem;
           })
         })]
-      }));
+      });
       break;
     case SHARE:
       mode = 'share';
@@ -141,43 +149,44 @@ function createActionSheet(flag, config, callback) {
       const createList = function (item, index) {
         let rowIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "".concat(prefixCls, "-share-list-item"),
+          className: `${prefixCls}-share-list-item`,
           role: "button",
           onClick: () => cb(index, rowIndex),
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "".concat(prefixCls, "-share-list-item-icon"),
+            className: `${prefixCls}-share-list-item-icon`,
             children: item.icon
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "".concat(prefixCls, "-share-list-item-title"),
+            className: `${prefixCls}-share-list-item-title`,
             children: item.title
           })]
         }, index);
       };
-      children = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _getDataAttr.default)(props)), {}, {
+      children = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        ...(0, _getDataAttr.default)(props),
         children: [titleMsg, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "".concat(prefixCls, "-share"),
+          className: `${prefixCls}-share`,
           children: [multipleLine ? options.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "".concat(prefixCls, "-share-list"),
+            className: `${prefixCls}-share-list`,
             children: item.map((ii, ind) => createList(ii, ind, index))
           }, index)) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "".concat(prefixCls, "-share-list"),
+            className: `${prefixCls}-share-list`,
             children: options.map((item, index) => createList(item, index))
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
-            activeClassName: "".concat(prefixCls, "-share-cancel-button-active"),
+            activeClassName: `${prefixCls}-share-cancel-button-active`,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: "".concat(prefixCls, "-share-cancel-button"),
+              className: `${prefixCls}-share-cancel-button`,
               role: "button",
               onClick: () => cb(-1),
               children: cancelButtonText
             })
           })]
         })]
-      }));
+      });
       break;
     default:
       break;
   }
-  const rootCls = (0, _classnames.default)("".concat(prefixCls, "-").concat(mode), className);
+  const rootCls = (0, _classnames.default)(`${prefixCls}-${mode}`, className);
   root.render(/*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcDialog.default, {
     visible: true,
     title: "",

package/lib/ActivityIndicator/index.js

@@ -14,36 +14,37 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 class ActivityIndicator extends React.Component {
   render() {
-    const _this$props = this.props,
-      prefixCls = _this$props.prefixCls,
-      className = _this$props.className,
-      animating = _this$props.animating,
-      toast = _this$props.toast,
-      size = _this$props.size,
-      text = _this$props.text;
+    const {
+      prefixCls,
+      className,
+      animating,
+      toast,
+      size,
+      text
+    } = this.props;
     const wrapClass = (0, _classnames.default)(prefixCls, className, {
-      ["".concat(prefixCls, "-lg")]: size === 'large',
-      ["".concat(prefixCls, "-sm")]: size === 'small',
-      ["".concat(prefixCls, "-toast")]: !!toast
+      [`${prefixCls}-lg`]: size === 'large',
+      [`${prefixCls}-sm`]: size === 'small',
+      [`${prefixCls}-toast`]: !!toast
     });
-    const spinnerClass = (0, _classnames.default)("".concat(prefixCls, "-spinner"), {
-      ["".concat(prefixCls, "-spinner-lg")]: !!toast || size === 'large'
+    const spinnerClass = (0, _classnames.default)(`${prefixCls}-spinner`, {
+      [`${prefixCls}-spinner-lg`]: !!toast || size === 'large'
     });
     if (animating) {
       if (toast) {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: wrapClass,
           children: text ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: "".concat(prefixCls, "-content"),
+            className: `${prefixCls}-content`,
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
               className: spinnerClass,
               "aria-hidden": "true"
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-              className: "".concat(prefixCls, "-toast"),
+              className: `${prefixCls}-toast`,
               children: text
             })]
           }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "".concat(prefixCls, "-content"),
+            className: `${prefixCls}-content`,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
               className: spinnerClass,
               "aria-label": "Loading"
@@ -57,7 +58,7 @@ class ActivityIndicator extends React.Component {
             className: spinnerClass,
             "aria-hidden": "true"
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            className: "".concat(prefixCls, "-tip"),
+            className: `${prefixCls}-tip`,
             children: text
           })]
         }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/AsyncUserSelect/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _ModalPortal = _interopRequireDefault(require("../ModalPortal"));
@@ -17,49 +16,24 @@ var _DTableIcon = _interopRequireDefault(require("../DTableIcon"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const AsyncUserSelect = _ref => {
-  let className = _ref.className,
-    _ref$emptyPlaceholder = _ref.emptyPlaceholder,
-    emptyPlaceholder = _ref$emptyPlaceholder === void 0 ? '' : _ref$emptyPlaceholder,
-    _ref$searchPlaceholde = _ref.searchPlaceholder,
-    searchPlaceholder = _ref$searchPlaceholde === void 0 ? '' : _ref$searchPlaceholde,
-    _ref$isMulti = _ref.isMulti,
-    isMulti = _ref$isMulti === void 0 ? true : _ref$isMulti,
-    _ref$enableShowIDInOr = _ref.enableShowIDInOrgWhenSearchUser,
-    enableShowIDInOrgWhenSearchUser = _ref$enableShowIDInOr === void 0 ? false : _ref$enableShowIDInOr,
-    _ref$selectedUsers = _ref.selectedUsers,
-    selectedUsers = _ref$selectedUsers === void 0 ? [] : _ref$selectedUsers,
-    loadOptions = _ref.loadOptions,
-    modifySelectedUsers = _ref.modifySelectedUsers,
-    _ref$showDeptBtn = _ref.showDeptBtn,
-    showDeptBtn = _ref$showDeptBtn === void 0 ? false : _ref$showDeptBtn;
-  const _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    isPopoverOpen = _useState2[0],
-    setIsPopoverOpen = _useState2[1];
-  const _useState3 = (0, _react.useState)(''),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    searchValue = _useState4[0],
-    setSearchValue = _useState4[1];
-  const _useState5 = (0, _react.useState)([]),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    searchedUsers = _useState6[0],
-    setSearchedUsers = _useState6[1];
-  const _useState7 = (0, _react.useState)(-1),
-    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    highlightIndex = _useState8[0],
-    setHighlightIndex = _useState8[1];
-  const _useState9 = (0, _react.useState)(0),
-    _useState0 = (0, _slicedToArray2.default)(_useState9, 2),
-    maxItemNum = _useState0[0],
-    setMaxItemNum = _useState0[1];
-  const _useState1 = (0, _react.useState)(0),
-    _useState10 = (0, _slicedToArray2.default)(_useState1, 2),
-    itemHeight = _useState10[0],
-    setItemHeight = _useState10[1];
-  const _useState11 = (0, _react.useState)(null),
-    _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-    popoverPosition = _useState12[0],
-    setPopoverPosition = _useState12[1];
+  let {
+    className,
+    emptyPlaceholder = '',
+    searchPlaceholder = '',
+    isMulti = true,
+    enableShowIDInOrgWhenSearchUser = false,
+    selectedUsers = [],
+    loadOptions,
+    modifySelectedUsers,
+    showDeptBtn = false
+  } = _ref;
+  const [isPopoverOpen, setIsPopoverOpen] = (0, _react.useState)(false);
+  const [searchValue, setSearchValue] = (0, _react.useState)('');
+  const [searchedUsers, setSearchedUsers] = (0, _react.useState)([]);
+  const [highlightIndex, setHighlightIndex] = (0, _react.useState)(-1);
+  const [maxItemNum, setMaxItemNum] = (0, _react.useState)(0);
+  const [itemHeight, setItemHeight] = (0, _react.useState)(0);
+  const [popoverPosition, setPopoverPosition] = (0, _react.useState)(null);
   const selectorRef = (0, _react.useRef)(null);
   const userSelectContainerRef = (0, _react.useRef)(null);
   const userListContainerRef = (0, _react.useRef)(null);
@@ -249,7 +223,7 @@ const AsyncUserSelect = _ref => {
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_userItem.default, {
             user: user,
             deleteUser: deselectUser
-          }, "dtable-ui-user-selector-selected-user-".concat(index));
+          }, `dtable-ui-user-selector-selected-user-${index}`);
         }), selectedUsers.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "dtable-ui-user-select-placeholder",
           children: emptyPlaceholder || (0, _lang.getLocale)('Search_users')
@@ -291,7 +265,7 @@ const AsyncUserSelect = _ref => {
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_userItem.default, {
                 user: user,
                 enableShowIDInOrgWhenSearchUser: enableShowIDInOrgWhenSearchUser
-              }, "dtable-ui-user-selector-searched-user-".concat(index)), selectedUsers.find(u => u.email === user.email) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              }, `dtable-ui-user-selector-searched-user-${index}`), selectedUsers.find(u => u.email === user.email) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                 className: "dtable-ui-collaborator-check-icon",
                 children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
                   className: "dtable-font dtable-icon-check",

package/lib/AsyncUserSelect/user-item.js

@@ -10,11 +10,12 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _lang = require("../lang");
 var _jsxRuntime = require("react/jsx-runtime");
 const UserItem = _ref => {
-  let className = _ref.className,
-    user = _ref.user,
-    deleteUser = _ref.deleteUser,
-    _ref$enableShowIDInOr = _ref.enableShowIDInOrgWhenSearchUser,
-    enableShowIDInOrgWhenSearchUser = _ref$enableShowIDInOr === void 0 ? false : _ref$enableShowIDInOr;
+  let {
+    className,
+    user,
+    deleteUser,
+    enableShowIDInOrgWhenSearchUser = false
+  } = _ref;
   const name = (0, _react.useMemo)(() => (user === null || user === void 0 ? void 0 : user.name) || '', [user]);
   const avatarUrl = (0, _react.useMemo)(() => (user === null || user === void 0 ? void 0 : user.avatar_url) || '', [user]);
   const idInOrg = (0, _react.useMemo)(() => (user === null || user === void 0 ? void 0 : user.id_in_org) || '', [user]);

package/lib/AutoNumberFormatter/index.js

@@ -11,9 +11,10 @@ require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 class AutoNumberFormatter extends _react.default.Component {
   render() {
-    const _this$props = this.props,
-      containerClassName = _this$props.containerClassName,
-      value = _this$props.value;
+    const {
+      containerClassName,
+      value
+    } = this.props;
     let classname = (0, _classnames.default)('dtable-ui cell-formatter-container auto-number-formatter', containerClassName);
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       title: value,

package/lib/Badge/index.js

@@ -1,63 +1,61 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var React = _interopRequireWildcard(require("react"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["className", "prefixCls", "children", "text", "size", "overflowCount", "dot", "corner", "hot"];
 class Badge extends React.Component {
   render() {
     // tslint:disable:prefer-const
-    let _this$props = this.props,
-      className = _this$props.className,
-      prefixCls = _this$props.prefixCls,
-      children = _this$props.children,
-      text = _this$props.text,
-      size = _this$props.size,
-      overflowCount = _this$props.overflowCount,
-      dot = _this$props.dot,
-      corner = _this$props.corner,
-      hot = _this$props.hot,
-      restProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+    let {
+      className,
+      prefixCls,
+      children,
+      text,
+      size,
+      overflowCount,
+      dot,
+      corner,
+      hot,
+      ...restProps
+    } = this.props;
     // eslint-disable-next-line no-self-assign
     overflowCount = overflowCount;
-    text = typeof text === 'number' && text > overflowCount ? "".concat(overflowCount, "+") : text;
+    text = typeof text === 'number' && text > overflowCount ? `${overflowCount}+` : text;
 
     // dot mode don't need text
     if (dot) {
       text = '';
     }
     const scrollNumberCls = (0, _classnames.default)({
-      ["".concat(prefixCls, "-dot")]: dot,
-      ["".concat(prefixCls, "-dot-large")]: dot && size === 'large',
-      ["".concat(prefixCls, "-text")]: !dot && !corner,
-      ["".concat(prefixCls, "-corner")]: corner,
-      ["".concat(prefixCls, "-corner-large")]: corner && size === 'large'
+      [`${prefixCls}-dot`]: dot,
+      [`${prefixCls}-dot-large`]: dot && size === 'large',
+      [`${prefixCls}-text`]: !dot && !corner,
+      [`${prefixCls}-corner`]: corner,
+      [`${prefixCls}-corner-large`]: corner && size === 'large'
     });
     const badgeCls = (0, _classnames.default)(prefixCls, className, {
-      ["".concat(prefixCls, "-not-a-wrapper")]: !children,
-      ["".concat(prefixCls, "-corner-wrapper")]: corner,
-      ["".concat(prefixCls, "-hot")]: !!hot,
-      ["".concat(prefixCls, "-corner-wrapper-large")]: corner && size === 'large'
+      [`${prefixCls}-not-a-wrapper`]: !children,
+      [`${prefixCls}-corner-wrapper`]: corner,
+      [`${prefixCls}-hot`]: !!hot,
+      [`${prefixCls}-corner-wrapper-large`]: corner && size === 'large'
     });
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
       className: badgeCls,
       children: [children, (text || dot) &&
       /*#__PURE__*/
       // tslint:disable-next-line:jsx-no-multiline-js
-      (0, _jsxRuntime.jsx)("sup", (0, _objectSpread2.default)((0, _objectSpread2.default)({
-        className: scrollNumberCls
-      }, restProps), {}, {
+      (0, _jsxRuntime.jsx)("sup", {
+        className: scrollNumberCls,
+        ...restProps,
         children: text
-      }))]
+      })]
     });
   }
 }

package/lib/ButtonFormatter/index.js

@@ -21,12 +21,14 @@ class ButtonFormatter extends _react.default.Component {
     };
   }
   render() {
-    let _this$props = this.props,
-      data = _this$props.data,
-      containerClassName = _this$props.containerClassName;
-    const _ref = data || {},
-      button_color = _ref.button_color,
-      button_name = _ref.button_name;
+    let {
+      data,
+      containerClassName
+    } = this.props;
+    const {
+      button_color,
+      button_name
+    } = data || {};
     const colorObj = _dtableUtils.SELECT_OPTION_COLORS.find(item => item.COLOR === button_color) || _dtableUtils.SELECT_OPTION_COLORS[0];
     const color = colorObj.TEXT_COLOR === WHITE ? WHITE : '#666666';
     const btnStyle = {

package/lib/CTimeFormatter/index.js

@@ -18,9 +18,10 @@ class CTimeFormatter extends _react.default.Component {
     };
   }
   render() {
-    let _this$props = this.props,
-      date = _this$props.value,
-      containerClassName = _this$props.containerClassName;
+    let {
+      value: date,
+      containerClassName
+    } = this.props;
     let classname = (0, _classnames.default)('dtable-ui cell-formatter-container ctime-formatter', containerClassName);
     if (date) {
       date = this.formatDate(date);

package/lib/CheckboxEditor/index.js

@@ -6,35 +6,38 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcEditor = _interopRequireDefault(require("./pc-editor"));
 var _mbEditor = _interopRequireDefault(require("./mb-editor"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["isMobile"];
 const CheckboxEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let isMobile = _ref.isMobile,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+  let {
+    isMobile,
+    ...props
+  } = _ref;
+  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+    ...props,
     ref: ref
-  }));
-  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+  });
+  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+    ...props,
     ref: ref
-  }));
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
       query: "(min-width: 768px)",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+        ...props,
         ref: ref
-      }))
+      })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
       query: "(max-width: 768px)",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+        ...props,
         ref: ref
-      }))
+      })
     })]
   });
 });

package/lib/CheckboxEditor/mb-editor.js

@@ -15,7 +15,9 @@ class MBCheckboxEditor extends _react.Component {
   constructor(props) {
     super(props);
     this.getValue = () => {
-      const value = this.state.value;
+      const {
+        value
+      } = this.state;
       return value;
     };
     this.updateValue = value => {
@@ -27,14 +29,18 @@ class MBCheckboxEditor extends _react.Component {
       });
     };
     this.onChangeCheckboxValue = event => {
-      const readOnly = this.props.readOnly;
+      const {
+        readOnly
+      } = this.props;
       if (readOnly) return;
       if (event) {
         event.stopPropagation();
         event.nativeEvent.stopImmediatePropagation();
         event.persist();
       }
-      const value = this.state.value;
+      const {
+        value
+      } = this.state;
       const newValue = !value;
       this.setState({
         value: newValue
@@ -57,7 +63,9 @@ class MBCheckboxEditor extends _react.Component {
     };
   }
   componentDidUpdate(prevProps) {
-    const value = this.props.value;
+    const {
+      value
+    } = this.props;
     if (value !== prevProps.value) {
       this.setState({
         value
@@ -66,11 +74,14 @@ class MBCheckboxEditor extends _react.Component {
   }
   render() {
     var _column$data;
-    const _this$props = this.props,
-      className = _this$props.className,
-      style = _this$props.style,
-      column = _this$props.column;
-    const value = this.state.value;
+    const {
+      className,
+      style,
+      column
+    } = this.props;
+    const {
+      value
+    } = this.state;
     let checkboxStyle = column === null || column === void 0 ? void 0 : (_column$data = column.data) === null || _column$data === void 0 ? void 0 : _column$data.checkbox_style;
     if (!checkboxStyle || Object.keys(checkboxStyle).length < 2) {
       checkboxStyle = _constants.DEFAULT_CHECKBOX_MARK_STYLE;