@kdcloudjs/kdesign 1.8.12 → 1.8.13

package/lib/pagination/pagination.js

@@ -39,7 +39,6 @@ var Pagination = function Pagination(props) {
   var paginationLangMsg = locale.getCompLangMsg({
     componentName: 'Pagination'
   });
-  // 属性需要合并一遍用户定义的默认属性
   var _getCompProps = (0, _utils.getCompProps)('Pagination', userDefaultProps, props),
     style = _getCompProps.style,
     total = _getCompProps.total,
@@ -62,9 +61,7 @@ var Pagination = function Pagination(props) {
     icons = _getCompProps.icons,
     customPrefixcls = _getCompProps.prefixCls;
   (0, _devwarning.default)(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 = (0, _slicedToArray2.default)(_React$useState, 2),
     size = _React$useState2[0],
@@ -72,9 +69,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 = (0, _slicedToArray2.default)(_React$useState3, 2),
@@ -83,45 +78,40 @@ var Pagination = function Pagination(props) {
   React.useEffect(function () {
     current !== undefined && setPage(current);
   }, [current]);
-  // 输入的页码
   var _React$useState5 = React.useState(undefined),
     _React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
     inputPage = _React$useState6[0],
     setInputPage = _React$useState6[1];
-  // 是否显示pageSize切换器
   var showSizeSelector = (0, _isBoolean.default)(showSizeChanger) ? showSizeChanger : total > 50;
   var defaultShowQuickJumper = pageType !== 'bill';
   var showJumper = showQuickJumper === undefined ? defaultShowQuickJumper : showQuickJumper;
-  // pageSize切换器是否展开
   var _React$useState7 = React.useState(false),
     _React$useState8 = (0, _slicedToArray2.default)(_React$useState7, 2),
     isOpen = _React$useState8[0],
     setIsOpen = _React$useState8[1];
-  // icons
   var innerIcon = (0, _extends2.default)({
-    first: /*#__PURE__*/React.createElement(_icon.default, {
+    first: React.createElement(_icon.default, {
       type: "first"
     }),
-    last: /*#__PURE__*/React.createElement(_icon.default, {
+    last: React.createElement(_icon.default, {
       type: "last"
     }),
-    prev: /*#__PURE__*/React.createElement(_icon.default, {
+    prev: React.createElement(_icon.default, {
       type: "arrow-left"
     }),
-    next: /*#__PURE__*/React.createElement(_icon.default, {
+    next: React.createElement(_icon.default, {
       type: "arrow-right"
     }),
-    down: /*#__PURE__*/React.createElement(_icon.default, {
+    down: React.createElement(_icon.default, {
       type: "arrow-down"
     }),
-    jumpPrev: /*#__PURE__*/React.createElement(_icon.default, {
+    jumpPrev: React.createElement(_icon.default, {
       type: "double-arrow-left"
     }),
-    jumpNext: /*#__PURE__*/React.createElement(_icon.default, {
+    jumpNext: React.createElement(_icon.default, {
       type: "double-arrow-right"
     })
   }, icons || {});
-  // 切换pageSize
   var handleChangeSize = function handleChangeSize(key) {
     var currentSize = Number(key);
     if (currentSize !== size) {
@@ -132,18 +122,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));
@@ -151,32 +137,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);
   };
@@ -187,7 +166,6 @@ var Pagination = function Pagination(props) {
       title: showTitle ? title : undefined
     };
   };
-  // 生成元素是连续数字的数组
   function genArray(start, end) {
     var result = [];
     for (var i = start; i <= end; i++) {
@@ -201,8 +179,8 @@ var Pagination = function Pagination(props) {
       dropdownProps.onVisibleChange(visible);
     }
   }
-  var sizeOptions = /*#__PURE__*/React.createElement(_dropdown.default.Menu, null, (0, _map.default)(pageSizeOptions).call(pageSizeOptions, function (size) {
-    return /*#__PURE__*/React.createElement(_dropdown.default.Item, {
+  var sizeOptions = React.createElement(_dropdown.default.Menu, null, (0, _map.default)(pageSizeOptions).call(pageSizeOptions, function (size) {
+    return React.createElement(_dropdown.default.Item, {
       key: size
     }, pageType === 'nicety' ? size : locale.getLangMsg('Pagination', 'perPage', {
       size: size
@@ -225,16 +203,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: (0, _classnames.default)(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,
@@ -243,23 +221,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", (0, _extends2.default)({}, itemAttr('action-item', paginationLangMsg.first)), /*#__PURE__*/React.createElement("button", {
+  }, React.createElement("li", (0, _extends2.default)({}, itemAttr('action-item', paginationLangMsg.first)), React.createElement("button", {
     onClick: handleFirst,
     disabled: page === 1 || disabled
-  }, innerIcon.first)), /*#__PURE__*/React.createElement("li", (0, _extends2.default)({}, itemAttr('action-item', paginationLangMsg.prevPage)), /*#__PURE__*/React.createElement("button", {
+  }, innerIcon.first)), React.createElement("li", (0, _extends2.default)({}, itemAttr('action-item', paginationLangMsg.prevPage)), React.createElement("button", {
     onClick: handlePrev,
     disabled: page === 1 || disabled
-  }, innerIcon.prev)), /*#__PURE__*/React.createElement("li", (0, _extends2.default)({}, itemAttr('action-item', paginationLangMsg.nextPage)), /*#__PURE__*/React.createElement("button", {
+  }, innerIcon.prev)), React.createElement("li", (0, _extends2.default)({}, itemAttr('action-item', paginationLangMsg.nextPage)), React.createElement("button", {
     onClick: handleNext,
     disabled: page === totalPage || disabled
-  }, innerIcon.next)), /*#__PURE__*/React.createElement("li", (0, _extends2.default)({}, itemAttr('action-item', paginationLangMsg.last)), /*#__PURE__*/React.createElement("button", {
+  }, innerIcon.next)), React.createElement("li", (0, _extends2.default)({}, 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.default, (0, _extends2.default)({
+  }, React.createElement(_dropdown.default, (0, _extends2.default)({
     selectable: true,
     selectedKey: size,
     menu: sizeOptions,
@@ -276,25 +254,25 @@ var Pagination = function Pagination(props) {
     }
   }, dropdownProps, {
     onVisibleChange: dropdownVisibleChange
-  }), /*#__PURE__*/React.createElement("button", {
+  }), React.createElement("button", {
     className: (0, _classnames.default)("".concat(prefixCls, "-selector-size"), "".concat(prefixCls, "-options-dropdown"), (0, _defineProperty2.default)({}, "".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: (0, _classnames.default)(prefixCls, 'simple', className),
     style: style
-  }, Total, /*#__PURE__*/React.createElement("ul", {
+  }, Total, React.createElement("ul", {
     className: (0, _classnames.default)("".concat(prefixCls, "-action"), {
       bordered: bordered,
       disabled: disabled
     })
-  }, /*#__PURE__*/React.createElement("li", (0, _extends2.default)({}, itemAttr('action-item', paginationLangMsg.prevPage)), /*#__PURE__*/React.createElement("button", {
+  }, React.createElement("li", (0, _extends2.default)({}, itemAttr('action-item', paginationLangMsg.prevPage)), React.createElement("button", {
     onClick: handlePrev,
     disabled: page === 1 || disabled
-  }, innerIcon.prev)), /*#__PURE__*/React.createElement("li", (0, _extends2.default)({}, itemAttr('action-item', (0, _concat.default)(_context2 = "".concat(page, "/")).call(_context2, totalPage))), /*#__PURE__*/React.createElement("span", {
+  }, innerIcon.prev)), React.createElement("li", (0, _extends2.default)({}, itemAttr('action-item', (0, _concat.default)(_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,
@@ -302,36 +280,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", (0, _extends2.default)({}, itemAttr('action-item', paginationLangMsg.nextPage)), /*#__PURE__*/React.createElement("button", {
+  }, totalPage)), React.createElement("li", (0, _extends2.default)({}, 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: (0, _classnames.default)(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", (0, _extends2.default)({}, itemAttr('pages-item', paginationLangMsg.prevPage)), /*#__PURE__*/React.createElement("button", {
+    }, React.createElement("li", (0, _extends2.default)({}, itemAttr('pages-item', paginationLangMsg.prevPage)), React.createElement("button", {
       onClick: handlePrev,
       disabled: page === 1 || disabled
     }, innerIcon.prev)), (0, _map.default)(lessPages).call(lessPages, function (item, index) {
-      return /*#__PURE__*/React.createElement("li", (0, _extends2.default)({
+      return React.createElement("li", (0, _extends2.default)({
         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", (0, _extends2.default)({}, itemAttr('pages-item', paginationLangMsg.nextPage)), /*#__PURE__*/React.createElement("button", {
+    }), React.createElement("li", (0, _extends2.default)({}, itemAttr('pages-item', paginationLangMsg.nextPage)), React.createElement("button", {
       onClick: handleNext,
       disabled: page === totalPage || disabled
     }, innerIcon.next))));
@@ -349,15 +327,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: (0, _classnames.default)(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", (0, _extends2.default)({}, itemAttr('pages-item', paginationLangMsg.prevPage)), /*#__PURE__*/React.createElement("button", {
+  }, React.createElement("li", (0, _extends2.default)({}, itemAttr('pages-item', paginationLangMsg.prevPage)), React.createElement("button", {
     onClick: handlePrev,
     disabled: page === 1 || disabled
   }, innerIcon.prev)), (0, _map.default)(nicetyPages).call(nicetyPages, function (item, index) {
@@ -367,20 +345,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", (0, _extends2.default)({
+    return React.createElement("li", (0, _extends2.default)({
       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", (0, _extends2.default)({}, itemAttr('pages-item', paginationLangMsg.nextPage)), /*#__PURE__*/React.createElement("button", {
+  }), React.createElement("li", (0, _extends2.default)({}, 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,
@@ -388,14 +366,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.default, (0, _extends2.default)({
+    size: React.createElement(_dropdown.default, (0, _extends2.default)({
       selectable: true,
       trigger: "click",
       selectedKey: size,
@@ -410,7 +388,7 @@ var Pagination = function Pagination(props) {
       }
     }, dropdownProps, {
       onVisibleChange: dropdownVisibleChange
-    }), /*#__PURE__*/React.createElement("button", {
+    }), React.createElement("button", {
       className: (0, _classnames.default)("".concat(prefixCls, "-options-size"), "".concat(prefixCls, "-options-dropdown"), (0, _defineProperty2.default)({}, "".concat(prefixCls, "-options-dropdown-open"), isOpen))
     }, size, innerIcon.down))
   })));

package/lib/popconfirm/popconfirm.js

@@ -24,7 +24,6 @@ var Popconfirm = function Popconfirm(props) {
     pkgPrefixCls = _React$useContext.prefixCls,
     userDefaultProps = _React$useContext.compDefaultProps,
     locale = _React$useContext.locale;
-  // 属性需要合并一遍用户定义的默认属性
   var allProps = (0, _utils.getCompProps)('Popconfirm', userDefaultProps, props);
   var icon = allProps.icon,
     title = allProps.title,
@@ -40,7 +39,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 = (0, _slicedToArray2.default)(_React$useState, 2),
@@ -49,7 +47,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) {
@@ -62,19 +60,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.default, {
+  }, 'icon' in props ? icon === true ? React.createElement(_icon.default, {
     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.default, (0, _extends2.default)({}, cancelButtonProps, {
+  }, React.createElement(_button.default, (0, _extends2.default)({}, cancelButtonProps, {
     onClick: handleCancel
-  }), cancelText || locale.getLangMsg('Popconfirm', 'cancel')), /*#__PURE__*/React.createElement(_button.default, (0, _extends2.default)({}, okButtonProps, {
+  }), cancelText || locale.getLangMsg('Popconfirm', 'cancel')), React.createElement(_button.default, (0, _extends2.default)({}, okButtonProps, {
     type: okType,
     onClick: handleConfirm
   }), okText || locale.getLangMsg('Popconfirm', 'confirm'))));

package/lib/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/lib/popper/index.js

@@ -35,7 +35,7 @@ exports.Placements = Placements;
 var Triggers = (0, _type.tuple)('hover', 'focus', 'click', 'contextMenu');
 exports.Triggers = Triggers;
 var useEnhancedEffect = typeof window !== 'undefined' ? _react.default.useLayoutEffect : _react.default.useEffect;
-var TriggerContext = /*#__PURE__*/_react.default.createContext(null);
+var TriggerContext = _react.default.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;
@@ -102,7 +102,7 @@ var getRealDom = function getRealDom(locatorRef) {
 var getElement = function getElement(element) {
   return typeof element === 'function' ? element() : element;
 };
-var Popper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+var Popper = (0, _react.forwardRef)(function (props, ref) {
   var _context4, _context5, _context6;
   var _a;
   var _React$useContext = _react.default.useContext(_configProvider.ConfigContext),
@@ -117,6 +117,8 @@ var Popper = /*#__PURE__*/(0, _react.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,
@@ -161,7 +163,7 @@ var Popper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var popperPrefixCls = getPrefixCls(pkgPrefixCls, 'popper');
   var referencePrefixCls = "".concat(popperPrefixCls, "-reference");
   var child = getElement(children);
-  var childrenInner = /*#__PURE__*/(0, _react.isValidElement)(child) && !(0, _reactNode.isFragment)(child) ? child : /*#__PURE__*/_react.default.createElement("span", null, child);
+  var childrenInner = (0, _react.isValidElement)(child) && !(0, _reactNode.isFragment)(child) ? child : _react.default.createElement("span", null, child);
   var popperElement = getElement(tip);
   var referenceElement = _react.Children.only(childrenInner);
   var arrowOffsetInner = arrowSize + arrowOffset;
@@ -263,14 +265,6 @@ var Popper = /*#__PURE__*/(0, _react.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) {
@@ -521,10 +515,10 @@ var Popper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var arrowStyle = (0, _defineProperty2.default)({}, "--arrowSize", arrowSize + 'px');
   var popperContainerProps = {
     ref: popperRefDom,
-    style: (0, _extends2.default)({}, arrow ? arrowStyle : {}),
+    style: (0, _extends2.default)((0, _extends2.default)({}, arrow ? arrowStyle : {}), popperOuterStyle),
     className: (0, _classnames3.default)(popperPrefixCls, {
       hidden: !visibleInner
-    })
+    }, popperOuterClassName)
   };
   var popperProps = {
     className: (0, _classnames3.default)([(0, _concat.default)(_context4 = "".concat(popperPrefixCls, "-")).call(_context4, placementInner)], (0, _defineProperty2.default)({}, (0, _concat.default)(_context5 = "".concat(popperPrefixCls, "-")).call(_context5, placementInner, "-out"), !visibleInner), (0, _defineProperty2.default)({}, (0, _concat.default)(_context6 = "".concat(popperPrefixCls, "-")).call(_context6, placementInner, "-in"), visibleInner), prefixCls, popperClassName, className),
@@ -542,9 +536,9 @@ var Popper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     ref: referenceRef,
     className: (0, _classnames3.default)((_a = referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.props) === null || _a === void 0 ? void 0 : _a.className, referencePrefixCls)
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.cloneElement(referenceElement, referenceProps), exist && container && /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(TriggerContext.Provider, {
+  return _react.default.createElement(_react.default.Fragment, null, _react.default.cloneElement(referenceElement, referenceProps), exist && container && _reactDom.default.createPortal(_react.default.createElement(TriggerContext.Provider, {
     value: context
-  }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, popperContainerProps), /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, popperProps), popperElement, arrow && /*#__PURE__*/_react.default.createElement("div", {
+  }, _react.default.createElement("div", (0, _extends2.default)({}, popperContainerProps), _react.default.createElement("div", (0, _extends2.default)({}, popperProps), popperElement, arrow && _react.default.createElement("div", {
     className: "arrow",
     "data-popper-arrow": ""
   })))), container));

package/lib/progress/circle.js

@@ -51,14 +51,14 @@ var Circle = function Circle(props) {
   var gradientArr = isGradient ? (0, _sort.default)(_context2 = (0, _keys.default)(gradientColor)).call(_context2, function (a, b) {
     return stripPercentToNumber(a) - stripPercentToNumber(b);
   }) : null;
-  var gradientDom = isGradient ? /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("linearGradient", {
+  var gradientDom = isGradient ? _react.default.createElement("defs", null, _react.default.createElement("linearGradient", {
     id: (0, _concat.default)(_context3 = "".concat(prefixCls, "-gradient-")).call(_context3, gradientId),
     x1: "100%",
     y1: "0%",
     x2: "0%",
     y2: "0%"
   }, gradientArr === null || gradientArr === void 0 ? void 0 : (0, _map.default)(gradientArr).call(gradientArr, function (key, index) {
-    return /*#__PURE__*/_react.default.createElement("stop", {
+    return _react.default.createElement("stop", {
       key: index,
       offset: key,
       stopColor: gradientColor[key]
@@ -73,27 +73,25 @@ var Circle = function Circle(props) {
     stroke: pathColor
   };
   var wrapperClassName = (0, _classnames.default)("".concat(prefixCls, "-circle-box"), (0, _defineProperty2.default)({}, "".concat(prefixCls, "-circle-gradient"), isGradient));
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", {
     className: wrapperClassName,
     style: circleStyle
-  }, /*#__PURE__*/_react.default.createElement("svg", {
+  }, _react.default.createElement("svg", {
     className: "".concat(prefixCls, "-circle"),
     viewBox: "0 0 100 100",
     strokeWidth: strokeWidth
-  }, gradientDom, /*#__PURE__*/_react.default.createElement("path", {
+  }, gradientDom, _react.default.createElement("path", {
     className: "".concat(prefixCls, "-circle-trail"),
     style: {
       stroke: trailColor
     },
     d: pathString,
-    // stroke={trailColor}
     strokeWidth: strokeWidth,
     fillOpacity: "0",
     strokeLinecap: "round"
-  }), /*#__PURE__*/_react.default.createElement("path", {
+  }), _react.default.createElement("path", {
     className: "".concat(prefixCls, "-circle-path"),
     d: pathString,
-    // stroke={pathColor}
     strokeWidth: strokeWidth,
     style: pathStyle,
     fillOpacity: "0",

package/lib/progress/line.js

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

package/lib/progress/progress.js

@@ -76,29 +76,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.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+      return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("span", {
         className: "".concat(prefixCls, "-text-percent")
-      }, percentNumber), /*#__PURE__*/_react.default.createElement("span", {
+      }, percentNumber), _react.default.createElement("span", {
         className: "".concat(prefixCls, "-text-unit")
       }, "%"));
     };
     var successNodeMap = {
-      line: /*#__PURE__*/_react.default.createElement(_icon.default, {
+      line: _react.default.createElement(_icon.default, {
         className: "".concat(prefixCls, "-icon"),
         type: "right-solid"
       }),
-      circle: /*#__PURE__*/_react.default.createElement(_icon.default, {
+      circle: _react.default.createElement(_icon.default, {
         className: "".concat(prefixCls, "-icon"),
         type: "right-bold"
       }),
       custom: successIcon
     };
     var failureNodeMap = {
-      line: /*#__PURE__*/_react.default.createElement(_icon.default, {
+      line: _react.default.createElement(_icon.default, {
         className: "".concat(prefixCls, "-icon"),
         type: "refresh-solid"
       }),
-      circle: /*#__PURE__*/_react.default.createElement(_icon.default, {
+      circle: _react.default.createElement(_icon.default, {
         className: "".concat(prefixCls, "-icon"),
         type: "close-bold"
       }),
@@ -111,7 +111,7 @@ var Progress = function Progress(props) {
     } else if (progressStatus === 'success') {
       text = successNodeMap.custom || successNodeMap[type];
     }
-    return /*#__PURE__*/_react.default.createElement("span", {
+    return _react.default.createElement("span", {
       className: "".concat(prefixCls, "-text")
     }, text);
   };
@@ -139,22 +139,22 @@ var Progress = function Progress(props) {
     } else if (progressStatus === 'success') {
       text = concatMap[2];
     }
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return _react.default.createElement("div", {
       className: "".concat(prefixCls, "-special-text")
     }, text);
   };
-  var progress = /*#__PURE__*/_react.default.createElement(_line.default, (0, _extends2.default)({}, progressProps, {
+  var progress = _react.default.createElement(_line.default, (0, _extends2.default)({}, progressProps, {
     prefixCls: progressPrefixCls
   }), renderProgressInfo(progressPrefixCls, progressStatus, progressProps));
   if (type === 'circle') {
-    progress = /*#__PURE__*/_react.default.createElement(_circle.default, (0, _extends2.default)({}, progressProps, {
+    progress = _react.default.createElement(_circle.default, (0, _extends2.default)({}, progressProps, {
       prefixCls: progressPrefixCls
     }), renderProgressInfo(progressPrefixCls, progressStatus, progressProps));
   }
   (0, _react.useEffect)(function () {
     onProcess && onProcess(percent);
   }, [percent, onProcess]);
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, (0, _omit.omit)(progressProps, ['status', 'format', 'width', 'strokeWidth', 'trailWidth', 'trailColor', 'strokeColor', 'percent', 'infoPosition', 'showInfo', 'textMap', 'onProcess']), {
+  return _react.default.createElement("div", (0, _extends2.default)({}, (0, _omit.omit)(progressProps, ['status', 'format', 'width', 'strokeWidth', 'trailWidth', 'trailColor', 'strokeColor', 'percent', 'infoPosition', 'showInfo', 'textMap', 'onProcess']), {
     className: progressClasses
   }), progress, renderSpecialInfo(progressPrefixCls, progressStatus, progressProps));
 };