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

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.js

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

package/lib/MobileSelector/search/index.js

@@ -10,9 +10,11 @@ var _DTableSearchInput = _interopRequireDefault(require("../../DTableSearchInput
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const Search = _ref => {
-  let value = _ref.value,
-    placeholder = _ref.placeholder,
-    onChange = _ref.onChange;
+  let {
+    value,
+    placeholder,
+    onChange
+  } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "dtable-ui-mobile-selector-search",
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableSearchInput.default, {

package/lib/MobileUpload/index.js

@@ -12,10 +12,11 @@ var _lang = require("../lang");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const MobileUpload = _ref => {
-  let _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'file' : _ref$type,
-    onChange = _ref.onChange,
-    onClose = _ref.onClose;
+  let {
+    type = 'file',
+    onChange,
+    onClose
+  } = _ref;
   const actionSheet = (0, _react.useRef)(_ActionSheet.default);
   const imageRef = (0, _react.useRef)(null);
   const fileRef = (0, _react.useRef)(null);

package/lib/Modal/modal.js

@@ -51,20 +51,21 @@ class Modal extends ModalComponent {
   }
   render() {
     const _this$props = this.props,
-      prefixCls = _this$props.prefixCls,
-      className = _this$props.className,
-      wrapClassName = _this$props.wrapClassName,
-      transitionName = _this$props.transitionName,
-      maskTransitionName = _this$props.maskTransitionName,
-      style = _this$props.style,
-      platform = _this$props.platform,
-      _this$props$footer = _this$props.footer,
-      footer = _this$props$footer === void 0 ? [] : _this$props$footer,
-      operation = _this$props.operation,
-      animated = _this$props.animated,
-      transparent = _this$props.transparent,
-      popup = _this$props.popup,
-      animationType = _this$props.animationType,
+      {
+        prefixCls,
+        className,
+        wrapClassName,
+        transitionName,
+        maskTransitionName,
+        style,
+        platform,
+        footer = [],
+        operation,
+        animated,
+        transparent,
+        popup,
+        animationType
+      } = _this$props,
       restProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
     const btnGroupClass = (0, _classnames.default)("".concat(prefixCls, "-button-group-").concat(footer.length === 2 && !operation ? 'h' : 'v'), "".concat(prefixCls, "-button-group-").concat(operation ? 'operation' : 'normal'));
     const footerDom = footer.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/Modal/prompt.js

@@ -147,10 +147,10 @@ function prompt(title, message, callbackOrActions) {
     if (typeof callback !== 'function') {
       return;
     }
-    const _data$text = data.text,
-      text = _data$text === void 0 ? '' : _data$text,
-      _data$password = data.password,
-      password = _data$password === void 0 ? '' : _data$password;
+    const {
+      text = '',
+      password = ''
+    } = data;
     const callbackArgs = type === 'login-password' ? [text, password] : type === 'secure-text' ? [password] : [text];
     return callback(...callbackArgs);
   }

package/lib/MultipleSelectEditor/index.js

@@ -13,7 +13,9 @@ var _selectEditor = _interopRequireDefault(require("../select-editor"));
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["value"];
 const MultipleSelectEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let oldValue = _ref.value,
+  let {
+      value: oldValue
+    } = _ref,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   const value = oldValue ? Array.isArray(oldValue) ? oldValue : [oldValue] : [];
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_selectEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {

package/lib/MultipleSelectFormatter/index.js

@@ -14,9 +14,10 @@ class MultipleSelectFormatter extends _react.default.PureComponent {
   constructor() {
     super(...arguments);
     this.getOptions = () => {
-      const _this$props = this.props,
-        value = _this$props.value,
-        options = _this$props.options;
+      const {
+        value,
+        options
+      } = this.props;
       if (!Array.isArray(value) || !Array.isArray(options)) return [];
       let selectedOptions = options.filter(option => value.includes(option.id) || value.includes(option.name));
       if (selectedOptions.length === 0) return [];
@@ -28,9 +29,10 @@ class MultipleSelectFormatter extends _react.default.PureComponent {
     };
   }
   render() {
-    let _this$props2 = this.props,
-      value = _this$props2.value,
-      containerClassName = _this$props2.containerClassName;
+    let {
+      value,
+      containerClassName
+    } = this.props;
     let classname = (0, _classnames.default)('dtable-ui cell-formatter-container multiple-select-formatter', containerClassName);
     if (!value || Array.isArray(value) && value.length === 0) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/NotificationPopover/index.js

@@ -43,10 +43,11 @@ class NotificationPopover extends _react.default.Component {
     document.removeEventListener('mousedown', this.onMouseDown);
   }
   render() {
-    const _this$props = this.props,
-      headerText = _this$props.headerText,
-      bodyText = _this$props.bodyText,
-      footerText = _this$props.footerText;
+    const {
+      headerText,
+      bodyText,
+      footerText
+    } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Popover, {
       className: "notification-wrapper",
       target: "notification-popover",

package/lib/NumberEditor/index.js

@@ -14,7 +14,9 @@ class NumberEditor extends _react.default.Component {
   constructor(props) {
     super(props);
     this.onChange = event => {
-      const data = this.props.column.data; // data maybe 'null'
+      const {
+        data
+      } = this.props.column; // data maybe 'null'
       const format = data && data.format ? data.format : _dtableUtils.DEFAULT_NUMBER_FORMAT;
       let currency_symbol = null;
       if (data && data.format === 'custom_currency') {
@@ -33,10 +35,11 @@ class NumberEditor extends _react.default.Component {
       });
     };
     this.onKeyDown = event => {
-      let _event$currentTarget = event.currentTarget,
-        selectionStart = _event$currentTarget.selectionStart,
-        selectionEnd = _event$currentTarget.selectionEnd,
-        value = _event$currentTarget.value;
+      let {
+        selectionStart,
+        selectionEnd,
+        value
+      } = event.currentTarget;
       if (event.keyCode === _constants.KeyCodes.Enter || event.keyCode === _constants.KeyCodes.Esc) {
         event.preventDefault();
         this.onBlur();
@@ -47,7 +50,9 @@ class NumberEditor extends _react.default.Component {
     };
     this.getValue = () => {
       const value = this.getInputNode().value;
-      const column = this.props.column;
+      const {
+        column
+      } = this.props;
       return (0, _dtableUtils.formatStringToNumber)(value, column.data);
     };
     this.getInputNode = () => {
@@ -78,18 +83,22 @@ class NumberEditor extends _react.default.Component {
     if (this.props.isInModal) {
       this.input.focus();
     }
-    const _this$props$column$da = this.props.column.data,
-      data = _this$props$column$da === void 0 ? {} : _this$props$column$da;
-    let value = this.state.value;
+    const {
+      data = {}
+    } = this.props.column;
+    let {
+      value
+    } = this.state;
     value = (0, _dtableUtils.getNumberDisplayString)(value, data) || '';
     this.setState({
       value
     });
   }
   render() {
-    const _this$props = this.props,
-      isInModal = _this$props.isInModal,
-      readOnly = _this$props.readOnly;
+    const {
+      isInModal,
+      readOnly
+    } = this.props;
     let style = isInModal ? {
       textAlign: 'left',
       width: '320px'

package/lib/NumberFormatter/index.js

@@ -12,10 +12,11 @@ require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 class NumberFormatter extends _react.default.Component {
   render() {
-    let _this$props = this.props,
-      number = _this$props.value,
-      data = _this$props.data,
-      containerClassName = _this$props.containerClassName;
+    let {
+      value: number,
+      data,
+      containerClassName
+    } = this.props;
     let classname = (0, _classnames.default)('dtable-ui cell-formatter-container number-formatter', containerClassName);
     if (number || number === 0) {
       number = (0, _dtableUtils.getNumberDisplayString)(number, data);

package/lib/PhoneNumberLink/index.js

@@ -9,8 +9,10 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _DTableIcon = _interopRequireDefault(require("../DTableIcon"));
 var _jsxRuntime = require("react/jsx-runtime");
 const PhoneNumberLink = _ref => {
-  let phoneNumber = _ref.phoneNumber,
-    className = _ref.className;
+  let {
+    phoneNumber,
+    className
+  } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
     className: (0, _classnames.default)(className),
     href: "tel:".concat(typeof phoneNumber === 'string' ? phoneNumber.trim() : ''),

package/lib/Picker/AbstractPicker.js

@@ -44,7 +44,9 @@ class AbstractPicker extends React.Component {
     this.getSel = () => {
       const value = this.props.value || [];
       let treeChildren;
-      const data = this.props.data;
+      const {
+        data
+      } = this.props;
       if (this.props.cascade) {
         treeChildren = (0, _arrayTreeFilter.default)(data, (c, level) => {
           return c.value === value[level];
@@ -59,11 +61,12 @@ class AbstractPicker extends React.Component {
       }));
     };
     this.getPickerCol = () => {
-      const _this$props = this.props,
-        data = _this$props.data,
-        pickerPrefixCls = _this$props.pickerPrefixCls,
-        itemStyle = _this$props.itemStyle,
-        indicatorStyle = _this$props.indicatorStyle;
+      const {
+        data,
+        pickerPrefixCls,
+        itemStyle,
+        indicatorStyle
+      } = this.props;
       return data.map((col, index) => {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Picker.default, {
           prefixCls: pickerPrefixCls,
@@ -125,23 +128,24 @@ class AbstractPicker extends React.Component {
     };
   }
   render() {
-    const _this$props2 = this.props,
-      children = _this$props2.children,
-      _this$props2$value = _this$props2.value,
-      value = _this$props2$value === void 0 ? [] : _this$props2$value,
-      popupPrefixCls = _this$props2.popupPrefixCls,
-      itemStyle = _this$props2.itemStyle,
-      indicatorStyle = _this$props2.indicatorStyle,
-      okText = _this$props2.okText,
-      dismissText = _this$props2.dismissText,
-      extra = _this$props2.extra,
-      cascade = _this$props2.cascade,
-      prefixCls = _this$props2.prefixCls,
-      pickerPrefixCls = _this$props2.pickerPrefixCls,
-      data = _this$props2.data,
-      cols = _this$props2.cols,
-      onOk = _this$props2.onOk,
-      restProps = (0, _objectWithoutProperties2.default)(_this$props2, _excluded);
+    const _this$props = this.props,
+      {
+        children,
+        value = [],
+        popupPrefixCls,
+        itemStyle,
+        indicatorStyle,
+        okText,
+        dismissText,
+        extra,
+        cascade,
+        prefixCls,
+        pickerPrefixCls,
+        data,
+        cols,
+        onOk
+      } = _this$props,
+      restProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
 
     // tslint:disable-next-line:variable-name
     const _locale = (0, _getLocale.getComponentLocale)(this.props, this.context, 'Picker', () => require('./locale/zh_CN'));

package/lib/Popover/index.js

@@ -27,9 +27,10 @@ function recursiveCloneChildren(children) {
 class Popover extends React.Component {
   render() {
     const _this$props = this.props,
-      overlay = _this$props.overlay,
-      _this$props$onSelect = _this$props.onSelect,
-      onSelect = _this$props$onSelect === void 0 ? () => {} : _this$props$onSelect,
+      {
+        overlay,
+        onSelect = () => {}
+      } = _this$props,
       restProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
     const overlayNode = recursiveCloneChildren(overlay, (child, index) => {
       const extraProps = {

package/lib/Popover/item.js

@@ -16,13 +16,15 @@ const _excluded = ["children", "className", "prefixCls", "icon", "disabled", "fi
 class Item extends React.Component {
   render() {
     const _this$props = this.props,
-      children = _this$props.children,
-      className = _this$props.className,
-      prefixCls = _this$props.prefixCls,
-      icon = _this$props.icon,
-      disabled = _this$props.disabled,
-      firstItem = _this$props.firstItem,
-      activeStyle = _this$props.activeStyle,
+      {
+        children,
+        className,
+        prefixCls,
+        icon,
+        disabled,
+        firstItem,
+        activeStyle
+      } = _this$props,
       restProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
     const cls = (0, _classnames.default)("".concat(prefixCls, "-item"), className, {
       ["".concat(prefixCls, "-item-disabled")]: disabled

package/lib/Progress/index.js

@@ -25,15 +25,14 @@ class Progress extends React.Component {
     }
   }
   render() {
-    const _this$props = this.props,
-      className = _this$props.className,
-      prefixCls = _this$props.prefixCls,
-      position = _this$props.position,
-      unfilled = _this$props.unfilled,
-      _this$props$style = _this$props.style,
-      style = _this$props$style === void 0 ? {} : _this$props$style,
-      _this$props$barStyle = _this$props.barStyle,
-      barStyle = _this$props$barStyle === void 0 ? {} : _this$props$barStyle;
+    const {
+      className,
+      prefixCls,
+      position,
+      unfilled,
+      style = {},
+      barStyle = {}
+    } = this.props;
     const percentStyle = {
       width: this.noAppearTransition || !this.props.appearTransition ? "".concat(this.props.percent, "%") : 0,
       height: 0

package/lib/Radio/Radio.js

@@ -16,11 +16,15 @@ const _excluded = ["className", "style"];
 class Radio extends React.Component {
   render() {
     const _this$props = this.props,
-      className = _this$props.className,
-      style = _this$props.style,
+      {
+        className,
+        style
+      } = _this$props,
       restProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
-    const prefixCls = restProps.prefixCls,
-      children = restProps.children;
+    const {
+      prefixCls,
+      children
+    } = restProps;
     const wrapCls = (0, _classnames.default)("".concat(prefixCls, "-wrapper"), className);
     if ('class' in restProps) {
       // Todo https://github.com/developit/preact-compat/issues/422

package/lib/Radio/RadioItem.js

@@ -19,15 +19,19 @@ function noop() {}
 class RadioItem extends React.Component {
   render() {
     const _this$props = this.props,
-      listPrefixCls = _this$props.listPrefixCls,
-      onChange = _this$props.onChange,
-      disabled = _this$props.disabled,
-      radioProps = _this$props.radioProps,
-      onClick = _this$props.onClick,
+      {
+        listPrefixCls,
+        onChange,
+        disabled,
+        radioProps,
+        onClick
+      } = _this$props,
       otherProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
-    const prefixCls = otherProps.prefixCls,
-      className = otherProps.className,
-      children = otherProps.children;
+    const {
+      prefixCls,
+      className,
+      children
+    } = otherProps;
     const wrapCls = (0, _classnames.default)("".concat(prefixCls, "-item"), className, {
       ["".concat(prefixCls, "-item-disabled")]: disabled === true
     });

package/lib/RateFormatter/index.js

@@ -13,16 +13,15 @@ class RateFormatter extends _react.default.Component {
   constructor() {
     super(...arguments);
     this.getRateList = () => {
-      const _this$props = this.props,
-        data = _this$props.data,
-        value = _this$props.value;
-      const _ref = data || {},
-        _ref$rate_max_number = _ref.rate_max_number,
-        rate_max_number = _ref$rate_max_number === void 0 ? 5 : _ref$rate_max_number,
-        _ref$rate_style_color = _ref.rate_style_color,
-        rate_style_color = _ref$rate_style_color === void 0 ? '#e5e5e5' : _ref$rate_style_color,
-        _ref$rate_style_type = _ref.rate_style_type,
-        rate_style_type = _ref$rate_style_type === void 0 ? 'dtable-icon-rate' : _ref$rate_style_type;
+      const {
+        data,
+        value
+      } = this.props;
+      const {
+        rate_max_number = 5,
+        rate_style_color = '#e5e5e5',
+        rate_style_type = 'dtable-icon-rate'
+      } = data || {};
       const validValue = Math.min(rate_max_number, value);
       let rateList = [];
       for (let i = 0; i < validValue; i++) {
@@ -37,9 +36,10 @@ class RateFormatter extends _react.default.Component {
     };
   }
   render() {
-    const _this$props2 = this.props,
-      number = _this$props2.value,
-      containerClassName = _this$props2.containerClassName;
+    const {
+      value: number,
+      containerClassName
+    } = this.props;
     const className = (0, _classnames.default)('dtable-ui cell-formatter-container rate-formatter', containerClassName);
     if (!number) return null;
     const rateList = this.getRateList();

package/lib/RoleStatusEditor/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 _reactstrap = require("reactstrap");
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -15,19 +14,15 @@ var _DTableDropdownItem = _interopRequireDefault(require("../DTableDropdownItem"
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const RoleStatusEditor = _ref => {
-  let isShowDropdownIcon = _ref.isShowDropdownIcon,
-    currentOption = _ref.currentOption,
-    menuOptions = _ref.menuOptions,
-    onChangeOption = _ref.onChangeOption,
-    closeShowDropdownIcon = _ref.closeShowDropdownIcon;
-  const _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  const _useState3 = (0, _react.useState)(320),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    menuMaxHeight = _useState4[0],
-    setMenuMaxHeight = _useState4[1];
+  let {
+    isShowDropdownIcon,
+    currentOption,
+    menuOptions,
+    onChangeOption,
+    closeShowDropdownIcon
+  } = _ref;
+  const [isOpen, setIsOpen] = (0, _react.useState)(false);
+  const [menuMaxHeight, setMenuMaxHeight] = (0, _react.useState)(320);
   const toggleRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(() => {
     if (isOpen && toggleRef.current) {
@@ -39,7 +34,9 @@ const RoleStatusEditor = _ref => {
     }
   }, [isOpen]);
   const handleClickMenuOption = menuOption => {
-    const value = menuOption.value;
+    const {
+      value
+    } = menuOption;
     closeShowDropdownIcon && closeShowDropdownIcon();
     if (value === currentOption.value) return;
     onChangeOption(value);
@@ -67,8 +64,10 @@ const RoleStatusEditor = _ref => {
         overflowY: 'auto'
       },
       children: menuOptions.map(option => {
-        const value = option.value,
-          label = option.label;
+        const {
+          value,
+          label
+        } = option;
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableDropdownItem.default, {
           onClick: () => handleClickMenuOption(option),
           showChecked: true,