dtable-ui-component 6.0.125 → 6.0.126

package/lib/MobileSelector/option/index.js

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

package/lib/MobileSelector/options/index.js

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

package/lib/MobileSelector/search/index.js

@@ -10,11 +10,9 @@ var _DTableSearchInput = _interopRequireDefault(require("../../DTableSearchInput
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const Search = _ref => {
-  let {
-    value,
-    placeholder,
-    onChange
-  } = _ref;
+  let value = _ref.value,
+    placeholder = _ref.placeholder,
+    onChange = _ref.onChange;
   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,11 +12,10 @@ var _lang = require("../lang");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const MobileUpload = _ref => {
-  let {
-    type = 'file',
-    onChange,
-    onClose
-  } = _ref;
+  let _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'file' : _ref$type,
+    onChange = _ref.onChange,
+    onClose = _ref.onClose;
   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,21 +51,20 @@ class Modal extends ModalComponent {
   }
   render() {
     const _this$props = this.props,
-      {
-        prefixCls,
-        className,
-        wrapClassName,
-        transitionName,
-        maskTransitionName,
-        style,
-        platform,
-        footer = [],
-        operation,
-        animated,
-        transparent,
-        popup,
-        animationType
-      } = _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,
       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 {
-      text = '',
-      password = ''
-    } = data;
+    const _data$text = data.text,
+      text = _data$text === void 0 ? '' : _data$text,
+      _data$password = data.password,
+      password = _data$password === void 0 ? '' : _data$password;
     const callbackArgs = type === 'login-password' ? [text, password] : type === 'secure-text' ? [password] : [text];
     return callback(...callbackArgs);
   }

package/lib/MultipleSelectEditor/index.js

@@ -13,9 +13,7 @@ var _selectEditor = _interopRequireDefault(require("../select-editor"));
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["value"];
 const MultipleSelectEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-      value: oldValue
-    } = _ref,
+  let oldValue = _ref.value,
     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,10 +14,9 @@ class MultipleSelectFormatter extends _react.default.PureComponent {
   constructor() {
     super(...arguments);
     this.getOptions = () => {
-      const {
-        value,
-        options
-      } = this.props;
+      const _this$props = this.props,
+        value = _this$props.value,
+        options = _this$props.options;
       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 [];
@@ -29,10 +28,9 @@ class MultipleSelectFormatter extends _react.default.PureComponent {
     };
   }
   render() {
-    let {
-      value,
-      containerClassName
-    } = this.props;
+    let _this$props2 = this.props,
+      value = _this$props2.value,
+      containerClassName = _this$props2.containerClassName;
     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.css

@@ -8,8 +8,6 @@
   width: 320px;
   right: -10px;
   top: -1px;
-  border-radius: 3px;
-  box-shadow: 0 0 5px #ccc;
 }
 
 .notification-container .notification-header {
@@ -17,7 +15,7 @@
   align-items: center;
   justify-content: center;
   height: 50px;
-  border-bottom: 1px solid #ededed;
+  border-bottom: 1px solid var(--bs-border-secondary-color);
   font-size: 16px;
   font-weight: 600;
   position: relative;
@@ -166,9 +164,6 @@
   justify-content: center;
   background: #f9f9f9;
   cursor: pointer;
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
-  border-top: 1px solid #ededed;
 }
 
 .notification-body .notification-footer:hover {

package/lib/NotificationPopover/index.js

@@ -43,11 +43,10 @@ class NotificationPopover extends _react.default.Component {
     document.removeEventListener('mousedown', this.onMouseDown);
   }
   render() {
-    const {
-      headerText,
-      bodyText,
-      footerText
-    } = this.props;
+    const _this$props = this.props,
+      headerText = _this$props.headerText,
+      bodyText = _this$props.bodyText,
+      footerText = _this$props.footerText;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Popover, {
       className: "notification-wrapper",
       target: "notification-popover",
@@ -56,7 +55,7 @@ class NotificationPopover extends _react.default.Component {
       hideArrow: true,
       placement: "bottom",
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "notification-container",
+        className: "notification-container dtable-popover-container",
         ref: ref => this.notificationContainerRef = ref,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "notification-header",
@@ -88,7 +87,7 @@ class NotificationPopover extends _react.default.Component {
               children: this.props.children
             })
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "notification-footer",
+            className: "notification-footer dtable-popover-footer",
             onClick: this.onNotificationDialogToggle,
             children: footerText
           })]

package/lib/NumberEditor/index.js

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

package/lib/NumberFormatter/index.js

@@ -12,11 +12,10 @@ require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 class NumberFormatter extends _react.default.Component {
   render() {
-    let {
-      value: number,
-      data,
-      containerClassName
-    } = this.props;
+    let _this$props = this.props,
+      number = _this$props.value,
+      data = _this$props.data,
+      containerClassName = _this$props.containerClassName;
     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,10 +9,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _DTableIcon = _interopRequireDefault(require("../DTableIcon"));
 var _jsxRuntime = require("react/jsx-runtime");
 const PhoneNumberLink = _ref => {
-  let {
-    phoneNumber,
-    className
-  } = _ref;
+  let phoneNumber = _ref.phoneNumber,
+    className = _ref.className;
   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,9 +44,7 @@ class AbstractPicker extends React.Component {
     this.getSel = () => {
       const value = this.props.value || [];
       let treeChildren;
-      const {
-        data
-      } = this.props;
+      const data = this.props.data;
       if (this.props.cascade) {
         treeChildren = (0, _arrayTreeFilter.default)(data, (c, level) => {
           return c.value === value[level];
@@ -61,12 +59,11 @@ class AbstractPicker extends React.Component {
       }));
     };
     this.getPickerCol = () => {
-      const {
-        data,
-        pickerPrefixCls,
-        itemStyle,
-        indicatorStyle
-      } = this.props;
+      const _this$props = this.props,
+        data = _this$props.data,
+        pickerPrefixCls = _this$props.pickerPrefixCls,
+        itemStyle = _this$props.itemStyle,
+        indicatorStyle = _this$props.indicatorStyle;
       return data.map((col, index) => {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Picker.default, {
           prefixCls: pickerPrefixCls,
@@ -128,24 +125,23 @@ class AbstractPicker extends React.Component {
     };
   }
   render() {
-    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);
+    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);
 
     // 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,10 +27,9 @@ function recursiveCloneChildren(children) {
 class Popover extends React.Component {
   render() {
     const _this$props = this.props,
-      {
-        overlay,
-        onSelect = () => {}
-      } = _this$props,
+      overlay = _this$props.overlay,
+      _this$props$onSelect = _this$props.onSelect,
+      onSelect = _this$props$onSelect === void 0 ? () => {} : _this$props$onSelect,
       restProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
     const overlayNode = recursiveCloneChildren(overlay, (child, index) => {
       const extraProps = {

package/lib/Popover/item.js

@@ -16,15 +16,13 @@ const _excluded = ["children", "className", "prefixCls", "icon", "disabled", "fi
 class Item extends React.Component {
   render() {
     const _this$props = this.props,
-      {
-        children,
-        className,
-        prefixCls,
-        icon,
-        disabled,
-        firstItem,
-        activeStyle
-      } = _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,
       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,14 +25,15 @@ class Progress extends React.Component {
     }
   }
   render() {
-    const {
-      className,
-      prefixCls,
-      position,
-      unfilled,
-      style = {},
-      barStyle = {}
-    } = this.props;
+    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 percentStyle = {
       width: this.noAppearTransition || !this.props.appearTransition ? "".concat(this.props.percent, "%") : 0,
       height: 0

package/lib/Radio/Radio.js

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

package/lib/RateFormatter/index.js

@@ -13,15 +13,16 @@ class RateFormatter extends _react.default.Component {
   constructor() {
     super(...arguments);
     this.getRateList = () => {
-      const {
-        data,
-        value
-      } = this.props;
-      const {
-        rate_max_number = 5,
-        rate_style_color = '#e5e5e5',
-        rate_style_type = 'dtable-icon-rate'
-      } = data || {};
+      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 validValue = Math.min(rate_max_number, value);
       let rateList = [];
       for (let i = 0; i < validValue; i++) {
@@ -36,10 +37,9 @@ class RateFormatter extends _react.default.Component {
     };
   }
   render() {
-    const {
-      value: number,
-      containerClassName
-    } = this.props;
+    const _this$props2 = this.props,
+      number = _this$props2.value,
+      containerClassName = _this$props2.containerClassName;
     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,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 _reactstrap = require("reactstrap");
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -14,15 +15,19 @@ var _DTableDropdownItem = _interopRequireDefault(require("../DTableDropdownItem"
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const RoleStatusEditor = _ref => {
-  let {
-    isShowDropdownIcon,
-    currentOption,
-    menuOptions,
-    onChangeOption,
-    closeShowDropdownIcon
-  } = _ref;
-  const [isOpen, setIsOpen] = (0, _react.useState)(false);
-  const [menuMaxHeight, setMenuMaxHeight] = (0, _react.useState)(320);
+  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];
   const toggleRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(() => {
     if (isOpen && toggleRef.current) {
@@ -34,9 +39,7 @@ const RoleStatusEditor = _ref => {
     }
   }, [isOpen]);
   const handleClickMenuOption = menuOption => {
-    const {
-      value
-    } = menuOption;
+    const value = menuOption.value;
     closeShowDropdownIcon && closeShowDropdownIcon();
     if (value === currentOption.value) return;
     onChangeOption(value);
@@ -64,10 +67,8 @@ const RoleStatusEditor = _ref => {
         overflowY: 'auto'
       },
       children: menuOptions.map(option => {
-        const {
-          value,
-          label
-        } = option;
+        const value = option.value,
+          label = option.label;
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableDropdownItem.default, {
           onClick: () => handleClickMenuOption(option),
           showChecked: true,