dtable-ui-component 7.0.13 → 7.0.15

package/lib/RowExpandEditor/image-editor/pc-editor/index.js

@@ -65,11 +65,14 @@ class RowExpandPCImageEditor extends _react.default.Component {
       this.setLargeImageIndex(-1);
     };
     this.getValue = () => {
-      let _this$props = this.props,
-        column = _this$props.column,
-        row = _this$props.row,
-        valueKey = _this$props.valueKey;
-      let imageContainer = this.state.imageContainer;
+      let {
+        column,
+        row,
+        valueKey
+      } = this.props;
+      let {
+        imageContainer
+      } = this.state;
       return imageContainer ? imageContainer : row[column[valueKey]];
     };
     this.deleteImage = index => {
@@ -82,7 +85,9 @@ class RowExpandPCImageEditor extends _react.default.Component {
       this.props.onCommit(updatedValue);
     };
     this.getImageArray = value => {
-      const config = this.props.config;
+      const {
+        config
+      } = this.props;
       return value.map((imageSrc, index) => {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageThumbnail.default, {
           index: index,
@@ -90,7 +95,7 @@ class RowExpandPCImageEditor extends _react.default.Component {
           onClick: this.setLargeImageIndex,
           deleteImage: this.deleteImage,
           config: config
-        }, "image-".concat(index));
+        }, `image-${index}`);
       });
     };
     this.state = {
@@ -103,9 +108,11 @@ class RowExpandPCImageEditor extends _react.default.Component {
     document.addEventListener('keydown', this.onKeyDown);
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const column = nextProps.column,
-      row = nextProps.row,
-      valueKey = nextProps.valueKey;
+    const {
+      column,
+      row,
+      valueKey
+    } = nextProps;
     if (row._id !== this.props.row._id) {
       this.setState({
         imageContainer: row[column[valueKey]] || [],
@@ -128,10 +135,13 @@ class RowExpandPCImageEditor extends _react.default.Component {
     document.removeEventListener('keydown', this.onKeyDown);
   }
   render() {
-    const isEditorFocus = this.props.isEditorFocus;
-    let _this$state = this.state,
-      isShowImageEditor = _this$state.isShowImageEditor,
-      largeImageIndex = _this$state.largeImageIndex;
+    const {
+      isEditorFocus
+    } = this.props;
+    let {
+      isShowImageEditor,
+      largeImageIndex
+    } = this.state;
     let value = this.getValue();
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/lib/RowExpandEditor/index.js

@@ -5,25 +5,30 @@ 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 = _interopRequireDefault(require("react"));
 var _constants = require("./constants");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["column", "component"];
 const RowExpandEditor = _ref => {
-  let column = _ref.column,
-    component = _ref.component,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  const components = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _constants.CELL_EDITOR_MAP), component);
+  let {
+    column,
+    component,
+    ...props
+  } = _ref;
+  const components = {
+    ..._constants.CELL_EDITOR_MAP,
+    ...component
+  };
   const Editor = components[column.type];
   if (!Editor) return null;
-  const row = props.row,
-    valueKey = props.valueKey;
+  const {
+    row,
+    valueKey
+  } = props;
   const value = row[column[valueKey]];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Editor, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Editor, {
+    ...props,
     value: value,
     column: column
-  }));
+  });
 };
 var _default = exports.default = RowExpandEditor;

package/lib/RowExpandEditor/long-text-editor/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 _pcEditor = _interopRequireDefault(require("./pc-editor"));
@@ -16,14 +15,16 @@ const RowExpandLongTextEditor = /*#__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)(_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/RowExpandEditor/long-text-editor/mb-editor/editor/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 _seafileEditor = require("@seafile/seafile-editor");
 var _TextareaItem = _interopRequireDefault(require("../../../../TextareaItem"));
@@ -14,17 +13,18 @@ var _MobileFullScreenPage = _interopRequireDefault(require("../../../../MobileFu
 var _lang = require("../../../../lang");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-const Header = _MobileFullScreenPage.default.Header,
-  Body = _MobileFullScreenPage.default.Body;
+const {
+  Header,
+  Body
+} = _MobileFullScreenPage.default;
 const Editor = _ref => {
-  let oldValue = _ref.value,
-    title = _ref.title,
-    onToggle = _ref.onToggle,
-    onChange = _ref.onChange;
-  const _useState = (0, _react.useState)(oldValue || ''),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
+  let {
+    value: oldValue,
+    title,
+    onToggle,
+    onChange
+  } = _ref;
+  const [value, setValue] = (0, _react.useState)(oldValue || '');
   const hasUnSaved = (0, _react.useRef)(false);
   const rowCounts = (0, _react.useMemo)(() => document.body.offsetWidth < 768 ? 10 : 20, []);
   const handleTextChange = (0, _react.useCallback)(newValue => {
@@ -34,11 +34,12 @@ const Editor = _ref => {
   }, [value]);
   const onSave = (0, _react.useCallback)(() => {
     if (!hasUnSaved.current) return;
-    const _getPreviewContent = (0, _seafileEditor.getPreviewContent)(value),
-      previewText = _getPreviewContent.previewText,
-      images = _getPreviewContent.images,
-      links = _getPreviewContent.links,
-      checklist = _getPreviewContent.checklist;
+    const {
+      previewText,
+      images,
+      links,
+      checklist
+    } = (0, _seafileEditor.getPreviewContent)(value);
     const newValue = Object.assign({}, {
       text: value,
       preview: previewText,

package/lib/RowExpandEditor/long-text-editor/mb-editor/index.js

@@ -48,12 +48,15 @@ class RowExpandMBLongTextEditor extends _react.default.Component {
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
     var _this$editorRef, _this$editorRef$curre;
-    const column = nextProps.column,
-      row = nextProps.row,
-      valueKey = nextProps.valueKey;
-    const _this$props = this.props,
-      currentColumn = _this$props.column,
-      currentRow = _this$props.row;
+    const {
+      column,
+      row,
+      valueKey
+    } = nextProps;
+    const {
+      column: currentColumn,
+      row: currentRow
+    } = this.props;
     const value = row[column[valueKey]];
     const currentValue = currentRow[currentColumn[valueKey]];
     if (value !== currentValue && !((_this$editorRef = this.editorRef) !== null && _this$editorRef !== void 0 && (_this$editorRef$curre = _this$editorRef.current) !== null && _this$editorRef$curre !== void 0 && _this$editorRef$curre.enableEdit)) {
@@ -61,10 +64,13 @@ class RowExpandMBLongTextEditor extends _react.default.Component {
     }
   }
   render() {
-    const column = this.props.column;
-    const _this$state = this.state,
-      innerHtml = _this$state.innerHtml,
-      isShowEditor = _this$state.isShowEditor;
+    const {
+      column
+    } = this.props;
+    const {
+      innerHtml,
+      isShowEditor
+    } = this.state;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [innerHtml ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "dtable-ui-mobile-long-text-formatter article py-2",

package/lib/RowExpandEditor/long-text-editor/pc-editor/index.js

@@ -47,7 +47,9 @@ class RowExpandPCLongTextEditor extends _react.default.Component {
       this.editorRef.current.closeEditor();
     };
     this.onClick = () => {
-      const columnIndex = this.props.columnIndex;
+      const {
+        columnIndex
+      } = this.props;
       this.props.updateTabIndex && this.props.updateTabIndex(columnIndex);
     };
     this.state = {
@@ -61,14 +63,17 @@ class RowExpandPCLongTextEditor extends _react.default.Component {
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
     var _this$editorRef, _this$editorRef$curre;
-    const column = nextProps.column,
-      row = nextProps.row,
-      nextIsEditorFocus = nextProps.isEditorFocus,
-      valueKey = nextProps.valueKey;
-    const _this$props = this.props,
-      currentColumn = _this$props.column,
-      currentRow = _this$props.row,
-      isEditorFocus = _this$props.isEditorFocus;
+    const {
+      column,
+      row,
+      isEditorFocus: nextIsEditorFocus,
+      valueKey
+    } = nextProps;
+    const {
+      column: currentColumn,
+      row: currentRow,
+      isEditorFocus
+    } = this.props;
     const value = row[column[valueKey]];
     const currentValue = currentRow[currentColumn[valueKey]];
     if (value !== currentValue && !((_this$editorRef = this.editorRef) !== null && _this$editorRef !== void 0 && (_this$editorRef$curre = _this$editorRef.current) !== null && _this$editorRef$curre !== void 0 && _this$editorRef$curre.enableEdit)) {
@@ -86,13 +91,15 @@ class RowExpandPCLongTextEditor extends _react.default.Component {
     }
   }
   render() {
-    const _this$props2 = this.props,
-      column = _this$props2.column,
-      longTextEditorAPI = _this$props2.longTextEditorAPI,
-      longTextEditorI18n = _this$props2.longTextEditorI18n;
-    const _this$state = this.state,
-      isLoading = _this$state.isLoading,
-      value = _this$state.value;
+    const {
+      column,
+      longTextEditorAPI,
+      longTextEditorI18n
+    } = this.props;
+    const {
+      isLoading,
+      value
+    } = this.state;
     if (isLoading) return null;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Suspense, {
       fallback: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/RowExpandEditor/multiple-select-editor/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 _pcEditor = _interopRequireDefault(require("./pc-editor"));
@@ -16,14 +15,16 @@ const RowExpandMultipleSelectEditor = /*#__PURE__*/(0, _react.forwardRef)((props
   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/RowExpandEditor/multiple-select-editor/mb-editor/index.js

@@ -19,7 +19,9 @@ class RowExpandMBMultipleSelectEditor extends _react.default.Component {
   constructor(_props) {
     super(_props);
     this.getOptions = props => {
-      const column = props.column;
+      const {
+        column
+      } = props;
       return (0, _dtableUtils.getColumnOptions)(column);
     };
     this.toggleEditor = value => {
@@ -63,7 +65,9 @@ class RowExpandMBMultipleSelectEditor extends _react.default.Component {
       this.props.onCommit(newValue);
     };
     this.renderOptions = () => {
-      const value = this.state.value;
+      const {
+        value
+      } = this.state;
       let displayOptions = [];
       if (Array.isArray(value)) {
         const selectedOptions = this.options.filter(option => value.includes(option[this.key]));
@@ -86,7 +90,7 @@ class RowExpandMBMultipleSelectEditor extends _react.default.Component {
             onRemove: this.removeOption.bind(this, {
               [this.key]: optionId
             })
-          }, "deleted-".concat(index));
+          }, `deleted-${index}`);
         }));
       }
       if (displayOptions.length === 0) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_addBtn.default, {
@@ -110,8 +114,10 @@ class RowExpandMBMultipleSelectEditor extends _react.default.Component {
     this.options = this.getOptions(_props);
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const value = nextProps.value,
-      column = nextProps.column;
+    const {
+      value,
+      column
+    } = nextProps;
     if (value !== this.props.value || !_objectUtils.default.isSameObject(column, this.props.column)) {
       this.options = this.getOptions(nextProps);
       this.setState({
@@ -121,13 +127,15 @@ class RowExpandMBMultipleSelectEditor extends _react.default.Component {
     }
   }
   render() {
-    const _this$props = this.props,
-      column = _this$props.column,
-      isSupportNewOption = _this$props.isSupportNewOption,
-      onAddNewOption = _this$props.onAddNewOption;
-    const _this$state = this.state,
-      showEditor = _this$state.showEditor,
-      value = _this$state.value;
+    const {
+      column,
+      isSupportNewOption,
+      onAddNewOption
+    } = this.props;
+    const {
+      showEditor,
+      value
+    } = this.state;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "dtable-ui dtable-ui-mobile-row-expand-options-editor position-relative",

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

@@ -18,7 +18,9 @@ class RowExpandPCMultipleSelectEditor extends _react.default.Component {
   constructor(_props) {
     super(_props);
     this.getOptions = props => {
-      const column = props.column;
+      const {
+        column
+      } = props;
       return (0, _dtableUtils.getColumnOptions)(column);
     };
     this.onKeyDown = e => {
@@ -49,9 +51,10 @@ class RowExpandPCMultipleSelectEditor extends _react.default.Component {
     this.onToggleSelect = e => {
       e.preventDefault();
       e.stopPropagation();
-      const _this$props = this.props,
-        updateTabIndex = _this$props.updateTabIndex,
-        columnIndex = _this$props.columnIndex;
+      const {
+        updateTabIndex,
+        columnIndex
+      } = this.props;
       updateTabIndex && updateTabIndex(columnIndex);
       this.toggleSingleSelect(true);
     };
@@ -59,9 +62,10 @@ class RowExpandPCMultipleSelectEditor extends _react.default.Component {
       this.toggleSingleSelect(false);
     };
     this.onFocus = () => {
-      const _this$props2 = this.props,
-        updateTabIndex = _this$props2.updateTabIndex,
-        columnIndex = _this$props2.columnIndex;
+      const {
+        updateTabIndex,
+        columnIndex
+      } = this.props;
       updateTabIndex && updateTabIndex(columnIndex);
     };
     this.onChange = option => {
@@ -83,7 +87,9 @@ class RowExpandPCMultipleSelectEditor extends _react.default.Component {
       this.onChange(option);
     };
     this.getMultipleSelectList = () => {
-      const value = this.state.value;
+      const {
+        value
+      } = this.state;
       if (!Array.isArray(value)) return [];
       const selectedOptions = this.options.filter(option => value.includes(option[this.key]));
       const selectedOptionIds = selectedOptions.map(option => option[this.key]);
@@ -140,14 +146,15 @@ class RowExpandPCMultipleSelectEditor extends _react.default.Component {
               })
             })
           })]
-        }, "deleted-multiple-select-".concat(index));
+        }, `deleted-multiple-select-${index}`);
       }));
     };
     this.renderOptions = () => {
-      const _this$props3 = this.props,
-        isEditorFocus = _this$props3.isEditorFocus,
-        classNamePrefix = _this$props3.classNamePrefix,
-        placeholder = _this$props3.placeholder;
+      const {
+        isEditorFocus,
+        classNamePrefix,
+        placeholder
+      } = this.props;
       const options = this.getMultipleSelectList();
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         tabIndex: 0,
@@ -156,19 +163,19 @@ class RowExpandPCMultipleSelectEditor extends _react.default.Component {
         ref: ref => this.multipleSelectOptionsRef = ref,
         className: (0, _classnames.default)('dtable-ui dtable-ui-row-expand-select-editor custom-select', {
           'focus': isEditorFocus,
-          ["".concat(classNamePrefix, "-select-editor")]: classNamePrefix
+          [`${classNamePrefix}-select-editor`]: classNamePrefix
         }),
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: (0, _classnames.default)('dtable-ui-row-expand-select-editor-inner', {
-            ["".concat(classNamePrefix, "-select-editor-inner")]: classNamePrefix
+            [`${classNamePrefix}-select-editor-inner`]: classNamePrefix
           }),
           children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             className: (0, _classnames.default)('', {
-              ["".concat(classNamePrefix, "-select-editor-inner-container")]: classNamePrefix
+              [`${classNamePrefix}-select-editor-inner-container`]: classNamePrefix
             }),
             children: [options.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
               className: (0, _classnames.default)('dtable-ui-row-expand-select-options', {
-                ["".concat(classNamePrefix, "-select-editor-options")]: classNamePrefix
+                [`${classNamePrefix}-select-editor-options`]: classNamePrefix
               }),
               children: options
             }), options.length === 0 && placeholder && /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
@@ -194,8 +201,10 @@ class RowExpandPCMultipleSelectEditor extends _react.default.Component {
     document.addEventListener('keydown', this.onKeyDown);
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const value = nextProps.value,
-      column = nextProps.column;
+    const {
+      value,
+      column
+    } = nextProps;
     if (value !== this.props.value || !_objectUtils.default.isSameObject(column, this.props.column)) {
       this.options = this.getOptions(nextProps);
       this.setState({
@@ -218,14 +227,16 @@ class RowExpandPCMultipleSelectEditor extends _react.default.Component {
     document.removeEventListener('keydown', this.onKeyDown);
   }
   render() {
-    const _this$props4 = this.props,
-      column = _this$props4.column,
-      isSupportNewOption = _this$props4.isSupportNewOption,
-      onAddNewOption = _this$props4.onAddNewOption,
-      classNamePrefix = _this$props4.classNamePrefix;
-    const _this$state = this.state,
-      showSelectPopover = _this$state.showSelectPopover,
-      value = _this$state.value;
+    const {
+      column,
+      isSupportNewOption,
+      onAddNewOption,
+      classNamePrefix
+    } = this.props;
+    const {
+      showSelectPopover,
+      value
+    } = this.state;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "position-relative w-100",
       ref: ref => this.ref = ref,

package/lib/RowExpandEditor/number-editor/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 _pcEditor = _interopRequireDefault(require("./pc-editor"));
@@ -16,14 +15,16 @@ const RowExpandNumberEditor = /*#__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)(_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/RowExpandEditor/number-editor/mb-editor/index.js

@@ -35,22 +35,28 @@ class RowExpandMBNumberEditor extends _react.default.Component {
         isShowEditor: false
       });
     };
-    const column = props.column,
-      row = props.row;
+    const {
+      column,
+      row
+    } = props;
     this.state = {
       isShowEditor: false,
       value: row[column.key]
     };
   }
   render() {
-    const column = this.props.column;
-    const _this$state = this.state,
-      value = _this$state.value,
-      isShowEditor = _this$state.isShowEditor;
+    const {
+      column
+    } = this.props;
+    const {
+      value,
+      isShowEditor
+    } = this.state;
     let formatValue = '';
     if (!isShowEditor && (0, _dtableUtils.isNumber)(value)) {
-      const _column$data = column.data,
-        data = _column$data === void 0 ? {} : _column$data;
+      const {
+        data = {}
+      } = column;
       formatValue = (0, _dtableUtils.getNumberDisplayString)(value, data);
     }
     const dom = isShowEditor ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_NumberEditor.default, {