dtable-ui-component 7.0.13 → 7.0.15

package/lib/Popover/item.js

@@ -1,58 +1,56 @@
 "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"));
 var _rmcFeedback = _interopRequireDefault(require("rmc-feedback"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children", "className", "prefixCls", "icon", "disabled", "firstItem", "activeStyle"];
 class Item extends React.Component {
   render() {
-    const _this$props = this.props,
-      children = _this$props.children,
-      className = _this$props.className,
-      prefixCls = _this$props.prefixCls,
-      icon = _this$props.icon,
-      disabled = _this$props.disabled,
-      firstItem = _this$props.firstItem,
-      activeStyle = _this$props.activeStyle,
-      restProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
-    const cls = (0, _classnames.default)("".concat(prefixCls, "-item"), className, {
-      ["".concat(prefixCls, "-item-disabled")]: disabled
+    const {
+      children,
+      className,
+      prefixCls,
+      icon,
+      disabled,
+      firstItem,
+      activeStyle,
+      ...restProps
+    } = this.props;
+    const cls = (0, _classnames.default)(`${prefixCls}-item`, className, {
+      [`${prefixCls}-item-disabled`]: disabled
     });
-    let activeClass = "".concat(prefixCls, "-item-active ");
+    let activeClass = `${prefixCls}-item-active `;
     if (firstItem) {
-      activeClass += "".concat(prefixCls, "-item-fix-active-arrow");
+      activeClass += `${prefixCls}-item-fix-active-arrow`;
     }
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
       disabled: disabled,
       activeClassName: activeClass,
       activeStyle: activeStyle,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({
-        className: cls
-      }, restProps), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: cls,
+        ...restProps,
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "".concat(prefixCls, "-item-container"),
+          className: `${prefixCls}-item-container`,
           children: [icon ?
           /*#__PURE__*/
           // tslint:disable-next-line:jsx-no-multiline-js
           (0, _jsxRuntime.jsx)("span", {
-            className: "".concat(prefixCls, "-item-icon"),
+            className: `${prefixCls}-item-icon`,
             "aria-hidden": "true",
             children: icon
           }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            className: "".concat(prefixCls, "-item-content"),
+            className: `${prefixCls}-item-content`,
             children: children
           })]
         })
-      }))
+      })
     });
   }
 }

package/lib/Progress/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"));
 require("./index.css");
@@ -19,28 +18,27 @@ class Progress extends React.Component {
     if (this.props.appearTransition) {
       setTimeout(() => {
         if (this.barRef) {
-          this.barRef.style.width = "".concat(this.props.percent, "%");
+          this.barRef.style.width = `${this.props.percent}%`;
         }
       }, 10);
     }
   }
   render() {
-    const _this$props = this.props,
-      className = _this$props.className,
-      prefixCls = _this$props.prefixCls,
-      position = _this$props.position,
-      unfilled = _this$props.unfilled,
-      _this$props$style = _this$props.style,
-      style = _this$props$style === void 0 ? {} : _this$props$style,
-      _this$props$barStyle = _this$props.barStyle,
-      barStyle = _this$props$barStyle === void 0 ? {} : _this$props$barStyle;
+    const {
+      className,
+      prefixCls,
+      position,
+      unfilled,
+      style = {},
+      barStyle = {}
+    } = this.props;
     const percentStyle = {
-      width: this.noAppearTransition || !this.props.appearTransition ? "".concat(this.props.percent, "%") : 0,
+      width: this.noAppearTransition || !this.props.appearTransition ? `${this.props.percent}%` : 0,
       height: 0
     };
-    const wrapCls = (0, _classnames.default)("".concat(prefixCls, "-outer"), className, {
-      ["".concat(prefixCls, "-fixed-outer")]: position === 'fixed',
-      ["".concat(prefixCls, "-hide-outer")]: !unfilled
+    const wrapCls = (0, _classnames.default)(`${prefixCls}-outer`, className, {
+      [`${prefixCls}-fixed-outer`]: position === 'fixed',
+      [`${prefixCls}-hide-outer`]: !unfilled
     });
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       style: style,
@@ -51,8 +49,11 @@ class Progress extends React.Component {
       "aria-valuemax": 100,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         ref: el => this.barRef = el,
-        className: "".concat(prefixCls, "-bar"),
-        style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, barStyle), percentStyle)
+        className: `${prefixCls}-bar`,
+        style: {
+          ...barStyle,
+          ...percentStyle
+        }
       })
     });
   }

package/lib/Radio/Radio.js

@@ -1,27 +1,27 @@
 "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 _rcCheckbox = _interopRequireDefault(require("rc-checkbox"));
 var React = _interopRequireWildcard(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["className", "style"];
 class Radio extends React.Component {
   render() {
-    const _this$props = this.props,
-      className = _this$props.className,
-      style = _this$props.style,
-      restProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
-    const prefixCls = restProps.prefixCls,
-      children = restProps.children;
-    const wrapCls = (0, _classnames.default)("".concat(prefixCls, "-wrapper"), className);
+    const {
+      className,
+      style,
+      ...restProps
+    } = this.props;
+    const {
+      prefixCls,
+      children
+    } = restProps;
+    const wrapCls = (0, _classnames.default)(`${prefixCls}-wrapper`, className);
     if ('class' in restProps) {
       // Todo https://github.com/developit/preact-compat/issues/422
       /* tslint:disable:no-string-literal */
@@ -30,16 +30,18 @@ class Radio extends React.Component {
     const mark = /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
       className: wrapCls,
       style: style,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_rcCheckbox.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, restProps), {}, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_rcCheckbox.default, {
+        ...restProps,
         type: "radio"
-      })), children]
+      }), children]
     });
     if (this.props.wrapLabel) {
       return mark;
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rcCheckbox.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, this.props), {}, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rcCheckbox.default, {
+      ...this.props,
       type: "radio"
-    }));
+    });
   }
 }
 exports.default = Radio;

package/lib/Radio/RadioItem.js

@@ -1,35 +1,35 @@
 "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"));
 var _List = _interopRequireDefault(require("../List"));
 var _Radio = _interopRequireDefault(require("./Radio"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["listPrefixCls", "onChange", "disabled", "radioProps", "onClick"];
 const ListItem = _List.default.Item;
 function noop() {}
 class RadioItem extends React.Component {
   render() {
-    const _this$props = this.props,
-      listPrefixCls = _this$props.listPrefixCls,
-      onChange = _this$props.onChange,
-      disabled = _this$props.disabled,
-      radioProps = _this$props.radioProps,
-      onClick = _this$props.onClick,
-      otherProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
-    const prefixCls = otherProps.prefixCls,
-      className = otherProps.className,
-      children = otherProps.children;
-    const wrapCls = (0, _classnames.default)("".concat(prefixCls, "-item"), className, {
-      ["".concat(prefixCls, "-item-disabled")]: disabled === true
+    const {
+      listPrefixCls,
+      onChange,
+      disabled,
+      radioProps,
+      onClick,
+      ...otherProps
+    } = this.props;
+    const {
+      prefixCls,
+      className,
+      children
+    } = otherProps;
+    const wrapCls = (0, _classnames.default)(`${prefixCls}-item`, className, {
+      [`${prefixCls}-item-disabled`]: disabled === true
     });
 
     // Note: if not omit `onChange`, it will trigger twice on check listitem
@@ -43,12 +43,16 @@ class RadioItem extends React.Component {
         extraProps[i] = this.props[i];
       }
     });
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItem, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, otherProps), {}, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItem, {
+      ...otherProps,
       prefixCls: listPrefixCls,
       className: wrapCls,
-      extra: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, radioProps), extraProps)),
+      extra: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.default, {
+        ...radioProps,
+        ...extraProps
+      }),
       children: children
-    }));
+    });
   }
 }
 exports.default = RadioItem;

package/lib/RateFormatter/index.js

@@ -13,33 +13,33 @@ class RateFormatter extends _react.default.Component {
   constructor() {
     super(...arguments);
     this.getRateList = () => {
-      const _this$props = this.props,
-        data = _this$props.data,
-        value = _this$props.value;
-      const _ref = data || {},
-        _ref$rate_max_number = _ref.rate_max_number,
-        rate_max_number = _ref$rate_max_number === void 0 ? 5 : _ref$rate_max_number,
-        _ref$rate_style_color = _ref.rate_style_color,
-        rate_style_color = _ref$rate_style_color === void 0 ? '#e5e5e5' : _ref$rate_style_color,
-        _ref$rate_style_type = _ref.rate_style_type,
-        rate_style_type = _ref$rate_style_type === void 0 ? 'dtable-icon-rate' : _ref$rate_style_type;
+      const {
+        data,
+        value
+      } = this.props;
+      const {
+        rate_max_number = 5,
+        rate_style_color = '#e5e5e5',
+        rate_style_type = 'dtable-icon-rate'
+      } = data || {};
       const validValue = Math.min(rate_max_number, value);
       let rateList = [];
       for (let i = 0; i < validValue; i++) {
         rateList.push(/*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
-          className: "dtable-font ".concat(rate_style_type),
+          className: `dtable-font ${rate_style_type}`,
           style: {
             color: rate_style_color || '#e5e5e5'
           }
-        }, "dtable-ui-component-rate-".concat(i)));
+        }, `dtable-ui-component-rate-${i}`));
       }
       return rateList;
     };
   }
   render() {
-    const _this$props2 = this.props,
-      number = _this$props2.value,
-      containerClassName = _this$props2.containerClassName;
+    const {
+      value: number,
+      containerClassName
+    } = this.props;
     const className = (0, _classnames.default)('dtable-ui cell-formatter-container rate-formatter', containerClassName);
     if (!number) return null;
     const rateList = this.getRateList();

package/lib/RoleStatusEditor/index.js

@@ -1,12 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactstrap = require("reactstrap");
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -15,19 +14,15 @@ var _DTableDropdownItem = _interopRequireDefault(require("../DTableDropdownItem"
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const RoleStatusEditor = _ref => {
-  let isShowDropdownIcon = _ref.isShowDropdownIcon,
-    currentOption = _ref.currentOption,
-    menuOptions = _ref.menuOptions,
-    onChangeOption = _ref.onChangeOption,
-    closeShowDropdownIcon = _ref.closeShowDropdownIcon;
-  const _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  const _useState3 = (0, _react.useState)(320),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    menuMaxHeight = _useState4[0],
-    setMenuMaxHeight = _useState4[1];
+  let {
+    isShowDropdownIcon,
+    currentOption,
+    menuOptions,
+    onChangeOption,
+    closeShowDropdownIcon
+  } = _ref;
+  const [isOpen, setIsOpen] = (0, _react.useState)(false);
+  const [menuMaxHeight, setMenuMaxHeight] = (0, _react.useState)(320);
   const toggleRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(() => {
     if (isOpen && toggleRef.current) {
@@ -39,7 +34,9 @@ const RoleStatusEditor = _ref => {
     }
   }, [isOpen]);
   const handleClickMenuOption = menuOption => {
-    const value = menuOption.value;
+    const {
+      value
+    } = menuOption;
     closeShowDropdownIcon && closeShowDropdownIcon();
     if (value === currentOption.value) return;
     onChangeOption(value);
@@ -67,14 +64,16 @@ const RoleStatusEditor = _ref => {
         overflowY: 'auto'
       },
       children: menuOptions.map(option => {
-        const value = option.value,
-          label = option.label;
+        const {
+          value,
+          label
+        } = option;
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableDropdownItem.default, {
           onClick: () => handleClickMenuOption(option),
           showChecked: true,
           checked: currentOption.value === value,
           content: label
-        }, "item-".concat(value));
+        }, `item-${value}`);
       })
     })]
   });

package/lib/RowExpand/index.js

@@ -1,12 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _RowExpandDialog = _interopRequireDefault(require("../RowExpandDialog"));
@@ -16,14 +15,16 @@ const RowExpand = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
       query: '(min-width: 768px)',
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowExpandDialog.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowExpandDialog.default, {
+        ...props,
         ref: ref
-      }))
+      })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
       query: '(max-width: 768px)',
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowExpandView.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowExpandView.default, {
+        ...props,
         ref: ref
-      }))
+      })
     })]
   });
 });

package/lib/RowExpandDialog/body/index.js

@@ -5,9 +5,6 @@ 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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
 var _reactstrap = require("reactstrap");
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -19,7 +16,6 @@ var _constants = require("../../constants");
 var _utils = require("../../utils/utils");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["component", "onChange"];
 class Body extends _react.default.Component {
   constructor(_props) {
     super(_props);
@@ -65,10 +61,11 @@ class Body extends _react.default.Component {
       this.fieldEditorOpen = false;
     };
     this.onHotKey = event => {
-      const _this$props = this.props,
-        columns = _this$props.columns,
-        onKeyDown = _this$props.onKeyDown,
-        onToggle = _this$props.onToggle;
+      const {
+        columns,
+        onKeyDown,
+        onToggle
+      } = this.props;
       const readonly = Array.isArray(columns) && columns.length > 0 ? !columns.some(c => c.editable) : true;
       const keyCode = event.keyCode;
       // When opening field editor, all shortcuts in row expand dialog do not work
@@ -96,7 +93,9 @@ class Body extends _react.default.Component {
     this.onPressTab = event => {
       event.stopPropagation();
       event.preventDefault();
-      const columns = this.props.columns;
+      const {
+        columns
+      } = this.props;
       let tabIndex = this.state.tabIndex;
       // Press tab, highlight next column;
       if (event.shiftKey) {
@@ -127,32 +126,42 @@ class Body extends _react.default.Component {
       this.props.getDownLoadFiles([{
         url: imageItemUrl
       }]).then(res => {
-        const _res$data$urls = (0, _slicedToArray2.default)(res.data.urls, 1),
-          downloadUrl = _res$data$urls[0];
+        const [downloadUrl] = res.data.urls;
         (0, _utils.downloadFile)(downloadUrl);
       }).catch(error => {
         // todo
       });
     };
     this.getCellValue = _ref => {
-      let row = _ref.row,
-        column = _ref.column;
+      let {
+        row,
+        column
+      } = _ref;
       if (!row || !column) return null;
-      const valueKey = this.props.valueKey;
+      const {
+        valueKey
+      } = this.props;
       return row[column[valueKey]];
     };
     this.renderColumnValue = (row, column, columnIndex, isEditorFocus) => {
-      const _this$props2 = this.props,
-        component = _this$props2.component,
-        onChange = _this$props2.onChange,
-        props = (0, _objectWithoutProperties2.default)(_this$props2, _excluded);
-      const getDownLoadFiles = props.getDownLoadFiles;
-      const editable = column.editable;
-      const _ref2 = component || {},
-        editor = _ref2.editor,
-        formatter = _ref2.formatter;
+      const {
+        component,
+        onChange,
+        ...props
+      } = this.props;
+      const {
+        getDownLoadFiles
+      } = props;
+      const {
+        editable
+      } = column;
+      const {
+        editor,
+        formatter
+      } = component || {};
       if (editable) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowExpandEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowExpandEditor.default, {
+          ...props,
           column: column,
           row: row,
           component: editor,
@@ -163,14 +172,15 @@ class Body extends _react.default.Component {
           onCommit: value => onChange(column, value),
           onEditorOpen: this.onEditorOpen,
           onEditorClose: this.onEditorClose
-        }));
+        });
       }
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowExpandFormatter.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowExpandFormatter.default, {
+        ...props,
         column: column,
         row: row,
         component: formatter,
         downloadImage: getDownLoadFiles ? this.downloadImage : null
-      }));
+      });
     };
     this.renderColumnContent = (row, column, columnIndex) => {
       const isEditorFocus = columnIndex === this.state.tabIndex && column.editable;
@@ -183,17 +193,20 @@ class Body extends _react.default.Component {
       });
     };
     this.renderChildren = () => {
-      const _this$props3 = this.props,
-        columns = _this$props3.columns,
-        row = _this$props3.row,
-        children = _this$props3.children;
+      const {
+        columns,
+        row,
+        children
+      } = this.props;
       const props = {
         columns,
         row
       };
       const CustomChildren = children;
       if (/*#__PURE__*/_react.default.isValidElement(CustomChildren)) return /*#__PURE__*/_react.default.cloneElement(CustomChildren, props);
-      if ((0, _utils.isFunction)(CustomChildren)) return /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomChildren, (0, _objectSpread2.default)({}, props));
+      if ((0, _utils.isFunction)(CustomChildren)) return /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomChildren, {
+        ...props
+      });
       return children;
     };
     this.state = {
@@ -216,10 +229,11 @@ class Body extends _react.default.Component {
     window.removeEventListener('keydown', this.onHotKey);
   }
   render() {
-    const _this$props4 = this.props,
-      columns = _this$props4.columns,
-      row = _this$props4.row,
-      placeholder = _this$props4.placeholder;
+    const {
+      columns,
+      row,
+      placeholder
+    } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactstrap.ModalBody, {
       className: "dtable-ui-row-expand-body",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -228,12 +242,15 @@ class Body extends _react.default.Component {
         children: [columns.length === 0 && placeholder && /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
           children: placeholder
         }), columns.map((column, index) => {
-          const type = column.type,
-            data = column.data;
+          const {
+            type,
+            data
+          } = column;
           let isHasMore = false;
           if (type === _dtableUtils.CellType.LINK_FORMULA) {
-            let _ref3 = data || {},
-              array_type = _ref3.array_type;
+            let {
+              array_type
+            } = data || {};
             const value = this.getCellValue({
               row,
               column

package/lib/RowExpandDialog/column-content/index.js

@@ -13,12 +13,16 @@ var _DTableColumnIcon = _interopRequireDefault(require("../../DTableColumnIcon")
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const ColumnContent = _ref => {
-  let column = _ref.column,
-    children = _ref.children;
+  let {
+    column,
+    children
+  } = _ref;
   const descriptionRef = (0, _react.useRef)(null);
-  const name = column.name,
-    key = column.key,
-    description = column.description;
+  const {
+    name,
+    key,
+    description
+  } = column;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactstrap.Row, {
     className: "dtable-ui-row-expand-column-content pb-4",
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactstrap.Col, {
@@ -26,7 +30,7 @@ const ColumnContent = _ref => {
       className: "dtable-ui-row-expand-column-content-info d-flex",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: "dtable-ui-header-icon",
-        id: "header-icon-".concat(key),
+        id: `header-icon-${key}`,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableColumnIcon.default, {
           column: column
         })