dtable-ui-component 7.0.13 → 7.0.15

package/lib/InputItem/index.js

@@ -1,13 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var PropTypes = _interopRequireWildcard(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
@@ -17,8 +15,8 @@ var _customInput = _interopRequireDefault(require("./custom-input"));
 var _input = _interopRequireDefault(require("./input"));
 require("./style/index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["prefixCls", "prefixListCls", "editable", "style", "clear", "children", "error", "className", "extra", "labelNumber", "type", "onExtraClick", "onErrorClick", "moneyKeyboardAlign", "moneyKeyboardWrapProps", "moneyKeyboardHeader", "onVirtualKeyboardConfirm", "autoAdjustHeight", "disabledKeys"];
 /* tslint:disable:jsx-no-multiline-js */
+
 function noop() {}
 function normalizeValue(value) {
   if (typeof value === 'undefined' || value === null) {
@@ -33,7 +31,9 @@ class InputItem extends React.Component {
     _this = this;
     this.onInputChange = e => {
       const el = e.target;
-      const rawVal = el.value;
+      const {
+        value: rawVal
+      } = el;
       let prePos = 0;
       try {
         // some input type do not support selection, see https://html.spec.whatwg.org/multipage/input.html#do-not-apply
@@ -41,9 +41,12 @@ class InputItem extends React.Component {
       } catch (error) {
         console.warn('Get selection error:', error);
       }
-      const _this$state$value = this.state.value,
-        preCtrlVal = _this$state$value === void 0 ? '' : _this$state$value;
-      const type = this.props.type;
+      const {
+        value: preCtrlVal = ''
+      } = this.state;
+      const {
+        type
+      } = this.props;
       let ctrlValue = rawVal;
       switch (type) {
         case 'bankCard':
@@ -53,9 +56,9 @@ class InputItem extends React.Component {
           ctrlValue = rawVal.replace(/\D/g, '').substring(0, 11);
           const valueLen = ctrlValue.length;
           if (valueLen > 3 && valueLen < 8) {
-            ctrlValue = "".concat(ctrlValue.substr(0, 3), " ").concat(ctrlValue.substr(3));
+            ctrlValue = `${ctrlValue.substr(0, 3)} ${ctrlValue.substr(3)}`;
           } else if (valueLen >= 8) {
-            ctrlValue = "".concat(ctrlValue.substr(0, 3), " ").concat(ctrlValue.substr(3, 4), " ").concat(ctrlValue.substr(7));
+            ctrlValue = `${ctrlValue.substr(0, 3)} ${ctrlValue.substr(3, 4)} ${ctrlValue.substr(7)}`;
           }
           break;
         case 'number':
@@ -91,7 +94,9 @@ class InputItem extends React.Component {
     this.handleOnChange = function (value) {
       let isMutated = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       let adjustPos = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : noop;
-      const onChange = _this.props.onChange;
+      const {
+        onChange
+      } = _this.props;
       if (!('value' in _this.props)) {
         _this.setState({
           value
@@ -215,56 +220,67 @@ class InputItem extends React.Component {
     }
   }
   render() {
-    const props = (0, _objectSpread2.default)({}, this.props);
+    const props = {
+      ...this.props
+    };
     delete props.updatePlaceholder;
-    const prefixCls = props.prefixCls,
-      prefixListCls = props.prefixListCls,
-      editable = props.editable,
-      style = props.style,
-      clear = props.clear,
-      children = props.children,
-      error = props.error,
-      className = props.className,
-      extra = props.extra,
-      labelNumber = props.labelNumber,
-      type = props.type,
-      onExtraClick = props.onExtraClick,
-      onErrorClick = props.onErrorClick,
-      moneyKeyboardAlign = props.moneyKeyboardAlign,
-      moneyKeyboardWrapProps = props.moneyKeyboardWrapProps,
-      moneyKeyboardHeader = props.moneyKeyboardHeader,
-      onVirtualKeyboardConfirm = props.onVirtualKeyboardConfirm,
-      autoAdjustHeight = props.autoAdjustHeight,
-      disabledKeys = props.disabledKeys,
-      restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-    const name = restProps.name,
-      disabled = restProps.disabled,
-      maxLength = restProps.maxLength;
-    const value = this.state.value;
+    const {
+      prefixCls,
+      prefixListCls,
+      editable,
+      style,
+      clear,
+      children,
+      error,
+      className,
+      extra,
+      labelNumber,
+      type,
+      onExtraClick,
+      onErrorClick,
+      moneyKeyboardAlign,
+      moneyKeyboardWrapProps,
+      moneyKeyboardHeader,
+      onVirtualKeyboardConfirm,
+      autoAdjustHeight,
+      disabledKeys,
+      ...restProps
+    } = props;
+    const {
+      name,
+      disabled,
+      maxLength
+    } = restProps;
+    const {
+      value
+    } = this.state;
 
     // tslint:disable-next-line:variable-name
     const _locale = (0, _getLocale.getComponentLocale)(this.props, this.context, 'InputItem', () => require('./locale/zh_CN'));
-    const confirmLabel = _locale.confirmLabel,
-      backspaceLabel = _locale.backspaceLabel,
-      cancelKeyboardLabel = _locale.cancelKeyboardLabel;
-    const _this$state = this.state,
-      focus = _this$state.focus,
-      placeholder = _this$state.placeholder;
-    const wrapCls = (0, _classnames.default)("".concat(prefixListCls, "-item"), "".concat(prefixCls, "-item"), "".concat(prefixListCls, "-item-middle"), className, {
-      ["".concat(prefixCls, "-disabled")]: disabled,
-      ["".concat(prefixCls, "-error")]: error,
-      ["".concat(prefixCls, "-focus")]: focus,
-      ["".concat(prefixCls, "-android")]: focus
+    const {
+      confirmLabel,
+      backspaceLabel,
+      cancelKeyboardLabel
+    } = _locale;
+    const {
+      focus,
+      placeholder
+    } = this.state;
+    const wrapCls = (0, _classnames.default)(`${prefixListCls}-item`, `${prefixCls}-item`, `${prefixListCls}-item-middle`, className, {
+      [`${prefixCls}-disabled`]: disabled,
+      [`${prefixCls}-error`]: error,
+      [`${prefixCls}-focus`]: focus,
+      [`${prefixCls}-android`]: focus
     });
-    const labelCls = (0, _classnames.default)("".concat(prefixCls, "-label"), {
-      ["".concat(prefixCls, "-label-2")]: labelNumber === 2,
-      ["".concat(prefixCls, "-label-3")]: labelNumber === 3,
-      ["".concat(prefixCls, "-label-4")]: labelNumber === 4,
-      ["".concat(prefixCls, "-label-5")]: labelNumber === 5,
-      ["".concat(prefixCls, "-label-6")]: labelNumber === 6,
-      ["".concat(prefixCls, "-label-7")]: labelNumber === 7
+    const labelCls = (0, _classnames.default)(`${prefixCls}-label`, {
+      [`${prefixCls}-label-2`]: labelNumber === 2,
+      [`${prefixCls}-label-3`]: labelNumber === 3,
+      [`${prefixCls}-label-4`]: labelNumber === 4,
+      [`${prefixCls}-label-5`]: labelNumber === 5,
+      [`${prefixCls}-label-6`]: labelNumber === 6,
+      [`${prefixCls}-label-7`]: labelNumber === 7
     });
-    const controlCls = "".concat(prefixCls, "-control");
+    const controlCls = `${prefixCls}-control`;
     let inputType = 'text';
     if (type === 'bankCard' || type === 'phone') {
       inputType = 'tel';
@@ -290,7 +306,7 @@ class InputItem extends React.Component {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: wrapCls,
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "".concat(prefixListCls, "-line"),
+        className: `${prefixListCls}-line`,
         children: [children ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: labelCls,
           children: children
@@ -318,7 +334,10 @@ class InputItem extends React.Component {
             moneyKeyboardHeader: moneyKeyboardHeader,
             autoAdjustHeight: autoAdjustHeight,
             disabledKeys: disabledKeys
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_input.default, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, patternProps), restProps), classNameProps), {}, {
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_input.default, {
+            ...patternProps,
+            ...restProps,
+            ...classNameProps,
             value: normalizeValue(value),
             defaultValue: undefined,
             ref: el => this.inputRef = el,
@@ -332,18 +351,18 @@ class InputItem extends React.Component {
             onBlur: this.onInputBlur,
             readOnly: !editable,
             disabled: disabled
-          }))
-        }), clear && editable && !disabled && value && "".concat(value).length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
-          activeClassName: "".concat(prefixCls, "-clear-active"),
+          })
+        }), clear && editable && !disabled && value && `${value}`.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
+          activeClassName: `${prefixCls}-clear-active`,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "".concat(prefixCls, "-clear"),
+            className: `${prefixCls}-clear`,
             onClick: this.clearInput
           })
         }) : null, error ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "".concat(prefixCls, "-error-extra"),
+          className: `${prefixCls}-error-extra`,
           onClick: onErrorClick
         }) : null, extra !== '' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "".concat(prefixCls, "-extra"),
+          className: `${prefixCls}-extra`,
           onClick: onExtraClick,
           children: extra
         }) : null]

package/lib/InputItem/input.js

@@ -1,17 +1,13 @@
 "use strict";
 
-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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
 require("./style/index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["onBlur", "onFocus"];
 class Input extends React.Component {
   constructor() {
     super(...arguments);
@@ -35,15 +31,17 @@ class Input extends React.Component {
     };
   }
   render() {
-    const _this$props = this.props,
-      onBlur = _this$props.onBlur,
-      onFocus = _this$props.onFocus,
-      restProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("input", (0, _objectSpread2.default)({
+    const {
+      onBlur,
+      onFocus,
+      ...restProps
+    } = this.props;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
       ref: el => this.inputRef = el,
       onBlur: this.onInputBlur,
-      onFocus: this.onInputFocus
-    }, restProps));
+      onFocus: this.onInputFocus,
+      ...restProps
+    });
   }
 }
 var _default = exports.default = Input;

package/lib/LastModifierFormatter/index.js

@@ -20,9 +20,10 @@ class LastModifierFormatter extends _react.default.PureComponent {
   constructor() {
     super(...arguments);
     this.getCollaborators = () => {
-      let _this$props = this.props,
-        value = _this$props.value,
-        collaborators = _this$props.collaborators;
+      let {
+        value,
+        collaborators
+      } = this.props;
       if (!Array.isArray(value)) {
         value = [value];
       }
@@ -42,9 +43,10 @@ class LastModifierFormatter extends _react.default.PureComponent {
     };
   }
   render() {
-    const _this$props2 = this.props,
-      containerClassName = _this$props2.containerClassName,
-      value = _this$props2.value;
+    const {
+      containerClassName,
+      value
+    } = this.props;
     const classname = (0, _classnames.default)('dtable-ui cell-formatter-container last-modified-formatter', containerClassName);
     if (!value || Array.isArray(value) && value.length === 0) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/LinkEditor/index.js

@@ -25,29 +25,36 @@ class LinkEditor extends _react.default.Component {
       }
     };
     this.getLinkedCellValue = () => {
-      let _this$props = this.props,
-        row = _this$props.row,
-        column = _this$props.column,
-        linkMetaData = _this$props.linkMetaData;
-      let _ref = column.data || {},
-        link_id = _ref.link_id,
-        table_id = _ref.table_id,
-        other_table_id = _ref.other_table_id;
+      let {
+        row,
+        column,
+        linkMetaData
+      } = this.props;
+      let {
+        link_id,
+        table_id,
+        other_table_id
+      } = column.data || {};
       this.linkId = link_id;
       this.tableId = table_id;
       this.otherTableId = other_table_id;
       return linkMetaData.getLinkedCellValue(this.linkId, this.tableId, this.otherTableId, row._id);
     };
     this.formatLinkedValuesToOptions = () => {
-      let _this$props2 = this.props,
-        column = _this$props2.column,
-        linkMetaData = _this$props2.linkMetaData;
-      let rowIds = this.state.newValue;
+      let {
+        column,
+        linkMetaData
+      } = this.props;
+      let {
+        newValue: rowIds
+      } = this.state;
       if (rowIds && Array.isArray(rowIds) && rowIds.length > 0) {
         let linkedRows = linkMetaData.getLinkedRows(this.otherTableId, rowIds);
         let linkedTable = linkMetaData.getLinkedTable(this.otherTableId);
         return linkedRows.map(linkedRow => {
-          let displayColumnKey = column.data.display_column_key;
+          let {
+            display_column_key: displayColumnKey
+          } = column.data;
           // format value to display
           let displayValue = this.getDisplayValue(linkedTable, linkedRow, displayColumnKey);
           return {
@@ -61,8 +68,10 @@ class LinkEditor extends _react.default.Component {
     this.getDisplayValue = (linkedTable, linkedRow, displayColumnKey) => {
       let value = linkedRow[displayColumnKey];
       let linkedColumn = linkedTable.columns.find(column => column.key === displayColumnKey);
-      let type = linkedColumn.type,
-        data = linkedColumn.data;
+      let {
+        type,
+        data
+      } = linkedColumn;
       switch (type) {
         case _dtableUtils.CellType.NUMBER:
           {
@@ -70,7 +79,9 @@ class LinkEditor extends _react.default.Component {
           }
         case _dtableUtils.CellType.DATE:
           {
-            let format = data.format;
+            let {
+              format
+            } = data;
             return (0, _dtableUtils.getDateDisplayString)(value, format);
           }
         default:
@@ -78,10 +89,13 @@ class LinkEditor extends _react.default.Component {
       }
     };
     this.getAvailableLinkedOptions = () => {
-      let _this$props3 = this.props,
-        column = _this$props3.column,
-        linkMetaData = _this$props3.linkMetaData;
-      let displayColumnKey = column.data.display_column_key;
+      let {
+        column,
+        linkMetaData
+      } = this.props;
+      let {
+        display_column_key: displayColumnKey
+      } = column.data;
       let linkedTable = linkMetaData.getLinkedTable(this.otherTableId);
       let availableRows = linkedTable.rows.filter(row => {
         return !!row[displayColumnKey];
@@ -118,9 +132,10 @@ class LinkEditor extends _react.default.Component {
       }
     };
     this.onOptionItemToggle = option => {
-      let _this$props4 = this.props,
-        row = _this$props4.row,
-        linkMetaData = _this$props4.linkMetaData;
+      let {
+        row,
+        linkMetaData
+      } = this.props;
       let newValue = this.state.newValue.slice();
       let optionIndex = newValue.findIndex(option_id => option_id === option.id);
       if (optionIndex !== -1) {
@@ -135,9 +150,10 @@ class LinkEditor extends _react.default.Component {
       });
     };
     this.onDeleteOption = option => {
-      let _this$props5 = this.props,
-        row = _this$props5.row,
-        linkMetaData = _this$props5.linkMetaData;
+      let {
+        row,
+        linkMetaData
+      } = this.props;
       let newValue = this.state.newValue.slice();
       let optionIndex = newValue.findIndex(option_id => option_id === option.id);
       newValue.splice(optionIndex, 1);
@@ -150,9 +166,10 @@ class LinkEditor extends _react.default.Component {
     this.caculatePopoverPosition = () => {
       const POPOVER_MAX_HEIGHT = 200;
       let innerHeight = window.innerHeight;
-      let _this$editor$getClien = this.editor.getClientRects()[0],
-        top = _this$editor$getClien.top,
-        height = _this$editor$getClien.height;
+      let {
+        top,
+        height
+      } = this.editor.getClientRects()[0];
       let isBelow = innerHeight - (top + height) > POPOVER_MAX_HEIGHT;
       let position = {
         top: height + 1,
@@ -194,10 +211,13 @@ class LinkEditor extends _react.default.Component {
     document.removeEventListener('mousedown', this.onMouseDown);
   }
   render() {
-    let isReadOnly = this.props.isReadOnly;
-    let _this$state = this.state,
-      isPopoverShow = _this$state.isPopoverShow,
-      popoverPosition = _this$state.popoverPosition;
+    let {
+      isReadOnly
+    } = this.props;
+    let {
+      isPopoverShow,
+      popoverPosition
+    } = this.state;
     let options = this.getAvailableLinkedOptions();
     let selectedOptions = this.formatLinkedValuesToOptions();
     let isShowRemoveIcon = !isReadOnly;

package/lib/LinkEditor/link-editor-option.js

@@ -54,9 +54,10 @@ class LinkEditorOption extends _react.default.Component {
     };
   }
   render() {
-    let _this$props = this.props,
-      option = _this$props.option,
-      isShowRemoveIcon = _this$props.isShowRemoveIcon;
+    let {
+      option,
+      isShowRemoveIcon
+    } = this.props;
     let containerStyle = this.getContainerStyle();
     let optionStyle = this.getOptionStyle();
     let optionNameStyle = this.getOptionNameStyle();

package/lib/LinkEditor/mb-popover/index.js

@@ -25,7 +25,9 @@ class MBLinkEditorPopover extends _react.default.Component {
       }
     };
     this.onChangeSearch = event => {
-      let searchVal = this.state.searchVal;
+      let {
+        searchVal
+      } = this.state;
       if (searchVal === event.target.value) {
         return;
       }
@@ -35,9 +37,10 @@ class MBLinkEditorPopover extends _react.default.Component {
       });
     };
     this.getSelectedOptions = () => {
-      let _this$props = this.props,
-        value = _this$props.value,
-        options = _this$props.options;
+      let {
+        value,
+        options
+      } = this.props;
       if (!Array.isArray(value)) {
         return [];
       }
@@ -46,8 +49,12 @@ class MBLinkEditorPopover extends _react.default.Component {
       });
     };
     this.getFilterOptions = () => {
-      let options = this.props.options;
-      let searchVal = this.state.searchVal;
+      let {
+        options
+      } = this.props;
+      let {
+        searchVal
+      } = this.state;
       return searchVal ? options.filter(item => item.name.indexOf(searchVal) > -1) : options;
     };
     this.onSelectOption = option => {
@@ -57,7 +64,9 @@ class MBLinkEditorPopover extends _react.default.Component {
       this.props.onOptionItemToggle(option);
     };
     this.renderFilteredOptions = options => {
-      let value = this.props.value;
+      let {
+        value
+      } = this.props;
       return options.map((option, index) => {
         let isSelect = value.some(item => item === option.id);
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -91,8 +100,12 @@ class MBLinkEditorPopover extends _react.default.Component {
     window.removeEventListener('popstate', this.handleHistaryBack, false);
   }
   render() {
-    const column = this.props.column;
-    const searchVal = this.state.searchVal;
+    const {
+      column
+    } = this.props;
+    const {
+      searchVal
+    } = this.state;
     let filterOptions = this.getFilterOptions();
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       ref: this.setEditorPopover,

package/lib/LinkEditor/pc-popover/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 _lang = require("../../lang");
 require("./index.css");
@@ -27,7 +26,9 @@ class PCLinkEditorPopover extends _react.default.Component {
       this.props.onOptionItemToggle(item);
     };
     this.getFilterOptions = () => {
-      let options = this.props.options;
+      let {
+        options
+      } = this.props;
       let filter = this.state.searchValue.toLowerCase();
       if (!filter) {
         return options;
@@ -42,11 +43,16 @@ class PCLinkEditorPopover extends _react.default.Component {
   }
   render() {
     let options = this.getFilterOptions();
-    let _this$props = this.props,
-      popoverPosition = _this$props.popoverPosition,
-      selectedOptions = _this$props.selectedOptions;
-    let searchValue = this.state.searchValue;
-    let popoverStyle = Object.assign({}, (0, _objectSpread2.default)({}, popoverPosition), {
+    let {
+      popoverPosition,
+      selectedOptions
+    } = this.props;
+    let {
+      searchValue
+    } = this.state;
+    let popoverStyle = Object.assign({}, {
+      ...popoverPosition
+    }, {
       position: 'absolute'
     });
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {