dtable-ui-component 7.0.13 → 7.0.15

package/lib/RowExpandEditor/number-editor/pc-editor.js

@@ -34,17 +34,21 @@ class RowExpandPCNumberEditor extends _react.default.Component {
         isShowEditor: false
       });
     };
-    const column = props.column,
-      row = props.row,
-      isEditorFocus = props.isEditorFocus;
+    const {
+      column,
+      row,
+      isEditorFocus
+    } = props;
     this.state = {
       isShowEditor: isEditorFocus || false,
       value: row[column.key]
     };
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const column = nextProps.column,
-      row = nextProps.row;
+    const {
+      column,
+      row
+    } = nextProps;
     if (row._id !== this.props.row._id) {
       this.setState({
         value: row[column.key],
@@ -62,12 +66,14 @@ class RowExpandPCNumberEditor extends _react.default.Component {
     }
   }
   render() {
-    let _this$props = this.props,
-      column = _this$props.column,
-      isInModal = _this$props.isInModal;
-    let _this$state = this.state,
-      value = _this$state.value,
-      isShowEditor = _this$state.isShowEditor;
+    let {
+      column,
+      isInModal
+    } = this.props;
+    let {
+      value,
+      isShowEditor
+    } = this.state;
     if (isShowEditor) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NumberEditor.default, {
         isInModal: isInModal,
@@ -79,8 +85,9 @@ class RowExpandPCNumberEditor extends _react.default.Component {
     }
     let formatValue = '';
     if ((0, _dtableUtils.isNumber)(value)) {
-      let _column$data = column.data,
-        data = _column$data === void 0 ? {} : _column$data;
+      let {
+        data = {}
+      } = column;
       formatValue = (0, _dtableUtils.getNumberDisplayString)(value, data);
     }
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/RowExpandEditor/rate-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"));
@@ -17,14 +16,16 @@ const RowExpandRateEditor = /*#__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/rate-editor/mb-editor.js

@@ -13,7 +13,9 @@ class RowExpandMBRateEditor extends _react.default.Component {
     super(props);
     this.onChangeRateNumber = index => {
       if (!this.canEdit) return;
-      const value = this.state.value;
+      const {
+        value
+      } = this.state;
       const newValue = value === index ? '' : index;
       this.setState({
         value: newValue
@@ -21,12 +23,17 @@ class RowExpandMBRateEditor extends _react.default.Component {
       this.props.onCommit(newValue);
     };
     this.getRateMaxStar = () => {
-      const value = this.state.value;
-      const column = this.props.column;
-      const _ref = column.data || {},
-        rate_max_number = _ref.rate_max_number,
-        rate_style_color = _ref.rate_style_color,
-        rate_style_type = _ref.rate_style_type;
+      const {
+        value
+      } = this.state;
+      const {
+        column
+      } = this.props;
+      const {
+        rate_max_number,
+        rate_style_color,
+        rate_style_type
+      } = column.data || {};
       const rateShowType = rate_style_type ? rate_style_type : 'dtable-icon-rate';
       let rateList = [];
       for (let i = 0; i < rate_max_number; i++) {
@@ -42,7 +49,7 @@ class RowExpandMBRateEditor extends _react.default.Component {
             'rate-item-active': value >= rateItemIndex
           }),
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            className: "dtable-font ".concat(rateShowType)
+            className: `dtable-font ${rateShowType}`
           })
         }, i);
         rateList.push(rateItem);
@@ -52,14 +59,20 @@ class RowExpandMBRateEditor extends _react.default.Component {
     this.state = {
       value: props.value || ''
     };
-    let _column = this.props.column;
-    const editable = _column.editable;
+    let {
+      column: _column
+    } = this.props;
+    const {
+      editable
+    } = _column;
     this.canEdit = editable;
   }
   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({
         value: row[column[valueKey]] || ''

package/lib/RowExpandEditor/rate-editor/pc-editor.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 _lang = require("../../lang");
@@ -15,12 +14,14 @@ class RowExpandPCRateEditor extends _react.default.Component {
     super(props);
     this.onKeyDown = event => {
       event.stopPropagation();
-      const _this$props = this.props,
-        isEditorFocus = _this$props.isEditorFocus,
-        column = _this$props.column;
+      const {
+        isEditorFocus,
+        column
+      } = this.props;
       if (!isEditorFocus || !this.canEdit) return;
-      const _ref = column.data || {},
-        rate_max_number = _ref.rate_max_number;
+      const {
+        rate_max_number
+      } = column.data || {};
       const currentInputNum = Number(event.key);
       const isValidNumber = currentInputNum <= rate_max_number;
       if (isValidNumber) {
@@ -30,7 +31,9 @@ class RowExpandPCRateEditor extends _react.default.Component {
     this.onChangeRateNumber = index => {
       this.props.updateTabIndex(this.props.columnIndex);
       if (!this.canEdit) return;
-      const value = this.state.value;
+      const {
+        value
+      } = this.state;
       let newValue = value === index ? '' : index;
       this.setState({
         value: newValue
@@ -52,16 +55,22 @@ class RowExpandPCRateEditor extends _react.default.Component {
       }
     };
     this.getRateMaxStar = () => {
-      const _this$state = this.state,
-        enterRateItemIndex = _this$state.enterRateItemIndex,
-        value = _this$state.value;
-      const column = this.props.column;
-      const _ref2 = column.data || {},
-        rate_max_number = _ref2.rate_max_number,
-        rate_style_color = _ref2.rate_style_color,
-        rate_style_type = _ref2.rate_style_type;
+      const {
+        enterRateItemIndex,
+        value
+      } = this.state;
+      const {
+        column
+      } = this.props;
+      const {
+        rate_max_number,
+        rate_style_color,
+        rate_style_type
+      } = column.data || {};
       const rateShowType = rate_style_type ? rate_style_type : 'dtable-icon-rate';
-      const editable = column.editable;
+      const {
+        editable
+      } = column;
       let rateList = [];
       for (let i = 0; i < rate_max_number; i++) {
         const rateItemIndex = i + 1;
@@ -71,10 +80,11 @@ class RowExpandPCRateEditor extends _react.default.Component {
         };
         let style = itemStyle;
         if (enterRateItemIndex >= rateItemIndex) {
-          style = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, itemStyle), {}, {
+          style = {
+            ...itemStyle,
             color: rate_style_color,
             opacity: 0.4
-          });
+          };
         }
         let rateItem = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           onMouseEnter: this.onMouseEnterRateItem.bind(this, rateItemIndex),
@@ -83,7 +93,7 @@ class RowExpandPCRateEditor extends _react.default.Component {
           style: style,
           className: value >= rateItemIndex ? 'rate-item-active' : '',
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            className: "dtable-font ".concat(rateShowType)
+            className: `dtable-font ${rateShowType}`
           })
         }, i);
         rateList.push(rateItem);
@@ -94,14 +104,20 @@ class RowExpandPCRateEditor extends _react.default.Component {
       value: props.value || '',
       enterRateItemIndex: -1
     };
-    let _column = this.props.column;
-    const _editable = _column.editable;
+    let {
+      column: _column
+    } = this.props;
+    const {
+      editable: _editable
+    } = _column;
     this.canEdit = _editable;
   }
   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({
         value: row[column[valueKey]] || ''
@@ -126,7 +142,7 @@ class RowExpandPCRateEditor extends _react.default.Component {
       style: style,
       onKeyDown: this.onKeyDown,
       onFocus: this.props.updateTabIndex.bind(this, this.props.columnIndex),
-      "aria-label": "".concat(this.state.value, ", ").concat((0, _lang.getLocale)('Press_the_number_keys_to_enter_the_corresponding_value')),
+      "aria-label": `${this.state.value}, ${(0, _lang.getLocale)('Press_the_number_keys_to_enter_the_corresponding_value')}`,
       className: (0, _classnames.default)('form-control dtable-ui dtable-ui-row-expand-rate-editor', {
         'disabled': !this.canEdit
       }),

package/lib/RowExpandEditor/single-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 RowExpandSingleSelectEditor = /*#__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/single-select-editor/mb-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 _dtableUtils = require("dtable-utils");
 var _SingleSelectEditor = _interopRequireDefault(require("../../../SingleSelectEditor"));
@@ -21,14 +20,19 @@ class RowExpandMBSingleSelectEditor extends _react.default.Component {
   constructor(_props) {
     super(_props);
     this.getOptions = props => {
-      const column = props.column,
-        row = props.row,
-        columns = props.columns;
+      const {
+        column,
+        row,
+        columns
+      } = props;
       const options = (0, _dtableUtils.getColumnOptions)(column);
-      const data = column.data;
-      const _ref = data || {},
-        cascade_column_key = _ref.cascade_column_key,
-        cascade_settings = _ref.cascade_settings;
+      const {
+        data
+      } = column;
+      const {
+        cascade_column_key,
+        cascade_settings
+      } = data || {};
       if (cascade_column_key && Array.isArray(columns)) {
         const cascadeColumn = columns.find(c => c.key === cascade_column_key);
         if (cascadeColumn) {
@@ -65,12 +69,15 @@ class RowExpandMBSingleSelectEditor extends _react.default.Component {
       this.toggleEditor(false);
     };
     this.renderOption = () => {
-      const value = this.state.value;
+      const {
+        value
+      } = this.state;
       let option = this.options.find(o => o[this.key] === value);
-      option = (0, _objectSpread2.default)({
+      option = {
         name: (0, _lang.getLocale)(_constants.DELETED_OPTION_TIPS),
-        color: _constants.DELETED_OPTION_BACKGROUND_COLOR
-      }, option);
+        color: _constants.DELETED_OPTION_BACKGROUND_COLOR,
+        ...option
+      };
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
         children: value ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           style: {
@@ -93,8 +100,10 @@ class RowExpandMBSingleSelectEditor 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({
@@ -104,13 +113,15 @@ class RowExpandMBSingleSelectEditor 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/single-select-editor/pc-editor/index.js

@@ -18,14 +18,19 @@ class RowExpandPCSingleSelectEditor extends _react.default.Component {
   constructor(_props) {
     super(_props);
     this.getOptions = props => {
-      const column = props.column,
-        row = props.row,
-        columns = props.columns;
+      const {
+        column,
+        row,
+        columns
+      } = props;
       const options = (0, _dtableUtils.getColumnOptions)(column);
-      const data = column.data;
-      const _ref = data || {},
-        cascade_column_key = _ref.cascade_column_key,
-        cascade_settings = _ref.cascade_settings;
+      const {
+        data
+      } = column;
+      const {
+        cascade_column_key,
+        cascade_settings
+      } = data || {};
       if (cascade_column_key && Array.isArray(columns)) {
         const cascadeColumn = columns.find(c => c.key === cascade_column_key);
         if (cascadeColumn) {
@@ -86,11 +91,14 @@ class RowExpandPCSingleSelectEditor extends _react.default.Component {
       this.toggleSingleSelect(false);
     };
     this.renderOption = () => {
-      const _this$props = this.props,
-        isEditorFocus = _this$props.isEditorFocus,
-        classNamePrefix = _this$props.classNamePrefix,
-        placeholder = _this$props.placeholder;
-      const value = this.state.value;
+      const {
+        isEditorFocus,
+        classNamePrefix,
+        placeholder
+      } = this.props;
+      const {
+        value
+      } = this.state;
       const option = this.options.find(o => o[this.key] === value);
       const optionStyle = option ? {
         backgroundColor: option.color,
@@ -106,15 +114,15 @@ class RowExpandPCSingleSelectEditor extends _react.default.Component {
         ref: ref => this.selectRef = 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: [value && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
               className: "dtable-ui-select-option",
@@ -145,8 +153,10 @@ class RowExpandPCSingleSelectEditor 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({
@@ -170,14 +180,16 @@ class RowExpandPCSingleSelectEditor extends _react.default.Component {
     document.removeEventListener('keydown', this.onKeyDown);
   }
   render() {
-    const _this$props2 = this.props,
-      isSupportNewOption = _this$props2.isSupportNewOption,
-      onAddNewOption = _this$props2.onAddNewOption,
-      column = _this$props2.column,
-      classNamePrefix = _this$props2.classNamePrefix;
-    const _this$state = this.state,
-      isShowEditor = _this$state.isShowEditor,
-      value = _this$state.value;
+    const {
+      isSupportNewOption,
+      onAddNewOption,
+      column,
+      classNamePrefix
+    } = this.props;
+    const {
+      isShowEditor,
+      value
+    } = this.state;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "position-relative w-100",
       ref: ref => this.ref = ref,

package/lib/RowExpandEditor/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 RowExpandTextEditor = /*#__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/text-editor/mb-editor/index.js

@@ -19,10 +19,11 @@ class RowExpandMBTextEditor extends _react.default.Component {
     this.editor = null;
   }
   render() {
-    const _this$props = this.props,
-      readOnly = _this$props.readOnly,
-      column = _this$props.column,
-      value = _this$props.value;
+    const {
+      readOnly,
+      column,
+      value
+    } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "dtable-ui-mobile-row-expand-input-editor-container",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextEditor.default, {

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

@@ -35,9 +35,10 @@ class RowExpandPCTextEditor extends _react.default.Component {
       }, 1);
     };
     this.onCommit = () => {
-      const _this$props = this.props,
-        isRequired = _this$props.isRequired,
-        column = _this$props.column;
+      const {
+        isRequired,
+        column
+      } = this.props;
       const value = this.editor.getValue();
       if (isRequired && (0, _columnUtils.isEnableCheckFormat)(column)) {
         this.checked = true;
@@ -46,7 +47,9 @@ class RowExpandPCTextEditor extends _react.default.Component {
       this.props.onCommit(value);
     };
     this.checkField = () => {
-      const column = this.props.column;
+      const {
+        column
+      } = this.props;
       const text = this.editor.getValue();
       this.validValue = (0, _cell.checkValueConformityFormat)(column.data, text);
       this.setState({
@@ -60,10 +63,11 @@ class RowExpandPCTextEditor extends _react.default.Component {
         this.blurInput();
         return;
       }
-      const _event$currentTarget = event.currentTarget,
-        selectionStart = _event$currentTarget.selectionStart,
-        selectionEnd = _event$currentTarget.selectionEnd,
-        value = _event$currentTarget.value;
+      const {
+        selectionStart,
+        selectionEnd,
+        value
+      } = event.currentTarget;
       if (event.keyCode === _constants.KeyCodes.ChineseInputMethod || event.keyCode === _constants.KeyCodes.LeftArrow && selectionStart === 0 || event.keyCode === _constants.KeyCodes.RightArrow && selectionEnd === value.length) {
         event.stopPropagation();
       }
@@ -89,13 +93,17 @@ class RowExpandPCTextEditor extends _react.default.Component {
     this.checkingField = null;
   }
   componentDidMount() {
-    const isEditorFocus = this.props.isEditorFocus;
+    const {
+      isEditorFocus
+    } = this.props;
     if (isEditorFocus) {
       this.focusInput();
     }
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const isEditorFocus = nextProps.isEditorFocus;
+    const {
+      isEditorFocus
+    } = nextProps;
     if (isEditorFocus && !this.props.isEditorFocus) {
       this.focusInput();
     } else if (!isEditorFocus && this.props.isEditorFocus) {
@@ -103,11 +111,14 @@ class RowExpandPCTextEditor extends _react.default.Component {
     }
   }
   render() {
-    const _this$props2 = this.props,
-      readOnly = _this$props2.readOnly,
-      column = _this$props2.column,
-      value = _this$props2.value;
-    const inconformityFormat = this.state.inconformityFormat;
+    const {
+      readOnly,
+      column,
+      value
+    } = this.props;
+    const {
+      inconformityFormat
+    } = this.state;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "dtable-ui-row-expand-simple-text-editor-container",
       ref: this.setEditorRef,