@autobest-ui/components 1.5.0 → 2.0.0

package/lib/date-picker/calendar/MonthYear.js

@@ -13,10 +13,10 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _grid = _interopRequireDefault(require("./grid"));
-
 var _utils = require("../utils");
 
+var _grid = _interopRequireDefault(require("./grid"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -182,7 +182,7 @@ var MonthYearCalendar = function MonthYearCalendar(props) {
       }
 
       return {
-        title: yearPickerStart + " - " + endYear,
+        title: "".concat(yearPickerStart, " - ").concat(endYear),
         onPrev: prevEnabled ? goPrevPackageYear : null,
         onNext: nextEnabled ? goNextPackageYear : null,
         list: list
@@ -221,16 +221,16 @@ var MonthYearCalendar = function MonthYearCalendar(props) {
       return null;
     }
 
-    return _react.default.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       onClick: goToday,
-      className: (0, _classnames.default)(cls + "-t", (_a = {}, _a[cls + "-t-dis"] = !goTodayEnabled, _a))
+      className: (0, _classnames.default)("".concat(cls, "-t"), (_a = {}, _a["".concat(cls, "-t-dis")] = !goTodayEnabled, _a))
     }, "Go to today");
   };
 
-  return _react.default.createElement("div", {
-    className: cls + "-my"
-  }, _react.default.createElement(_grid.default, __assign({
-    className: cls + "-myg",
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(cls, "-my")
+  }, /*#__PURE__*/_react.default.createElement(_grid.default, __assign({
+    className: "".concat(cls, "-myg"),
     bottomElement: renderGotoToday(),
     onClickTitle: monthPickerVisible && yearPickerVisible ? onClickTitle : null
   }, dateList[style])));

package/lib/date-picker/calendar/grid/index.js

@@ -15,10 +15,10 @@ var cls = 'ab-dp-cg';
 
 var renderArrow = function renderArrow(prefixCls, direction, onClick) {
   var enabled = !!onClick;
-  return _react.default.createElement("span", {
-    className: prefixCls + "-arrow",
+  return /*#__PURE__*/_react.default.createElement("span", {
+    className: "".concat(prefixCls, "-arrow"),
     onClick: onClick
-  }, _react.default.createElement("svg", {
+  }, /*#__PURE__*/_react.default.createElement("svg", {
     style: direction,
     viewBox: "0 0 1024 1024",
     version: "1.1",
@@ -26,7 +26,7 @@ var renderArrow = function renderArrow(prefixCls, direction, onClick) {
     height: "0.28rem",
     fill: enabled ? '#333' : '#808080',
     xmlns: "http://www.w3.org/2000/svg"
-  }, _react.default.createElement("path", {
+  }, /*#__PURE__*/_react.default.createElement("path", {
     d: "M525.339326 186.172452L801.789086 462.622212c12.496698 12.496698 32.758136 12.496698 45.254834 0 12.497405-12.497405 12.496698-32.758136 0-45.254834l-331.014362-331.014362c-12.496698-12.496698-32.757429-12.497405-45.254834 0l-341.795619 339.143969c-12.496698 12.496698-12.496698 32.758136 0 45.254834 12.496698 12.496698 32.758136 12.496698 45.254834 0l287.10586-284.454209L461.372325 925.726242c0 17.673427 14.32669 32.000117 32.000118 32.000117 17.67272-0.000707 31.99941-14.327398 32.000117-32.000117l-0.032527-739.553083z"
   })));
 };
@@ -42,29 +42,29 @@ var CalendarGrid = function CalendarGrid(_a) {
       headList = _a.headList,
       list = _a.list,
       bottomElement = _a.bottomElement;
-  return _react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(className, cls)
-  }, _react.default.createElement("div", {
-    className: cls + "-title"
-  }, _react.default.createElement("strong", {
-    className: (0, _classnames.default)((_b = {}, _b[cls + "-clickable"] = !!onClickTitle, _b)),
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(cls, "-title")
+  }, /*#__PURE__*/_react.default.createElement("strong", {
+    className: (0, _classnames.default)((_b = {}, _b["".concat(cls, "-clickable")] = !!onClickTitle, _b)),
     onClick: onClickTitle
   }, title), renderArrow(cls, {}, onPrev), renderArrow(cls, {
     transform: 'rotate(180deg)'
-  }, onNext)), _react.default.createElement("ul", {
-    className: cls + "-head"
+  }, onNext)), /*#__PURE__*/_react.default.createElement("ul", {
+    className: "".concat(cls, "-head")
   }, headList.map(function (item, index) {
-    return _react.default.createElement("li", {
-      key: index + " " + item
+    return /*#__PURE__*/_react.default.createElement("li", {
+      key: "".concat(index, " ").concat(item)
     }, item);
-  })), _react.default.createElement("ul", {
-    className: cls + "-content"
+  })), /*#__PURE__*/_react.default.createElement("ul", {
+    className: "".concat(cls, "-content")
   }, list.map(function (item, index) {
     var _a, _b, _c;
 
-    return _react.default.createElement("li", {
-      key: index + " " + item.name,
-      className: (0, _classnames.default)((_a = {}, _a[cls + "-dis"] = item.disabled, _a), (_b = {}, _b[cls + "-selected"] = item.selected, _b), (_c = {}, _c[cls + "-today"] = item.isToday, _c), item.className),
+    return /*#__PURE__*/_react.default.createElement("li", {
+      key: "".concat(index, " ").concat(item.name),
+      className: (0, _classnames.default)((_a = {}, _a["".concat(cls, "-dis")] = item.disabled, _a), (_b = {}, _b["".concat(cls, "-selected")] = item.selected, _b), (_c = {}, _c["".concat(cls, "-today")] = item.isToday, _c), item.className),
       onClick: item.onClick
     }, item.name);
   })), bottomElement);

package/lib/date-picker/calendar/index.js

@@ -11,12 +11,12 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _utils = require("../utils");
+
 var _Day = _interopRequireDefault(require("./Day"));
 
 var _MonthYear = _interopRequireDefault(require("./MonthYear"));
 
-var _utils = require("../utils");
-
 var __extends = void 0 && (void 0).__extends || function () {
   var _extendStatics = function extendStatics(d, b) {
     _extendStatics = Object.setPrototypeOf || {
@@ -25,7 +25,7 @@ var __extends = void 0 && (void 0).__extends || function () {
       d.__proto__ = b;
     } || function (d, b) {
       for (var p in b) {
-        if (b.hasOwnProperty(p)) d[p] = b[p];
+        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
       }
     };
 
@@ -33,6 +33,8 @@ var __extends = void 0 && (void 0).__extends || function () {
   };
 
   return function (d, b) {
+    if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+
     _extendStatics(d, b);
 
     function __() {
@@ -117,14 +119,14 @@ function (_super) {
         monthPickerVisible = _a.monthPickerVisible,
         yearPickerVisible = _a.yearPickerVisible,
         className = _a.className;
-    return _react.default.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)(cls, className)
-    }, _react.default.createElement(_Day.default, __assign({
+    }, /*#__PURE__*/_react.default.createElement(_Day.default, __assign({
       prefixCls: cls
     }, this.props, this.state, {
       onChangeNavigatedDate: this.onChangeNavigatedDate,
       onChangeSelectedDate: this.onChangeSelectedDate
-    })), (monthPickerVisible || yearPickerVisible) && _react.default.createElement(_MonthYear.default, __assign({
+    })), (monthPickerVisible || yearPickerVisible) && /*#__PURE__*/_react.default.createElement(_MonthYear.default, __assign({
       prefixCls: cls
     }, this.props, this.state, {
       onChangeNavigatedDate: this.onChangeNavigatedDate

package/lib/date-picker/calendar/types.js

@@ -1 +1,5 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/date-picker/index.js

@@ -13,10 +13,10 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _calendar = _interopRequireDefault(require("./calendar"));
-
 var _popover = _interopRequireDefault(require("../popover"));
 
+var _calendar = _interopRequireDefault(require("./calendar"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -29,7 +29,7 @@ var __extends = void 0 && (void 0).__extends || function () {
       d.__proto__ = b;
     } || function (d, b) {
       for (var p in b) {
-        if (b.hasOwnProperty(p)) d[p] = b[p];
+        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
       }
     };
 
@@ -37,6 +37,8 @@ var __extends = void 0 && (void 0).__extends || function () {
   };
 
   return function (d, b) {
+    if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+
     _extendStatics(d, b);
 
     function __() {
@@ -73,7 +75,7 @@ function (_super) {
     var _this = _super.call(this, props) || this;
 
     _this.prefixCls = 'ab-date-picker';
-    _this.calendarRef = (0, _react.createRef)();
+    _this.calendarRef = /*#__PURE__*/(0, _react.createRef)();
     _this.popoverTriggered = false;
 
     _this.onCalendarSelect = function (date) {
@@ -158,7 +160,7 @@ function (_super) {
       delete copyProps.prefix;
       delete copyProps.allowTextInput;
       delete copyProps.parseDateFromString;
-      return _react.default.createElement(_calendar.default, __assign({}, copyProps, {
+      return /*#__PURE__*/_react.default.createElement(_calendar.default, __assign({}, copyProps, {
         ref: _this.calendarRef,
         onSelect: _this.onCalendarSelect,
         className: copyProps.calendarClassName,
@@ -205,32 +207,32 @@ function (_super) {
     var _b = this.state,
         calendarVisible = _b.calendarVisible,
         inputValue = _b.inputValue;
-    return _react.default.createElement(_popover.default, {
+    return /*#__PURE__*/_react.default.createElement(_popover.default, {
       tip: this.renderTip(),
       visible: calendarVisible,
       hiddenClose: true,
       trigger: "click",
       onVisibleChange: this.onPopoverVisibleChange,
       placement: "Bottom"
-    }, _react.default.createElement("label", {
+    }, /*#__PURE__*/_react.default.createElement("label", {
       className: (0, _classnames.default)(cls, className)
-    }, prefix, _react.default.createElement("input", {
+    }, prefix, /*#__PURE__*/_react.default.createElement("input", {
       disabled: disabled,
-      className: cls + "-input",
+      className: "".concat(cls, "-input"),
       type: "text",
       value: inputValue,
       onFocus: this.onInputFocus,
       onChange: this.onInputChange
-    }), iconVisible && _react.default.createElement("span", {
-      className: cls + "-icon"
-    }, _react.default.createElement("svg", {
+    }), iconVisible && /*#__PURE__*/_react.default.createElement("span", {
+      className: "".concat(cls, "-icon")
+    }, /*#__PURE__*/_react.default.createElement("svg", {
       viewBox: "0 0 1024 1024",
       version: "1.1",
       width: "0.16rem",
       height: "0.18rem",
       fill: "currentColor",
       xmlns: "http://www.w3.org/2000/svg"
-    }, _react.default.createElement("path", {
+    }, /*#__PURE__*/_react.default.createElement("path", {
       d: "M928 128H832V64h-64v64H256V64H192v64H96l-32 32v768l32 32h832l32-32v-768l-32-32zM896 896H128V320h768v576z m0-640H128V192h768v64zM256 512H192v64h64V512z m-64 128h64v64H192v-64z m64 128H192v64h64v-64z m128-256h64v64H384V512z m64 128H384v64h64v-64z m-64 128h64v64H384v-64z m64-384H384v64h64V384z m128 128h64v64H576V512z m64 128H576v64h64v-64z m-64 128h64v64H576v-64z m64-384H576v64h64V384z m128 128h64v64h-64V512z m64 128h-64v64h64v-64z m-64-256h64v64h-64V384z"
     })))));
   };

package/lib/date-picker/utils.js

@@ -3,20 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.compareDate = compareDate;
 exports.getDateValue = getDateValue;
 exports.getDayAdd = getDayAdd;
+exports.getDaysInMonth = getDaysInMonth;
+exports.getEndWeekInMonth = getEndWeekInMonth;
 exports.getMonthAdd = getMonthAdd;
-exports.getYearAdd = getYearAdd;
-exports.compareDate = compareDate;
-exports.isOutOfDate = isOutOfDate;
-exports.getMonthStart = getMonthStart;
 exports.getMonthEnd = getMonthEnd;
-exports.getYearStart = getYearStart;
-exports.getYearEnd = getYearEnd;
 exports.getMonthFullName = getMonthFullName;
+exports.getMonthStart = getMonthStart;
 exports.getStartWeekInMonth = getStartWeekInMonth;
-exports.getEndWeekInMonth = getEndWeekInMonth;
-exports.getDaysInMonth = getDaysInMonth;
+exports.getYearAdd = getYearAdd;
+exports.getYearEnd = getYearEnd;
+exports.getYearStart = getYearStart;
+exports.isOutOfDate = isOutOfDate;
 
 var _DateEnum = require("./DateEnum");
 

package/lib/drawer/Child.js

@@ -64,7 +64,7 @@ function Child(_a, ref) {
     exiting: {},
     exited: {}
   };
-  return _react.default.createElement(_reactTransitionGroup.Transition, {
+  return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
     in: visible,
     timeout: 200,
     appear: true,
@@ -74,17 +74,17 @@ function Child(_a, ref) {
     var _a;
 
     var nextStyles = state !== 'exited' ? contentStyle : {};
-    return _react.default.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       style: __assign(__assign({}, nextStyles), transitionStyles[state]),
       ref: ref,
-      className: (0, _classnames.default)(cls, className, (_a = {}, _a[cls + "-tf-" + placement] = state === 'exited' || state === 'exiting', _a))
-    }, closable ? _react.default.createElement("span", {
-      className: cls + "-times",
+      className: (0, _classnames.default)(cls, className, (_a = {}, _a["".concat(cls, "-tf-").concat(placement)] = state === 'exited' || state === 'exiting', _a))
+    }, closable ? /*#__PURE__*/_react.default.createElement("span", {
+      className: "".concat(cls, "-times"),
       onClick: onCancel
     }, "\xD7") : null, children);
   });
 }
 
-var _default = _react.default.forwardRef(Child);
+var _default = /*#__PURE__*/_react.default.forwardRef(Child);
 
 exports.default = _default;

package/lib/drawer/index.js

@@ -27,7 +27,7 @@ var __extends = void 0 && (void 0).__extends || function () {
       d.__proto__ = b;
     } || function (d, b) {
       for (var p in b) {
-        if (b.hasOwnProperty(p)) d[p] = b[p];
+        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
       }
     };
 
@@ -35,6 +35,8 @@ var __extends = void 0 && (void 0).__extends || function () {
   };
 
   return function (d, b) {
+    if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+
     _extendStatics(d, b);
 
     function __() {
@@ -83,7 +85,7 @@ function (_super) {
     var _this = _super.call(this, props) || this;
 
     _this.prefixCls = 'ab-drawer';
-    _this.childRef = _react.default.createRef();
+    _this.childRef = /*#__PURE__*/_react.default.createRef();
 
     _this.onClose = function () {
       var _a = _this.props,
@@ -119,7 +121,7 @@ function (_super) {
         var scrollSize = (0, _utils.getScrollBarSize)();
 
         if ((0, _utils.hasVerticalScrollbar)(scrollSize)) {
-          currentDocument.style.paddingRight = scrollSize + "px";
+          currentDocument.style.paddingRight = "".concat(scrollSize, "px");
         }
       }
     };
@@ -182,9 +184,9 @@ function (_super) {
         showMask = _b.showMask;
 
     if (showMask) {
-      return _react.default.createElement(_mask.default, {
+      return /*#__PURE__*/_react.default.createElement(_mask.default, {
         onClose: this.onClose,
-        className: (0, _classnames.default)((_a = {}, _a[this.prefixCls + "-hidden"] = this.state.isHidden, _a)),
+        className: (0, _classnames.default)((_a = {}, _a["".concat(this.prefixCls, "-hidden")] = this.state.isHidden, _a)),
         visible: visible,
         timeout: 300
       });
@@ -202,9 +204,9 @@ function (_super) {
         className = _b.className,
         extraProps = __rest(_b, ["visible", "children", "className"]);
 
-    return _react.default.createElement(_Child.default, __assign({}, extraProps, {
+    return /*#__PURE__*/_react.default.createElement(_Child.default, __assign({}, extraProps, {
       visible: visible,
-      className: (0, _classnames.default)(className, (_a = {}, _a[this.prefixCls + "-hidden"] = this.state.isHidden, _a)),
+      className: (0, _classnames.default)(className, (_a = {}, _a["".concat(this.prefixCls, "-hidden")] = this.state.isHidden, _a)),
       prefixCls: this.prefixCls,
       onCancel: this.onCancel,
       onEnter: this.onEnter,
@@ -219,11 +221,11 @@ function (_super) {
         isInsertNode = _a.isInsertNode;
 
     if (isInsertNode) {
-      return _react.default.createElement(_react.default.Fragment, null, this.renderMask(), this.renderChild());
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.renderMask(), this.renderChild());
     }
 
     if (visible || this.childRef.current) {
-      return _react.default.createElement(_portal.default, null, _react.default.createElement(_react.default.Fragment, null, this.renderMask(), this.renderChild()));
+      return /*#__PURE__*/_react.default.createElement(_portal.default, null, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.renderMask(), this.renderChild()));
     }
 
     return null;

package/lib/ellipsis/index.js

@@ -42,7 +42,7 @@ function Ellipsis(props) {
       title = props.title,
       _d = props.mobileLines,
       mobileLines = _d === void 0 ? 0 : _d;
-  var wrapCls = (0, _classnames.default)(cls, className, (_a = {}, _a[cls + "-line" + lines] = lines > 0, _a), (_b = {}, _b[cls + "-m-line" + mobileLines] = mobileLines > 0, _b));
+  var wrapCls = (0, _classnames.default)(cls, className, (_a = {}, _a["".concat(cls, "-line").concat(lines)] = lines > 0, _a), (_b = {}, _b["".concat(cls, "-m-line").concat(mobileLines)] = mobileLines > 0, _b));
   var style = maxHeight ? {
     maxHeight: maxHeight
   } : null;
@@ -52,19 +52,19 @@ function Ellipsis(props) {
 
   if (!(0, _reactIs.isFragment)(children) && (0, _reactIs.isElement)(children)) {
     var child = children;
-    return _react.default.cloneElement(child, __assign(__assign({}, titleParam), {
+    return /*#__PURE__*/_react.default.cloneElement(child, __assign(__assign({}, titleParam), {
       className: (0, _classnames.default)(wrapCls, child.props.className),
       style: __assign(__assign({}, style), child.props.style)
     }));
   }
 
-  return _react.default.createElement("span", __assign({
+  return /*#__PURE__*/_react.default.createElement("span", __assign({
     className: wrapCls
   }, titleParam, {
     style: style
   }), children);
 }
 
-var _default = _react.default.memo(Ellipsis);
+var _default = /*#__PURE__*/_react.default.memo(Ellipsis);
 
 exports.default = _default;

package/lib/guide/index.js

@@ -27,7 +27,7 @@ var __extends = void 0 && (void 0).__extends || function () {
       d.__proto__ = b;
     } || function (d, b) {
       for (var p in b) {
-        if (b.hasOwnProperty(p)) d[p] = b[p];
+        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
       }
     };
 
@@ -35,6 +35,8 @@ var __extends = void 0 && (void 0).__extends || function () {
   };
 
   return function (d, b) {
+    if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+
     _extendStatics(d, b);
 
     function __() {
@@ -55,7 +57,7 @@ function (_super) {
 
     _this.prefixCls = 'ab-guide';
     _this.timer = null;
-    _this.imgRef = _react.default.createRef(); // eslint-disable-next-line react/no-find-dom-node
+    _this.imgRef = /*#__PURE__*/_react.default.createRef(); // eslint-disable-next-line react/no-find-dom-node
 
     _this.getElement = function () {
       return (0, _reactDom.findDOMNode)(_this);
@@ -135,12 +137,12 @@ function (_super) {
 
           var imgWidth = image_1.width;
           var imgHeight = image_1.height;
-          var imgTop = top_1 - imgHeight + translateY + "px";
+          var imgTop = "".concat(top_1 - imgHeight + translateY, "px");
 
           if (position === 'left') {
             _this.setState({
               top: imgTop,
-              left: left + translateX + "px"
+              left: "".concat(left + translateX, "px")
             });
 
             return;
@@ -149,7 +151,7 @@ function (_super) {
           if (position === 'right') {
             _this.setState({
               top: imgTop,
-              left: left + width - imgWidth + translateX + "px"
+              left: "".concat(left + width - imgWidth + translateX, "px")
             });
 
             return;
@@ -158,7 +160,7 @@ function (_super) {
 
           _this.setState({
             top: imgTop,
-            left: left + width / 2 - imgWidth / 2 + translateX + "px"
+            left: "".concat(left + width / 2 - imgWidth / 2 + translateX, "px")
           });
         }
       };
@@ -181,14 +183,14 @@ function (_super) {
     };
 
     if (visible || this.imgRef.current) {
-      return _react.default.createElement(_portal.default, null, _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_mask.default, {
-        className: cls + "-mask",
+      return /*#__PURE__*/_react.default.createElement(_portal.default, null, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_mask.default, {
+        className: "".concat(cls, "-mask"),
         visible: visible,
         timeout: 400,
         onClose: this.onClose
-      }), loadablePointer ? _react.default.createElement("img", {
+      }), loadablePointer ? /*#__PURE__*/_react.default.createElement("img", {
         style: style,
-        className: cls + "-icon",
+        className: "".concat(cls, "-icon"),
         src: imgSrc,
         alt: "selection pointer",
         ref: this.imgRef
@@ -203,17 +205,17 @@ function (_super) {
     var _a = this.props,
         children = _a.children,
         visible = _a.visible;
-    var className = visible ? cls + "-content" : null;
+    var className = visible ? "".concat(cls, "-content") : null;
 
     if (typeof children === 'function') {
-      return _react.default.createElement(_react.default.Fragment, null, children({
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children({
         className: className
       }), this.renderMask());
     }
 
     var child = _react.default.Children.only(children);
 
-    return _react.default.createElement(_react.default.Fragment, null, _react.default.cloneElement(child, {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.cloneElement(child, {
       className: (0, _classnames.default)(className, child.props.className)
     }), this.renderMask());
   }; // 默认值