@kdcloudjs/kdesign 1.8.11 → 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

@@ -4,6 +4,7 @@ export declare const Placements: ["top", "left", "right", "bottom", "topLeft", "
 export declare type PlacementType = typeof Placements[number];
 export declare const Triggers: ["hover", "focus", "click", "contextMenu"];
 export declare type TriggerType = typeof Triggers[number];
+export declare type Reason = TriggerType | 'scroll' | 'clickOutside' | 'parentHidden' | 'unknown';
 export declare type RenderFunction = () => React.ReactNode;
 export declare type PopperProps = {
     gap?: number;
@@ -23,13 +24,15 @@ 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>;
     strategy?: 'fixed' | 'absolute';
     clickToClose?: boolean;
     onTrigger?: (trigger: TriggerType) => void;
-    onVisibleChange?: (visible: boolean) => void;
+    onVisibleChange?: (visible: boolean, reason?: Reason) => void;
     getTriggerElement?: (locatorNode: HTMLElement) => HTMLElement;
     getPopupContainer?: (locatorNode: HTMLElement) => HTMLElement;
     onTransitionEnd?: (e: React.TransitionEvent) => void;

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,
@@ -129,8 +131,10 @@ var Popper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     visible = props.visible,
     _props$arrowSize = props.arrowSize,
     arrowSize = _props$arrowSize === void 0 ? 4.25 : _props$arrowSize,
+    _props$arrowOffset = props.arrowOffset,
+    arrowOffset = _props$arrowOffset === void 0 ? 12 : _props$arrowOffset,
     _props$gap = props.gap,
-    defaultGap = _props$gap === void 0 ? 4 : _props$gap,
+    defaultGap = _props$gap === void 0 ? 8 : _props$gap,
     _props$scrollHidden = props.scrollHidden,
     scrollHidden = _props$scrollHidden === void 0 ? false : _props$scrollHidden,
     _props$mouseEnterDela = props.mouseEnterDelay,
@@ -159,9 +163,29 @@ 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;
+  var getArrowOffset = function getArrowOffset(popperSize, referenceSize, arr) {
+    var boundary = arrowOffsetInner * 2;
+    var offset;
+    if (referenceSize < boundary || popperSize < boundary) {
+      var o = Math.min(referenceSize, popperSize) / 2;
+      if (arr[1] === 'start') {
+        offset = o;
+      } else {
+        offset = Math.max(popperSize - o, 0);
+      }
+    } else {
+      if (arr[1] === 'start') {
+        offset = arrowOffsetInner;
+      } else {
+        offset = popperSize - arrowOffsetInner;
+      }
+    }
+    return offset;
+  };
   var id = (0, _useId.default)();
   var parentContext = (0, _react.useContext)(TriggerContext);
   var subPopupRefs = (0, _react.useRef)({});
@@ -203,7 +227,7 @@ var Popper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }
   };
   var changeVisible = function changeVisible(nextOpen) {
-    var triggerType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    var triggerType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'unknown';
     if (visibleInner !== nextOpen) {
       if (nextOpen && (0, _includes.default)(triggerTypeArray).call(triggerTypeArray, triggerType)) {
         onTrigger === null || onTrigger === void 0 ? void 0 : onTrigger(triggerType);
@@ -211,18 +235,18 @@ var Popper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       if (typeof visible === 'undefined') {
         setVisibleInner(nextOpen);
       }
-      onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(nextOpen);
+      onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(nextOpen, triggerType);
     }
     if (!nextOpen && (0, _keys.default)(subPopupRefs.current || {}).length) {
       (0, _values.default)(subPopupRefs.current).forEach(function (d) {
         if (typeof (d === null || d === void 0 ? void 0 : d.triggerOpen) === 'function' && (d === null || d === void 0 ? void 0 : d.visible)) {
-          d === null || d === void 0 ? void 0 : d.triggerOpen(false);
+          d === null || d === void 0 ? void 0 : d.triggerOpen(false, 'parentHidden');
         }
       });
     }
   };
   var triggerOpen = function triggerOpen(nextOpen) {
-    var triggerType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    var triggerType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'unknown';
     var delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
     clearDelay();
     if (!disabled) {
@@ -241,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) {
@@ -355,7 +371,9 @@ var Popper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           triggerOpen(false, 'clickOutside', 0);
         }
       }
-    }, 10);
+    }, 10, {
+      leading: true
+    });
     if (visibleInner) {
       document.addEventListener('click', clickHandle, true);
     }
@@ -385,7 +403,7 @@ var Popper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }
   }, {
     name: 'preventOverflow',
-    enabled: autoPlacement,
+    enabled: autoPlacement && !(0, _includes.default)(placementInner).call(placementInner, '-'),
     options: {
       mainAxis: true
     }
@@ -395,6 +413,50 @@ var Popper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     options: {
       fallbackPlacements: Array.isArray(autoPlacementList) ? getFallbackPlacementList(autoPlacementList) : undefined
     }
+  }, {
+    name: 'applyArrowOffset',
+    enabled: true,
+    phase: 'write',
+    fn: function fn(data) {
+      var _data$state = data.state,
+        arrow = _data$state.elements.arrow,
+        placement = _data$state.placement,
+        _data$state$rects = _data$state.rects,
+        popper = _data$state$rects.popper,
+        reference = _data$state$rects.reference;
+      if (arrow) {
+        var arr = placement.split('-');
+        var offset;
+        if (arr.length === 2) {
+          switch (arr[0]) {
+            case 'bottom':
+              offset = getArrowOffset(popper.width, reference.width, arr);
+              if (offset) {
+                arrow.style.transform = "translate(".concat(offset, "px, 0px)");
+              }
+              break;
+            case 'left':
+              offset = getArrowOffset(popper.height, reference.height, arr);
+              if (offset) {
+                arrow.style.transform = "translate(0px, ".concat(offset, "px)");
+              }
+              break;
+            case 'right':
+              offset = getArrowOffset(popper.height, reference.height, arr);
+              if (offset) {
+                arrow.style.transform = "translate(0px, ".concat(offset, "px)");
+              }
+              break;
+            default:
+              offset = getArrowOffset(popper.width, reference.width, arr);
+              if (offset) {
+                arrow.style.transform = "translate(".concat(offset, "px, 0px)");
+              }
+              break;
+          }
+        }
+      }
+    }
   }, {
     name: 'onUpdate',
     enabled: true,
@@ -453,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),
@@ -474,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));