dtable-ui-component 6.0.103 → 6.0.105-beta.1

package/lib/InputItem/custom-keyboard.js

@@ -1,21 +1,25 @@
 "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 = exports.KeyboardItem = 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 _exenv = require("../utils/exenv");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["prefixCls", "onClick", "className", "disabled", "children", "tdRef", "label", "iconOnly"];
 /**
  * determines whether an array includes a certain value among its entries, returning true or false as appropriate.
  * @param {array} arr The array to search in
  * @param {any} item  The value to search for
- */function includes(arr, item) {
+ */
+function includes(arr, item) {
   if (!arr || !arr.length || !item) {
     return false;
   }
@@ -28,17 +32,18 @@ var _jsxRuntime = require("react/jsx-runtime");
 }
 class KeyboardItem extends React.Component {
   render() {
-    const {
-      prefixCls,
-      onClick,
-      className,
-      disabled,
-      children,
-      tdRef,
-      label,
-      iconOnly,
-      ...restProps
-    } = this.props;
+    const _this$props = this.props,
+      {
+        prefixCls,
+        onClick,
+        className,
+        disabled,
+        children,
+        tdRef,
+        label,
+        iconOnly
+      } = _this$props,
+      restProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
     let value = children;
     if (className === 'keyboard-delete') {
       value = 'delete';
@@ -48,26 +53,26 @@ class KeyboardItem extends React.Component {
       value = 'confirm';
     }
     const extraCls = {
-      [`${prefixCls}-item-disabled`]: disabled
+      ["".concat(prefixCls, "-item-disabled")]: disabled
     };
-    const wrapCls = (0, _classnames.default)(`${prefixCls}-item`, className, extraCls);
+    const wrapCls = (0, _classnames.default)("".concat(prefixCls, "-item"), className, extraCls);
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
       disabled: disabled,
-      activeClassName: `${prefixCls}-item-active`,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("td", {
+      activeClassName: "".concat(prefixCls, "-item-active"),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("td", (0, _objectSpread2.default)((0, _objectSpread2.default)({
         ref: tdRef
         // tslint:disable-next-line:jsx-no-multiline-js
         ,
         onTouchEnd: e => {
           onClick(e, value);
         },
-        className: wrapCls,
-        ...restProps,
+        className: wrapCls
+      }, restProps), {}, {
         children: [children, iconOnly && /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
           className: "sr-only",
           children: label
         })]
-      })
+      }))
     });
   }
 }
@@ -105,7 +110,7 @@ class CustomKeyboard extends React.Component {
         onClick: this.onKeyboardClick,
         disabled: disabled,
         children: item
-      }, `item-${item}-${index}`);
+      }, "item-".concat(item, "-").concat(index));
     };
   }
   render() {
@@ -117,11 +122,11 @@ class CustomKeyboard extends React.Component {
       wrapProps,
       header
     } = this.props;
-    const wrapperCls = (0, _classnames.default)(`${prefixCls}-wrapper`, `${prefixCls}-wrapper-hide`);
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    const wrapperCls = (0, _classnames.default)("".concat(prefixCls, "-wrapper"), "".concat(prefixCls, "-wrapper-hide"));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({
       className: wrapperCls,
-      ref: el => this.antmKeyboard = el,
-      ...wrapProps,
+      ref: el => this.antmKeyboard = el
+    }, wrapProps), {}, {
       children: [header && /*#__PURE__*/React.cloneElement(header, {
         onClick: this.onKeyboardClick
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("table", {
@@ -129,12 +134,11 @@ class CustomKeyboard extends React.Component {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
             children: [['1', '2', '3'].map((item, index) =>
             // tslint:disable-next-line:jsx-no-multiline-js
-            this.renderKeyboardItem(item, index)), /*#__PURE__*/(0, _jsxRuntime.jsx)(KeyboardItem, {
+            this.renderKeyboardItem(item, index)), /*#__PURE__*/(0, _jsxRuntime.jsx)(KeyboardItem, (0, _objectSpread2.default)({
               className: "keyboard-delete",
               rowSpan: 2,
-              onClick: this.onKeyboardClick,
-              ...this.getAriaAttr(backspaceLabel)
-            })]
+              onClick: this.onKeyboardClick
+            }, this.getAriaAttr(backspaceLabel)))]
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
             children: ['4', '5', '6'].map((item, index) =>
             // tslint:disable-next-line:jsx-no-multiline-js
@@ -152,15 +156,14 @@ class CustomKeyboard extends React.Component {
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
             children: [['.', '0'].map((item, index) =>
             // tslint:disable-next-line:jsx-no-multiline-js
-            this.renderKeyboardItem(item, index)), /*#__PURE__*/(0, _jsxRuntime.jsx)(KeyboardItem, {
+            this.renderKeyboardItem(item, index)), /*#__PURE__*/(0, _jsxRuntime.jsx)(KeyboardItem, (0, _objectSpread2.default)({
               className: "keyboard-hide",
-              onClick: this.onKeyboardClick,
-              ...this.getAriaAttr(cancelKeyboardLabel)
-            })]
+              onClick: this.onKeyboardClick
+            }, this.getAriaAttr(cancelKeyboardLabel)))]
           })]
         })
       })]
-    });
+    }));
   }
   getAriaAttr(label) {
     if (_exenv.IS_IOS) {

package/lib/InputItem/index.js

@@ -1,11 +1,13 @@
 "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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var PropTypes = _interopRequireWildcard(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
@@ -15,8 +17,8 @@ var _customInput = _interopRequireDefault(require("./custom-input"));
 var _input = _interopRequireDefault(require("./input"));
 require("./style/index.css");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["prefixCls", "prefixListCls", "editable", "style", "clear", "children", "error", "className", "extra", "labelNumber", "type", "onExtraClick", "onErrorClick", "moneyKeyboardAlign", "moneyKeyboardWrapProps", "moneyKeyboardHeader", "onVirtualKeyboardConfirm", "autoAdjustHeight", "disabledKeys"];
 /* tslint:disable:jsx-no-multiline-js */
-
 function noop() {}
 function normalizeValue(value) {
   if (typeof value === 'undefined' || value === null) {
@@ -56,9 +58,9 @@ class InputItem extends React.Component {
           ctrlValue = rawVal.replace(/\D/g, '').substring(0, 11);
           const valueLen = ctrlValue.length;
           if (valueLen > 3 && valueLen < 8) {
-            ctrlValue = `${ctrlValue.substr(0, 3)} ${ctrlValue.substr(3)}`;
+            ctrlValue = "".concat(ctrlValue.substr(0, 3), " ").concat(ctrlValue.substr(3));
           } else if (valueLen >= 8) {
-            ctrlValue = `${ctrlValue.substr(0, 3)} ${ctrlValue.substr(3, 4)} ${ctrlValue.substr(7)}`;
+            ctrlValue = "".concat(ctrlValue.substr(0, 3), " ").concat(ctrlValue.substr(3, 4), " ").concat(ctrlValue.substr(7));
           }
           break;
         case 'number':
@@ -220,32 +222,30 @@ class InputItem extends React.Component {
     }
   }
   render() {
-    const props = {
-      ...this.props
-    };
+    const props = (0, _objectSpread2.default)({}, this.props);
     delete props.updatePlaceholder;
     const {
-      prefixCls,
-      prefixListCls,
-      editable,
-      style,
-      clear,
-      children,
-      error,
-      className,
-      extra,
-      labelNumber,
-      type,
-      onExtraClick,
-      onErrorClick,
-      moneyKeyboardAlign,
-      moneyKeyboardWrapProps,
-      moneyKeyboardHeader,
-      onVirtualKeyboardConfirm,
-      autoAdjustHeight,
-      disabledKeys,
-      ...restProps
-    } = props;
+        prefixCls,
+        prefixListCls,
+        editable,
+        style,
+        clear,
+        children,
+        error,
+        className,
+        extra,
+        labelNumber,
+        type,
+        onExtraClick,
+        onErrorClick,
+        moneyKeyboardAlign,
+        moneyKeyboardWrapProps,
+        moneyKeyboardHeader,
+        onVirtualKeyboardConfirm,
+        autoAdjustHeight,
+        disabledKeys
+      } = props,
+      restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
     const {
       name,
       disabled,
@@ -266,21 +266,21 @@ class InputItem extends React.Component {
       focus,
       placeholder
     } = this.state;
-    const wrapCls = (0, _classnames.default)(`${prefixListCls}-item`, `${prefixCls}-item`, `${prefixListCls}-item-middle`, className, {
-      [`${prefixCls}-disabled`]: disabled,
-      [`${prefixCls}-error`]: error,
-      [`${prefixCls}-focus`]: focus,
-      [`${prefixCls}-android`]: focus
+    const wrapCls = (0, _classnames.default)("".concat(prefixListCls, "-item"), "".concat(prefixCls, "-item"), "".concat(prefixListCls, "-item-middle"), className, {
+      ["".concat(prefixCls, "-disabled")]: disabled,
+      ["".concat(prefixCls, "-error")]: error,
+      ["".concat(prefixCls, "-focus")]: focus,
+      ["".concat(prefixCls, "-android")]: focus
     });
-    const labelCls = (0, _classnames.default)(`${prefixCls}-label`, {
-      [`${prefixCls}-label-2`]: labelNumber === 2,
-      [`${prefixCls}-label-3`]: labelNumber === 3,
-      [`${prefixCls}-label-4`]: labelNumber === 4,
-      [`${prefixCls}-label-5`]: labelNumber === 5,
-      [`${prefixCls}-label-6`]: labelNumber === 6,
-      [`${prefixCls}-label-7`]: labelNumber === 7
+    const labelCls = (0, _classnames.default)("".concat(prefixCls, "-label"), {
+      ["".concat(prefixCls, "-label-2")]: labelNumber === 2,
+      ["".concat(prefixCls, "-label-3")]: labelNumber === 3,
+      ["".concat(prefixCls, "-label-4")]: labelNumber === 4,
+      ["".concat(prefixCls, "-label-5")]: labelNumber === 5,
+      ["".concat(prefixCls, "-label-6")]: labelNumber === 6,
+      ["".concat(prefixCls, "-label-7")]: labelNumber === 7
     });
-    const controlCls = `${prefixCls}-control`;
+    const controlCls = "".concat(prefixCls, "-control");
     let inputType = 'text';
     if (type === 'bankCard' || type === 'phone') {
       inputType = 'tel';
@@ -306,7 +306,7 @@ class InputItem extends React.Component {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: wrapCls,
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: `${prefixListCls}-line`,
+        className: "".concat(prefixListCls, "-line"),
         children: [children ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: labelCls,
           children: children
@@ -334,10 +334,7 @@ class InputItem extends React.Component {
             moneyKeyboardHeader: moneyKeyboardHeader,
             autoAdjustHeight: autoAdjustHeight,
             disabledKeys: disabledKeys
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_input.default, {
-            ...patternProps,
-            ...restProps,
-            ...classNameProps,
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_input.default, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, patternProps), restProps), classNameProps), {}, {
             value: normalizeValue(value),
             defaultValue: undefined,
             ref: el => this.inputRef = el,
@@ -351,18 +348,18 @@ class InputItem extends React.Component {
             onBlur: this.onInputBlur,
             readOnly: !editable,
             disabled: disabled
-          })
-        }), clear && editable && !disabled && value && `${value}`.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
-          activeClassName: `${prefixCls}-clear-active`,
+          }))
+        }), clear && editable && !disabled && value && "".concat(value).length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
+          activeClassName: "".concat(prefixCls, "-clear-active"),
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: `${prefixCls}-clear`,
+            className: "".concat(prefixCls, "-clear"),
             onClick: this.clearInput
           })
         }) : null, error ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: `${prefixCls}-error-extra`,
+          className: "".concat(prefixCls, "-error-extra"),
           onClick: onErrorClick
         }) : null, extra !== '' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: `${prefixCls}-extra`,
+          className: "".concat(prefixCls, "-extra"),
           onClick: onExtraClick,
           children: extra
         }) : null]

package/lib/InputItem/input.js

@@ -1,13 +1,17 @@
 "use strict";
 
+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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
 require("./style/index.css");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["onBlur", "onFocus"];
 class Input extends React.Component {
   constructor() {
     super(...arguments);
@@ -31,17 +35,17 @@ class Input extends React.Component {
     };
   }
   render() {
-    const {
-      onBlur,
-      onFocus,
-      ...restProps
-    } = this.props;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+    const _this$props = this.props,
+      {
+        onBlur,
+        onFocus
+      } = _this$props,
+      restProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("input", (0, _objectSpread2.default)({
       ref: el => this.inputRef = el,
       onBlur: this.onInputBlur,
-      onFocus: this.onInputFocus,
-      ...restProps
-    });
+      onFocus: this.onInputFocus
+    }, restProps));
   }
 }
 var _default = exports.default = Input;

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _lang = require("../../lang");
 require("./index.css");
@@ -50,9 +51,7 @@ class PCLinkEditorPopover extends _react.default.Component {
     let {
       searchValue
     } = this.state;
-    let popoverStyle = Object.assign({}, {
-      ...popoverPosition
-    }, {
+    let popoverStyle = Object.assign({}, (0, _objectSpread2.default)({}, popoverPosition), {
       position: 'absolute'
     });
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/lib/List/index.js

@@ -1,43 +1,47 @@
 "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 _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 {
-      prefixCls,
-      children,
-      className,
-      style,
-      renderHeader,
-      renderFooter,
-      ...restProps
-    } = this.props;
+    const _this$props = this.props,
+      {
+        prefixCls,
+        children,
+        className,
+        style,
+        renderHeader,
+        renderFooter
+      } = _this$props,
+      restProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
     const wrapCls = (0, _classnames.default)(prefixCls, className);
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({
       className: wrapCls,
-      style: style,
-      ...restProps,
+      style: style
+    }, restProps), {}, {
       children: [renderHeader ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: `${prefixCls}-header`,
+        className: "".concat(prefixCls, "-header"),
         children: typeof renderHeader === 'function' ? renderHeader() : renderHeader
       }) : null, children ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: `${prefixCls}-body`,
+        className: "".concat(prefixCls, "-body"),
         children: children
       }) : null, renderFooter ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: `${prefixCls}-footer`,
+        className: "".concat(prefixCls, "-footer"),
         children: typeof renderFooter === 'function' ? renderFooter() : renderFooter
       }) : null]
-    });
+    }));
   }
 }
 List.defaultProps = {

package/lib/List/list-item.js

@@ -1,17 +1,20 @@
 "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 = 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', {
@@ -41,10 +44,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: `${RippleWidth}px`,
-          height: `${RippleWidth}px`,
-          left: `${pointX}px`,
-          top: `${pointY}px`
+          width: "".concat(RippleWidth, "px"),
+          height: "".concat(RippleWidth, "px"),
+          left: "".concat(pointX, "px"),
+          top: "".concat(pointY, "px")
         };
         this.setState({
           coverRippleStyle,
@@ -78,57 +81,57 @@ 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 {
-      prefixCls,
-      className,
-      activeStyle,
-      error,
-      align,
-      wrap,
-      disabled,
-      children,
-      multipleLine,
-      thumb,
-      extra,
-      arrow,
-      onClick,
-      ...restProps
-    } = this.props;
-    const {
-      platform,
-      ...otherProps
-    } = restProps;
+        platform
+      } = restProps,
+      otherProps = (0, _objectWithoutProperties2.default)(restProps, _excluded2);
     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 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 rippleCls = (0, _classnames.default)(`${prefixCls}-ripple`, {
-      [`${prefixCls}-ripple-animate`]: RippleClicked
+    const rippleCls = (0, _classnames.default)("".concat(prefixCls, "-ripple"), {
+      ["".concat(prefixCls, "-ripple-animate")]: RippleClicked
     });
-    const lineCls = (0, _classnames.default)(`${prefixCls}-line`, {
-      [`${prefixCls}-line-multiple`]: multipleLine,
-      [`${prefixCls}-line-wrap`]: wrap
+    const lineCls = (0, _classnames.default)("".concat(prefixCls, "-line"), {
+      ["".concat(prefixCls, "-line-multiple")]: multipleLine,
+      ["".concat(prefixCls, "-line-wrap")]: wrap
     });
-    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 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 content = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      ...otherProps,
+    const content = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, otherProps), {}, {
       onClick: ev => {
         this.onClick(ev);
       },
       className: wrapCls,
       children: [thumb ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: `${prefixCls}-thumb`,
+        className: "".concat(prefixCls, "-thumb"),
         children: typeof thumb === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
           src: thumb,
           alt: ""
@@ -136,10 +139,10 @@ class ListItem extends React.Component {
       }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: lineCls,
         children: [children !== undefined && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: `${prefixCls}-content`,
+          className: "".concat(prefixCls, "-content"),
           children: children
         }), extra !== undefined && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: `${prefixCls}-extra`,
+          className: "".concat(prefixCls, "-extra"),
           children: extra
         }), arrow && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: arrowCls,
@@ -149,7 +152,7 @@ class ListItem extends React.Component {
         style: coverRippleStyle,
         className: rippleCls
       })]
-    });
+    }));
     let touchProps = {};
     Object.keys(otherProps).forEach(key => {
       if (/onTouch/i.test(key)) {
@@ -157,13 +160,12 @@ class ListItem extends React.Component {
         delete otherProps[key];
       }
     });
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
-      ...touchProps,
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, touchProps), {}, {
       disabled: disabled || !onClick,
       activeStyle: activeStyle,
-      activeClassName: `${prefixCls}-item-active`,
+      activeClassName: "".concat(prefixCls, "-item-active"),
       children: content
-    });
+    }));
   }
 }
 ListItem.defaultProps = {

package/lib/MBEditorHeader/index.js

@@ -18,7 +18,7 @@ class MBEditorHeader extends _react.default.Component {
       onRightClick
     } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: `dtable-ui-mb-editor-header ${titleClass ? titleClass : ''}`,
+      className: "dtable-ui-mb-editor-header ".concat(titleClass ? titleClass : ''),
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: "editor-header-left-content",
         onClick: onLeftClick,

package/lib/MobileFullScreenPage/body/index.js

@@ -17,7 +17,7 @@ const Body = _ref => {
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classnames.default)('dtable-ui-mobile-full-screen-page-body', className, {
-      [`${classNamePrefix}-mobile-full-screen-page-body`]: classNamePrefix
+      ["".concat(classNamePrefix, "-mobile-full-screen-page-body")]: classNamePrefix
     }),
     children: children
   });