dtable-ui-component 6.0.110 → 6.0.111-amk.13

package/lib/MobileFullScreenPage/header/index.js

@@ -18,22 +18,22 @@ const Header = _ref => {
   } = _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

@@ -64,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,15 +24,15 @@ class MobileModal extends _react.default.PureComponent {
     window.removeEventListener('popstate', this.handleHistoryBack, false);
   }
   render() {
-    const _this$props = this.props,
-      {
-        children
-      } = _this$props,
-      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/Modal/alert.js

@@ -59,7 +59,7 @@ function alert(title, message) {
     if (!/iPhone|iPod|iPad/i.test(navigator.userAgent)) {
       return;
     }
-    const pNode = (0, _closest.default)(e.target, ".".concat(prefixCls, "-footer"));
+    const pNode = (0, _closest.default)(e.target, `.${prefixCls}-footer`);
     if (!pNode) {
       e.preventDefault();
     }
@@ -78,7 +78,7 @@ function alert(title, message) {
       onTouchStart: onWrapTouchStart
     },
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "".concat(prefixCls, "-alert-content"),
+      className: `${prefixCls}-alert-content`,
       children: message
     })
   }));

package/lib/Modal/modal.js

@@ -1,19 +1,16 @@
 "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.ModalComponent = 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 _rmcDialog = _interopRequireDefault(require("rmc-dialog"));
 var _rmcFeedback = _interopRequireDefault(require("rmc-feedback"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["prefixCls", "className", "wrapClassName", "transitionName", "maskTransitionName", "style", "platform", "footer", "operation", "animated", "transparent", "popup", "animationType"];
 class ModalComponent extends React.Component {}
 exports.ModalComponent = ModalComponent;
 class Modal extends ModalComponent {
@@ -39,9 +36,9 @@ class Modal extends ModalComponent {
       }
     };
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
-      activeClassName: "".concat(prefixCls, "-button-active"),
+      activeClassName: `${prefixCls}-button-active`,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "".concat(prefixCls, "-button"),
+        className: `${prefixCls}-button`,
         role: "button",
         style: buttonStyle,
         onClick: onClickFn,
@@ -50,24 +47,23 @@ class Modal extends ModalComponent {
     }, i);
   }
   render() {
-    const _this$props = this.props,
-      {
-        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 {
+      prefixCls,
+      className,
+      wrapClassName,
+      transitionName,
+      maskTransitionName,
+      style,
+      platform,
+      footer = [],
+      operation,
+      animated,
+      transparent,
+      popup,
+      animationType,
+      ...restProps
+    } = this.props;
+    const btnGroupClass = (0, _classnames.default)(`${prefixCls}-button-group-${footer.length === 2 && !operation ? 'h' : 'v'}`, `${prefixCls}-button-group-${operation ? 'operation' : 'normal'}`);
     const footerDom = footer.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: btnGroupClass,
       role: "group",
@@ -90,15 +86,16 @@ class Modal extends ModalComponent {
       }
     }
     const wrapCls = (0, _classnames.default)(wrapClassName, {
-      ["".concat(prefixCls, "-wrap-popup")]: popup
+      [`${prefixCls}-wrap-popup`]: popup
     });
     const cls = (0, _classnames.default)(className, {
-      ["".concat(prefixCls, "-transparent")]: transparent,
-      ["".concat(prefixCls, "-popup")]: popup,
-      ["".concat(prefixCls, "-popup-").concat(animationType)]: popup && animationType,
-      ["".concat(prefixCls, "-android")]: platform === 'android'
+      [`${prefixCls}-transparent`]: transparent,
+      [`${prefixCls}-popup`]: popup,
+      [`${prefixCls}-popup-${animationType}`]: popup && animationType,
+      [`${prefixCls}-android`]: platform === 'android'
     });
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcDialog.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, restProps), {}, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcDialog.default, {
+      ...restProps,
       prefixCls: prefixCls,
       className: cls,
       wrapClassName: wrapCls,
@@ -106,7 +103,7 @@ class Modal extends ModalComponent {
       maskTransitionName: maskTransitionName || maskTransName,
       style: style,
       footer: footerDom
-    }));
+    });
   }
 }
 exports.default = Modal;

package/lib/Modal/prompt.js

@@ -17,7 +17,7 @@ function prompt(title, message, callbackOrActions) {
   let placeholders = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : ['', ''];
   let platform = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : 'ios';
   let closed = false;
-  defaultValue = typeof defaultValue === 'string' ? defaultValue : typeof defaultValue === 'number' ? "".concat(defaultValue) : '';
+  defaultValue = typeof defaultValue === 'string' ? defaultValue : typeof defaultValue === 'number' ? `${defaultValue}` : '';
   if (!callbackOrActions) {
     // console.log('Must specify callbackOrActions');
     return {
@@ -61,9 +61,9 @@ function prompt(title, message, callbackOrActions) {
   switch (type) {
     case 'login-password':
       inputDom = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "".concat(prefixCls, "-input-container"),
+        className: `${prefixCls}-input-container`,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "".concat(prefixCls, "-input"),
+          className: `${prefixCls}-input`,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
               type: "text",
@@ -76,7 +76,7 @@ function prompt(title, message, callbackOrActions) {
             })
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "".concat(prefixCls, "-input"),
+          className: `${prefixCls}-input`,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
               type: "password",
@@ -92,9 +92,9 @@ function prompt(title, message, callbackOrActions) {
       break;
     case 'secure-text':
       inputDom = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "".concat(prefixCls, "-input-container"),
+        className: `${prefixCls}-input-container`,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "".concat(prefixCls, "-input"),
+          className: `${prefixCls}-input`,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
               type: "password",
@@ -112,9 +112,9 @@ function prompt(title, message, callbackOrActions) {
     case 'default':
     default:
       inputDom = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "".concat(prefixCls, "-input-container"),
+        className: `${prefixCls}-input-container`,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "".concat(prefixCls, "-input"),
+          className: `${prefixCls}-input`,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
               type: "text",
@@ -200,7 +200,7 @@ function prompt(title, message, callbackOrActions) {
     if (!/iPhone|iPod|iPad/i.test(navigator.userAgent)) {
       return;
     }
-    const pNode = (0, _closest.default)(e.target, ".".concat(prefixCls, "-content"));
+    const pNode = (0, _closest.default)(e.target, `.${prefixCls}-content`);
     if (!pNode) {
       e.preventDefault();
     }
@@ -220,7 +220,7 @@ function prompt(title, message, callbackOrActions) {
       onTouchStart: onWrapTouchStart
     },
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "".concat(prefixCls, "-propmt-content"),
+      className: `${prefixCls}-propmt-content`,
       children: content
     })
   }));

package/lib/MultipleSelectEditor/index.js

@@ -6,21 +6,19 @@ 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"));
 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,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    value: oldValue,
+    ...props
+  } = _ref;
   const value = oldValue ? Array.isArray(oldValue) ? oldValue : [oldValue] : [];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_selectEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_selectEditor.default, {
+    ...props,
     value: value,
     ref: ref
-  }));
+  });
 });
 var _default = exports.default = MultipleSelectEditor;

package/lib/MultipleSelectFormatter/index.js

@@ -24,7 +24,7 @@ class MultipleSelectFormatter extends _react.default.PureComponent {
       return selectedOptions.map(option => {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectItem.default, {
           option: option
-        }, "multiple-".concat(option.id));
+        }, `multiple-${option.id}`);
       });
     };
   }

package/lib/PhoneNumberLink/index.js

@@ -15,7 +15,7 @@ const PhoneNumberLink = _ref => {
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
     className: (0, _classnames.default)(className),
-    href: "tel:".concat(typeof phoneNumber === 'string' ? phoneNumber.trim() : ''),
+    href: `tel:${typeof phoneNumber === 'string' ? phoneNumber.trim() : ''}`,
     tabIndex: 0,
     "aria-label": "",
     target: "_blank",

package/lib/Picker/AbstractPicker.js

@@ -1,14 +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;
 exports.getDefaultProps = getDefaultProps;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _arrayTreeFilter = _interopRequireDefault(require("array-tree-filter"));
 var React = _interopRequireWildcard(require("react"));
 var _Cascader = _interopRequireDefault(require("rmc-cascader/lib/Cascader"));
@@ -17,8 +15,8 @@ var _MultiPicker = _interopRequireDefault(require("rmc-picker/lib/MultiPicker"))
 var _Picker = _interopRequireDefault(require("rmc-picker/lib/Picker"));
 var _getLocale = require("../utils/getLocale");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children", "value", "popupPrefixCls", "itemStyle", "indicatorStyle", "okText", "dismissText", "extra", "cascade", "prefixCls", "pickerPrefixCls", "data", "cols", "onOk"];
 /* tslint:disable:jsx-no-multiline-js */
+
 function getDefaultProps() {
   const defaultFormat = values => {
     // label is JSX.Element or other
@@ -128,24 +126,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 {
+      children,
+      value = [],
+      popupPrefixCls,
+      itemStyle,
+      indicatorStyle,
+      okText,
+      dismissText,
+      extra,
+      cascade,
+      prefixCls,
+      pickerPrefixCls,
+      data,
+      cols,
+      onOk,
+      ...restProps
+    } = this.props;
 
     // tslint:disable-next-line:variable-name
     const _locale = (0, _getLocale.getComponentLocale)(this.props, this.context, 'Picker', () => require('./locale/zh_CN'));
@@ -177,20 +174,21 @@ class AbstractPicker extends React.Component {
         pickerValueChangeProp: 'onValueChange'
       };
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popup.default, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
-      cascader: cascader
-    }, this.popupProps), restProps), {}, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popup.default, {
+      cascader: cascader,
+      ...this.popupProps,
+      ...restProps,
       prefixCls: popupPrefixCls,
       value: value,
       dismissText: dismissText || _locale.dismissText,
-      okText: okText || _locale.okText
-    }, popupMoreProps), {}, {
+      okText: okText || _locale.okText,
+      ...popupMoreProps,
       ref: this.fixOnOk,
       onVisibleChange: this.onVisibleChange,
       children: children && typeof children !== 'string' && /*#__PURE__*/React.isValidElement(children) && /*#__PURE__*/React.cloneElement(children, {
         extra: this.getSel() || extra || _locale.extra
       })
-    }));
+    });
   }
 }
 exports.default = AbstractPicker;

package/lib/Popover/index.js

@@ -6,14 +6,11 @@ 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"));
 var _rmcTooltip = _interopRequireDefault(require("rmc-tooltip"));
 var _item = _interopRequireDefault(require("./item"));
 require("./style/index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["overlay", "onSelect"];
 function recursiveCloneChildren(children) {
   let cb = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (ch, _) => ch;
   return React.Children.map(children, (child, index) => {
@@ -26,12 +23,11 @@ function recursiveCloneChildren(children) {
 }
 class Popover extends React.Component {
   render() {
-    const _this$props = this.props,
-      {
-        overlay,
-        onSelect = () => {}
-      } = _this$props,
-      restProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+    const {
+      overlay,
+      onSelect = () => {},
+      ...restProps
+    } = this.props;
     const overlayNode = recursiveCloneChildren(overlay, (child, index) => {
       const extraProps = {
         firstItem: false
@@ -46,12 +42,13 @@ class Popover extends React.Component {
       return child;
     });
     const wrapperNode = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "".concat(this.props.prefixCls, "-inner-wrapper"),
+      className: `${this.props.prefixCls}-inner-wrapper`,
       children: overlayNode
     });
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcTooltip.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, restProps), {}, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcTooltip.default, {
+      ...restProps,
       overlay: wrapperNode
-    }));
+    });
   }
 }
 exports.default = Popover;

package/lib/Popover/item.js

@@ -1,60 +1,56 @@
 "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 _rmcFeedback = _interopRequireDefault(require("rmc-feedback"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children", "className", "prefixCls", "icon", "disabled", "firstItem", "activeStyle"];
 class Item extends React.Component {
   render() {
-    const _this$props = this.props,
-      {
-        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
+    const {
+      children,
+      className,
+      prefixCls,
+      icon,
+      disabled,
+      firstItem,
+      activeStyle,
+      ...restProps
+    } = this.props;
+    const cls = (0, _classnames.default)(`${prefixCls}-item`, className, {
+      [`${prefixCls}-item-disabled`]: disabled
     });
-    let activeClass = "".concat(prefixCls, "-item-active ");
+    let activeClass = `${prefixCls}-item-active `;
     if (firstItem) {
-      activeClass += "".concat(prefixCls, "-item-fix-active-arrow");
+      activeClass += `${prefixCls}-item-fix-active-arrow`;
     }
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
       disabled: disabled,
       activeClassName: activeClass,
       activeStyle: activeStyle,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({
-        className: cls
-      }, restProps), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: cls,
+        ...restProps,
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "".concat(prefixCls, "-item-container"),
+          className: `${prefixCls}-item-container`,
           children: [icon ?
           /*#__PURE__*/
           // tslint:disable-next-line:jsx-no-multiline-js
           (0, _jsxRuntime.jsx)("span", {
-            className: "".concat(prefixCls, "-item-icon"),
+            className: `${prefixCls}-item-icon`,
             "aria-hidden": "true",
             children: icon
           }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            className: "".concat(prefixCls, "-item-content"),
+            className: `${prefixCls}-item-content`,
             children: children
           })]
         })
-      }))
+      })
     });
   }
 }

package/lib/Progress/index.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var React = _interopRequireWildcard(require("react"));
 require("./index.css");
@@ -19,7 +18,7 @@ class Progress extends React.Component {
     if (this.props.appearTransition) {
       setTimeout(() => {
         if (this.barRef) {
-          this.barRef.style.width = "".concat(this.props.percent, "%");
+          this.barRef.style.width = `${this.props.percent}%`;
         }
       }, 10);
     }
@@ -34,12 +33,12 @@ class Progress extends React.Component {
       barStyle = {}
     } = this.props;
     const percentStyle = {
-      width: this.noAppearTransition || !this.props.appearTransition ? "".concat(this.props.percent, "%") : 0,
+      width: this.noAppearTransition || !this.props.appearTransition ? `${this.props.percent}%` : 0,
       height: 0
     };
-    const wrapCls = (0, _classnames.default)("".concat(prefixCls, "-outer"), className, {
-      ["".concat(prefixCls, "-fixed-outer")]: position === 'fixed',
-      ["".concat(prefixCls, "-hide-outer")]: !unfilled
+    const wrapCls = (0, _classnames.default)(`${prefixCls}-outer`, className, {
+      [`${prefixCls}-fixed-outer`]: position === 'fixed',
+      [`${prefixCls}-hide-outer`]: !unfilled
     });
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       style: style,
@@ -50,8 +49,11 @@ class Progress extends React.Component {
       "aria-valuemax": 100,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         ref: el => this.barRef = el,
-        className: "".concat(prefixCls, "-bar"),
-        style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, barStyle), percentStyle)
+        className: `${prefixCls}-bar`,
+        style: {
+          ...barStyle,
+          ...percentStyle
+        }
       })
     });
   }