@autobest-ui/components 1.5.0 → 2.0.2

package/esm/table/body/index.js

@@ -18,7 +18,7 @@ function Body(_a) {
   var expandedRowRenderer = expandable ? expandable.expandedRowRender : noop;
   dataSource.forEach(function (row, rowIndex) {
     var rowKey = getRowKey(row);
-    var CheckCell = rowSelection ? React.createElement(CheckIcon, {
+    var CheckCell = rowSelection ? /*#__PURE__*/React.createElement(CheckIcon, {
       prefixCls: prefixCls,
       rowSelection: rowSelection,
       rowKey: rowKey,
@@ -26,7 +26,7 @@ function Body(_a) {
       rowIndex: rowIndex,
       selectedRowKeys: selectedRowKeys
     }) : null;
-    rows.push(React.createElement(BodyRow, {
+    rows.push( /*#__PURE__*/React.createElement(BodyRow, {
       key: rowKey,
       prefixCls: prefixCls,
       rowData: row,
@@ -37,15 +37,15 @@ function Body(_a) {
     }));
 
     if (expandable) {
-      var expandedRowKey = rowKey + " expanded";
+      var expandedRowKey = "".concat(rowKey, " expanded");
       var expandedColumns = [{
         title: null,
         key: expandedRowKey,
         onRender: expandedRowRenderer
       }];
-      rows.push(React.createElement(BodyRow, {
+      rows.push( /*#__PURE__*/React.createElement(BodyRow, {
         key: expandedRowKey,
-        className: prefixCls + "-expand-row",
+        className: "".concat(prefixCls, "-expand-row"),
         prefixCls: prefixCls,
         rowData: row,
         index: rowIndex,
@@ -56,7 +56,7 @@ function Body(_a) {
       }));
     }
   });
-  return React.createElement(React.Fragment, null, rows);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, rows);
 }
 
 export default Body;

package/esm/table/header/CheckIcon.js

@@ -11,7 +11,7 @@ function HeaderCheckIcon(_a) {
 
   if (!rowSelection.selectAllVisible) {
     // 有勾选功能，但是没有全选功能，需有占位元素
-    return React.createElement("th", null, " ");
+    return /*#__PURE__*/React.createElement("th", null, " ");
   }
 
   var checkIcon = rowSelection.checkIcon,
@@ -19,19 +19,19 @@ function HeaderCheckIcon(_a) {
       onSelectAll = rowSelection.onSelectAll;
 
   if (checkIcon) {
-    return React.createElement("th", null, checkIcon(selectAllChecked, null, -1));
+    return /*#__PURE__*/React.createElement("th", null, checkIcon(selectAllChecked, null, -1));
   }
 
   var onCheckBoxChange = function onCheckBoxChange() {
     onSelectAll(!selectAllChecked);
   };
 
-  return React.createElement("th", {
-    className: cls + "-checkbox"
-  }, React.createElement(Checkbox, {
+  return /*#__PURE__*/React.createElement("th", {
+    className: "".concat(cls, "-checkbox")
+  }, /*#__PURE__*/React.createElement(Checkbox, {
     checked: selectAllChecked,
     onChange: onCheckBoxChange
   }));
 }
 
-export default React.memo(HeaderCheckIcon);
+export default /*#__PURE__*/React.memo(HeaderCheckIcon);

package/esm/table/header/HeaderCell.d.ts

@@ -13,6 +13,6 @@ export interface HeaderCellProps<T> extends TableColumnInfo<T> {
 }
 export default class HeaderCell<RowDataType> extends React.PureComponent<HeaderCellProps<RowDataType>> {
     onClick: () => void;
-    renderArrow: () => {};
+    renderArrow: () => React.ReactNode;
     render(): JSX.Element;
 }

package/esm/table/header/HeaderCell.js

@@ -6,7 +6,7 @@ var __extends = this && this.__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];
       }
     };
 
@@ -14,6 +14,8 @@ var __extends = this && this.__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 __() {
@@ -60,9 +62,9 @@ function (_super) {
         return sortIcon(isSortedDescending);
       }
 
-      return React.createElement("span", {
-        className: prefixCls + "-arrow"
-      }, React.createElement("svg", {
+      return /*#__PURE__*/React.createElement("span", {
+        className: "".concat(prefixCls, "-arrow")
+      }, /*#__PURE__*/React.createElement("svg", {
         style: isSortedDescending ? {
           transform: 'rotate(180deg)'
         } : null,
@@ -72,7 +74,7 @@ function (_super) {
         height: "1em",
         fill: "currentColor",
         xmlns: "http://www.w3.org/2000/svg"
-      }, React.createElement("path", {
+      }, /*#__PURE__*/React.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"
       })));
     };
@@ -89,11 +91,11 @@ function (_super) {
         title = _b.title,
         sortName = _b.sortName,
         colSpan = _b.colSpan;
-    return React.createElement("th", {
+    return /*#__PURE__*/React.createElement("th", {
       className: className,
       colSpan: colSpan
-    }, React.createElement("div", {
-      className: classNames(prefixCls + "-title", (_a = {}, _a[prefixCls + "-point"] = sortName, _a)),
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classNames("".concat(prefixCls, "-title"), (_a = {}, _a["".concat(prefixCls, "-point")] = sortName, _a)),
       onClick: this.onClick
     }, title, this.renderArrow()));
   };

package/esm/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/esm/table/header/HeaderRow.js

@@ -57,11 +57,11 @@ function HeaderRow(_a) {
   var rows = React.useMemo(function () {
     return parseHeaderRows(columns);
   }, [columns]);
-  return React.createElement("tr", null, React.createElement(HeaderCheckIcon, {
+  return /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement(HeaderCheckIcon, {
     prefixCls: cls,
     rowSelection: rowSelection
   }), rows.map(function (item) {
-    return React.createElement(HeaderCell, __assign({
+    return /*#__PURE__*/React.createElement(HeaderCell, __assign({
       key: item.key
     }, item, {
       prefixCls: cls,

package/esm/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/esm/table/index.js

@@ -6,7 +6,7 @@ var __extends = this && this.__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];
       }
     };
 
@@ -14,6 +14,8 @@ var __extends = this && this.__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 __() {
@@ -56,8 +58,8 @@ function (_super) {
     var _this = _super.call(this, props) || this;
 
     _this.prefixCls = 'ab-table';
-    _this.headerRef = React.createRef();
-    _this.bodyRef = React.createRef();
+    _this.headerRef = /*#__PURE__*/React.createRef();
+    _this.bodyRef = /*#__PURE__*/React.createRef();
     _this.defaultRowSelection = {
       selectAllVisible: true,
       selectAllChecked: false,
@@ -187,8 +189,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) {
@@ -263,13 +265,13 @@ function (_super) {
       var _a = _this.props,
           columns = _a.columns,
           rowSelection = _a.rowSelection;
-      return React.createElement("colgroup", null, rowSelection ? React.createElement("col", {
+      return /*#__PURE__*/React.createElement("colgroup", null, rowSelection ? /*#__PURE__*/React.createElement("col", {
         width: 32
       }) : null, columns.map(function (item) {
         var width = item.width;
 
         if (width) {
-          return React.createElement("col", {
+          return /*#__PURE__*/React.createElement("col", {
             key: item.key,
             style: {
               width: width,
@@ -278,7 +280,7 @@ function (_super) {
           });
         }
 
-        return React.createElement("col", {
+        return /*#__PURE__*/React.createElement("col", {
           key: item.key
         });
       }));
@@ -293,7 +295,7 @@ function (_super) {
           sortIcon = _a.sortIcon,
           onSortChange = _a.onSortChange;
       var rowSelection = _this.state.rowSelection;
-      return React.createElement("thead", null, React.createElement(HeaderRow, {
+      return /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement(HeaderRow, {
         prefixCls: cls,
         columns: columns,
         sortName: sortName,
@@ -314,7 +316,7 @@ function (_super) {
       var _b = _this.state,
           rowSelection = _b.rowSelection,
           selectedRowKeys = _b.selectedRowKeys;
-      return React.createElement("tbody", null, React.createElement(Body, {
+      return /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement(Body, {
         prefixCls: cls,
         getRowKey: getRowKey,
         columns: columns,
@@ -359,25 +361,25 @@ function (_super) {
         loading = _a.loading;
 
     if (fixedHeader) {
-      return React.createElement(LoadingContainer, {
+      return /*#__PURE__*/React.createElement(LoadingContainer, {
         loading: loading,
         className: classNames(className, cls)
-      }, React.createElement("div", {
-        className: cls + "-header",
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "".concat(cls, "-header"),
         ref: this.headerRef
-      }, React.createElement("table", null, this.renderColgroup(), this.renderHeader())), React.createElement("div", {
-        className: cls + "-body",
+      }, /*#__PURE__*/React.createElement("table", null, this.renderColgroup(), this.renderHeader())), /*#__PURE__*/React.createElement("div", {
+        className: "".concat(cls, "-body"),
         style: {
           maxHeight: maxHeight
         },
         ref: this.bodyRef
-      }, React.createElement("table", null, this.renderColgroup(), this.renderBody())));
+      }, /*#__PURE__*/React.createElement("table", null, this.renderColgroup(), this.renderBody())));
     }
 
-    return React.createElement(LoadingContainer, {
+    return /*#__PURE__*/React.createElement(LoadingContainer, {
       loading: loading,
       className: classNames(className, cls)
-    }, React.createElement("table", null, this.renderColgroup(), this.renderHeader(), this.renderBody()));
+    }, /*#__PURE__*/React.createElement("table", null, this.renderColgroup(), this.renderHeader(), this.renderBody()));
   };
 
   Table.defaultProps = {

package/esm/table/interface.js

@@ -0,0 +1 @@
+export {};

package/esm/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/esm/tabs/index.js

@@ -6,7 +6,7 @@ var __extends = this && this.__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];
       }
     };
 
@@ -14,6 +14,8 @@ var __extends = this && this.__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 __() {
@@ -181,7 +183,7 @@ function (_super) {
 
     _this.prefixCls = 'ab-tabs';
     _this.resizeHandler = null;
-    _this.ulRef = React.createRef();
+    _this.ulRef = /*#__PURE__*/React.createRef();
     /**
      * 处理value在使用data-value后，将number转成string问题
      * @param value
@@ -231,13 +233,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({
@@ -375,20 +377,20 @@ function (_super) {
     var _b = this.state,
         activeValue = _b.activeValue,
         barStyles = _b.barStyles;
-    return React.createElement("div", {
-      className: classNames(cls, className, cls + "-" + placement),
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNames(cls, className, "".concat(cls, "-").concat(placement)),
       ref: this.ulRef
     }, options.map(function (item) {
       var _a;
 
-      return React.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         key: item.value,
-        className: classNames(cls + "-item", item.className, (_a = {}, _a[cls + "-active"] = activeValue === item.value, _a[cls + "-disabled"] = item.disabled, _a)),
+        className: classNames("".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.createElement("div", {
-      className: cls + "-bar",
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(cls, "-bar"),
       style: barStyles
     }));
   };

package/esm/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/esm/tooltip/index.js

@@ -18,7 +18,7 @@ import React from 'react';
 import Popover from '../popover';
 var cls = 'ab-tooltip';
 export default function Tooltip(props) {
-  return React.createElement(Popover, __assign({}, props, {
+  return /*#__PURE__*/React.createElement(Popover, __assign({}, props, {
     prefixCls: cls
   }), props.children);
 }

package/esm/trigger/bottomAlign.js

@@ -30,11 +30,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/esm/trigger/getPopupLocation.js

@@ -99,9 +99,10 @@ export default function getPopupLocation(placement, rootEl, popupEl, initTransla
   }),
       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/esm/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/esm/trigger/index.js

@@ -6,7 +6,7 @@ var __extends = this && this.__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];
       }
     };
 
@@ -14,6 +14,8 @@ var __extends = this && this.__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 __() {
@@ -45,8 +47,8 @@ import { findDOMNode } from 'react-dom';
 import classNames from 'classnames';
 import { getElementSize, getStyleValue, isTouchScreen, isEmptyObject, throttleWithRAF, contains, addEventListener } from '@autobest-ui/utils';
 import { CSSTransition } from 'react-transition-group';
-import { supportRef, composeRef } from './ref';
 import Portal from '../portal';
+import { supportRef, composeRef } from './ref';
 import getPopupLocation from './getPopupLocation';
 
 function noop() {}
@@ -60,9 +62,9 @@ function (_super) {
     var _this = _super.call(this, props) || this;
 
     _this.prefixCls = 'ab-trigger';
-    _this.popupRef = React.createRef();
-    _this.maskRef = React.createRef();
-    _this.triggerRef = React.createRef();
+    _this.popupRef = /*#__PURE__*/React.createRef();
+    _this.maskRef = /*#__PURE__*/React.createRef();
+    _this.triggerRef = /*#__PURE__*/React.createRef();
 
     _this.isClickToHide = function () {
       return _this.props.trigger.indexOf('click') !== -1;
@@ -104,7 +106,7 @@ function (_super) {
           isInsertNode = _a.isInsertNode;
 
       if (maxHeight) {
-        popupEl.style.maxHeight = maxHeight + "px";
+        popupEl.style.maxHeight = "".concat(maxHeight, "px");
         popupEl.style.overflowY = 'auto';
       }
 
@@ -112,11 +114,11 @@ function (_super) {
         var rootWidth = 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元素应该显示的位置
@@ -143,15 +145,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 = '';
@@ -517,8 +519,8 @@ function (_super) {
 
     if (showMask) {
       var cls = this.prefixCls;
-      return React.createElement("div", {
-        className: classNames(cls + "-mask", (_a = {}, _a[cls + "-mask-show"] = visible, _a)),
+      return /*#__PURE__*/React.createElement("div", {
+        className: classNames("".concat(cls, "-mask"), (_a = {}, _a["".concat(cls, "-mask-show")] = visible, _a)),
         ref: this.maskRef,
         onTouchEnd: this.onPreventThrough
       });
@@ -540,7 +542,7 @@ function (_super) {
         visible = _c.visible,
         isUserOperated = _c.isUserOperated,
         trigger = _c.trigger;
-    var wrapClass = classNames(cls + "-wrap", wrapClassName, (_a = {}, _a[cls + "-hidden"] = isInsertNode && !isUserOperated && !visible, _a)); // hover 下，对popup增加相应的事件，延迟隐藏，可以在弹框中停留
+    var wrapClass = classNames("".concat(cls, "-wrap"), wrapClassName, (_a = {}, _a["".concat(cls, "-hidden")] = isInsertNode && !isUserOperated && !visible, _a)); // hover 下，对popup增加相应的事件，延迟隐藏，可以在弹框中停留
 
     var mouseProps = {};
 
@@ -551,14 +553,14 @@ function (_super) {
 
     mouseProps.onMouseDown = this.onPopupMouseDown;
     mouseProps.onTouchStart = this.onPopupMouseDown;
-    return React.createElement(CSSTransition, {
+    return /*#__PURE__*/React.createElement(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.createElement("div", __assign({}, mouseProps, {
+    }, /*#__PURE__*/React.createElement("div", __assign({}, mouseProps, {
       className: wrapClass,
       ref: this.popupRef
     }), typeof popup === 'function' ? popup() : popup));
@@ -600,23 +602,23 @@ function (_super) {
     } // 对当前children元素添加额外属性
 
 
-    return React.cloneElement(child, cloneProps);
+    return /*#__PURE__*/React.cloneElement(child, cloneProps);
   };
 
   Trigger.prototype.renderPopupComponent = function () {
     if (this.props.isInsertNode) {
-      return React.createElement(React.Fragment, null, this.renderMask(), this.renderPopupContent());
+      return /*#__PURE__*/React.createElement(React.Fragment, null, this.renderMask(), this.renderPopupContent());
     }
 
     if (this.state.visible || this.popupRef.current) {
-      return React.createElement(Portal, null, React.createElement(React.Fragment, null, this.renderMask(), this.renderPopupContent()));
+      return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(React.Fragment, null, this.renderMask(), this.renderPopupContent()));
     }
 
     return null;
   };
 
   Trigger.prototype.render = function () {
-    return React.createElement(React.Fragment, null, this.renderChildComponent(), this.renderPopupComponent());
+    return /*#__PURE__*/React.createElement(React.Fragment, null, this.renderChildComponent(), this.renderPopupComponent());
   };
 
   Trigger.defaultProps = {

package/esm/trigger/leftAlign.js

@@ -30,11 +30,11 @@ function getLeftCommon(_a) {
     height: popInfo.height,
     left: left - (rootToPopupSpacing + popInfo.width),
     arrowStyle: hiddenArrow ? {} : {
-      top: arrowTop + "px",
+      top: "".concat(arrowTop, "px"),
       right: '-4px',
       transform: 'translateY(-50%) rotate(-45deg)'
     },
-    transformOrigin: isTransformHorizontalDirection ? 'right center' : "right " + arrowTop + "px"
+    transformOrigin: isTransformHorizontalDirection ? 'right center' : "right ".concat(arrowTop, "px")
   };
 }
 /* 具体方位 */

package/esm/trigger/rightAlign.js

@@ -30,11 +30,11 @@ function getRightCommon(_a) {
     height: popInfo.height,
     left: left + rootToPopupSpacing + rootInfo.width,
     arrowStyle: hiddenArrow ? {} : {
-      top: arrowTop + "px",
+      top: "".concat(arrowTop, "px"),
       left: '-4px',
       transform: 'translateY(-50%) rotate(-225deg)'
     },
-    transformOrigin: isTransformHorizontalDirection ? 'left center' : "left " + arrowTop + "px"
+    transformOrigin: isTransformHorizontalDirection ? 'left center' : "left ".concat(arrowTop, "px")
   };
 }