dtable-ui-component 7.0.13 → 7.0.15

package/lib/RowExpandEditor/date-editor/mb-editor.js

@@ -30,18 +30,22 @@ class RowExpandMBDateEditor extends _react.default.Component {
         value
       });
     };
-    const column = props.column,
-      row = props.row,
-      valueKey = props.valueKey;
+    const {
+      column,
+      row,
+      valueKey
+    } = props;
     this.state = {
       isShowEditor: false,
       value: row[column[valueKey]]
     };
   }
   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]],
@@ -50,12 +54,14 @@ class RowExpandMBDateEditor extends _react.default.Component {
     }
   }
   render() {
-    let _this$props = this.props,
-      column = _this$props.column,
-      lang = _this$props.lang;
-    let _this$state = this.state,
-      value = _this$state.value,
-      isShowEditor = _this$state.isShowEditor;
+    let {
+      column,
+      lang
+    } = this.props;
+    let {
+      value,
+      isShowEditor
+    } = this.state;
     const format = (0, _columnUtils.getDateColumnFormat)(column);
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

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

@@ -57,19 +57,22 @@ class RowExpandPCDateEditor extends _react.default.Component {
     };
   }
   componentDidMount() {
-    const _this$props = this.props,
-      column = _this$props.column,
-      row = _this$props.row,
-      valueKey = _this$props.valueKey;
+    const {
+      column,
+      row,
+      valueKey
+    } = this.props;
     this.setState({
       value: row[column[valueKey]]
     });
     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({
         value: row[column[valueKey]],
@@ -91,14 +94,16 @@ class RowExpandPCDateEditor extends _react.default.Component {
     document.removeEventListener('keydown', this.onKeyDown);
   }
   render() {
-    let _this$props2 = this.props,
-      column = _this$props2.column,
-      isInModal = _this$props2.isInModal,
-      isEditorFocus = _this$props2.isEditorFocus,
-      lang = _this$props2.lang;
-    let _this$state = this.state,
-      value = _this$state.value,
-      isShowEditor = _this$state.isShowEditor;
+    let {
+      column,
+      isInModal,
+      isEditorFocus,
+      lang
+    } = this.props;
+    let {
+      value,
+      isShowEditor
+    } = this.state;
     const format = (0, _columnUtils.getDateColumnFormat)(column);
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       ref: ref => this.dateSelectRef = ref,

package/lib/RowExpandEditor/department-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 RowExpandDepartmentEditor = /*#__PURE__*/(0, _react.forwardRef)((props, re
   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/department-editor/mb-editor.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 _rightAngle = _interopRequireDefault(require("../right-angle"));
 var _addBtn = _interopRequireDefault(require("../add-btn"));
@@ -15,20 +14,16 @@ var _DepartmentSingleSelectEditor = _interopRequireDefault(require("../../Depart
 var _lang = require("../../lang");
 var _jsxRuntime = require("react/jsx-runtime");
 const RowExpandMBDepartmentEditor = _ref => {
-  let row = _ref.row,
-    column = _ref.column,
-    valueKey = _ref.valueKey,
-    departments = _ref.departments,
-    userDepartmentIdsMap = _ref.userDepartmentIdsMap,
-    onCommit = _ref.onCommit;
-  const _useState = (0, _react.useState)(row[column[valueKey]] || ''),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  const _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    showEditor = _useState4[0],
-    setShowEditor = _useState4[1];
+  let {
+    row,
+    column,
+    valueKey,
+    departments,
+    userDepartmentIdsMap,
+    onCommit
+  } = _ref;
+  const [value, setValue] = (0, _react.useState)(row[column[valueKey]] || '');
+  const [showEditor, setShowEditor] = (0, _react.useState)(false);
   const openEditor = (0, _react.useCallback)(() => {
     setShowEditor(true);
   }, []);

package/lib/RowExpandEditor/department-editor/pc-editor.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 _classnames = _interopRequireDefault(require("classnames"));
 var _DepartmentSingleSelectFormatter = _interopRequireDefault(require("../../DepartmentSingleSelectFormatter"));
@@ -14,23 +13,19 @@ var _constants = require("../../constants");
 var _DepartmentSingleSelectEditor = _interopRequireDefault(require("../../DepartmentSingleSelectEditor"));
 var _jsxRuntime = require("react/jsx-runtime");
 const RowExpandPCDepartmentEditor = _ref => {
-  let row = _ref.row,
-    column = _ref.column,
-    valueKey = _ref.valueKey,
-    departments = _ref.departments,
-    userDepartmentIdsMap = _ref.userDepartmentIdsMap,
-    isEditorFocus = _ref.isEditorFocus,
-    columnIndex = _ref.columnIndex,
-    onCommit = _ref.onCommit,
-    updateTabIndex = _ref.updateTabIndex;
-  const _useState = (0, _react.useState)(row[column[valueKey]] || ''),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  const _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    showEditor = _useState4[0],
-    setShowEditor = _useState4[1];
+  let {
+    row,
+    column,
+    valueKey,
+    departments,
+    userDepartmentIdsMap,
+    isEditorFocus,
+    columnIndex,
+    onCommit,
+    updateTabIndex
+  } = _ref;
+  const [value, setValue] = (0, _react.useState)(row[column[valueKey]] || '');
+  const [showEditor, setShowEditor] = (0, _react.useState)(false);
   const departmentSelectContainer = (0, _react.useRef)(null);
   const departmentSelectContent = (0, _react.useRef)(null);
   const onKeyDown = (0, _react.useCallback)(event => {

package/lib/RowExpandEditor/digital-sign-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 RowExpandDigitalSignEditor = /*#__PURE__*/(0, _react.forwardRef)((props, r
   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/digital-sign-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 _ImageThumbnail = _interopRequireDefault(require("../../../ImageThumbnail"));
 var _utils = _interopRequireDefault(require("../../../DigitalSignEditor/utils"));
@@ -31,17 +30,21 @@ class RowExpandMBDigitalSignEditor extends _react.default.Component {
       });
     };
     this.getValue = () => {
-      const _this$props = this.props,
-        column = _this$props.column,
-        row = _this$props.row,
-        valueKey = _this$props.valueKey;
-      const updated = this.state.updated;
+      const {
+        column,
+        row,
+        valueKey
+      } = this.props;
+      const {
+        updated
+      } = this.state;
       return updated ? updated : row[column[valueKey]];
     };
     this.deleteImage = () => {
-      const _this$props2 = this.props,
-        column = _this$props2.column,
-        onCommit = _this$props2.onCommit;
+      const {
+        column,
+        onCommit
+      } = this.props;
       const updated = {
         [column.key]: null
       };
@@ -51,18 +54,24 @@ class RowExpandMBDigitalSignEditor extends _react.default.Component {
       });
     };
     this.getSignImages = () => {
-      const config = this.props.config;
+      const {
+        config
+      } = this.props;
       const value = this.getValue();
-      const signImageUrl = (0, _url.generateCurrentBaseImageUrl)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, config), {}, {
+      const signImageUrl = (0, _url.generateCurrentBaseImageUrl)({
+        ...config,
         partUrl: _utils.default.getSignImageUrl(value)
-      }));
+      });
       return [signImageUrl].filter(Boolean);
     };
     this.renderSignature = signImages => {
-      const _this$props3 = this.props,
-        column = _this$props3.column,
-        config = _this$props3.config;
-      const key = column.key;
+      const {
+        column,
+        config
+      } = this.props;
+      const {
+        key
+      } = column;
       return signImages.map((src, index) => {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageThumbnail.default, {
           index: index,
@@ -72,7 +81,7 @@ class RowExpandMBDigitalSignEditor extends _react.default.Component {
           onClick: this.toggleEditor,
           deleteImage: this.deleteImage,
           disableImageTooltip: true
-        }, "sing-image-".concat(key, "-").concat(index));
+        }, `sing-image-${key}-${index}`);
       });
     };
     this.state = {
@@ -81,9 +90,11 @@ class RowExpandMBDigitalSignEditor extends _react.default.Component {
     };
   }
   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({
         updated: row[column[valueKey]] || [],
@@ -92,10 +103,13 @@ class RowExpandMBDigitalSignEditor extends _react.default.Component {
     }
   }
   render() {
-    const _this$props4 = this.props,
-      config = _this$props4.config,
-      column = _this$props4.column;
-    const isShowEditor = this.state.isShowEditor;
+    const {
+      config,
+      column
+    } = this.props;
+    const {
+      isShowEditor
+    } = this.state;
     const signImages = this.getSignImages();
     const signImageExisted = Array.isArray(signImages) && signImages.length > 0;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {

package/lib/RowExpandEditor/digital-sign-editor/pc-editor/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _ImagePreviewerLightbox = _interopRequireDefault(require("../../../ImagePreviewerLightbox"));
 var _ImageThumbnail = _interopRequireDefault(require("../../../ImageThumbnail"));
@@ -62,17 +61,21 @@ class RowExpandPCDigitalSignEditor extends _react.default.Component {
       this.props.onCommit(value);
     };
     this.getValue = () => {
-      const _this$props = this.props,
-        column = _this$props.column,
-        row = _this$props.row,
-        valueKey = _this$props.valueKey;
-      const updated = this.state.updated;
+      const {
+        column,
+        row,
+        valueKey
+      } = this.props;
+      const {
+        updated
+      } = this.state;
       return updated ? updated : row[column[valueKey]];
     };
     this.deleteImage = () => {
-      const _this$props2 = this.props,
-        column = _this$props2.column,
-        onCommit = _this$props2.onCommit;
+      const {
+        column,
+        onCommit
+      } = this.props;
       const updated = {
         [column.key]: null
       };
@@ -82,11 +85,14 @@ class RowExpandPCDigitalSignEditor extends _react.default.Component {
       });
     };
     this.getSignImages = () => {
-      const config = this.props.config;
+      const {
+        config
+      } = this.props;
       const value = this.getValue();
-      const signImageUrl = (0, _url.generateCurrentBaseImageUrl)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, config), {}, {
+      const signImageUrl = (0, _url.generateCurrentBaseImageUrl)({
+        ...config,
         partUrl: _utils.default.getSignImageUrl(value)
-      }));
+      });
       return [signImageUrl].filter(Boolean);
     };
     this.setLargeImageIndex = index => {
@@ -100,8 +106,12 @@ class RowExpandPCDigitalSignEditor extends _react.default.Component {
       this.setLargeImageIndex(-1);
     };
     this.renderSignature = signImages => {
-      const column = this.props.column;
-      const key = column.key;
+      const {
+        column
+      } = this.props;
+      const {
+        key
+      } = column;
       return signImages.map((src, index) => {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageThumbnail.default, {
           index: index,
@@ -110,7 +120,7 @@ class RowExpandPCDigitalSignEditor extends _react.default.Component {
           onClick: this.setLargeImageIndex,
           deleteImage: this.deleteImage,
           disableImageTooltip: true
-        }, "sing-image-".concat(key, "-").concat(index));
+        }, `sing-image-${key}-${index}`);
       });
     };
     this.state = {
@@ -124,9 +134,11 @@ class RowExpandPCDigitalSignEditor 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({
         updated: row[column[valueKey]] || [],
@@ -150,13 +162,15 @@ class RowExpandPCDigitalSignEditor extends _react.default.Component {
     document.removeEventListener('keydown', this.onKeyDown);
   }
   render() {
-    const _this$props3 = this.props,
-      config = _this$props3.config,
-      column = _this$props3.column,
-      isEditorFocus = _this$props3.isEditorFocus;
-    const _this$state = this.state,
-      isShowEditor = _this$state.isShowEditor,
-      largeImageIndex = _this$state.largeImageIndex;
+    const {
+      config,
+      column,
+      isEditorFocus
+    } = this.props;
+    const {
+      isShowEditor,
+      largeImageIndex
+    } = this.state;
     const signImages = this.getSignImages();
     const signImageExisted = Array.isArray(signImages) && signImages.length > 0;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

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

@@ -24,18 +24,22 @@ class RowExpandMBDurationEditor extends _react.default.Component {
         isShowEditor: false
       });
     };
-    let row = props.row,
-      column = props.column,
-      valueKey = props.valueKey;
+    let {
+      row,
+      column,
+      valueKey
+    } = props;
     this.state = {
       isShowEditor: false,
       value: row[column[valueKey]]
     };
   }
   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]],
@@ -44,10 +48,13 @@ class RowExpandMBDurationEditor extends _react.default.Component {
     }
   }
   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;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "dtable-ui-mobile-row-expand-input-editor-container",
       children: isShowEditor ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_DurationEditor.default, {

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

@@ -34,9 +34,11 @@ class RowExpandPCDurationEditor extends _react.default.Component {
         isShowEditor: false
       });
     };
-    let row = props.row,
-      column = props.column,
-      valueKey = props.valueKey;
+    let {
+      row,
+      column,
+      valueKey
+    } = props;
     this.state = {
       isShowEditor: false,
       value: row[column[valueKey]]
@@ -46,9 +48,11 @@ class RowExpandPCDurationEditor 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({
         value: row[column[valueKey]],
@@ -69,13 +73,15 @@ class RowExpandPCDurationEditor extends _react.default.Component {
     document.removeEventListener('keydown', this.onKeyDown);
   }
   render() {
-    let _this$props = this.props,
-      column = _this$props.column,
-      isEditorFocus = _this$props.isEditorFocus,
-      isInModal = _this$props.isInModal;
-    let _this$state = this.state,
-      value = _this$state.value,
-      isShowEditor = _this$state.isShowEditor;
+    let {
+      column,
+      isEditorFocus,
+      isInModal
+    } = this.props;
+    let {
+      value,
+      isShowEditor
+    } = this.state;
     let style = {
       width: 320
     };