dtable-ui-component 7.0.0-xia.1 → 7.0.0-xia.2

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

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

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

@@ -13,9 +13,7 @@ class RowExpandMBRateEditor extends _react.default.Component {
     super(props);
     this.onChangeRateNumber = index => {
       if (!this.canEdit) return;
-      const {
-        value
-      } = this.state;
+      const value = this.state.value;
       const newValue = value === index ? '' : index;
       this.setState({
         value: newValue
@@ -23,17 +21,12 @@ class RowExpandMBRateEditor extends _react.default.Component {
       this.props.onCommit(newValue);
     };
     this.getRateMaxStar = () => {
-      const {
-        value
-      } = this.state;
-      const {
-        column
-      } = this.props;
-      const {
-        rate_max_number,
-        rate_style_color,
-        rate_style_type
-      } = column.data || {};
+      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 rateShowType = rate_style_type ? rate_style_type : 'dtable-icon-rate';
       let rateList = [];
       for (let i = 0; i < rate_max_number; i++) {
@@ -59,20 +52,14 @@ class RowExpandMBRateEditor extends _react.default.Component {
     this.state = {
       value: props.value || ''
     };
-    let {
-      column: _column
-    } = this.props;
-    const {
-      editable
-    } = _column;
+    let _column = this.props.column;
+    const editable = _column.editable;
     this.canEdit = editable;
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const {
-      column,
-      row,
-      valueKey
-    } = nextProps;
+    const column = nextProps.column,
+      row = nextProps.row,
+      valueKey = nextProps.valueKey;
     if (row._id !== this.props.row._id) {
       this.setState({
         value: row[column[valueKey]] || ''

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

@@ -15,14 +15,12 @@ class RowExpandPCRateEditor extends _react.default.Component {
     super(props);
     this.onKeyDown = event => {
       event.stopPropagation();
-      const {
-        isEditorFocus,
-        column
-      } = this.props;
+      const _this$props = this.props,
+        isEditorFocus = _this$props.isEditorFocus,
+        column = _this$props.column;
       if (!isEditorFocus || !this.canEdit) return;
-      const {
-        rate_max_number
-      } = column.data || {};
+      const _ref = column.data || {},
+        rate_max_number = _ref.rate_max_number;
       const currentInputNum = Number(event.key);
       const isValidNumber = currentInputNum <= rate_max_number;
       if (isValidNumber) {
@@ -32,9 +30,7 @@ class RowExpandPCRateEditor extends _react.default.Component {
     this.onChangeRateNumber = index => {
       this.props.updateTabIndex(this.props.columnIndex);
       if (!this.canEdit) return;
-      const {
-        value
-      } = this.state;
+      const value = this.state.value;
       let newValue = value === index ? '' : index;
       this.setState({
         value: newValue
@@ -56,22 +52,16 @@ class RowExpandPCRateEditor extends _react.default.Component {
       }
     };
     this.getRateMaxStar = () => {
-      const {
-        enterRateItemIndex,
-        value
-      } = this.state;
-      const {
-        column
-      } = this.props;
-      const {
-        rate_max_number,
-        rate_style_color,
-        rate_style_type
-      } = column.data || {};
+      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 rateShowType = rate_style_type ? rate_style_type : 'dtable-icon-rate';
-      const {
-        editable
-      } = column;
+      const editable = column.editable;
       let rateList = [];
       for (let i = 0; i < rate_max_number; i++) {
         const rateItemIndex = i + 1;
@@ -104,20 +94,14 @@ class RowExpandPCRateEditor extends _react.default.Component {
       value: props.value || '',
       enterRateItemIndex: -1
     };
-    let {
-      column: _column
-    } = this.props;
-    const {
-      editable: _editable
-    } = _column;
+    let _column = this.props.column;
+    const _editable = _column.editable;
     this.canEdit = _editable;
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const {
-      column,
-      row,
-      valueKey
-    } = nextProps;
+    const column = nextProps.column,
+      row = nextProps.row,
+      valueKey = nextProps.valueKey;
     if (row._id !== this.props.row._id) {
       this.setState({
         value: row[column[valueKey]] || ''

package/lib/RowExpandEditor/single-select-editor/mb-editor/index.js

@@ -21,19 +21,14 @@ class RowExpandMBSingleSelectEditor extends _react.default.Component {
   constructor(_props) {
     super(_props);
     this.getOptions = props => {
-      const {
-        column,
-        row,
-        columns
-      } = props;
+      const column = props.column,
+        row = props.row,
+        columns = props.columns;
       const options = (0, _dtableUtils.getColumnOptions)(column);
-      const {
-        data
-      } = column;
-      const {
-        cascade_column_key,
-        cascade_settings
-      } = data || {};
+      const data = column.data;
+      const _ref = data || {},
+        cascade_column_key = _ref.cascade_column_key,
+        cascade_settings = _ref.cascade_settings;
       if (cascade_column_key && Array.isArray(columns)) {
         const cascadeColumn = columns.find(c => c.key === cascade_column_key);
         if (cascadeColumn) {
@@ -70,9 +65,7 @@ class RowExpandMBSingleSelectEditor extends _react.default.Component {
       this.toggleEditor(false);
     };
     this.renderOption = () => {
-      const {
-        value
-      } = this.state;
+      const value = this.state.value;
       let option = this.options.find(o => o[this.key] === value);
       option = (0, _objectSpread2.default)({
         name: (0, _lang.getLocale)(_constants.DELETED_OPTION_TIPS),
@@ -100,10 +93,8 @@ class RowExpandMBSingleSelectEditor extends _react.default.Component {
     this.options = this.getOptions(_props);
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const {
-      value,
-      column
-    } = nextProps;
+    const value = nextProps.value,
+      column = nextProps.column;
     if (value !== this.props.value || !_objectUtils.default.isSameObject(column, this.props.column)) {
       this.options = this.getOptions(nextProps);
       this.setState({
@@ -113,15 +104,13 @@ class RowExpandMBSingleSelectEditor extends _react.default.Component {
     }
   }
   render() {
-    const {
-      column,
-      isSupportNewOption,
-      onAddNewOption
-    } = this.props;
-    const {
-      showEditor,
-      value
-    } = this.state;
+    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;
     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,19 +18,14 @@ class RowExpandPCSingleSelectEditor extends _react.default.Component {
   constructor(_props) {
     super(_props);
     this.getOptions = props => {
-      const {
-        column,
-        row,
-        columns
-      } = props;
+      const column = props.column,
+        row = props.row,
+        columns = props.columns;
       const options = (0, _dtableUtils.getColumnOptions)(column);
-      const {
-        data
-      } = column;
-      const {
-        cascade_column_key,
-        cascade_settings
-      } = data || {};
+      const data = column.data;
+      const _ref = data || {},
+        cascade_column_key = _ref.cascade_column_key,
+        cascade_settings = _ref.cascade_settings;
       if (cascade_column_key && Array.isArray(columns)) {
         const cascadeColumn = columns.find(c => c.key === cascade_column_key);
         if (cascadeColumn) {
@@ -91,14 +86,11 @@ class RowExpandPCSingleSelectEditor extends _react.default.Component {
       this.toggleSingleSelect(false);
     };
     this.renderOption = () => {
-      const {
-        isEditorFocus,
-        classNamePrefix,
-        placeholder
-      } = this.props;
-      const {
-        value
-      } = this.state;
+      const _this$props = this.props,
+        isEditorFocus = _this$props.isEditorFocus,
+        classNamePrefix = _this$props.classNamePrefix,
+        placeholder = _this$props.placeholder;
+      const value = this.state.value;
       const option = this.options.find(o => o[this.key] === value);
       const optionStyle = option ? {
         backgroundColor: option.color,
@@ -153,10 +145,8 @@ class RowExpandPCSingleSelectEditor extends _react.default.Component {
     document.addEventListener('keydown', this.onKeyDown);
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const {
-      value,
-      column
-    } = nextProps;
+    const value = nextProps.value,
+      column = nextProps.column;
     if (value !== this.props.value || !_objectUtils.default.isSameObject(column, this.props.column)) {
       this.options = this.getOptions(nextProps);
       this.setState({
@@ -180,16 +170,14 @@ class RowExpandPCSingleSelectEditor extends _react.default.Component {
     document.removeEventListener('keydown', this.onKeyDown);
   }
   render() {
-    const {
-      isSupportNewOption,
-      onAddNewOption,
-      column,
-      classNamePrefix
-    } = this.props;
-    const {
-      isShowEditor,
-      value
-    } = this.state;
+    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;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "position-relative w-100",
       ref: ref => this.ref = ref,

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

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

package/lib/RowExpandEditor/url-editor/mb-editor/index.js

@@ -15,9 +15,7 @@ class RowExpandMBUrlEditor extends _react.default.Component {
   constructor(props) {
     super(props);
     this.onBlur = () => {
-      const {
-        onCommit
-      } = this.props;
+      const onCommit = this.props.onCommit;
       onCommit(this.state.value.trim());
     };
     this.onChange = e => {
@@ -34,9 +32,7 @@ class RowExpandMBUrlEditor extends _react.default.Component {
       e.stopPropagation();
     };
     this.onOpenUrlLink = () => {
-      const {
-        value
-      } = this.state;
+      const value = this.state.value;
       let newValue = value.trim();
       if (!(0, _utils.isValidUrl)(newValue)) {
         newValue = "http://".concat(newValue);
@@ -52,10 +48,8 @@ class RowExpandMBUrlEditor extends _react.default.Component {
     };
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const {
-      column,
-      row
-    } = nextProps;
+    const column = nextProps.column,
+      row = nextProps.row;
     if (row._id !== this.props.row._id) {
       this.setState({
         value: row[column[this.props.valueKey]] || ''
@@ -63,9 +57,7 @@ class RowExpandMBUrlEditor extends _react.default.Component {
     }
   }
   render() {
-    const {
-      value
-    } = this.state;
+    const value = this.state.value;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "dtable-ui-mobile-row-expand-input-editor-container position-relative dtable-ui-mobile-row-expand-url-editor-container",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {

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

@@ -27,9 +27,7 @@ class RowExpandPCUrlEditor extends _react.default.Component {
       }, 1);
     };
     this.onBlur = () => {
-      const {
-        onCommit
-      } = this.props;
+      const onCommit = this.props.onCommit;
       onCommit(this.state.value.trim());
     };
     this.onFocus = e => {
@@ -54,19 +52,16 @@ class RowExpandPCUrlEditor extends _react.default.Component {
         this.blurInput();
         return;
       }
-      const {
-        selectionStart,
-        selectionEnd,
-        value
-      } = event.currentTarget;
+      const _event$currentTarget = event.currentTarget,
+        selectionStart = _event$currentTarget.selectionStart,
+        selectionEnd = _event$currentTarget.selectionEnd,
+        value = _event$currentTarget.value;
       if (event.keyCode === _constants.KeyCodes.ChineseInputMethod || event.keyCode === _constants.KeyCodes.LeftArrow && selectionStart === 0 || event.keyCode === _constants.KeyCodes.RightArrow && selectionEnd === value.length) {
         event.stopPropagation();
       }
     };
     this.onOpenUrlLink = () => {
-      const {
-        value
-      } = this.state;
+      const value = this.state.value;
       let newValue = value.trim();
       if (!(0, _utils.isValidUrl)(newValue)) {
         newValue = "http://".concat(newValue);
@@ -88,10 +83,8 @@ class RowExpandPCUrlEditor extends _react.default.Component {
     }
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const {
-      column,
-      row
-    } = nextProps;
+    const column = nextProps.column,
+      row = nextProps.row;
     if (row._id !== this.props.row._id) {
       this.setState({
         value: row[column[this.props.valueKey]] || ''
@@ -105,9 +98,7 @@ class RowExpandPCUrlEditor extends _react.default.Component {
     }
   }
   render() {
-    let {
-      value
-    } = this.state;
+    let value = this.state.value;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "dtable-ui-row-expand-url-editor",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {

package/lib/RowExpandFormatter/department-formatter/mb-formatter.js

@@ -9,10 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 var _DepartmentSingleSelectFormatter = _interopRequireDefault(require("../../DepartmentSingleSelectFormatter"));
 var _jsxRuntime = require("react/jsx-runtime");
 function RowExpandMBDepartmentFormatter(_ref) {
-  let {
-    value,
-    departments
-  } = _ref;
+  let value = _ref.value,
+    departments = _ref.departments;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DepartmentSingleSelectFormatter.default, {
     value: value,
     departments: departments

package/lib/RowExpandFormatter/department-formatter/pc-formatter.js

@@ -9,10 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 var _DepartmentSingleSelectFormatter = _interopRequireDefault(require("../../DepartmentSingleSelectFormatter"));
 var _jsxRuntime = require("react/jsx-runtime");
 function RowExpandPCDepartmentFormatter(_ref) {
-  let {
-    value,
-    departments
-  } = _ref;
+  let value = _ref.value,
+    departments = _ref.departments;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "position-relative w-100",
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/RowExpandFormatter/email-formatter/index.js

@@ -14,18 +14,15 @@ class RowExpandEmailFormatter extends _react.default.Component {
   constructor() {
     super(...arguments);
     this.onOpenEmailLink = () => {
-      const {
-        value
-      } = this.props;
+      const value = this.props.value;
       let newValue = value.trim();
       window.location.href = "mailto:".concat(newValue);
     };
   }
   render() {
-    const {
-      containerClassName,
-      value
-    } = this.props;
+    const _this$props = this.props,
+      containerClassName = _this$props.containerClassName,
+      value = _this$props.value;
     let classname = (0, _classnames.default)('dtable-ui cell-formatter-container email-formatter row-expand-jump-link-container', containerClassName);
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: classname,

package/lib/RowExpandFormatter/file-formatter/index.js

@@ -12,15 +12,14 @@ require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandFileFormatter extends _react.default.PureComponent {
   render() {
-    let {
-      value,
-      containerClassName,
-      column,
-      downloadFile,
-      deleteFile,
-      readOnly,
-      config
-    } = this.props;
+    let _this$props = this.props,
+      value = _this$props.value,
+      containerClassName = _this$props.containerClassName,
+      column = _this$props.column,
+      downloadFile = _this$props.downloadFile,
+      deleteFile = _this$props.deleteFile,
+      readOnly = _this$props.readOnly,
+      config = _this$props.config;
     if (!Array.isArray(value) || value.length === 0) {
       return null;
     }