dtable-ui-component 7.0.13 → 7.0.15

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

@@ -1,45 +1,43 @@
 "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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var React = _interopRequireWildcard(require("react"));
 var _listItem = _interopRequireDefault(require("./list-item"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["prefixCls", "children", "className", "style", "renderHeader", "renderFooter"];
 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,
-      restProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+    const {
+      prefixCls,
+      children,
+      className,
+      style,
+      renderHeader,
+      renderFooter,
+      ...restProps
+    } = this.props;
     const wrapCls = (0, _classnames.default)(prefixCls, className);
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: wrapCls,
-      style: style
-    }, restProps), {}, {
+      style: style,
+      ...restProps,
       children: [renderHeader ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "".concat(prefixCls, "-header"),
+        className: `${prefixCls}-header`,
         children: typeof renderHeader === 'function' ? renderHeader() : renderHeader
       }) : null, children ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "".concat(prefixCls, "-body"),
+        className: `${prefixCls}-body`,
         children: children
       }) : null, renderFooter ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "".concat(prefixCls, "-footer"),
+        className: `${prefixCls}-footer`,
         children: typeof renderFooter === 'function' ? renderFooter() : renderFooter
       }) : null]
-    }));
+    });
   }
 }
 List.defaultProps = {

package/lib/List/list-item.js

@@ -1,20 +1,17 @@
 "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 = exports.Brief = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var React = _interopRequireWildcard(require("react"));
 var _rmcFeedback = _interopRequireDefault(require("rmc-feedback"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["prefixCls", "className", "activeStyle", "error", "align", "wrap", "disabled", "children", "multipleLine", "thumb", "extra", "arrow", "onClick"],
-  _excluded2 = ["platform"];
 /* tslint:disable:jsx-no-multiline-js */
+
 class Brief extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement('div', {
@@ -28,9 +25,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) {
@@ -43,10 +41,10 @@ class ListItem extends React.Component {
         const pointX = ev.clientX - ClientRect.left - Item.offsetWidth / 2;
         const pointY = ev.clientY - ClientRect.top - Item.offsetWidth / 2;
         const coverRippleStyle = {
-          width: "".concat(RippleWidth, "px"),
-          height: "".concat(RippleWidth, "px"),
-          left: "".concat(pointX, "px"),
-          top: "".concat(pointY, "px")
+          width: `${RippleWidth}px`,
+          height: `${RippleWidth}px`,
+          left: `${pointX}px`,
+          top: `${pointY}px`
         };
         this.setState({
           coverRippleStyle,
@@ -80,52 +78,57 @@ 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,
-      otherProps = (0, _objectWithoutProperties2.default)(restProps, _excluded2);
-    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,
-      ["".concat(prefixCls, "-item-top")]: align === 'top',
-      ["".concat(prefixCls, "-item-middle")]: align === 'middle',
-      ["".concat(prefixCls, "-item-bottom")]: align === 'bottom'
+    const {
+      prefixCls,
+      className,
+      activeStyle,
+      error,
+      align,
+      wrap,
+      disabled,
+      children,
+      multipleLine,
+      thumb,
+      extra,
+      arrow,
+      onClick,
+      ...restProps
+    } = this.props;
+    const {
+      platform,
+      ...otherProps
+    } = restProps;
+    const {
+      coverRippleStyle,
+      RippleClicked
+    } = this.state;
+    const wrapCls = (0, _classnames.default)(`${prefixCls}-item`, className, {
+      [`${prefixCls}-item-disabled`]: disabled,
+      [`${prefixCls}-item-error`]: error,
+      [`${prefixCls}-item-top`]: align === 'top',
+      [`${prefixCls}-item-middle`]: align === 'middle',
+      [`${prefixCls}-item-bottom`]: align === 'bottom'
     });
-    const rippleCls = (0, _classnames.default)("".concat(prefixCls, "-ripple"), {
-      ["".concat(prefixCls, "-ripple-animate")]: RippleClicked
+    const rippleCls = (0, _classnames.default)(`${prefixCls}-ripple`, {
+      [`${prefixCls}-ripple-animate`]: RippleClicked
     });
-    const lineCls = (0, _classnames.default)("".concat(prefixCls, "-line"), {
-      ["".concat(prefixCls, "-line-multiple")]: multipleLine,
-      ["".concat(prefixCls, "-line-wrap")]: wrap
+    const lineCls = (0, _classnames.default)(`${prefixCls}-line`, {
+      [`${prefixCls}-line-multiple`]: multipleLine,
+      [`${prefixCls}-line-wrap`]: wrap
     });
-    const arrowCls = (0, _classnames.default)("".concat(prefixCls, "-arrow"), {
-      ["".concat(prefixCls, "-arrow-horizontal")]: arrow === 'horizontal',
-      ["".concat(prefixCls, "-arrow-vertical")]: arrow === 'down' || arrow === 'up',
-      ["".concat(prefixCls, "-arrow-vertical-up")]: arrow === 'up'
+    const arrowCls = (0, _classnames.default)(`${prefixCls}-arrow`, {
+      [`${prefixCls}-arrow-horizontal`]: arrow === 'horizontal',
+      [`${prefixCls}-arrow-vertical`]: arrow === 'down' || arrow === 'up',
+      [`${prefixCls}-arrow-vertical-up`]: arrow === 'up'
     });
-    const content = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, otherProps), {}, {
+    const content = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      ...otherProps,
       onClick: ev => {
         this.onClick(ev);
       },
       className: wrapCls,
       children: [thumb ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "".concat(prefixCls, "-thumb"),
+        className: `${prefixCls}-thumb`,
         children: typeof thumb === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
           src: thumb,
           alt: ""
@@ -133,10 +136,10 @@ class ListItem extends React.Component {
       }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: lineCls,
         children: [children !== undefined && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "".concat(prefixCls, "-content"),
+          className: `${prefixCls}-content`,
           children: children
         }), extra !== undefined && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "".concat(prefixCls, "-extra"),
+          className: `${prefixCls}-extra`,
           children: extra
         }), arrow && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: arrowCls,
@@ -146,7 +149,7 @@ class ListItem extends React.Component {
         style: coverRippleStyle,
         className: rippleCls
       })]
-    }));
+    });
     let touchProps = {};
     Object.keys(otherProps).forEach(key => {
       if (/onTouch/i.test(key)) {
@@ -154,12 +157,13 @@ class ListItem extends React.Component {
         delete otherProps[key];
       }
     });
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, touchProps), {}, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
+      ...touchProps,
       disabled: disabled || !onClick,
       activeStyle: activeStyle,
-      activeClassName: "".concat(prefixCls, "-item-active"),
+      activeClassName: `${prefixCls}-item-active`,
       children: content
-    }));
+    });
   }
 }
 ListItem.defaultProps = {

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,15 +9,16 @@ 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 : ''),
+      className: `dtable-ui-mb-editor-header ${titleClass ? titleClass : ''}`,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: "editor-header-left-content",
         onClick: onLeftClick,

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,12 +10,14 @@ 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
+      [`${classNamePrefix}-mobile-full-screen-page-body`]: classNamePrefix
     }),
     children: children
   });

package/lib/MobileFullScreenPage/header/index.js

@@ -10,28 +10,30 @@ 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
+      [`${classNamePrefix}-mobile-full-screen-page-header`]: classNamePrefix
     }),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classnames.default)('dtable-ui-mobile-full-screen-page-header-btn', {
-        ["".concat(classNamePrefix, "-mobile-full-screen-page-header-btn")]: classNamePrefix
+        [`${classNamePrefix}-mobile-full-screen-page-header-btn`]: classNamePrefix
       }),
       onClick: onLeftClick,
       children: children[0]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("h4", {
       className: (0, _classnames.default)('dtable-ui-mobile-full-screen-page-header-title', {
-        ["".concat(classNamePrefix, "-mobile-full-screen-page-header-title")]: classNamePrefix
+        [`${classNamePrefix}-mobile-full-screen-page-header-title`]: classNamePrefix
       }),
       children: children[1]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classnames.default)('dtable-ui-mobile-full-screen-page-header-btn', {
-        ["".concat(classNamePrefix, "-mobile-full-screen-page-header-btn")]: classNamePrefix
+        [`${classNamePrefix}-mobile-full-screen-page-header-btn`]: classNamePrefix
       }),
       onClick: onRightClick,
       children: children[2]

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');
@@ -66,7 +64,7 @@ const MobileFullScreenPage = _ref => {
     node: element,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classnames.default)('dtable-ui-mobile-full-screen-page', className, {
-        ["".concat(classNamePrefix, "-mobile-full-screen-page")]: classNamePrefix
+        [`${classNamePrefix}-mobile-full-screen-page`]: classNamePrefix
       }),
       style: style,
       children: isMount && children

package/lib/MobileModal/index.js

@@ -5,12 +5,9 @@ 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 = _interopRequireDefault(require("react"));
 var _Modal = _interopRequireDefault(require("../Modal"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children"];
 class MobileModal extends _react.default.PureComponent {
   constructor() {
     super(...arguments);
@@ -27,13 +24,15 @@ class MobileModal extends _react.default.PureComponent {
     window.removeEventListener('popstate', this.handleHistoryBack, false);
   }
   render() {
-    const _this$props = 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), {}, {
+    const {
+      children,
+      ...props
+    } = this.props;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.default, {
+      ...props,
       popup: true,
       children: children
-    }));
+    });
   }
 }
 MobileModal.defaultProps = {

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();

package/lib/MobileSelector/option/index.js

@@ -11,9 +11,11 @@ var _List = _interopRequireDefault(require("../../List"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const Option = _ref => {
-  let isSelected = _ref.isSelected,
-    children = _ref.children,
-    onChange = _ref.onChange;
+  let {
+    isSelected,
+    children,
+    onChange
+  } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_List.default.Item, {
     onClick: onChange,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/lib/MobileSelector/options/index.css

@@ -2,7 +2,3 @@
   max-height: 200px;
   overflow-y: auto;
 }
-
-.dtable-ui-mobile-selector .am-list-body .dtable-ui-mobile-selector-options::-webkit-scrollbar {
-  width: 0;
-}