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

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/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++) {
@@ -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

@@ -15,12 +15,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 +32,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 +56,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;
@@ -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]] || ''

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

@@ -21,14 +21,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,7 +70,9 @@ 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)({
         name: (0, _lang.getLocale)(_constants.DELETED_OPTION_TIPS),
@@ -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,
@@ -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/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,

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

@@ -15,7 +15,9 @@ class RowExpandMBUrlEditor extends _react.default.Component {
   constructor(props) {
     super(props);
     this.onBlur = () => {
-      const onCommit = this.props.onCommit;
+      const {
+        onCommit
+      } = this.props;
       onCommit(this.state.value.trim());
     };
     this.onChange = e => {
@@ -32,7 +34,9 @@ class RowExpandMBUrlEditor extends _react.default.Component {
       e.stopPropagation();
     };
     this.onOpenUrlLink = () => {
-      const value = this.state.value;
+      const {
+        value
+      } = this.state;
       let newValue = value.trim();
       if (!(0, _utils.isValidUrl)(newValue)) {
         newValue = "http://".concat(newValue);
@@ -48,8 +52,10 @@ class RowExpandMBUrlEditor extends _react.default.Component {
     };
   }
   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[this.props.valueKey]] || ''
@@ -57,7 +63,9 @@ class RowExpandMBUrlEditor extends _react.default.Component {
     }
   }
   render() {
-    const value = this.state.value;
+    const {
+      value
+    } = this.state;
     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,7 +27,9 @@ class RowExpandPCUrlEditor extends _react.default.Component {
       }, 1);
     };
     this.onBlur = () => {
-      const onCommit = this.props.onCommit;
+      const {
+        onCommit
+      } = this.props;
       onCommit(this.state.value.trim());
     };
     this.onFocus = e => {
@@ -52,16 +54,19 @@ class RowExpandPCUrlEditor 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();
       }
     };
     this.onOpenUrlLink = () => {
-      const value = this.state.value;
+      const {
+        value
+      } = this.state;
       let newValue = value.trim();
       if (!(0, _utils.isValidUrl)(newValue)) {
         newValue = "http://".concat(newValue);
@@ -83,8 +88,10 @@ class RowExpandPCUrlEditor extends _react.default.Component {
     }
   }
   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[this.props.valueKey]] || ''
@@ -98,7 +105,9 @@ class RowExpandPCUrlEditor extends _react.default.Component {
     }
   }
   render() {
-    let value = this.state.value;
+    let {
+      value
+    } = this.state;
     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,8 +9,10 @@ var _react = _interopRequireDefault(require("react"));
 var _DepartmentSingleSelectFormatter = _interopRequireDefault(require("../../DepartmentSingleSelectFormatter"));
 var _jsxRuntime = require("react/jsx-runtime");
 function RowExpandMBDepartmentFormatter(_ref) {
-  let value = _ref.value,
-    departments = _ref.departments;
+  let {
+    value,
+    departments
+  } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DepartmentSingleSelectFormatter.default, {
     value: value,
     departments: departments

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

@@ -9,8 +9,10 @@ var _react = _interopRequireDefault(require("react"));
 var _DepartmentSingleSelectFormatter = _interopRequireDefault(require("../../DepartmentSingleSelectFormatter"));
 var _jsxRuntime = require("react/jsx-runtime");
 function RowExpandPCDepartmentFormatter(_ref) {
-  let value = _ref.value,
-    departments = _ref.departments;
+  let {
+    value,
+    departments
+  } = _ref;
   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,15 +14,18 @@ class RowExpandEmailFormatter extends _react.default.Component {
   constructor() {
     super(...arguments);
     this.onOpenEmailLink = () => {
-      const value = this.props.value;
+      const {
+        value
+      } = this.props;
       let newValue = value.trim();
       window.location.href = "mailto:".concat(newValue);
     };
   }
   render() {
-    const _this$props = this.props,
-      containerClassName = _this$props.containerClassName,
-      value = _this$props.value;
+    const {
+      containerClassName,
+      value
+    } = this.props;
     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,14 +12,15 @@ require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandFileFormatter extends _react.default.PureComponent {
   render() {
-    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;
+    let {
+      value,
+      containerClassName,
+      column,
+      downloadFile,
+      deleteFile,
+      readOnly,
+      config
+    } = this.props;
     if (!Array.isArray(value) || value.length === 0) {
       return null;
     }