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

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

@@ -27,7 +27,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,10 +44,13 @@ 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 {
+      popoverPosition,
+      selectedOptions
+    } = this.props;
+    let {
+      searchValue
+    } = this.state;
     let popoverStyle = Object.assign({}, (0, _objectSpread2.default)({}, popoverPosition), {
       position: 'absolute'
     });

package/lib/LinkFormatter/index.js

@@ -16,37 +16,45 @@ class LinkFormatter extends _react.default.Component {
     super(props);
     this.getLinkedCellValue = row => {
       if (!row) return [];
-      const _this$props = this.props,
-        column = _this$props.column,
-        currentTableId = _this$props.currentTableId,
-        linkMetaData = _this$props.linkMetaData;
-      const _ref = column.data || {},
-        link_id = _ref.link_id,
-        table_id = _ref.table_id,
-        other_table_id = _ref.other_table_id;
+      const {
+        column,
+        currentTableId,
+        linkMetaData
+      } = this.props;
+      const {
+        link_id,
+        table_id,
+        other_table_id
+      } = column.data || {};
       this.linkID = link_id;
       this.tableID = currentTableId === table_id ? table_id : other_table_id;
       this.otherTableID = this.tableID === table_id ? other_table_id : table_id;
       return linkMetaData.getLinkedCellValue(this.linkID, this.tableID, this.otherTableID, row._id);
     };
     this.expandLinkedTableRow = row => {
-      let _this$props2 = this.props,
-        enableOpenLinkedRow = _this$props2.enableOpenLinkedRow,
-        linkMetaData = _this$props2.linkMetaData;
+      let {
+        enableOpenLinkedRow,
+        linkMetaData
+      } = this.props;
       if (enableOpenLinkedRow) {
         linkMetaData.expandLinkedTableRow(row, this.otherTableID);
       }
     };
     this.getDisplayValues = () => {
-      let _this$props3 = this.props,
-        column = _this$props3.column,
-        linkMetaData = _this$props3.linkMetaData;
-      let rowIds = this.state.value;
+      let {
+        column,
+        linkMetaData
+      } = this.props;
+      let {
+        value: rowIds
+      } = this.state;
       if (rowIds && Array.isArray(rowIds) && rowIds.length > 0) {
         let linkedTable = linkMetaData.getLinkedTable(this.otherTableID);
         let linkedRows = linkMetaData.getLinkedRows(this.otherTableID, rowIds);
         let result = linkedRows.map((row, index) => {
-          let displayColumnKey = column.data.display_column_key;
+          let {
+            display_column_key: displayColumnKey
+          } = column.data;
           let displayValue = this.getDisplayValue(linkedTable, row, displayColumnKey);
           return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: "link-item",
@@ -65,8 +73,10 @@ class LinkFormatter extends _react.default.Component {
     this.getDisplayValue = (linkedTable, row, displayColumnKey) => {
       let value = row[displayColumnKey];
       let linkedColumn = linkedTable.columns.find(column => column.key === displayColumnKey);
-      let type = linkedColumn.type,
-        data = linkedColumn.data;
+      let {
+        type,
+        data
+      } = linkedColumn;
       // todo: improve
       switch (type) {
         case _dtableUtils.CellType.NUMBER:
@@ -75,7 +85,9 @@ class LinkFormatter extends _react.default.Component {
           }
         case _dtableUtils.CellType.DATE:
           {
-            let format = data.format;
+            let {
+              format
+            } = data;
             return (0, _dtableUtils.getDateDisplayString)(value, format);
           }
         default:
@@ -90,7 +102,9 @@ class LinkFormatter extends _react.default.Component {
     };
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const nextRow = nextProps.row;
+    const {
+      row: nextRow
+    } = nextProps;
     if (nextRow._id !== this.props.row._id) {
       this.setState({
         value: this.getLinkedCellValue(nextRow)
@@ -98,7 +112,9 @@ class LinkFormatter extends _react.default.Component {
     }
   }
   render() {
-    const containerClassName = this.props.containerClassName;
+    const {
+      containerClassName
+    } = this.props;
     const classname = (0, _classnames.default)('dtable-ui cell-formatter-container link-formatter', containerClassName);
     let displayValues = this.getDisplayValues();
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/List/index.js

@@ -17,12 +17,14 @@ const _excluded = ["prefixCls", "children", "className", "style", "renderHeader"
 class List extends React.Component {
   render() {
     const _this$props = this.props,
-      prefixCls = _this$props.prefixCls,
-      children = _this$props.children,
-      className = _this$props.className,
-      style = _this$props.style,
-      renderHeader = _this$props.renderHeader,
-      renderFooter = _this$props.renderFooter,
+      {
+        prefixCls,
+        children,
+        className,
+        style,
+        renderHeader,
+        renderFooter
+      } = _this$props,
       restProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
     const wrapCls = (0, _classnames.default)(prefixCls, className);
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({

package/lib/List/list-item.js

@@ -28,9 +28,10 @@ class ListItem extends React.Component {
   constructor(props) {
     super(props);
     this.onClick = ev => {
-      const _this$props = this.props,
-        onClick = _this$props.onClick,
-        platform = _this$props.platform;
+      const {
+        onClick,
+        platform
+      } = this.props;
       const isAndroid = platform === 'android';
       if (!!onClick && isAndroid) {
         if (this.debounceTimeout) {
@@ -80,26 +81,31 @@ class ListItem extends React.Component {
     }
   }
   render() {
-    const _this$props2 = this.props,
-      prefixCls = _this$props2.prefixCls,
-      className = _this$props2.className,
-      activeStyle = _this$props2.activeStyle,
-      error = _this$props2.error,
-      align = _this$props2.align,
-      wrap = _this$props2.wrap,
-      disabled = _this$props2.disabled,
-      children = _this$props2.children,
-      multipleLine = _this$props2.multipleLine,
-      thumb = _this$props2.thumb,
-      extra = _this$props2.extra,
-      arrow = _this$props2.arrow,
-      onClick = _this$props2.onClick,
-      restProps = (0, _objectWithoutProperties2.default)(_this$props2, _excluded);
-    const platform = restProps.platform,
+    const _this$props = this.props,
+      {
+        prefixCls,
+        className,
+        activeStyle,
+        error,
+        align,
+        wrap,
+        disabled,
+        children,
+        multipleLine,
+        thumb,
+        extra,
+        arrow,
+        onClick
+      } = _this$props,
+      restProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+    const {
+        platform
+      } = restProps,
       otherProps = (0, _objectWithoutProperties2.default)(restProps, _excluded2);
-    const _this$state = this.state,
-      coverRippleStyle = _this$state.coverRippleStyle,
-      RippleClicked = _this$state.RippleClicked;
+    const {
+      coverRippleStyle,
+      RippleClicked
+    } = this.state;
     const wrapCls = (0, _classnames.default)("".concat(prefixCls, "-item"), className, {
       ["".concat(prefixCls, "-item-disabled")]: disabled,
       ["".concat(prefixCls, "-item-error")]: error,

package/lib/LongTextFormatter/index.js

@@ -10,10 +10,11 @@ var _HtmlLongTextFormatter = _interopRequireDefault(require("../HtmlLongTextForm
 var _SimpleLongTextFormatter = _interopRequireDefault(require("../SimpleLongTextFormatter"));
 var _jsxRuntime = require("react/jsx-runtime");
 function LongTextFormatter(_ref) {
-  let _ref$isSample = _ref.isSample,
-    isSample = _ref$isSample === void 0 ? true : _ref$isSample,
-    value = _ref.value,
-    containerClassName = _ref.containerClassName;
+  let {
+    isSample = true,
+    value,
+    containerClassName
+  } = _ref;
   if (isSample) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SimpleLongTextFormatter.default, {
       value: value,

package/lib/MBEditorHeader/index.js

@@ -9,13 +9,14 @@ var _react = _interopRequireDefault(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
 class MBEditorHeader extends _react.default.Component {
   render() {
-    let _this$props = this.props,
-      title = _this$props.title,
-      titleClass = _this$props.titleClass,
-      leftContent = _this$props.leftContent,
-      rightContent = _this$props.rightContent,
-      onLeftClick = _this$props.onLeftClick,
-      onRightClick = _this$props.onRightClick;
+    let {
+      title,
+      titleClass,
+      leftContent,
+      rightContent,
+      onLeftClick,
+      onRightClick
+    } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "dtable-ui-mb-editor-header ".concat(titleClass ? titleClass : ''),
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {

package/lib/MTimeFormatter/index.js

@@ -18,9 +18,10 @@ class MTimeFormatter extends _react.default.Component {
     };
   }
   render() {
-    let _this$props = this.props,
-      date = _this$props.value,
-      containerClassName = _this$props.containerClassName;
+    let {
+      value: date,
+      containerClassName
+    } = this.props;
     let classname = (0, _classnames.default)('dtable-ui cell-formatter-container ctime-formatter', containerClassName);
     if (date) {
       date = this.formatDate(date);

package/lib/MobileFullScreenPage/body/index.js

@@ -10,9 +10,11 @@ var _classnames = _interopRequireDefault(require("classnames"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const Body = _ref => {
-  let classNamePrefix = _ref.classNamePrefix,
-    className = _ref.className,
-    children = _ref.children;
+  let {
+    classNamePrefix,
+    className,
+    children
+  } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classnames.default)('dtable-ui-mobile-full-screen-page-body', className, {
       ["".concat(classNamePrefix, "-mobile-full-screen-page-body")]: classNamePrefix

package/lib/MobileFullScreenPage/header/index.js

@@ -10,10 +10,12 @@ var _classnames = _interopRequireDefault(require("classnames"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const Header = _ref => {
-  let classNamePrefix = _ref.classNamePrefix,
-    children = _ref.children,
-    onLeftClick = _ref.onLeftClick,
-    onRightClick = _ref.onRightClick;
+  let {
+    classNamePrefix,
+    children,
+    onLeftClick,
+    onRightClick
+  } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _classnames.default)('dtable-ui-mobile-full-screen-page-header p-0', {
       ["".concat(classNamePrefix, "-mobile-full-screen-page-header")]: classNamePrefix

package/lib/MobileFullScreenPage/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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _BodyPortal = _interopRequireDefault(require("../BodyPortal"));
@@ -16,17 +15,16 @@ var _utils = require("../utils/utils");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const MobileFullScreenPage = _ref => {
-  let classNamePrefix = _ref.classNamePrefix,
-    className = _ref.className,
-    style = _ref.style,
-    zIndex = _ref.zIndex,
-    children = _ref.children,
-    onClose = _ref.onClose,
-    historyCallback = _ref.historyCallback;
-  const _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    isMount = _useState2[0],
-    setMount = _useState2[1];
+  let {
+    classNamePrefix,
+    className,
+    style,
+    zIndex,
+    children,
+    onClose,
+    historyCallback
+  } = _ref;
+  const [isMount, setMount] = (0, _react.useState)(false);
   const element = (0, _react.useMemo)(() => {
     let _element = document.createElement('div');
     _element.setAttribute('tabindex', '-1');

package/lib/MobileModal/index.js

@@ -28,7 +28,9 @@ class MobileModal extends _react.default.PureComponent {
   }
   render() {
     const _this$props = this.props,
-      children = _this$props.children,
+      {
+        children
+      } = _this$props,
       props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
       popup: true,

package/lib/MobileOperationSheet/index.js

@@ -19,10 +19,11 @@ const OPERATION_TYPE = exports.OPERATION_TYPE = {
 };
 const OPERATION_TYPES = [OPERATION_TYPE.RENAME, OPERATION_TYPE.DOWNLOAD, OPERATION_TYPE.DELETE];
 const MobileOperationSheet = _ref => {
-  let onChange = _ref.onChange,
-    onClose = _ref.onClose,
-    _ref$operations = _ref.operations,
-    operations = _ref$operations === void 0 ? OPERATION_TYPES : _ref$operations;
+  let {
+    onChange,
+    onClose,
+    operations = OPERATION_TYPES
+  } = _ref;
   const actionSheet = (0, _react.useRef)(_ActionSheet.default);
   const btns = (0, _react.useMemo)(() => {
     let _btns = [];
@@ -77,9 +78,9 @@ const MobileOperationSheet = _ref => {
       maskClosable: true,
       className: 'dtable-ui-mobile-action-sheet'
     }, index => {
-      const _ref2 = btns[index] || {},
-        _ref2$value = _ref2.value,
-        value = _ref2$value === void 0 ? 'close' : _ref2$value;
+      const {
+        value = 'close'
+      } = btns[index] || {};
       if (value === 'close') {
         onClose && onClose();
         return;

package/lib/MobileSelector/empty/index.js

@@ -11,7 +11,9 @@ var _List = _interopRequireDefault(require("../../List"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const Empty = _ref => {
-  let children = _ref.children;
+  let {
+    children
+  } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_List.default.Item, {
     className: "dtable-ui-mobile-selector-no-options",
     children: children

package/lib/MobileSelector/index.js

@@ -17,11 +17,13 @@ var _empty = _interopRequireDefault(require("./empty"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const MobileSelector = _ref => {
-  let className = _ref.className,
-    listClassName = _ref.listClassName,
-    title = _ref.title,
-    children = _ref.children,
-    onClose = _ref.onClose;
+  let {
+    className,
+    listClassName,
+    title,
+    children,
+    onClose
+  } = _ref;
   const handleHistoryBack = (0, _react.useCallback)(event => {
     event.preventDefault();
     onClose && onClose();