@autobest-ui/components 1.5.0 → 2.0.2

package/lib/table/header/HeaderCell.js

@@ -19,7 +19,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];
       }
     };
 
@@ -27,6 +27,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 __() {
@@ -70,9 +72,9 @@ function (_super) {
         return sortIcon(isSortedDescending);
       }
 
-      return _react.default.createElement("span", {
-        className: prefixCls + "-arrow"
-      }, _react.default.createElement("svg", {
+      return /*#__PURE__*/_react.default.createElement("span", {
+        className: "".concat(prefixCls, "-arrow")
+      }, /*#__PURE__*/_react.default.createElement("svg", {
         style: isSortedDescending ? {
           transform: 'rotate(180deg)'
         } : null,
@@ -82,7 +84,7 @@ function (_super) {
         height: "1em",
         fill: "currentColor",
         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"
       })));
     };
@@ -99,11 +101,11 @@ function (_super) {
         title = _b.title,
         sortName = _b.sortName,
         colSpan = _b.colSpan;
-    return _react.default.createElement("th", {
+    return /*#__PURE__*/_react.default.createElement("th", {
       className: className,
       colSpan: colSpan
-    }, _react.default.createElement("div", {
-      className: (0, _classnames.default)(prefixCls + "-title", (_a = {}, _a[prefixCls + "-point"] = sortName, _a)),
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)("".concat(prefixCls, "-title"), (_a = {}, _a["".concat(prefixCls, "-point")] = sortName, _a)),
       onClick: this.onClick
     }, title, this.renderArrow()));
   };

package/lib/table/header/HeaderRow.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TableColumnInfo } from '../interface';
 import { HeaderCellProps } from './HeaderCell';
 import { HeaderRowSelectionInfo } from './CheckIcon';

package/lib/table/header/HeaderRow.js

@@ -69,11 +69,11 @@ function HeaderRow(_a) {
     return parseHeaderRows(columns);
   }, [columns]);
 
-  return _react.default.createElement("tr", null, _react.default.createElement(_CheckIcon.default, {
+  return /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement(_CheckIcon.default, {
     prefixCls: cls,
     rowSelection: rowSelection
   }), rows.map(function (item) {
-    return _react.default.createElement(_HeaderCell.default, __assign({
+    return /*#__PURE__*/_react.default.createElement(_HeaderCell.default, __assign({
       key: item.key
     }, item, {
       prefixCls: cls,

package/lib/table/index.d.ts

@@ -42,10 +42,6 @@ export interface TableProps<T> extends Pick<HeaderRowProps<T>, 'sortName' | 'sor
      * 表格行是否可勾选，详见RowSelection
      */
     rowSelection?: TableRowSelectionInfo<T>;
-    /**
-     * 默认勾选项数组, 以primaryKey取值
-     */
-    defaultSelectedRowKeys?: any[];
     /**
      * 勾选时触发的函数
      */
@@ -104,10 +100,10 @@ declare class Table<RowDataType> extends React.Component<TableProps<RowDataType>
         onSelect: (visible: boolean, rowData: RowDataType) => void;
         onSelectAll: (checked: any) => void;
         getDisabled: (rowData: any) => boolean;
-        defaultSelectedRowKeys?: (string | number)[];
-        onSelectedRowChange?: (selectedRowKeys: (string | number)[], selectedRows: RowDataType[]) => void;
+        defaultSelectedRowKeys?: React.ReactText[];
+        onSelectedRowChange?: (selectedRowKeys: React.ReactText[], selectedRows: RowDataType[]) => void;
         selectAllVisible?: boolean;
-        checkIcon?: (checked: boolean, rowData: RowDataType, index: number) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)>) | (new (props: any) => React.Component<any, any, any>)>;
+        checkIcon?: (checked: boolean, rowData: RowDataType, index: number) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
         selectAllChecked: boolean;
     };
     /**

package/lib/table/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 __() {
@@ -70,8 +72,8 @@ function (_super) {
     var _this = _super.call(this, props) || this;
 
     _this.prefixCls = 'ab-table';
-    _this.headerRef = _react.default.createRef();
-    _this.bodyRef = _react.default.createRef();
+    _this.headerRef = /*#__PURE__*/_react.default.createRef();
+    _this.bodyRef = /*#__PURE__*/_react.default.createRef();
     _this.defaultRowSelection = {
       selectAllVisible: true,
       selectAllChecked: false,
@@ -201,8 +203,8 @@ function (_super) {
             return previousValue;
           }
 
-          var data = dataSource.find(function (data) {
-            return getRowKey(data) === currentValue;
+          var data = dataSource.find(function (item) {
+            return getRowKey(item) === currentValue;
           });
 
           if (data) {
@@ -277,13 +279,13 @@ function (_super) {
       var _a = _this.props,
           columns = _a.columns,
           rowSelection = _a.rowSelection;
-      return _react.default.createElement("colgroup", null, rowSelection ? _react.default.createElement("col", {
+      return /*#__PURE__*/_react.default.createElement("colgroup", null, rowSelection ? /*#__PURE__*/_react.default.createElement("col", {
         width: 32
       }) : null, columns.map(function (item) {
         var width = item.width;
 
         if (width) {
-          return _react.default.createElement("col", {
+          return /*#__PURE__*/_react.default.createElement("col", {
             key: item.key,
             style: {
               width: width,
@@ -292,7 +294,7 @@ function (_super) {
           });
         }
 
-        return _react.default.createElement("col", {
+        return /*#__PURE__*/_react.default.createElement("col", {
           key: item.key
         });
       }));
@@ -307,7 +309,7 @@ function (_super) {
           sortIcon = _a.sortIcon,
           onSortChange = _a.onSortChange;
       var rowSelection = _this.state.rowSelection;
-      return _react.default.createElement("thead", null, _react.default.createElement(_HeaderRow.default, {
+      return /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement(_HeaderRow.default, {
         prefixCls: cls,
         columns: columns,
         sortName: sortName,
@@ -328,7 +330,7 @@ function (_super) {
       var _b = _this.state,
           rowSelection = _b.rowSelection,
           selectedRowKeys = _b.selectedRowKeys;
-      return _react.default.createElement("tbody", null, _react.default.createElement(_body.default, {
+      return /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement(_body.default, {
         prefixCls: cls,
         getRowKey: getRowKey,
         columns: columns,
@@ -373,25 +375,25 @@ function (_super) {
         loading = _a.loading;
 
     if (fixedHeader) {
-      return _react.default.createElement(_loadingContainer.default, {
+      return /*#__PURE__*/_react.default.createElement(_loadingContainer.default, {
         loading: loading,
         className: (0, _classnames.default)(className, cls)
-      }, _react.default.createElement("div", {
-        className: cls + "-header",
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "".concat(cls, "-header"),
         ref: this.headerRef
-      }, _react.default.createElement("table", null, this.renderColgroup(), this.renderHeader())), _react.default.createElement("div", {
-        className: cls + "-body",
+      }, /*#__PURE__*/_react.default.createElement("table", null, this.renderColgroup(), this.renderHeader())), /*#__PURE__*/_react.default.createElement("div", {
+        className: "".concat(cls, "-body"),
         style: {
           maxHeight: maxHeight
         },
         ref: this.bodyRef
-      }, _react.default.createElement("table", null, this.renderColgroup(), this.renderBody())));
+      }, /*#__PURE__*/_react.default.createElement("table", null, this.renderColgroup(), this.renderBody())));
     }
 
-    return _react.default.createElement(_loadingContainer.default, {
+    return /*#__PURE__*/_react.default.createElement(_loadingContainer.default, {
       loading: loading,
       className: (0, _classnames.default)(className, cls)
-    }, _react.default.createElement("table", null, this.renderColgroup(), this.renderHeader(), this.renderBody()));
+    }, /*#__PURE__*/_react.default.createElement("table", null, this.renderColgroup(), this.renderHeader(), this.renderBody()));
   };
 
   Table.defaultProps = {

package/lib/table/interface.js

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

package/lib/tabs/index.d.ts

@@ -80,7 +80,7 @@ declare class Tabs extends React.Component<TabsProps, TabsStates> {
      * 根据placement不同，设置bar的位置
      */
     setBarStyles: () => void;
-    onChange: (ev: React.SyntheticEvent<HTMLDivElement, Event>) => Promise<void>;
+    onChange: (ev: React.SyntheticEvent<HTMLDivElement>) => Promise<void>;
     render(): JSX.Element;
 }
 export default Tabs;

package/lib/tabs/index.js

@@ -21,7 +21,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];
       }
     };
 
@@ -29,6 +29,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 __() {
@@ -192,7 +194,7 @@ function (_super) {
 
     _this.prefixCls = 'ab-tabs';
     _this.resizeHandler = null;
-    _this.ulRef = _react.default.createRef();
+    _this.ulRef = /*#__PURE__*/_react.default.createRef();
     /**
      * 处理value在使用data-value后，将number转成string问题
      * @param value
@@ -242,13 +244,13 @@ function (_super) {
       var barStyles = {};
 
       if (placement === 'top' || placement === 'bottom') {
-        barStyles.width = offsetAndSize.width + "px";
+        barStyles.width = "".concat(offsetAndSize.width, "px");
         barStyles.height = barSize;
-        barStyles.transform = "translate(" + offsetAndSize.offsetLeft + "px, 0)";
+        barStyles.transform = "translate(".concat(offsetAndSize.offsetLeft, "px, 0)");
       } else if (placement === 'left' || placement === 'right') {
-        barStyles.height = offsetAndSize.height + "px";
+        barStyles.height = "".concat(offsetAndSize.height, "px");
         barStyles.width = barSize;
-        barStyles.transform = "translate(0, " + offsetAndSize.offsetTop + "px)";
+        barStyles.transform = "translate(0, ".concat(offsetAndSize.offsetTop, "px)");
       }
 
       _this.setState({
@@ -386,20 +388,20 @@ function (_super) {
     var _b = this.state,
         activeValue = _b.activeValue,
         barStyles = _b.barStyles;
-    return _react.default.createElement("div", {
-      className: (0, _classnames.default)(cls, className, cls + "-" + placement),
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)(cls, className, "".concat(cls, "-").concat(placement)),
       ref: this.ulRef
     }, options.map(function (item) {
       var _a;
 
-      return _react.default.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         key: item.value,
-        className: (0, _classnames.default)(cls + "-item", item.className, (_a = {}, _a[cls + "-active"] = activeValue === item.value, _a[cls + "-disabled"] = item.disabled, _a)),
+        className: (0, _classnames.default)("".concat(cls, "-item"), item.className, (_a = {}, _a["".concat(cls, "-active")] = activeValue === item.value, _a["".concat(cls, "-disabled")] = item.disabled, _a)),
         "data-value": item.value,
         onClick: _this.onChange
       }, item.name);
-    }), _react.default.createElement("div", {
-      className: cls + "-bar",
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(cls, "-bar"),
       style: barStyles
     }));
   };

package/lib/tooltip/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PopoverProps, PopoverPlacement, PopoverTriggerType } from '../popover';
 export declare type TooltipProps = PopoverProps;
 export declare type TooltipPlacement = PopoverPlacement;

package/lib/tooltip/index.js

@@ -30,7 +30,7 @@ var __assign = void 0 && (void 0).__assign || function () {
 var cls = 'ab-tooltip';
 
 function Tooltip(props) {
-  return _react.default.createElement(_popover.default, __assign({}, props, {
+  return /*#__PURE__*/_react.default.createElement(_popover.default, __assign({}, props, {
     prefixCls: cls
   }), props.children);
 }

package/lib/trigger/align.js

@@ -3,76 +3,76 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "getLeftLocationInfo", {
+Object.defineProperty(exports, "getBottomLeftLocationInfo", {
   enumerable: true,
   get: function get() {
-    return _leftAlign.getLeftLocationInfo;
+    return _bottomAlign.getBottomLeftLocationInfo;
   }
 });
-Object.defineProperty(exports, "getLeftBottomLocationInfo", {
+Object.defineProperty(exports, "getBottomLocationInfo", {
   enumerable: true,
   get: function get() {
-    return _leftAlign.getLeftBottomLocationInfo;
+    return _bottomAlign.getBottomLocationInfo;
   }
 });
-Object.defineProperty(exports, "getLeftTopLocationInfo", {
+Object.defineProperty(exports, "getBottomRightLocationInfo", {
   enumerable: true,
   get: function get() {
-    return _leftAlign.getLeftTopLocationInfo;
+    return _bottomAlign.getBottomRightLocationInfo;
   }
 });
-Object.defineProperty(exports, "getRightLocationInfo", {
+Object.defineProperty(exports, "getLeftBottomLocationInfo", {
   enumerable: true,
   get: function get() {
-    return _rightAlign.getRightLocationInfo;
+    return _leftAlign.getLeftBottomLocationInfo;
   }
 });
-Object.defineProperty(exports, "getRightBottomLocationInfo", {
+Object.defineProperty(exports, "getLeftLocationInfo", {
   enumerable: true,
   get: function get() {
-    return _rightAlign.getRightBottomLocationInfo;
+    return _leftAlign.getLeftLocationInfo;
   }
 });
-Object.defineProperty(exports, "getRightTopLocationInfo", {
+Object.defineProperty(exports, "getLeftTopLocationInfo", {
   enumerable: true,
   get: function get() {
-    return _rightAlign.getRightTopLocationInfo;
+    return _leftAlign.getLeftTopLocationInfo;
   }
 });
-Object.defineProperty(exports, "getTopLocationInfo", {
+Object.defineProperty(exports, "getRightBottomLocationInfo", {
   enumerable: true,
   get: function get() {
-    return _topAlign.getTopLocationInfo;
+    return _rightAlign.getRightBottomLocationInfo;
   }
 });
-Object.defineProperty(exports, "getTopLeftLocationInfo", {
+Object.defineProperty(exports, "getRightLocationInfo", {
   enumerable: true,
   get: function get() {
-    return _topAlign.getTopLeftLocationInfo;
+    return _rightAlign.getRightLocationInfo;
   }
 });
-Object.defineProperty(exports, "getTopRightLocationInfo", {
+Object.defineProperty(exports, "getRightTopLocationInfo", {
   enumerable: true,
   get: function get() {
-    return _topAlign.getTopRightLocationInfo;
+    return _rightAlign.getRightTopLocationInfo;
   }
 });
-Object.defineProperty(exports, "getBottomLeftLocationInfo", {
+Object.defineProperty(exports, "getTopLeftLocationInfo", {
   enumerable: true,
   get: function get() {
-    return _bottomAlign.getBottomLeftLocationInfo;
+    return _topAlign.getTopLeftLocationInfo;
   }
 });
-Object.defineProperty(exports, "getBottomLocationInfo", {
+Object.defineProperty(exports, "getTopLocationInfo", {
   enumerable: true,
   get: function get() {
-    return _bottomAlign.getBottomLocationInfo;
+    return _topAlign.getTopLocationInfo;
   }
 });
-Object.defineProperty(exports, "getBottomRightLocationInfo", {
+Object.defineProperty(exports, "getTopRightLocationInfo", {
   enumerable: true,
   get: function get() {
-    return _bottomAlign.getBottomRightLocationInfo;
+    return _topAlign.getTopRightLocationInfo;
   }
 });
 

package/lib/trigger/bottomAlign.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getBottomLocationInfo = getBottomLocationInfo;
 exports.getBottomLeftLocationInfo = getBottomLeftLocationInfo;
+exports.getBottomLocationInfo = getBottomLocationInfo;
 exports.getBottomRightLocationInfo = getBottomRightLocationInfo;
 
 var _utils = require("./utils");
@@ -39,11 +39,11 @@ function getBottomCommon(_a) {
     height: popInfo.height,
     top: top + rootInfo.height + rootToPopupSpacing,
     arrowStyle: hiddenArrow ? {} : {
-      left: arrowLeft + "px",
+      left: "".concat(arrowLeft, "px"),
       top: '-4px',
       transform: 'translateX(-50%) rotate(-135deg)'
     },
-    transformOrigin: isTransformHorizontalDirection ? 'center top' : arrowLeft + "px top"
+    transformOrigin: isTransformHorizontalDirection ? 'center top' : "".concat(arrowLeft, "px top")
   };
 }
 

package/lib/trigger/constants.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getLocationInfo = getLocationInfo;
 exports.LocationType = void 0;
+exports.getLocationInfo = getLocationInfo;
 var LocationType = {
   Top: {
     isVertical: true,

package/lib/trigger/getPopupLocation.js

@@ -114,9 +114,10 @@ function getPopupLocation(placement, rootEl, popupEl, initTranslateX, initTransl
   }),
       methodStr = _a.methodStr,
       isVertical = _a.isVertical; // 拼装方法名
+  // eslint-disable-next-line import/namespace
 
 
-  var currentMethod = alignUtil["get" + methodStr + "LocationInfo"]; // 执行方法
+  var currentMethod = alignUtil["get".concat(methodStr, "LocationInfo")]; // 执行方法
 
   var result = currentMethod(params);
 

package/lib/trigger/index.d.ts

@@ -139,7 +139,7 @@ declare class Trigger extends React.Component<TriggerProps, TriggerStates> {
     componentWillUnmount(): void;
     clearPopupTimer: (popupEl?: HTMLElement) => void;
     forceAlign: (popupEl?: HTMLElement) => void;
-    getRootDomNode: () => HTMLElement;
+    getRootDomNode: () => HTMLElement | null;
     getPopupDomNode(): HTMLDivElement;
     getMaskDomNode(): HTMLDivElement;
     clearOutsideHandler(ignoreDelayTimer?: boolean): void;
@@ -158,7 +158,7 @@ declare class Trigger extends React.Component<TriggerProps, TriggerStates> {
      */
     triggerPopup: (nextVisible: boolean) => void;
     onPopupMouseDown: () => void;
-    onClick: (event: React.MouseEvent<Element, MouseEvent> | React.TouchEvent<Element>) => void;
+    onClick: (event: React.TouchEvent | React.MouseEvent) => void;
     onMouseEnter: () => void;
     onMouseLeave: () => void;
     onPopupMouseEnter: () => void;
@@ -166,13 +166,13 @@ declare class Trigger extends React.Component<TriggerProps, TriggerStates> {
     onExited: () => void;
     isCurrentTrigger: (eventName: string, trigger: string) => boolean;
     isOutsideControl: () => boolean;
-    onPreventThrough: (event: React.TouchEvent<Element>) => void;
+    onPreventThrough: (event: React.TouchEvent) => void;
     renderMask(): JSX.Element;
     renderPopupContent(): JSX.Element;
     /**
      * 扩充children属性，根据trigger绑定不同事件
      */
-    renderChildComponent(): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)>) | (new (props: any) => React.Component<any, any, any>)>;
+    renderChildComponent(): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     renderPopupComponent(): JSX.Element;
     render(): JSX.Element;
 }

package/lib/trigger/index.js

@@ -17,10 +17,10 @@ var _utils = require("@autobest-ui/utils");
 
 var _reactTransitionGroup = require("react-transition-group");
 
-var _ref = require("./ref");
-
 var _portal = _interopRequireDefault(require("../portal"));
 
+var _ref = require("./ref");
+
 var _getPopupLocation = _interopRequireDefault(require("./getPopupLocation"));
 
 var __extends = void 0 && (void 0).__extends || function () {
@@ -31,7 +31,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];
       }
     };
 
@@ -39,6 +39,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 __() {
@@ -76,9 +78,9 @@ function (_super) {
     var _this = _super.call(this, props) || this;
 
     _this.prefixCls = 'ab-trigger';
-    _this.popupRef = _react.default.createRef();
-    _this.maskRef = _react.default.createRef();
-    _this.triggerRef = _react.default.createRef();
+    _this.popupRef = /*#__PURE__*/_react.default.createRef();
+    _this.maskRef = /*#__PURE__*/_react.default.createRef();
+    _this.triggerRef = /*#__PURE__*/_react.default.createRef();
 
     _this.isClickToHide = function () {
       return _this.props.trigger.indexOf('click') !== -1;
@@ -120,7 +122,7 @@ function (_super) {
           isInsertNode = _a.isInsertNode;
 
       if (maxHeight) {
-        popupEl.style.maxHeight = maxHeight + "px";
+        popupEl.style.maxHeight = "".concat(maxHeight, "px");
         popupEl.style.overflowY = 'auto';
       }
 
@@ -128,11 +130,11 @@ function (_super) {
         var rootWidth = (0, _utils.getElementSize)(rootEl).width;
 
         if (isMinRootWidth) {
-          popupEl.style.minWidth = rootWidth + "px";
+          popupEl.style.minWidth = "".concat(rootWidth, "px");
         }
 
         if (isMaxRootWidth) {
-          popupEl.style.maxWidth = rootWidth + "px";
+          popupEl.style.maxWidth = "".concat(rootWidth, "px");
           popupEl.style.overflowX = 'auto';
         }
       } // 计算Popup元素应该显示的位置
@@ -159,15 +161,15 @@ function (_super) {
       }
 
       popupEl.style.transformOrigin = transformOrigin;
-      popupEl.style.left = left + "px";
-      popupEl.style.top = top + "px";
+      popupEl.style.left = "".concat(left, "px");
+      popupEl.style.top = "".concat(top, "px");
 
       if (popupMaxHeightByCalc) {
-        popupEl.style.maxHeight = popupMaxWidthByCalc + "px";
+        popupEl.style.maxHeight = "".concat(popupMaxWidthByCalc, "px");
       }
 
       if (popupMaxWidthByCalc) {
-        popupEl.style.maxWidth = popupMaxWidthByCalc + "px";
+        popupEl.style.maxWidth = "".concat(popupMaxWidthByCalc, "px");
         popupEl.style.overflowX = 'auto';
       } else if (!isMaxRootWidth) {
         popupEl.style.maxWidth = '';
@@ -533,8 +535,8 @@ function (_super) {
 
     if (showMask) {
       var cls = this.prefixCls;
-      return _react.default.createElement("div", {
-        className: (0, _classnames.default)(cls + "-mask", (_a = {}, _a[cls + "-mask-show"] = visible, _a)),
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)("".concat(cls, "-mask"), (_a = {}, _a["".concat(cls, "-mask-show")] = visible, _a)),
         ref: this.maskRef,
         onTouchEnd: this.onPreventThrough
       });
@@ -556,7 +558,7 @@ function (_super) {
         visible = _c.visible,
         isUserOperated = _c.isUserOperated,
         trigger = _c.trigger;
-    var wrapClass = (0, _classnames.default)(cls + "-wrap", wrapClassName, (_a = {}, _a[cls + "-hidden"] = isInsertNode && !isUserOperated && !visible, _a)); // hover 下，对popup增加相应的事件，延迟隐藏，可以在弹框中停留
+    var wrapClass = (0, _classnames.default)("".concat(cls, "-wrap"), wrapClassName, (_a = {}, _a["".concat(cls, "-hidden")] = isInsertNode && !isUserOperated && !visible, _a)); // hover 下，对popup增加相应的事件，延迟隐藏，可以在弹框中停留
 
     var mouseProps = {};
 
@@ -567,14 +569,14 @@ function (_super) {
 
     mouseProps.onMouseDown = this.onPopupMouseDown;
     mouseProps.onTouchStart = this.onPopupMouseDown;
-    return _react.default.createElement(_reactTransitionGroup.CSSTransition, {
+    return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
       in: visible,
       onEnter: this.forceAlign,
       timeout: 200,
-      classNames: cls + "-fade" + (isTransformHorizontalDirection ? '-hr' : ''),
+      classNames: "".concat(cls, "-fade").concat(isTransformHorizontalDirection ? '-hr' : ''),
       onExited: this.onExited,
       appear: true
-    }, _react.default.createElement("div", __assign({}, mouseProps, {
+    }, /*#__PURE__*/_react.default.createElement("div", __assign({}, mouseProps, {
       className: wrapClass,
       ref: this.popupRef
     }), typeof popup === 'function' ? popup() : popup));
@@ -618,23 +620,23 @@ function (_super) {
     } // 对当前children元素添加额外属性
 
 
-    return _react.default.cloneElement(child, cloneProps);
+    return /*#__PURE__*/_react.default.cloneElement(child, cloneProps);
   };
 
   Trigger.prototype.renderPopupComponent = function () {
     if (this.props.isInsertNode) {
-      return _react.default.createElement(_react.default.Fragment, null, this.renderMask(), this.renderPopupContent());
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.renderMask(), this.renderPopupContent());
     }
 
     if (this.state.visible || this.popupRef.current) {
-      return _react.default.createElement(_portal.default, null, _react.default.createElement(_react.default.Fragment, null, this.renderMask(), this.renderPopupContent()));
+      return /*#__PURE__*/_react.default.createElement(_portal.default, null, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.renderMask(), this.renderPopupContent()));
     }
 
     return null;
   };
 
   Trigger.prototype.render = function () {
-    return _react.default.createElement(_react.default.Fragment, null, this.renderChildComponent(), this.renderPopupComponent());
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.renderChildComponent(), this.renderPopupComponent());
   };
 
   Trigger.defaultProps = {