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

package/lib/RowExpandFormatter/link-formatter/index.js

@@ -64,7 +64,7 @@ class RowExpandLinkFormatter extends _react.Component {
               return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                 className: "row-expand-link-item",
                 children: value
-              }, "link-".concat(displayColumnType, "-").concat(index));
+              }, `link-${displayColumnType}-${index}`);
             })
           });
         }
@@ -81,7 +81,7 @@ class RowExpandLinkFormatter extends _react.Component {
                 value: value,
                 format: format,
                 containerClassName: "row-expand-link-item"
-              }, "link-".concat(displayColumnType, "-").concat(index));
+              }, `link-${displayColumnType}-${index}`);
             })
           });
         }
@@ -94,7 +94,7 @@ class RowExpandLinkFormatter extends _react.Component {
               return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CTimeFormatter.default, {
                 value: value,
                 containerClassName: "row-expand-link-item"
-              }, "link-".concat(displayColumnType, "-").concat(index));
+              }, `link-${displayColumnType}-${index}`);
             })
           });
         }
@@ -107,7 +107,7 @@ class RowExpandLinkFormatter extends _react.Component {
               return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MTimeFormatter.default, {
                 value: value,
                 containerClassName: "row-expand-link-item"
-              }, "link-".concat(displayColumnType, "-").concat(index));
+              }, `link-${displayColumnType}-${index}`);
             })
           });
         }
@@ -123,7 +123,7 @@ class RowExpandLinkFormatter extends _react.Component {
                 collaborators: collaborators,
                 context: props.context,
                 renderEmpty: props.renderEmpty
-              }, "link-".concat(displayColumnType, "-").concat(index));
+              }, `link-${displayColumnType}-${index}`);
             })
           });
         }
@@ -146,7 +146,7 @@ class RowExpandLinkFormatter extends _react.Component {
                 children: (0, _valueDisplayUtils.getCellDisplayValue)({
                   [displayColumn.key]: value
                 }, displayColumn, collaborators)
-              }, "link-".concat(displayColumnType, "-").concat(index));
+              }, `link-${displayColumnType}-${index}`);
             })
           });
         }

package/lib/RowExpandFormatter/rate-formatter/index.js

@@ -27,10 +27,10 @@ class RateExpendRateFormatter extends _react.default.Component {
         let style = {
           color: value >= i + 1 ? rate_style_color : '#e5e5e5'
         };
-        rateList.push( /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
-          className: "dtable-font ".concat(rate_style_type),
+        rateList.push(/*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+          className: `dtable-font ${rate_style_type}`,
           style: style
-        }, "dtable-ui-component-rate-".concat(i)));
+        }, `dtable-ui-component-rate-${i}`));
       }
       return rateList;
     };

package/lib/RowExpandFormatter/text/index.css

@@ -0,0 +1,2 @@
+@import url('../../css/cell-formatter.css');
+@import url('../../css/row-expand.css');

package/lib/RowExpandFormatter/text/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _dtableUtils = require("dtable-utils");
+var _PhoneNumberLink = _interopRequireDefault(require("../../PhoneNumberLink"));
+var _editorUtils = require("../../utils/editor-utils");
+require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+class TextFormatter extends _react.default.Component {
+  constructor() {
+    super(...arguments);
+    this.getFormattedValue = val => {
+      if (typeof val === 'object') {
+        return null;
+      }
+      if (Object.prototype.toString.call(val) === '[object Boolean]') {
+        return val + '';
+      }
+      return val;
+    };
+  }
+  render() {
+    const {
+      containerClassName,
+      value,
+      column
+    } = this.props;
+    const classname = (0, _classnames.default)('dtable-ui cell-formatter-container row-expand-jump-link-container text-formatter', containerClassName);
+    const formattedValue = this.getFormattedValue(value);
+    const isDisplayAsAsPhoneNumber = column ? (0, _dtableUtils.checkIsDisplayAsPhoneNumberColumn)(column) : false;
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: classname,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "text-formatter-value row-expand-jump-link-value text-truncate",
+        children: formattedValue
+      }), isDisplayAsAsPhoneNumber && !!(0, _editorUtils.getTrimmedString)(value) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PhoneNumberLink.default, {
+        phoneNumber: value,
+        className: "row-expand-jump-link-btn"
+      })]
+    });
+  }
+}
+var _default = exports.default = TextFormatter;

package/lib/RowExpandFormatter/url-formatter/index.css

@@ -1 +1,2 @@
 @import url('../../css/cell-formatter.css');
+@import url('../../css/row-expand.css');

package/lib/RowExpandFormatter/url-formatter/index.js

@@ -20,7 +20,7 @@ class UrlFormatter extends _react.default.Component {
         value
       } = this.props;
       const url = (0, _editorUtils.getTrimmedString)(value);
-      const validUrl = (0, _utils.isValidUrl)(url) ? url : "http://".concat(url);
+      const validUrl = (0, _utils.isValidUrl)(url) ? url : `http://${url}`;
       try {
         let a = document.createElement('a');
         document.body.appendChild(a);
@@ -39,14 +39,14 @@ class UrlFormatter extends _react.default.Component {
       containerClassName,
       value
     } = this.props;
-    let classname = (0, _classnames.default)('dtable-ui cell-formatter-container url-formatter', containerClassName);
+    const classname = (0, _classnames.default)('dtable-ui cell-formatter-container url-formatter row-expand-jump-link-container', containerClassName);
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: classname,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "url-formatter-value text-truncate",
+        className: "url-formatter-value row-expand-jump-link-value text-truncate",
         children: value
       }), (0, _editorUtils.getTrimmedString)(value) && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "dtable-font dtable-icon-url row-expand-jump-link",
+        className: "dtable-font dtable-icon-url row-expand-jump-link-btn",
         onClick: this.onOpenUrlLink
       })]
     });

package/lib/RowExpandView/body/index.css

@@ -151,6 +151,10 @@
   right: 0;
 }
 
+.dtable-ui-row-expand-formatter .dtable-ui .row-expand-jump-link .jump-link-icon {
+  color: #999;
+}
+
 .dtable-ui-mobile-row-expand-body .dtable-ui-row-expand-formatter .dtable-ui.url-formatter .url-formatter-value,
 .dtable-ui-mobile-row-expand-body .dtable-ui-row-expand-formatter .dtable-ui.email-formatter .email-formatter-value {
   width: calc(100% - 40px);

package/lib/RowExpandView/body/index.js

@@ -66,7 +66,7 @@ class Body extends _react.default.Component {
       }
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowExpandFormatter.default, {
         ...props,
-        className: (0, _classnames.default)('dtable-ui-mobile-row-expand-formatter', "mobile-dtable-row-expand-".concat(column.type, "-formatter"), className),
+        className: (0, _classnames.default)('dtable-ui-mobile-row-expand-formatter', `mobile-dtable-row-expand-${column.type}-formatter`, className),
         column: column,
         row: row,
         component: formatter,

package/lib/SelectOptionGroup/index.css

@@ -57,15 +57,18 @@
 }
 
 .option:hover .header-icon .dtable-font,
+.option:hover .header-icon .multicolor-icon,
 .option.option-active .select-option-name {
   color: #fff;
 }
 
-.option.option-active .header-icon .dtable-font {
+.option.option-active .header-icon .dtable-font,
+.option.option-active .header-icon .multicolor-icon {
   color: #fff;
 }
 
-.option:not(.option-active):hover .header-icon .dtable-font {
+.option:not(.option-active):hover .header-icon .dtable-font,
+.option:not(.option-active):hover .header-icon .multicolor-icon {
   color: #aaa;
 }
 

package/lib/SelectOptionGroup/index.js

@@ -148,7 +148,7 @@ class SelectOptionGroup extends _react.Component {
           supportMultipleSelect: this.props.supportMultipleSelect,
           disableHover: this.state.disableHover,
           children: opt.label
-        }, "".concat(key, "-").concat(i));
+        }, `${key}-${i}`);
       });
     };
     this.state = {

package/lib/SelectedDepartments/index.js

@@ -36,7 +36,7 @@ function SelectedDepartments(_ref) {
           "aria-label": name,
           children: name
         })
-      }, "department-".concat(index));
+      }, `department-${index}`);
     }
     const department = idDepartmentMap[content];
     if (department) {
@@ -65,7 +65,7 @@ function SelectedDepartments(_ref) {
             })
           })
         })]
-      }, "department-".concat(index));
+      }, `department-${index}`);
     }
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "department empty-department mr-1",
@@ -87,7 +87,7 @@ function SelectedDepartments(_ref) {
           })
         })
       })]
-    }, "department-".concat(index));
+    }, `department-${index}`);
   }) : null;
   return dom;
 }

package/lib/SimpleLongTextFormatter/index.js

@@ -31,8 +31,8 @@ class SimpleLongTextFormatter extends _react.default.Component {
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
         className: "long-text-check-list",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
-          className: "dtable-font dtable-icon-check-square-solid ".concat(checkList.completed === checkList.total ? 'long-text-check-list-completed' : '')
-        }), "".concat(checkList.completed, "/").concat(checkList.total)]
+          className: `dtable-font dtable-icon-check-square-solid ${checkList.completed === checkList.total ? 'long-text-check-list-completed' : ''}`
+        }), `${checkList.completed}/${checkList.total}`]
       });
     };
     this.renderImages = value => {

package/lib/TabBar/Tab.js

@@ -24,21 +24,21 @@ class Tab extends React.PureComponent {
       } = this.props;
       const iconRes = selected ? selectedIcon : icon;
       const iconDom = /*#__PURE__*/React.isValidElement(iconRes) ? iconRes : /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-        className: "".concat(prefixCls, "-image"),
+        className: `${prefixCls}-image`,
         src: iconRes ? iconRes.uri : iconRes,
         alt: title
       });
       if (badge) {
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Badge.default, {
           text: badge,
-          className: "".concat(prefixCls, "-badge tab-badge"),
+          className: `${prefixCls}-badge tab-badge`,
           children: [' ', iconDom, ' ']
         });
       }
       if (dot) {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.default, {
           dot: true,
-          className: "".concat(prefixCls, "-badge tab-dot"),
+          className: `${prefixCls}-badge tab-dot`,
           children: iconDom
         });
       }
@@ -63,15 +63,15 @@ class Tab extends React.PureComponent {
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       ...this.props.dataAttrs,
       onClick: this.onClick,
-      className: "".concat(prefixCls),
+      className: `${prefixCls}`,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "".concat(prefixCls, "-icon"),
+        className: `${prefixCls}-icon`,
         style: {
           color: iconColor
         },
         children: this.renderIcon()
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-        className: "".concat(prefixCls, "-title"),
+        className: `${prefixCls}-title`,
         style: {
           color: selected ? tintColor : unselectedTintColor
         },

package/lib/TabBar/index.js

@@ -56,7 +56,7 @@ class AntTabBar extends React.Component {
       const tabsData = this.getTabs();
       const content = Array.isArray(tabsData) ? tabsData.map((cProps, index) => {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tab.default, {
-          prefixCls: "".concat(this.props.prefixCls, "-tab"),
+          prefixCls: `${this.props.prefixCls}-tab`,
           badge: cProps.badge,
           dot: cProps.dot,
           selected: cProps.selected,
@@ -69,9 +69,9 @@ class AntTabBar extends React.Component {
           onClick: () => cProps.onPress && cProps.onPress()
         }, index);
       }) : null;
-      let cls = "".concat(prefixCls, "-bar");
+      let cls = `${prefixCls}-bar`;
       if (hidden) {
-        cls += " ".concat(prefixCls, "-bar-hidden-").concat(tabBarPosition);
+        cls += ` ${prefixCls}-bar-hidden-${tabBarPosition}`;
       }
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: cls,

package/lib/TextareaItem/index.js

@@ -35,7 +35,7 @@ class TextareaItem extends React.Component {
     this.reAlignHeight = () => {
       const textareaDom = this.textareaRef;
       textareaDom.style.height = ''; // 字数减少时能自动减小高度
-      textareaDom.style.height = "".concat(textareaDom.scrollHeight, "px");
+      textareaDom.style.height = `${textareaDom.scrollHeight}px`;
     };
     this.onChange = e => {
       const value = e.target.value;
@@ -158,20 +158,20 @@ class TextareaItem extends React.Component {
       focus
     } = this.state;
     const hasCount = count > 0 && this.props.rows > 1;
-    const wrapCls = (0, _classnames.default)(className, "".concat(prefixListCls, "-item"), "".concat(prefixCls, "-item"), {
-      ["".concat(prefixCls, "-disabled")]: disabled,
-      ["".concat(prefixCls, "-item-single-line")]: this.props.rows === 1 && !autoHeight,
-      ["".concat(prefixCls, "-error")]: error,
-      ["".concat(prefixCls, "-focus")]: focus,
-      ["".concat(prefixCls, "-has-count")]: hasCount
+    const wrapCls = (0, _classnames.default)(className, `${prefixListCls}-item`, `${prefixCls}-item`, {
+      [`${prefixCls}-disabled`]: disabled,
+      [`${prefixCls}-item-single-line`]: this.props.rows === 1 && !autoHeight,
+      [`${prefixCls}-error`]: error,
+      [`${prefixCls}-focus`]: focus,
+      [`${prefixCls}-has-count`]: hasCount
     });
-    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 characterLength = countSymbols(value);
     const lengthCtrlProps = {};
@@ -191,7 +191,7 @@ class TextareaItem extends React.Component {
         className: labelCls,
         children: title
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "".concat(prefixCls, "-control"),
+        className: `${prefixCls}-control`,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("textarea", {
           ref: el => this.textareaRef = el,
           ...lengthCtrlProps,
@@ -204,16 +204,16 @@ class TextareaItem extends React.Component {
           style: style
         })
       }), clear && editable && value && characterLength > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
-        activeClassName: "".concat(prefixCls, "-clear-active"),
+        activeClassName: `${prefixCls}-clear-active`,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "".concat(prefixCls, "-clear"),
+          className: `${prefixCls}-clear`,
           onClick: this.clearInput
         })
       }), error && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "".concat(prefixCls, "-error-extra"),
+        className: `${prefixCls}-error-extra`,
         onClick: this.onErrorClick
       }), hasCount && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-        className: "".concat(prefixCls, "-count"),
+        className: `${prefixCls}-count`,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           children: value ? characterLength : 0
         }), "/", count]

package/lib/Toast/index.js

@@ -27,8 +27,8 @@ function getMessageInstance(mask, callback) {
     // clear rmc-notification default style
     transitionName: 'am-fade',
     className: (0, _classnames.default)({
-      ["".concat(prefixCls, "-mask")]: mask,
-      ["".concat(prefixCls, "-nomask")]: !mask
+      [`${prefixCls}-mask`]: mask,
+      [`${prefixCls}-nomask`]: !mask
     })
   }, notification => callback && callback(notification));
 }
@@ -63,18 +63,18 @@ function notice(content, type) {
       duration,
       style: {},
       content: iconType ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "".concat(prefixCls, "-text ").concat(prefixCls, "-text-icon"),
+        className: `${prefixCls}-text ${prefixCls}-text-icon`,
         role: "alert",
         "aria-live": "assertive",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
           type: iconType,
           size: "lg"
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "".concat(prefixCls, "-text-info"),
+          className: `${prefixCls}-text-info`,
           children: content
         })]
       }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "".concat(prefixCls, "-text"),
+        className: `${prefixCls}-text`,
         role: "alert",
         "aria-live": "assertive",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/assets/icons/telephone.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<title>telephone</title>
+<g id="telephone">
+	<path id="路径" class="st0" d="M24.2,31C11.4,31,1.1,20.7,1.1,7.9C1.1,4.1,4.2,1,7.9,1c0.7,0,1.7,0.1,2.2,0.4
+		c0.4,0.2,0.9,0.6,1,1.1l2.1,9c0.1,0.5,0,1.1-0.3,1.4c-0.2,0.2-0.5,0.3-2.2,1.2c1.5,3.2,4,5.8,7.3,7.3c0.9-1.9,1-1.9,1.2-2.1
+		c0.4-0.4,0.8-0.5,1.4-0.4c5.7,1.3,8.7,2,9,2.1c0.5,0.1,0.8,0.5,1,0.9c0.2,0.5,0.4,1.5,0.4,2.2C31,28,27.9,31,24.2,31z"/>
+</g>
+</svg>

package/lib/css/row-expand.css

@@ -0,0 +1,27 @@
+.dtable-ui-row-expand-formatter .dtable-ui .row-expand-jump-link-value {
+  text-decoration: underline;
+  width: 95%;
+  display: inline-flex;
+}
+
+.dtable-ui-row-expand-formatter .dtable-ui .row-expand-jump-link-btn {
+  display: inline-flex;
+  align-items: center;
+  font-size: 14px;
+  height: 22px;
+  position: absolute;
+  top: 8px;
+  right: 9px;
+  border: 1px solid #eee;
+  padding: 0 4px;
+  color: #999;
+  border-radius: 2px;
+  background: #fff;
+  cursor: pointer;
+  box-shadow: 0 0 1px;
+}
+
+.dtable-ui-row-expand-formatter .dtable-ui .row-expand-jump-link:hover {
+  background: #eee;
+  border: 1px solid #c9c9c9;
+}

package/lib/index.js

@@ -100,6 +100,12 @@ Object.defineProperty(exports, "DTableColorPicker", {
     return _DTableColorPicker.default;
   }
 });
+Object.defineProperty(exports, "DTableColumnIcon", {
+  enumerable: true,
+  get: function () {
+    return _DTableColumnIcon.default;
+  }
+});
 Object.defineProperty(exports, "DTableCommonAddTool", {
   enumerable: true,
   get: function () {
@@ -142,6 +148,12 @@ Object.defineProperty(exports, "DTableGroupSelect", {
     return _index.default;
   }
 });
+Object.defineProperty(exports, "DTableIcon", {
+  enumerable: true,
+  get: function () {
+    return _DTableIcon.default;
+  }
+});
 Object.defineProperty(exports, "DTableModalHeader", {
   enumerable: true,
   get: function () {
@@ -460,6 +472,12 @@ Object.defineProperty(exports, "NumberFormatter", {
     return _NumberFormatter.default;
   }
 });
+Object.defineProperty(exports, "PhoneNumberLink", {
+  enumerable: true,
+  get: function () {
+    return _PhoneNumberLink.default;
+  }
+});
 Object.defineProperty(exports, "Picker", {
   enumerable: true,
   get: function () {
@@ -550,12 +568,6 @@ Object.defineProperty(exports, "SingleSelectFormatter", {
     return _SingleSelectFormatter.default;
   }
 });
-Object.defineProperty(exports, "SvgIcon", {
-  enumerable: true,
-  get: function () {
-    return _SvgIcon.default;
-  }
-});
 Object.defineProperty(exports, "TabBar", {
   enumerable: true,
   get: function () {
@@ -695,7 +707,8 @@ var _DTableRadioGroup = _interopRequireDefault(require("./DTableRadioGroup"));
 var _DTableEmptyTip = _interopRequireDefault(require("./DTableEmptyTip"));
 var _IconButton = _interopRequireDefault(require("./IconButton"));
 var _UploadProgress = _interopRequireDefault(require("./UploadProgress"));
-var _SvgIcon = _interopRequireDefault(require("./SvgIcon"));
+var _DTableIcon = _interopRequireDefault(require("./DTableIcon"));
+var _DTableColumnIcon = _interopRequireDefault(require("./DTableColumnIcon"));
 var _AsyncUserSelect = _interopRequireDefault(require("./AsyncUserSelect"));
 var _ActionSheet = _interopRequireDefault(require("./ActionSheet"));
 var _ActivityIndicator = _interopRequireDefault(require("./ActivityIndicator"));
@@ -713,6 +726,7 @@ var _TabBar = _interopRequireDefault(require("./TabBar"));
 var _TextareaItem = _interopRequireDefault(require("./TextareaItem"));
 var _Toast = _interopRequireDefault(require("./Toast"));
 var _BodyPortal = _interopRequireDefault(require("./BodyPortal"));
+var _PhoneNumberLink = _interopRequireDefault(require("./PhoneNumberLink"));
 var _MobileModal = _interopRequireDefault(require("./MobileModal"));
 var _MobileOperationSheet = _interopRequireDefault(require("./MobileOperationSheet"));
 var _MobileUpload = _interopRequireDefault(require("./MobileUpload"));

package/lib/select-editor/pc-editor/index.js

@@ -221,7 +221,7 @@ class PCSelectEditor extends _react.default.Component {
     let maxWidth = isInModal ? 250 : (column === null || column === void 0 ? void 0 : column.width) > 200 ? column.width - 62 : 138;
     const dom = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: (0, _classnames.default)('dtable-ui-editor-container dtable-ui-select-editor-container', className, {
-        ["".concat(classNamePrefix, "-select-editor-container")]: classNamePrefix
+        [`${classNamePrefix}-select-editor-container`]: classNamePrefix
       }),
       ref: ref => this.ref = ref,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -292,7 +292,7 @@ class PCSelectEditor extends _react.default.Component {
           hideArrow: true,
           fade: false,
           className: (0, _classnames.default)('dtable-ui dtable-ui-row-expand-select-editor-popover', {
-            ["".concat(classNamePrefix, "-select-editor-popover")]: classNamePrefix
+            [`${classNamePrefix}-select-editor-popover`]: classNamePrefix
           }),
           children: dom
         })

package/lib/toaster/alert.js

@@ -32,7 +32,7 @@ class Alert extends _react.default.PureComponent {
     } = this.props;
     const iconClass = this.getIconClass(intent);
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "dtable-toast-alert-container ".concat(intent || 'success'),
+      className: `dtable-toast-alert-container ${intent || 'success'}`,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "toast-alert-icon",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {

package/lib/toaster/toast.js

@@ -84,7 +84,7 @@ class Toast extends _react.default.PureComponent {
       onExited: this.props.onRemove,
       children: state => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         "data-state": state,
-        className: "dtable-toast-container ".concat(state),
+        className: `dtable-toast-container ${state}`,
         onMouseEnter: this.handleMouseEnter,
         onMouseLeave: this.handleMouseLeave,
         style: {

package/lib/toaster/toastManager.js

@@ -38,7 +38,7 @@ class ToastManager extends _react.default.PureComponent {
     };
     this.createToastInstance = (title, settings) => {
       const uniqueId = ++ToastManager.idCounter;
-      const id = hasCustomId(settings) ? "".concat(settings.id, "-").concat(uniqueId) : uniqueId;
+      const id = hasCustomId(settings) ? `${settings.id}-${uniqueId}` : uniqueId;
       let hasCloseButton = settings.hasCloseButton || true;
       let duration = settings.duration || 2;
       if (settings.hasCloseButton !== undefined) {

package/lib/toaster/toaster.js

@@ -70,7 +70,7 @@ class Toaster {
       document.body.appendChild(container);
     }
     const root = (0, _client.createRoot)(container);
-    root.render( /*#__PURE__*/(0, _jsxRuntime.jsx)(_toastManager.default, {
+    root.render(/*#__PURE__*/(0, _jsxRuntime.jsx)(_toastManager.default, {
       bindNotify: this._bindNotify,
       bindGetToasts: this._bindGetToasts,
       bindCloseAll: this._bindCloseAll

package/lib/utils/class.js

@@ -11,14 +11,14 @@ function hasClass(node, className) {
     return node.classList.contains(className);
   }
   const originClass = node.className;
-  return " ".concat(originClass, " ").indexOf(" ".concat(className, " ")) > -1;
+  return ` ${originClass} `.indexOf(` ${className} `) > -1;
 }
 function addClass(node, className) {
   if (node.classList) {
     node.classList.add(className);
   } else {
     if (!hasClass(node, className)) {
-      node.className = "".concat(node.className, " ").concat(className);
+      node.className = `${node.className} ${className}`;
     }
   }
 }
@@ -28,7 +28,7 @@ function removeClass(node, className) {
   } else {
     if (hasClass(node, className)) {
       const originClass = node.className;
-      node.className = " ".concat(originClass, " ").replace(" ".concat(className, " "), '');
+      node.className = ` ${originClass} `.replace(` ${className} `, '');
     }
   }
 }

package/lib/utils/object-utils.js

@@ -17,7 +17,7 @@ class ObjectUtils {
   }
   static isObjectChanged(source, comparison) {
     if (!this.iterable(source)) {
-      throw new Error("source should be a Object or Array , but got ".concat(this.getDataType(source)));
+      throw new Error(`source should be a Object or Array , but got ${this.getDataType(source)}`);
     }
     if (this.getDataType(source) !== this.getDataType(comparison)) {
       return true;