dtable-ui-component 6.0.126-beta.s1 → 6.0.126

package/lib/LinkEditor/index.js

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

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

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

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

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

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

@@ -27,9 +27,7 @@ class PCLinkEditorPopover extends _react.default.Component {
       this.props.onOptionItemToggle(item);
     };
     this.getFilterOptions = () => {
-      let {
-        options
-      } = this.props;
+      let options = this.props.options;
       let filter = this.state.searchValue.toLowerCase();
       if (!filter) {
         return options;
@@ -44,13 +42,10 @@ class PCLinkEditorPopover extends _react.default.Component {
   }
   render() {
     let options = this.getFilterOptions();
-    let {
-      popoverPosition,
-      selectedOptions
-    } = this.props;
-    let {
-      searchValue
-    } = this.state;
+    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), {
       position: 'absolute'
     });

package/lib/LinkFormatter/index.js

@@ -16,45 +16,37 @@ class LinkFormatter extends _react.default.Component {
     super(props);
     this.getLinkedCellValue = row => {
       if (!row) return [];
-      const {
-        column,
-        currentTableId,
-        linkMetaData
-      } = this.props;
-      const {
-        link_id,
-        table_id,
-        other_table_id
-      } = column.data || {};
+      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;
       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 {
-        enableOpenLinkedRow,
-        linkMetaData
-      } = this.props;
+      let _this$props2 = this.props,
+        enableOpenLinkedRow = _this$props2.enableOpenLinkedRow,
+        linkMetaData = _this$props2.linkMetaData;
       if (enableOpenLinkedRow) {
         linkMetaData.expandLinkedTableRow(row, this.otherTableID);
       }
     };
     this.getDisplayValues = () => {
-      let {
-        column,
-        linkMetaData
-      } = this.props;
-      let {
-        value: rowIds
-      } = this.state;
+      let _this$props3 = this.props,
+        column = _this$props3.column,
+        linkMetaData = _this$props3.linkMetaData;
+      let rowIds = this.state.value;
       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 {
-            display_column_key: displayColumnKey
-          } = column.data;
+          let displayColumnKey = column.data.display_column_key;
           let displayValue = this.getDisplayValue(linkedTable, row, displayColumnKey);
           return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: "link-item",
@@ -73,10 +65,8 @@ 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,
-        data
-      } = linkedColumn;
+      let type = linkedColumn.type,
+        data = linkedColumn.data;
       // todo: improve
       switch (type) {
         case _dtableUtils.CellType.NUMBER:
@@ -85,9 +75,7 @@ class LinkFormatter extends _react.default.Component {
           }
         case _dtableUtils.CellType.DATE:
           {
-            let {
-              format
-            } = data;
+            let format = data.format;
             return (0, _dtableUtils.getDateDisplayString)(value, format);
           }
         default:
@@ -102,9 +90,7 @@ class LinkFormatter extends _react.default.Component {
     };
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const {
-      row: nextRow
-    } = nextProps;
+    const nextRow = nextProps.row;
     if (nextRow._id !== this.props.row._id) {
       this.setState({
         value: this.getLinkedCellValue(nextRow)
@@ -112,9 +98,7 @@ class LinkFormatter extends _react.default.Component {
     }
   }
   render() {
-    const {
-      containerClassName
-    } = this.props;
+    const containerClassName = this.props.containerClassName;
     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,14 +17,12 @@ const _excluded = ["prefixCls", "children", "className", "style", "renderHeader"
 class List extends React.Component {
   render() {
     const _this$props = this.props,
-      {
-        prefixCls,
-        children,
-        className,
-        style,
-        renderHeader,
-        renderFooter
-      } = _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,
       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,10 +28,9 @@ class ListItem extends React.Component {
   constructor(props) {
     super(props);
     this.onClick = ev => {
-      const {
-        onClick,
-        platform
-      } = this.props;
+      const _this$props = this.props,
+        onClick = _this$props.onClick,
+        platform = _this$props.platform;
       const isAndroid = platform === 'android';
       if (!!onClick && isAndroid) {
         if (this.debounceTimeout) {
@@ -81,31 +80,26 @@ class ListItem extends React.Component {
     }
   }
   render() {
-    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,
+    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,
       otherProps = (0, _objectWithoutProperties2.default)(restProps, _excluded2);
-    const {
-      coverRippleStyle,
-      RippleClicked
-    } = this.state;
+    const _this$state = this.state,
+      coverRippleStyle = _this$state.coverRippleStyle,
+      RippleClicked = _this$state.RippleClicked;
     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,11 +10,10 @@ var _HtmlLongTextFormatter = _interopRequireDefault(require("../HtmlLongTextForm
 var _SimpleLongTextFormatter = _interopRequireDefault(require("../SimpleLongTextFormatter"));
 var _jsxRuntime = require("react/jsx-runtime");
 function LongTextFormatter(_ref) {
-  let {
-    isSample = true,
-    value,
-    containerClassName
-  } = _ref;
+  let _ref$isSample = _ref.isSample,
+    isSample = _ref$isSample === void 0 ? true : _ref$isSample,
+    value = _ref.value,
+    containerClassName = _ref.containerClassName;
   if (isSample) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SimpleLongTextFormatter.default, {
       value: value,

package/lib/MBEditorHeader/index.js

@@ -9,14 +9,13 @@ var _react = _interopRequireDefault(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
 class MBEditorHeader extends _react.default.Component {
   render() {
-    let {
-      title,
-      titleClass,
-      leftContent,
-      rightContent,
-      onLeftClick,
-      onRightClick
-    } = this.props;
+    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;
     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,10 +18,9 @@ class MTimeFormatter extends _react.default.Component {
     };
   }
   render() {
-    let {
-      value: date,
-      containerClassName
-    } = this.props;
+    let _this$props = this.props,
+      date = _this$props.value,
+      containerClassName = _this$props.containerClassName;
     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,11 +10,9 @@ var _classnames = _interopRequireDefault(require("classnames"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const Body = _ref => {
-  let {
-    classNamePrefix,
-    className,
-    children
-  } = _ref;
+  let classNamePrefix = _ref.classNamePrefix,
+    className = _ref.className,
+    children = _ref.children;
   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,12 +10,10 @@ var _classnames = _interopRequireDefault(require("classnames"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const Header = _ref => {
-  let {
-    classNamePrefix,
-    children,
-    onLeftClick,
-    onRightClick
-  } = _ref;
+  let classNamePrefix = _ref.classNamePrefix,
+    children = _ref.children,
+    onLeftClick = _ref.onLeftClick,
+    onRightClick = _ref.onRightClick;
   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,11 +1,12 @@
 "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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _BodyPortal = _interopRequireDefault(require("../BodyPortal"));
@@ -15,16 +16,17 @@ var _utils = require("../utils/utils");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const MobileFullScreenPage = _ref => {
-  let {
-    classNamePrefix,
-    className,
-    style,
-    zIndex,
-    children,
-    onClose,
-    historyCallback
-  } = _ref;
-  const [isMount, setMount] = (0, _react.useState)(false);
+  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];
   const element = (0, _react.useMemo)(() => {
     let _element = document.createElement('div');
     _element.setAttribute('tabindex', '-1');

package/lib/MobileModal/index.js

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

package/lib/MobileSelector/empty/index.js

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

package/lib/MobileSelector/index.js

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