@kdcloudjs/kdesign 1.8.12 → 1.8.13

package/es/pagination/pagination.js

@@ -25,7 +25,6 @@ var Pagination = function Pagination(props) {
   var paginationLangMsg = locale.getCompLangMsg({
     componentName: 'Pagination'
   });
-  // 属性需要合并一遍用户定义的默认属性
   var _getCompProps = getCompProps('Pagination', userDefaultProps, props),
     style = _getCompProps.style,
     total = _getCompProps.total,
@@ -48,9 +47,7 @@ var Pagination = function Pagination(props) {
     icons = _getCompProps.icons,
     customPrefixcls = _getCompProps.prefixCls;
   devWarning(PageTypes.indexOf(pageType) === -1, 'Pagination', "cannot found pageType '".concat(pageType, "'"));
-  // className前缀
   var prefixCls = getPrefixCls(pkgPrefixCls, 'pagination', customPrefixcls);
-  // 每页显示的记录条数
   var _React$useState = React.useState(pageSize || defaultPageSize),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     size = _React$useState2[0],
@@ -58,9 +55,7 @@ var Pagination = function Pagination(props) {
   React.useEffect(function () {
     pageSize !== undefined && setSize(pageSize);
   }, [pageSize]);
-  // 总页数
   var totalPage = Math.max(Math.ceil(total / size), 1);
-  // 当前页码
   var initPage = Math.min(totalPage, current || defaultCurrent);
   var _React$useState3 = React.useState(Math.max(initPage, 1)),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
@@ -69,45 +64,40 @@ var Pagination = function Pagination(props) {
   React.useEffect(function () {
     current !== undefined && setPage(current);
   }, [current]);
-  // 输入的页码
   var _React$useState5 = React.useState(undefined),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     inputPage = _React$useState6[0],
     setInputPage = _React$useState6[1];
-  // 是否显示pageSize切换器
   var showSizeSelector = isBoolean(showSizeChanger) ? showSizeChanger : total > 50;
   var defaultShowQuickJumper = pageType !== 'bill';
   var showJumper = showQuickJumper === undefined ? defaultShowQuickJumper : showQuickJumper;
-  // pageSize切换器是否展开
   var _React$useState7 = React.useState(false),
     _React$useState8 = _slicedToArray(_React$useState7, 2),
     isOpen = _React$useState8[0],
     setIsOpen = _React$useState8[1];
-  // icons
   var innerIcon = _extends({
-    first: /*#__PURE__*/React.createElement(Icon, {
+    first: React.createElement(Icon, {
       type: "first"
     }),
-    last: /*#__PURE__*/React.createElement(Icon, {
+    last: React.createElement(Icon, {
       type: "last"
     }),
-    prev: /*#__PURE__*/React.createElement(Icon, {
+    prev: React.createElement(Icon, {
       type: "arrow-left"
     }),
-    next: /*#__PURE__*/React.createElement(Icon, {
+    next: React.createElement(Icon, {
       type: "arrow-right"
     }),
-    down: /*#__PURE__*/React.createElement(Icon, {
+    down: React.createElement(Icon, {
       type: "arrow-down"
     }),
-    jumpPrev: /*#__PURE__*/React.createElement(Icon, {
+    jumpPrev: React.createElement(Icon, {
       type: "double-arrow-left"
     }),
-    jumpNext: /*#__PURE__*/React.createElement(Icon, {
+    jumpNext: React.createElement(Icon, {
       type: "double-arrow-right"
     })
   }, icons || {});
-  // 切换pageSize
   var handleChangeSize = function handleChangeSize(key) {
     var currentSize = Number(key);
     if (currentSize !== size) {
@@ -118,18 +108,14 @@ var Pagination = function Pagination(props) {
     }
     setIsOpen(false);
   };
-  // 输入页码
   var handleChangeCurrentPage = function handleChangeCurrentPage(e) {
     return setInputPage(e.target.value);
   };
-  // 回车确定页码
   var handleKeyUp = function handleKeyUp(e) {
     if (e.key === 'Enter') handleConfirmCurrentPage();
   };
-  // 页码输入框回车或者失去焦点确定翻到输入的页码
   var handleConfirmCurrentPage = function handleConfirmCurrentPage() {
     if (inputPage !== undefined) {
-      // 正整数正则表达式
       var inputReg = new RegExp("^-?\\d+$");
       if (inputReg.test(inputPage)) {
         if (Number(inputPage) < 1) changePage(1);else if (Number(inputPage) > totalPage) changePage(totalPage);else changePage(Number(inputPage));
@@ -137,32 +123,25 @@ var Pagination = function Pagination(props) {
       setInputPage(undefined);
     }
   };
-  // 翻页
   var changePage = function changePage(page, pageSize) {
     current === undefined && setPage(page);
     onChange && onChange(page, pageSize || size);
   };
-  // 翻到上一页
   var handlePrev = function handlePrev() {
     return changePage(page - 1);
   };
-  // 翻到下一页
   var handleNext = function handleNext() {
     return changePage(page + 1);
   };
-  // 翻到第一页
   var handleFirst = function handleFirst() {
     return changePage(1);
   };
-  // 翻到最后一页
   var handleLast = function handleLast() {
     return changePage(totalPage);
   };
-  // 向前跳转
   var jumpPrev = function jumpPrev() {
     return changePage(page - 5 || 1);
   };
-  // 向后跳转
   var jumpNext = function jumpNext() {
     return changePage(page + 5 < totalPage ? page + 5 : totalPage);
   };
@@ -173,7 +152,6 @@ var Pagination = function Pagination(props) {
       title: showTitle ? title : undefined
     };
   };
-  // 生成元素是连续数字的数组
   function genArray(start, end) {
     var result = [];
     for (var i = start; i <= end; i++) {
@@ -187,8 +165,8 @@ var Pagination = function Pagination(props) {
       dropdownProps.onVisibleChange(visible);
     }
   }
-  var sizeOptions = /*#__PURE__*/React.createElement(Dropdown.Menu, null, _mapInstanceProperty(pageSizeOptions).call(pageSizeOptions, function (size) {
-    return /*#__PURE__*/React.createElement(Dropdown.Item, {
+  var sizeOptions = React.createElement(Dropdown.Menu, null, _mapInstanceProperty(pageSizeOptions).call(pageSizeOptions, function (size) {
+    return React.createElement(Dropdown.Item, {
       key: size
     }, pageType === 'nicety' ? size : locale.getLangMsg('Pagination', 'perPage', {
       size: size
@@ -211,16 +189,16 @@ var Pagination = function Pagination(props) {
     })
   };
   var showTotal = props.showTotal ? props.showTotal === true ? 'page' : props.showTotal : mapShowTotal[pageType];
-  var Total = showTotal && /*#__PURE__*/React.createElement("span", {
+  var Total = showTotal && React.createElement("span", {
     className: "".concat(prefixCls, "-total")
   }, mapTotalText[showTotal]);
-  var normalPagination = /*#__PURE__*/React.createElement("div", {
+  var normalPagination = React.createElement("div", {
     className: classNames(prefixCls, className),
     style: style
-  }, Total, showJumper && /*#__PURE__*/React.createElement("span", {
+  }, Total, showJumper && React.createElement("span", {
     className: "".concat(prefixCls, "-current")
   }, locale.getLangMsg('Pagination', 'order', {
-    order: /*#__PURE__*/React.createElement("input", {
+    order: React.createElement("input", {
       type: "text",
       disabled: disabled,
       onKeyUp: handleKeyUp,
@@ -229,23 +207,23 @@ var Pagination = function Pagination(props) {
       className: "".concat(prefixCls, "-current-input"),
       value: inputPage === undefined ? page : inputPage
     })
-  })), /*#__PURE__*/React.createElement("ul", {
+  })), React.createElement("ul", {
     className: "".concat(prefixCls, "-action")
-  }, /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('action-item', paginationLangMsg.first)), /*#__PURE__*/React.createElement("button", {
+  }, React.createElement("li", _extends({}, itemAttr('action-item', paginationLangMsg.first)), React.createElement("button", {
     onClick: handleFirst,
     disabled: page === 1 || disabled
-  }, innerIcon.first)), /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('action-item', paginationLangMsg.prevPage)), /*#__PURE__*/React.createElement("button", {
+  }, innerIcon.first)), React.createElement("li", _extends({}, itemAttr('action-item', paginationLangMsg.prevPage)), React.createElement("button", {
     onClick: handlePrev,
     disabled: page === 1 || disabled
-  }, innerIcon.prev)), /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('action-item', paginationLangMsg.nextPage)), /*#__PURE__*/React.createElement("button", {
+  }, innerIcon.prev)), React.createElement("li", _extends({}, itemAttr('action-item', paginationLangMsg.nextPage)), React.createElement("button", {
     onClick: handleNext,
     disabled: page === totalPage || disabled
-  }, innerIcon.next)), /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('action-item', paginationLangMsg.last)), /*#__PURE__*/React.createElement("button", {
+  }, innerIcon.next)), React.createElement("li", _extends({}, itemAttr('action-item', paginationLangMsg.last)), React.createElement("button", {
     onClick: handleLast,
     disabled: page === totalPage || disabled
-  }, innerIcon.last))), showSizeSelector && /*#__PURE__*/React.createElement("div", {
+  }, innerIcon.last))), showSizeSelector && React.createElement("div", {
     className: "".concat(prefixCls, "-selector")
-  }, /*#__PURE__*/React.createElement(Dropdown, _extends({
+  }, React.createElement(Dropdown, _extends({
     selectable: true,
     selectedKey: size,
     menu: sizeOptions,
@@ -262,25 +240,25 @@ var Pagination = function Pagination(props) {
     }
   }, dropdownProps, {
     onVisibleChange: dropdownVisibleChange
-  }), /*#__PURE__*/React.createElement("button", {
+  }), React.createElement("button", {
     className: classNames("".concat(prefixCls, "-selector-size"), "".concat(prefixCls, "-options-dropdown"), _defineProperty({}, "".concat(prefixCls, "-options-dropdown-open"), isOpen))
-  }, /*#__PURE__*/React.createElement("span", null, locale.getLangMsg('Pagination', 'perPage', {
+  }, React.createElement("span", null, locale.getLangMsg('Pagination', 'perPage', {
     size: size
   })), innerIcon.down))));
-  var simplePagination = /*#__PURE__*/React.createElement("div", {
+  var simplePagination = React.createElement("div", {
     className: classNames(prefixCls, 'simple', className),
     style: style
-  }, Total, /*#__PURE__*/React.createElement("ul", {
+  }, Total, React.createElement("ul", {
     className: classNames("".concat(prefixCls, "-action"), {
       bordered: bordered,
       disabled: disabled
     })
-  }, /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('action-item', paginationLangMsg.prevPage)), /*#__PURE__*/React.createElement("button", {
+  }, React.createElement("li", _extends({}, itemAttr('action-item', paginationLangMsg.prevPage)), React.createElement("button", {
     onClick: handlePrev,
     disabled: page === 1 || disabled
-  }, innerIcon.prev)), /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('action-item', _concatInstanceProperty(_context2 = "".concat(page, "/")).call(_context2, totalPage))), /*#__PURE__*/React.createElement("span", {
+  }, innerIcon.prev)), React.createElement("li", _extends({}, itemAttr('action-item', _concatInstanceProperty(_context2 = "".concat(page, "/")).call(_context2, totalPage))), React.createElement("span", {
     className: "".concat(prefixCls, "-current")
-  }, showJumper ? /*#__PURE__*/React.createElement("input", {
+  }, showJumper ? React.createElement("input", {
     type: "text",
     disabled: disabled,
     onKeyUp: handleKeyUp,
@@ -288,36 +266,36 @@ var Pagination = function Pagination(props) {
     onChange: handleChangeCurrentPage,
     className: "".concat(prefixCls, "-current-input"),
     value: inputPage === undefined ? page : inputPage
-  }) : page), "/ ", /*#__PURE__*/React.createElement("span", {
+  }) : page), "/ ", React.createElement("span", {
     className: "".concat(prefixCls, "-total")
-  }, totalPage)), /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('action-item', paginationLangMsg.nextPage)), /*#__PURE__*/React.createElement("button", {
+  }, totalPage)), React.createElement("li", _extends({}, itemAttr('action-item', paginationLangMsg.nextPage)), React.createElement("button", {
     onClick: handleNext,
     disabled: page === totalPage || disabled
   }, innerIcon.next))));
   var lessPages = genArray(1, totalPage);
   var lessPagination = null;
   if (pageType === 'less') {
-    lessPagination = /*#__PURE__*/React.createElement("div", {
+    lessPagination = React.createElement("div", {
       className: classNames(prefixCls, 'less', {
         bordered: bordered,
         disabled: disabled
       }, className),
       style: style
-    }, Total, /*#__PURE__*/React.createElement("ul", {
+    }, Total, React.createElement("ul", {
       className: "".concat(prefixCls, "-pages")
-    }, /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('pages-item', paginationLangMsg.prevPage)), /*#__PURE__*/React.createElement("button", {
+    }, React.createElement("li", _extends({}, itemAttr('pages-item', paginationLangMsg.prevPage)), React.createElement("button", {
       onClick: handlePrev,
       disabled: page === 1 || disabled
     }, innerIcon.prev)), _mapInstanceProperty(lessPages).call(lessPages, function (item, index) {
-      return /*#__PURE__*/React.createElement("li", _extends({
+      return React.createElement("li", _extends({
         key: index
-      }, itemAttr('pages-item', String(item), item === page)), /*#__PURE__*/React.createElement("button", {
+      }, itemAttr('pages-item', String(item), item === page)), React.createElement("button", {
         onClick: function onClick() {
           return changePage(item);
         },
         disabled: disabled
       }, item));
-    }), /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('pages-item', paginationLangMsg.nextPage)), /*#__PURE__*/React.createElement("button", {
+    }), React.createElement("li", _extends({}, itemAttr('pages-item', paginationLangMsg.nextPage)), React.createElement("button", {
       onClick: handleNext,
       disabled: page === totalPage || disabled
     }, innerIcon.next))));
@@ -335,15 +313,15 @@ var Pagination = function Pagination(props) {
     page <= totalPage - 4 && nicetyPages.push('>>', totalPage);
     page >= 5 && nicetyPages.unshift(1, '<<');
   }
-  var nicetyPagination = /*#__PURE__*/React.createElement("div", {
+  var nicetyPagination = React.createElement("div", {
     className: classNames(prefixCls, 'nicety', {
       bordered: bordered,
       disabled: disabled
     }, className),
     style: style
-  }, Total, /*#__PURE__*/React.createElement("ul", {
+  }, Total, React.createElement("ul", {
     className: "".concat(prefixCls, "-pages")
-  }, /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('pages-item', paginationLangMsg.prevPage)), /*#__PURE__*/React.createElement("button", {
+  }, React.createElement("li", _extends({}, itemAttr('pages-item', paginationLangMsg.prevPage)), React.createElement("button", {
     onClick: handlePrev,
     disabled: page === 1 || disabled
   }, innerIcon.prev)), _mapInstanceProperty(nicetyPages).call(nicetyPages, function (item, index) {
@@ -353,20 +331,20 @@ var Pagination = function Pagination(props) {
     var pageText = typeof item === 'string' ? '...' : item;
     var jumperIconType = item === '<<' ? innerIcon.jumpPrev : innerIcon.jumpNext;
     var title = typeof item === 'string' ? paginationLangMsg[item === '<<' ? 'forward' : 'backward'] : String(item);
-    return /*#__PURE__*/React.createElement("li", _extends({
+    return React.createElement("li", _extends({
       key: index
-    }, itemAttr('pages-item', title, item === page)), /*#__PURE__*/React.createElement("button", {
+    }, itemAttr('pages-item', title, item === page)), React.createElement("button", {
       onClick: handleChangePage,
       disabled: disabled
-    }, pageText, typeof item === 'string' && /*#__PURE__*/React.cloneElement(jumperIconType, {
+    }, pageText, typeof item === 'string' && React.cloneElement(jumperIconType, {
       className: "".concat(prefixCls, "-pages-jumper-icon")
     })));
-  }), /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('pages-item', paginationLangMsg.nextPage)), /*#__PURE__*/React.createElement("button", {
+  }), React.createElement("li", _extends({}, itemAttr('pages-item', paginationLangMsg.nextPage)), React.createElement("button", {
     onClick: handleNext,
     disabled: page === totalPage || disabled
-  }, innerIcon.next))), showJumper && /*#__PURE__*/React.createElement("div", {
+  }, innerIcon.next))), showJumper && React.createElement("div", {
     className: "".concat(prefixCls, "-jumper")
-  }, /*#__PURE__*/React.createElement("input", {
+  }, React.createElement("input", {
     type: "text",
     disabled: disabled,
     onKeyUp: handleKeyUp,
@@ -374,14 +352,14 @@ var Pagination = function Pagination(props) {
     onChange: handleChangeCurrentPage,
     className: "".concat(prefixCls, "-jumper-input"),
     value: inputPage === undefined ? '' : inputPage
-  }), /*#__PURE__*/React.createElement("button", {
+  }), React.createElement("button", {
     className: "".concat(prefixCls, "-jumper-button"),
     disabled: disabled,
     onClick: handleConfirmCurrentPage
-  }, "GO")), showSizeSelector && /*#__PURE__*/React.createElement("div", {
+  }, "GO")), showSizeSelector && React.createElement("div", {
     className: "".concat(prefixCls, "-options")
   }, locale.getLangMsg('Pagination', 'perPage', {
-    size: /*#__PURE__*/React.createElement(Dropdown, _extends({
+    size: React.createElement(Dropdown, _extends({
       selectable: true,
       trigger: "click",
       selectedKey: size,
@@ -396,7 +374,7 @@ var Pagination = function Pagination(props) {
       }
     }, dropdownProps, {
       onVisibleChange: dropdownVisibleChange
-    }), /*#__PURE__*/React.createElement("button", {
+    }), React.createElement("button", {
       className: classNames("".concat(prefixCls, "-options-size"), "".concat(prefixCls, "-options-dropdown"), _defineProperty({}, "".concat(prefixCls, "-options-dropdown-open"), isOpen))
     }, size, innerIcon.down))
   })));

package/es/popconfirm/popconfirm.js

@@ -12,7 +12,6 @@ var Popconfirm = function Popconfirm(props) {
     pkgPrefixCls = _React$useContext.prefixCls,
     userDefaultProps = _React$useContext.compDefaultProps,
     locale = _React$useContext.locale;
-  // 属性需要合并一遍用户定义的默认属性
   var allProps = getCompProps('Popconfirm', userDefaultProps, props);
   var icon = allProps.icon,
     title = allProps.title,
@@ -28,7 +27,6 @@ var Popconfirm = function Popconfirm(props) {
     onVisibleChange = allProps.onVisibleChange,
     cancelButtonProps = allProps.cancelButtonProps,
     customPrefixcls = allProps.prefixCls;
-  // className前缀
   var prefixCls = getPrefixCls(pkgPrefixCls, 'popconfirm', customPrefixcls);
   var _React$useState = React.useState(!!props.visible || defaultVisible),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -37,7 +35,7 @@ var Popconfirm = function Popconfirm(props) {
   React.useEffect(function () {
     setVisible(!!props.visible);
   }, [props.visible]);
-  var confirmLocator = React.Children.count(children) === 1 && children.type ? children : /*#__PURE__*/React.createElement("span", null, children);
+  var confirmLocator = React.Children.count(children) === 1 && children.type ? children : React.createElement("span", null, children);
   var confirmTitle = typeof title === 'function' ? title() : title;
   var confirmMsg = typeof message === 'function' ? message() : message;
   var handleCancel = function handleCancel(e) {
@@ -50,19 +48,19 @@ var Popconfirm = function Popconfirm(props) {
     onVisibleChange && onVisibleChange(false);
     onConfirm && onConfirm(e);
   };
-  var confirmPopper = /*#__PURE__*/React.createElement("div", {
+  var confirmPopper = React.createElement("div", {
     className: "".concat(prefixCls, "-content")
-  }, confirmTitle && /*#__PURE__*/React.createElement("h3", {
+  }, confirmTitle && React.createElement("h3", {
     className: "".concat(prefixCls, "-title")
-  }, 'icon' in props ? icon === true ? /*#__PURE__*/React.createElement(Icon, {
+  }, 'icon' in props ? icon === true ? React.createElement(Icon, {
     type: "warning-solid"
-  }) : icon : null, confirmTitle), /*#__PURE__*/React.createElement("div", {
+  }) : icon : null, confirmTitle), React.createElement("div", {
     className: "".concat(prefixCls, "-message")
-  }, confirmMsg), /*#__PURE__*/React.createElement("div", {
+  }, confirmMsg), React.createElement("div", {
     className: "".concat(prefixCls, "-interaction")
-  }, /*#__PURE__*/React.createElement(Button, _extends({}, cancelButtonProps, {
+  }, React.createElement(Button, _extends({}, cancelButtonProps, {
     onClick: handleCancel
-  }), cancelText || locale.getLangMsg('Popconfirm', 'cancel')), /*#__PURE__*/React.createElement(Button, _extends({}, okButtonProps, {
+  }), cancelText || locale.getLangMsg('Popconfirm', 'cancel')), React.createElement(Button, _extends({}, okButtonProps, {
     type: okType,
     onClick: handleConfirm
   }), okText || locale.getLangMsg('Popconfirm', 'confirm'))));

package/es/popper/index.d.ts

@@ -24,6 +24,8 @@ export declare type PopperProps = {
     style?: React.CSSProperties;
     popperClassName?: string;
     popperStyle?: React.CSSProperties;
+    popperOuterClassName?: string;
+    popperOuterStyle?: React.CSSProperties;
     placement?: PlacementType;
     tip?: any;
     trigger?: TriggerType | Array<TriggerType>;

package/es/popper/index.js

@@ -21,7 +21,7 @@ import useId from '../_utils/useId';
 export var Placements = tuple('top', 'left', 'right', 'bottom', 'topLeft', 'topRight', 'bottomLeft', 'bottomRight', 'leftTop', 'leftBottom', 'rightTop', 'rightBottom');
 export var Triggers = tuple('hover', 'focus', 'click', 'contextMenu');
 var useEnhancedEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
-var TriggerContext = /*#__PURE__*/React.createContext(null);
+var TriggerContext = React.createContext(null);
 var generateGetBoundingClientRect = function generateGetBoundingClientRect() {
   var x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
   var y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
@@ -87,7 +87,7 @@ var getRealDom = function getRealDom(locatorRef) {
 var getElement = function getElement(element) {
   return typeof element === 'function' ? element() : element;
 };
-export var Popper = /*#__PURE__*/forwardRef(function (props, ref) {
+export var Popper = forwardRef(function (props, ref) {
   var _context4, _context5, _context6;
   var _a;
   var _React$useContext = React.useContext(ConfigContext),
@@ -102,6 +102,8 @@ export var Popper = /*#__PURE__*/forwardRef(function (props, ref) {
     onVisibleChange = props.onVisibleChange,
     className = props.className,
     popperClassName = props.popperClassName,
+    popperOuterClassName = props.popperOuterClassName,
+    popperOuterStyle = props.popperOuterStyle,
     tip = props.tip,
     _props$disabled = props.disabled,
     disabled = _props$disabled === void 0 ? false : _props$disabled,
@@ -146,7 +148,7 @@ export var Popper = /*#__PURE__*/forwardRef(function (props, ref) {
   var popperPrefixCls = getPrefixCls(pkgPrefixCls, 'popper');
   var referencePrefixCls = "".concat(popperPrefixCls, "-reference");
   var child = getElement(children);
-  var childrenInner = /*#__PURE__*/isValidElement(child) && !isFragment(child) ? child : /*#__PURE__*/React.createElement("span", null, child);
+  var childrenInner = isValidElement(child) && !isFragment(child) ? child : React.createElement("span", null, child);
   var popperElement = getElement(tip);
   var referenceElement = Children.only(childrenInner);
   var arrowOffsetInner = arrowSize + arrowOffset;
@@ -248,14 +250,6 @@ export var Popper = /*#__PURE__*/forwardRef(function (props, ref) {
     if (!event || !(event === null || event === void 0 ? void 0 : event.target)) {
       return false;
     }
-    // let targetElement: HTMLElement = event.target as HTMLElement
-    // const POP_ATTR_NAME = 'data-popper-placement'
-    // while (targetElement && targetElement !== document.documentElement) {
-    //   if (targetElement?.getAttribute(POP_ATTR_NAME) && targetElement?.className.includes(popperPrefixCls)) {
-    //     return true
-    //   }
-    //   targetElement = targetElement?.parentNode as HTMLElement
-    // }
     var target = event.target;
     if (subPopupRefs.current) {
       for (var key in subPopupRefs.current) {
@@ -506,10 +500,10 @@ export var Popper = /*#__PURE__*/forwardRef(function (props, ref) {
   var arrowStyle = _defineProperty({}, "--arrowSize", arrowSize + 'px');
   var popperContainerProps = {
     ref: popperRefDom,
-    style: _extends({}, arrow ? arrowStyle : {}),
+    style: _extends(_extends({}, arrow ? arrowStyle : {}), popperOuterStyle),
     className: classnames(popperPrefixCls, {
       hidden: !visibleInner
-    })
+    }, popperOuterClassName)
   };
   var popperProps = {
     className: classnames([_concatInstanceProperty(_context4 = "".concat(popperPrefixCls, "-")).call(_context4, placementInner)], _defineProperty({}, _concatInstanceProperty(_context5 = "".concat(popperPrefixCls, "-")).call(_context5, placementInner, "-out"), !visibleInner), _defineProperty({}, _concatInstanceProperty(_context6 = "".concat(popperPrefixCls, "-")).call(_context6, placementInner, "-in"), visibleInner), prefixCls, popperClassName, className),
@@ -527,9 +521,9 @@ export var Popper = /*#__PURE__*/forwardRef(function (props, ref) {
     ref: referenceRef,
     className: classnames((_a = referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.props) === null || _a === void 0 ? void 0 : _a.className, referencePrefixCls)
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.cloneElement(referenceElement, referenceProps), exist && container && /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(TriggerContext.Provider, {
+  return React.createElement(React.Fragment, null, React.cloneElement(referenceElement, referenceProps), exist && container && ReactDOM.createPortal(React.createElement(TriggerContext.Provider, {
     value: context
-  }, /*#__PURE__*/React.createElement("div", _extends({}, popperContainerProps), /*#__PURE__*/React.createElement("div", _extends({}, popperProps), popperElement, arrow && /*#__PURE__*/React.createElement("div", {
+  }, React.createElement("div", _extends({}, popperContainerProps), React.createElement("div", _extends({}, popperProps), popperElement, arrow && React.createElement("div", {
     className: "arrow",
     "data-popper-arrow": ""
   })))), container));

package/es/progress/circle.js

@@ -44,14 +44,14 @@ var Circle = function Circle(props) {
   var gradientArr = isGradient ? _sortInstanceProperty(_context2 = _Object$keys(gradientColor)).call(_context2, function (a, b) {
     return stripPercentToNumber(a) - stripPercentToNumber(b);
   }) : null;
-  var gradientDom = isGradient ? /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+  var gradientDom = isGradient ? React.createElement("defs", null, React.createElement("linearGradient", {
     id: _concatInstanceProperty(_context3 = "".concat(prefixCls, "-gradient-")).call(_context3, gradientId),
     x1: "100%",
     y1: "0%",
     x2: "0%",
     y2: "0%"
   }, gradientArr === null || gradientArr === void 0 ? void 0 : _mapInstanceProperty(gradientArr).call(gradientArr, function (key, index) {
-    return /*#__PURE__*/React.createElement("stop", {
+    return React.createElement("stop", {
       key: index,
       offset: key,
       stopColor: gradientColor[key]
@@ -66,27 +66,25 @@ var Circle = function Circle(props) {
     stroke: pathColor
   };
   var wrapperClassName = classNames("".concat(prefixCls, "-circle-box"), _defineProperty({}, "".concat(prefixCls, "-circle-gradient"), isGradient));
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  return React.createElement(React.Fragment, null, React.createElement("div", {
     className: wrapperClassName,
     style: circleStyle
-  }, /*#__PURE__*/React.createElement("svg", {
+  }, React.createElement("svg", {
     className: "".concat(prefixCls, "-circle"),
     viewBox: "0 0 100 100",
     strokeWidth: strokeWidth
-  }, gradientDom, /*#__PURE__*/React.createElement("path", {
+  }, gradientDom, React.createElement("path", {
     className: "".concat(prefixCls, "-circle-trail"),
     style: {
       stroke: trailColor
     },
     d: pathString,
-    // stroke={trailColor}
     strokeWidth: strokeWidth,
     fillOpacity: "0",
     strokeLinecap: "round"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), React.createElement("path", {
     className: "".concat(prefixCls, "-circle-path"),
     d: pathString,
-    // stroke={pathColor}
     strokeWidth: strokeWidth,
     style: pathStyle,
     fillOpacity: "0",

package/es/progress/line.js

@@ -18,12 +18,12 @@ var Line = function Line(props) {
     width: "".concat(validProgress(percent), "%"),
     height: strokeWidth && "".concat(strokeWidth, "px")
   }, backgroundProps);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  return React.createElement(React.Fragment, null, React.createElement("div", {
     className: "".concat(prefixCls, "-outer")
-  }, /*#__PURE__*/React.createElement("div", {
+  }, React.createElement("div", {
     className: "".concat(prefixCls, "-inner"),
     style: trailStyle
-  }, /*#__PURE__*/React.createElement("div", {
+  }, React.createElement("div", {
     className: "".concat(prefixCls, "-bg"),
     style: percentStyle
   }))), children);

package/es/progress/progress.js

@@ -62,29 +62,29 @@ var Progress = function Progress(props) {
     if (!showInfo && type !== 'circle' || infoPosition !== 'right' && isLoading) return null;
     var text;
     var textFormatter = format || function (percentNumber) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+      return React.createElement(React.Fragment, null, React.createElement("span", {
         className: "".concat(prefixCls, "-text-percent")
-      }, percentNumber), /*#__PURE__*/React.createElement("span", {
+      }, percentNumber), React.createElement("span", {
         className: "".concat(prefixCls, "-text-unit")
       }, "%"));
     };
     var successNodeMap = {
-      line: /*#__PURE__*/React.createElement(Icon, {
+      line: React.createElement(Icon, {
         className: "".concat(prefixCls, "-icon"),
         type: "right-solid"
       }),
-      circle: /*#__PURE__*/React.createElement(Icon, {
+      circle: React.createElement(Icon, {
         className: "".concat(prefixCls, "-icon"),
         type: "right-bold"
       }),
       custom: successIcon
     };
     var failureNodeMap = {
-      line: /*#__PURE__*/React.createElement(Icon, {
+      line: React.createElement(Icon, {
         className: "".concat(prefixCls, "-icon"),
         type: "refresh-solid"
       }),
-      circle: /*#__PURE__*/React.createElement(Icon, {
+      circle: React.createElement(Icon, {
         className: "".concat(prefixCls, "-icon"),
         type: "close-bold"
       }),
@@ -97,7 +97,7 @@ var Progress = function Progress(props) {
     } else if (progressStatus === 'success') {
       text = successNodeMap.custom || successNodeMap[type];
     }
-    return /*#__PURE__*/React.createElement("span", {
+    return React.createElement("span", {
       className: "".concat(prefixCls, "-text")
     }, text);
   };
@@ -125,22 +125,22 @@ var Progress = function Progress(props) {
     } else if (progressStatus === 'success') {
       text = concatMap[2];
     }
-    return /*#__PURE__*/React.createElement("div", {
+    return React.createElement("div", {
       className: "".concat(prefixCls, "-special-text")
     }, text);
   };
-  var progress = /*#__PURE__*/React.createElement(Line, _extends({}, progressProps, {
+  var progress = React.createElement(Line, _extends({}, progressProps, {
     prefixCls: progressPrefixCls
   }), renderProgressInfo(progressPrefixCls, progressStatus, progressProps));
   if (type === 'circle') {
-    progress = /*#__PURE__*/React.createElement(Circle, _extends({}, progressProps, {
+    progress = React.createElement(Circle, _extends({}, progressProps, {
       prefixCls: progressPrefixCls
     }), renderProgressInfo(progressPrefixCls, progressStatus, progressProps));
   }
   useEffect(function () {
     onProcess && onProcess(percent);
   }, [percent, onProcess]);
-  return /*#__PURE__*/React.createElement("div", _extends({}, omit(progressProps, ['status', 'format', 'width', 'strokeWidth', 'trailWidth', 'trailColor', 'strokeColor', 'percent', 'infoPosition', 'showInfo', 'textMap', 'onProcess']), {
+  return React.createElement("div", _extends({}, omit(progressProps, ['status', 'format', 'width', 'strokeWidth', 'trailWidth', 'trailColor', 'strokeColor', 'percent', 'infoPosition', 'showInfo', 'textMap', 'onProcess']), {
     className: progressClasses
   }), progress, renderSpecialInfo(progressPrefixCls, progressStatus, progressProps));
 };