dtable-ui-component 6.0.54 → 6.0.55-beta.2

package/lib/ImageFormatter/index.js

@@ -91,7 +91,7 @@ class ImageFormatter extends _react.default.Component {
           alt: ""
         }), value.length !== 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: "image-item-count",
-          children: "+".concat(value.length)
+          children: `+${value.length}`
         })]
       });
     }

package/lib/ImageThumbnail/index.js

@@ -75,7 +75,7 @@ class ImageThumbnail extends _react.default.Component {
     const {
       mediaUrl = ''
     } = props.config || {};
-    this.imageLoadingFailedUrl = "".concat(mediaUrl, "img/image-loading-failed.png");
+    this.imageLoadingFailedUrl = `${mediaUrl}img/image-loading-failed.png`;
   }
   componentDidMount() {
     this.getUrl(this.props.src);
@@ -103,7 +103,7 @@ class ImageThumbnail extends _react.default.Component {
         ref: ref => this.ref = ref,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
           src: imageThumbnailUrl,
-          id: "item-image-".concat(index),
+          id: `item-image-${index}`,
           alt: ""
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "dtable-ui-image-icons-choice",

package/lib/InputItem/custom-input.js

@@ -63,7 +63,7 @@ class NumberInput extends React.Component {
         if (this.props.autoAdjustHeight) {
           this.getContainer().style.height = '0';
         }
-        (0, _class.addClass)(customNumberKeyboard.antmKeyboard, "".concat(this.props.keyboardPrefixCls, "-wrapper-hide"));
+        (0, _class.addClass)(customNumberKeyboard.antmKeyboard, `${this.props.keyboardPrefixCls}-wrapper-hide`);
       }
       // for unmount
       this.removeBlurListener();
@@ -98,7 +98,7 @@ class NumberInput extends React.Component {
           if (customNumberKeyboard.antmKeyboard) {
             if (this.props.autoAdjustHeight) {
               const keyBoardHeight = customNumberKeyboard.antmKeyboard.offsetHeight;
-              this.getContainer().style.height = "".concat(keyBoardHeight, "px");
+              this.getContainer().style.height = `${keyBoardHeight}px`;
               if (this.inputRef) {
                 const {
                   bottom
@@ -111,14 +111,14 @@ class NumberInput extends React.Component {
                 }
               }
             }
-            (0, _class.removeClass)(customNumberKeyboard.antmKeyboard, "".concat(this.props.keyboardPrefixCls, "-wrapper-hide"));
+            (0, _class.removeClass)(customNumberKeyboard.antmKeyboard, `${this.props.keyboardPrefixCls}-wrapper-hide`);
           }
           customNumberKeyboard.confirmDisabled = value === '';
           if (customNumberKeyboard.confirmKeyboardItem) {
             if (value === '') {
-              (0, _class.addClass)(customNumberKeyboard.confirmKeyboardItem, "".concat(this.props.keyboardPrefixCls, "-item-disabled"));
+              (0, _class.addClass)(customNumberKeyboard.confirmKeyboardItem, `${this.props.keyboardPrefixCls}-item-disabled`);
             } else {
-              (0, _class.removeClass)(customNumberKeyboard.confirmKeyboardItem, "".concat(this.props.keyboardPrefixCls, "-item-disabled"));
+              (0, _class.removeClass)(customNumberKeyboard.confirmKeyboardItem, `${this.props.keyboardPrefixCls}-item-disabled`);
             }
           }
         }
@@ -179,9 +179,9 @@ class NumberInput extends React.Component {
         customNumberKeyboard.confirmDisabled = valueAfterChange === '';
         if (customNumberKeyboard.confirmKeyboardItem) {
           if (valueAfterChange === '') {
-            (0, _class.addClass)(customNumberKeyboard.confirmKeyboardItem, "".concat(this.props.keyboardPrefixCls, "-item-disabled"));
+            (0, _class.addClass)(customNumberKeyboard.confirmKeyboardItem, `${this.props.keyboardPrefixCls}-item-disabled`);
           } else {
-            (0, _class.removeClass)(customNumberKeyboard.confirmKeyboardItem, "".concat(this.props.keyboardPrefixCls, "-item-disabled"));
+            (0, _class.removeClass)(customNumberKeyboard.confirmKeyboardItem, `${this.props.keyboardPrefixCls}-item-disabled`);
           }
         }
       }
@@ -248,10 +248,10 @@ class NumberInput extends React.Component {
     const {
       keyboardPrefixCls
     } = this.props;
-    let container = document.querySelector("#".concat(keyboardPrefixCls, "-container"));
+    let container = document.querySelector(`#${keyboardPrefixCls}-container`);
     if (!container) {
       container = document.createElement('div');
-      container.setAttribute('id', "".concat(keyboardPrefixCls, "-container"));
+      container.setAttribute('id', `${keyboardPrefixCls}-container`);
       document.body.appendChild(container);
     }
     this.container = container;

package/lib/InputItem/custom-keyboard.js

@@ -48,12 +48,12 @@ class KeyboardItem extends React.Component {
       value = 'confirm';
     }
     const extraCls = {
-      ["".concat(prefixCls, "-item-disabled")]: disabled
+      [`${prefixCls}-item-disabled`]: disabled
     };
-    const wrapCls = (0, _classnames.default)("".concat(prefixCls, "-item"), className, extraCls);
+    const wrapCls = (0, _classnames.default)(`${prefixCls}-item`, className, extraCls);
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
       disabled: disabled,
-      activeClassName: "".concat(prefixCls, "-item-active"),
+      activeClassName: `${prefixCls}-item-active`,
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("td", {
         ref: tdRef
         // tslint:disable-next-line:jsx-no-multiline-js
@@ -105,7 +105,7 @@ class CustomKeyboard extends React.Component {
         onClick: this.onKeyboardClick,
         disabled: disabled,
         children: item
-      }, "item-".concat(item, "-").concat(index));
+      }, `item-${item}-${index}`);
     };
   }
   render() {
@@ -117,7 +117,7 @@ class CustomKeyboard extends React.Component {
       wrapProps,
       header
     } = this.props;
-    const wrapperCls = (0, _classnames.default)("".concat(prefixCls, "-wrapper"), "".concat(prefixCls, "-wrapper-hide"));
+    const wrapperCls = (0, _classnames.default)(`${prefixCls}-wrapper`, `${prefixCls}-wrapper-hide`);
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: wrapperCls,
       ref: el => this.antmKeyboard = el,

package/lib/InputItem/index.js

@@ -56,9 +56,9 @@ class InputItem extends React.Component {
           ctrlValue = rawVal.replace(/\D/g, '').substring(0, 11);
           const valueLen = ctrlValue.length;
           if (valueLen > 3 && valueLen < 8) {
-            ctrlValue = "".concat(ctrlValue.substr(0, 3), " ").concat(ctrlValue.substr(3));
+            ctrlValue = `${ctrlValue.substr(0, 3)} ${ctrlValue.substr(3)}`;
           } else if (valueLen >= 8) {
-            ctrlValue = "".concat(ctrlValue.substr(0, 3), " ").concat(ctrlValue.substr(3, 4), " ").concat(ctrlValue.substr(7));
+            ctrlValue = `${ctrlValue.substr(0, 3)} ${ctrlValue.substr(3, 4)} ${ctrlValue.substr(7)}`;
           }
           break;
         case 'number':
@@ -266,21 +266,21 @@ class InputItem extends React.Component {
       focus,
       placeholder
     } = this.state;
-    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 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 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 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 controlCls = "".concat(prefixCls, "-control");
+    const controlCls = `${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: "".concat(prefixListCls, "-line"),
+        className: `${prefixListCls}-line`,
         children: [children ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: labelCls,
           children: children
@@ -352,17 +352,17 @@ class InputItem extends React.Component {
             readOnly: !editable,
             disabled: disabled
           })
-        }), clear && editable && !disabled && value && "".concat(value).length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
-          activeClassName: "".concat(prefixCls, "-clear-active"),
+        }), clear && editable && !disabled && value && `${value}`.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
+          activeClassName: `${prefixCls}-clear-active`,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "".concat(prefixCls, "-clear"),
+            className: `${prefixCls}-clear`,
             onClick: this.clearInput
           })
         }) : null, error ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "".concat(prefixCls, "-error-extra"),
+          className: `${prefixCls}-error-extra`,
           onClick: onErrorClick
         }) : null, extra !== '' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "".concat(prefixCls, "-extra"),
+          className: `${prefixCls}-extra`,
           onClick: onExtraClick,
           children: extra
         }) : null]

package/lib/List/index.js

@@ -28,13 +28,13 @@ class List extends React.Component {
       style: style,
       ...restProps,
       children: [renderHeader ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "".concat(prefixCls, "-header"),
+        className: `${prefixCls}-header`,
         children: typeof renderHeader === 'function' ? renderHeader() : renderHeader
       }) : null, children ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "".concat(prefixCls, "-body"),
+        className: `${prefixCls}-body`,
         children: children
       }) : null, renderFooter ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "".concat(prefixCls, "-footer"),
+        className: `${prefixCls}-footer`,
         children: typeof renderFooter === 'function' ? renderFooter() : renderFooter
       }) : null]
     });

package/lib/List/list-item.js

@@ -41,10 +41,10 @@ class ListItem extends React.Component {
         const pointX = ev.clientX - ClientRect.left - Item.offsetWidth / 2;
         const pointY = ev.clientY - ClientRect.top - Item.offsetWidth / 2;
         const coverRippleStyle = {
-          width: "".concat(RippleWidth, "px"),
-          height: "".concat(RippleWidth, "px"),
-          left: "".concat(pointX, "px"),
-          top: "".concat(pointY, "px")
+          width: `${RippleWidth}px`,
+          height: `${RippleWidth}px`,
+          left: `${pointX}px`,
+          top: `${pointY}px`
         };
         this.setState({
           coverRippleStyle,
@@ -102,24 +102,24 @@ class ListItem extends React.Component {
       coverRippleStyle,
       RippleClicked
     } = this.state;
-    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 wrapCls = (0, _classnames.default)(`${prefixCls}-item`, className, {
+      [`${prefixCls}-item-disabled`]: disabled,
+      [`${prefixCls}-item-error`]: error,
+      [`${prefixCls}-item-top`]: align === 'top',
+      [`${prefixCls}-item-middle`]: align === 'middle',
+      [`${prefixCls}-item-bottom`]: align === 'bottom'
     });
-    const rippleCls = (0, _classnames.default)("".concat(prefixCls, "-ripple"), {
-      ["".concat(prefixCls, "-ripple-animate")]: RippleClicked
+    const rippleCls = (0, _classnames.default)(`${prefixCls}-ripple`, {
+      [`${prefixCls}-ripple-animate`]: RippleClicked
     });
-    const lineCls = (0, _classnames.default)("".concat(prefixCls, "-line"), {
-      ["".concat(prefixCls, "-line-multiple")]: multipleLine,
-      ["".concat(prefixCls, "-line-wrap")]: wrap
+    const lineCls = (0, _classnames.default)(`${prefixCls}-line`, {
+      [`${prefixCls}-line-multiple`]: multipleLine,
+      [`${prefixCls}-line-wrap`]: wrap
     });
-    const arrowCls = (0, _classnames.default)("".concat(prefixCls, "-arrow"), {
-      ["".concat(prefixCls, "-arrow-horizontal")]: arrow === 'horizontal',
-      ["".concat(prefixCls, "-arrow-vertical")]: arrow === 'down' || arrow === 'up',
-      ["".concat(prefixCls, "-arrow-vertical-up")]: arrow === 'up'
+    const arrowCls = (0, _classnames.default)(`${prefixCls}-arrow`, {
+      [`${prefixCls}-arrow-horizontal`]: arrow === 'horizontal',
+      [`${prefixCls}-arrow-vertical`]: arrow === 'down' || arrow === 'up',
+      [`${prefixCls}-arrow-vertical-up`]: arrow === 'up'
     });
     const content = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       ...otherProps,
@@ -128,7 +128,7 @@ class ListItem extends React.Component {
       },
       className: wrapCls,
       children: [thumb ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "".concat(prefixCls, "-thumb"),
+        className: `${prefixCls}-thumb`,
         children: typeof thumb === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
           src: thumb,
           alt: ""
@@ -136,10 +136,10 @@ class ListItem extends React.Component {
       }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: lineCls,
         children: [children !== undefined && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "".concat(prefixCls, "-content"),
+          className: `${prefixCls}-content`,
           children: children
         }), extra !== undefined && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "".concat(prefixCls, "-extra"),
+          className: `${prefixCls}-extra`,
           children: extra
         }), arrow && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: arrowCls,
@@ -161,7 +161,7 @@ class ListItem extends React.Component {
       ...touchProps,
       disabled: disabled || !onClick,
       activeStyle: activeStyle,
-      activeClassName: "".concat(prefixCls, "-item-active"),
+      activeClassName: `${prefixCls}-item-active`,
       children: content
     });
   }

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

package/lib/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, {
-      ["".concat(classNamePrefix, "-mobile-full-screen-page-body")]: classNamePrefix
+      [`${classNamePrefix}-mobile-full-screen-page-body`]: classNamePrefix
     }),
     children: children
   });

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/Modal/alert.js

@@ -59,12 +59,12 @@ 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();
     }
   }
-  root.render( /*#__PURE__*/(0, _jsxRuntime.jsx)(_modal.default, {
+  root.render(/*#__PURE__*/(0, _jsxRuntime.jsx)(_modal.default, {
     visible: true,
     transparent: true,
     title: title,
@@ -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

@@ -36,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,
@@ -63,7 +63,7 @@ class Modal extends ModalComponent {
       animationType,
       ...restProps
     } = this.props;
-    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 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",
@@ -86,13 +86,13 @@ 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, {
       ...restProps,

package/lib/Modal/operation.js

@@ -58,7 +58,7 @@ function operation() {
       e.preventDefault();
     }
   }
-  root.render( /*#__PURE__*/(0, _jsxRuntime.jsx)(_modal.default, {
+  root.render(/*#__PURE__*/(0, _jsxRuntime.jsx)(_modal.default, {
     visible: true,
     operation: true,
     transparent: true,

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,12 +200,12 @@ 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();
     }
   }
-  root.render( /*#__PURE__*/(0, _jsxRuntime.jsx)(_modal.default, {
+  root.render(/*#__PURE__*/(0, _jsxRuntime.jsx)(_modal.default, {
     visible: true,
     transparent: true,
     prefixCls: prefixCls,
@@ -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/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

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _DTableIcon = _interopRequireDefault(require("../DTableIcon"));
+var _jsxRuntime = require("react/jsx-runtime");
+const PhoneNumberLink = _ref => {
+  let {
+    phoneNumber,
+    className
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+    className: (0, _classnames.default)(className),
+    href: `tel:${typeof phoneNumber === 'string' ? phoneNumber.trim() : ''}`,
+    tabIndex: 0,
+    "aria-label": "",
+    target: "_blank",
+    rel: "noopener noreferrer",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableIcon.default, {
+      className: "jump-link-icon",
+      symbol: "telephone"
+    })
+  });
+};
+var _default = exports.default = PhoneNumberLink;

package/lib/Popover/index.js

@@ -42,7 +42,7 @@ 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, {

package/lib/Popover/item.js

@@ -22,12 +22,12 @@ class Item extends React.Component {
       activeStyle,
       ...restProps
     } = this.props;
-    const cls = (0, _classnames.default)("".concat(prefixCls, "-item"), className, {
-      ["".concat(prefixCls, "-item-disabled")]: disabled
+    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,
@@ -37,16 +37,16 @@ class Item extends React.Component {
         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
           })]
         })