tdesign-react 0.32.2-alpha.1 → 0.32.2-alpha.4

package/dist/tdesign.js

@@ -3002,9 +3002,9 @@
     }
   };
 
-  function ownKeys$2t(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$2v(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$2s(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2t(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$2u(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2v(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var EAnimationType = /* @__PURE__ */function (EAnimationType2) {
     EAnimationType2["ripple"] = "ripple";
     EAnimationType2["expand"] = "expand";
@@ -3022,7 +3022,7 @@
     ],
     exclude: []
   };
-  var defaultGlobalConfig = _objectSpread$2s({
+  var defaultGlobalConfig = _objectSpread$2u({
     animation: defaultAnimation,
     classPrefix: defaultClassPrefix
   }, merge_1(zhCN, GLOBAL_CONFIG_ZH));
@@ -3035,18 +3035,18 @@
     return React.useContext(ConfigContext$1).globalConfig;
   });
 
-  var _excluded$y = ["width", "className", "style", "children"];
+  var _excluded$z = ["width", "className", "style", "children"];
 
-  function ownKeys$2s(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$2u(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$2r(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2s(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$2t(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2u(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2u(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   var Aside = function Aside(props) {
     var width = props.width,
         className = props.className,
         style = props.style,
         children = props.children,
-        otherAsideProps = _objectWithoutProperties$2(props, _excluded$y);
+        otherAsideProps = _objectWithoutProperties$2(props, _excluded$z);
 
     var _useConfig = useConfig$1(),
         classPrefix = _useConfig.classPrefix;
@@ -3054,14 +3054,14 @@
     var asideClassNames = classNames$1("".concat(classPrefix, "-layout__sider"), className);
     var asideWidth = typeof width === "number" ? "".concat(width, "px") : String(width);
 
-    var asideStyle = _objectSpread$2r({
+    var asideStyle = _objectSpread$2t({
       width: asideWidth,
       maxWidth: asideWidth,
       minWidth: asideWidth,
       flex: "0 0 ".concat(asideWidth)
     }, style);
 
-    return /* @__PURE__ */React__default["default"].createElement("aside", _objectSpread$2r({
+    return /* @__PURE__ */React__default["default"].createElement("aside", _objectSpread$2t({
       className: asideClassNames,
       style: asideStyle
     }, otherAsideProps), children);
@@ -3072,14 +3072,14 @@
   };
   Aside.displayName = "Aside";
 
-  var _excluded$x = ["className", "style", "children"],
+  var _excluded$y = ["className", "style", "children"],
       _excluded2$1 = ["className", "style", "children"],
       _excluded3 = ["className", "style", "children"],
       _excluded4 = ["direction", "className", "style", "children"];
 
-  function ownKeys$2r(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$2t(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$2q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2r(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$2s(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2t(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   var Header$1 = function Header(props) {
     var _useConfig = useConfig$1(),
@@ -3088,10 +3088,10 @@
     var className = props.className,
         style = props.style,
         children = props.children,
-        others = _objectWithoutProperties$2(props, _excluded$x);
+        others = _objectWithoutProperties$2(props, _excluded$y);
 
     var headerClassNames = classNames$1("".concat(classPrefix, "-layout__header"), className);
-    return /* @__PURE__ */React__default["default"].createElement("header", _objectSpread$2q({
+    return /* @__PURE__ */React__default["default"].createElement("header", _objectSpread$2s({
       className: headerClassNames,
       style: style
     }, others), children);
@@ -3107,7 +3107,7 @@
         others = _objectWithoutProperties$2(props, _excluded2$1);
 
     var footerClassNames = classNames$1("".concat(classPrefix, "-layout__footer"), className);
-    return /* @__PURE__ */React__default["default"].createElement("footer", _objectSpread$2q({
+    return /* @__PURE__ */React__default["default"].createElement("footer", _objectSpread$2s({
       className: footerClassNames,
       style: style
     }, others), children);
@@ -3123,7 +3123,7 @@
         others = _objectWithoutProperties$2(props, _excluded3);
 
     var contentClassNames = classNames$1("".concat(classPrefix, "-layout__content"), className);
-    return /* @__PURE__ */React__default["default"].createElement("main", _objectSpread$2q({
+    return /* @__PURE__ */React__default["default"].createElement("main", _objectSpread$2s({
       className: contentClassNames,
       style: style
     }, others), children);
@@ -3154,7 +3154,7 @@
         classPrefix = _useConfig4.classPrefix;
 
     var layoutClassNames = classNames$1("".concat(classPrefix, "-layout"), (_classNames = {}, _defineProperty$3(_classNames, "".concat(classPrefix, "-layout--with-sider"), !!asides.length), _defineProperty$3(_classNames, "".concat(classPrefix, "-layout__direction-").concat(direction), direction), _classNames), className);
-    return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$2q({
+    return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$2s({
       className: layoutClassNames,
       style: style
     }, otherLayoutProps), children);
@@ -3171,11 +3171,11 @@
 
   var Layout = Layout$1;
 
-  var _excluded$w = ["flex", "offset", "order", "pull", "push", "span", "tag", "className", "children", "style"];
+  var _excluded$x = ["flex", "offset", "order", "pull", "push", "span", "tag", "className", "children", "style"];
 
-  function ownKeys$2q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$2s(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$2p(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2q(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$2r(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2s(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   var calcColPadding = function calcColPadding(gutter, currentSize) {
     var paddingObj = {};
@@ -3235,7 +3235,7 @@
         className = props.className,
         children = props.children,
         propStyle = props.style,
-        otherColProps = _objectWithoutProperties$2(props, _excluded$w);
+        otherColProps = _objectWithoutProperties$2(props, _excluded$x);
 
     var rowGutter = otherColProps.gutter,
         rowSize = otherColProps.size;
@@ -3256,14 +3256,14 @@
         sizeObj = sizeProp || {};
       }
 
-      return _objectSpread$2p(_objectSpread$2p({}, acc), {}, (_objectSpread2 = {}, _defineProperty$3(_objectSpread2, "".concat(classPrefix, "-col-").concat(currSize, "-").concat(sizeObj.span), sizeObj.span !== void 0), _defineProperty$3(_objectSpread2, "".concat(classPrefix, "-col-").concat(currSize, "-order-").concat(sizeObj.order), parseInt(sizeObj.order, 10) >= 0), _defineProperty$3(_objectSpread2, "".concat(classPrefix, "-col-").concat(currSize, "-offset-").concat(sizeObj.offset), parseInt(sizeObj.offset, 10) >= 0), _defineProperty$3(_objectSpread2, "".concat(classPrefix, "-col-").concat(currSize, "-push-").concat(sizeObj.push), parseInt(sizeObj.push, 10) >= 0), _defineProperty$3(_objectSpread2, "".concat(classPrefix, "-col-").concat(currSize, "-pull-").concat(sizeObj.pull), parseInt(sizeObj.pull, 10) >= 0), _objectSpread2));
+      return _objectSpread$2r(_objectSpread$2r({}, acc), {}, (_objectSpread2 = {}, _defineProperty$3(_objectSpread2, "".concat(classPrefix, "-col-").concat(currSize, "-").concat(sizeObj.span), sizeObj.span !== void 0), _defineProperty$3(_objectSpread2, "".concat(classPrefix, "-col-").concat(currSize, "-order-").concat(sizeObj.order), parseInt(sizeObj.order, 10) >= 0), _defineProperty$3(_objectSpread2, "".concat(classPrefix, "-col-").concat(currSize, "-offset-").concat(sizeObj.offset), parseInt(sizeObj.offset, 10) >= 0), _defineProperty$3(_objectSpread2, "".concat(classPrefix, "-col-").concat(currSize, "-push-").concat(sizeObj.push), parseInt(sizeObj.push, 10) >= 0), _defineProperty$3(_objectSpread2, "".concat(classPrefix, "-col-").concat(currSize, "-pull-").concat(sizeObj.pull), parseInt(sizeObj.pull, 10) >= 0), _objectSpread2));
     }, {});
     var colClassNames = classNames$1("".concat(classPrefix, "-col"), className, (_classNames = {}, _defineProperty$3(_classNames, "".concat(classPrefix, "-col-").concat(span), span !== void 0), _defineProperty$3(_classNames, "".concat(classPrefix, "-col-offset-").concat(offset), parseInt(offset, 10) >= 0), _defineProperty$3(_classNames, "".concat(classPrefix, "-col-pull-").concat(pull), parseInt(pull, 10) >= 0), _defineProperty$3(_classNames, "".concat(classPrefix, "-col-push-").concat(push), parseInt(push, 10) >= 0), _defineProperty$3(_classNames, "".concat(classPrefix, "-col-order-").concat(order), parseInt(order, 10) >= 0), _classNames), sizeClasses);
 
-    var colStyle = _objectSpread$2p(_objectSpread$2p({}, calcColPadding(rowGutter, rowSize)), propStyle);
+    var colStyle = _objectSpread$2r(_objectSpread$2r({}, calcColPadding(rowGutter, rowSize)), propStyle);
 
     flex && (colStyle.flex = parseFlex(flex));
-    return /*#__PURE__*/React__default["default"].createElement(tag, _objectSpread$2p({
+    return /*#__PURE__*/React__default["default"].createElement(tag, _objectSpread$2r({
       className: colClassNames,
       style: colStyle
     }, otherColProps), children);
@@ -3576,11 +3576,11 @@
     return getComputedStyle(el).getPropertyValue(name);
   };
 
-  var _excluded$v = ["align", "gutter", "justify", "tag", "style", "className", "children"];
+  var _excluded$w = ["align", "gutter", "justify", "tag", "style", "className", "children"];
 
-  function ownKeys$2p(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$2r(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$2o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2p(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$2q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2r(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   var calcSize = function calcSize(width) {
     var smWidth = getCssVarsValue("--td-screen-sm") || 768;
@@ -3675,7 +3675,7 @@
         propStyle = props.style,
         className = props.className,
         children = props.children,
-        otherRowProps = _objectWithoutProperties$2(props, _excluded$v);
+        otherRowProps = _objectWithoutProperties$2(props, _excluded$w);
 
     var _useState = React.useState(canUseDocument ? calcSize(window.innerWidth) : "md"),
         _useState2 = _slicedToArray(_useState, 2),
@@ -3695,7 +3695,7 @@
 
     var rowClassNames = classNames$1("".concat(classPrefix, "-row"), className, (_classNames = {}, _defineProperty$3(_classNames, "".concat(classPrefix, "-row--").concat(justify), true), _defineProperty$3(_classNames, "".concat(classPrefix, "-row--").concat(align), true), _classNames));
 
-    var rowStyle = _objectSpread$2o(_objectSpread$2o({}, calcRowStyle(gutter, size)), propStyle);
+    var rowStyle = _objectSpread$2q(_objectSpread$2q({}, calcRowStyle(gutter, size)), propStyle);
 
     React.useEffect(function () {
       window.addEventListener("resize", updateSize);
@@ -3703,7 +3703,7 @@
         window.removeEventListener("resize", updateSize);
       };
     });
-    return /*#__PURE__*/React__default["default"].createElement(tag, _objectSpread$2o({
+    return /*#__PURE__*/React__default["default"].createElement(tag, _objectSpread$2q({
       className: rowClassNames,
       style: rowStyle
     }, otherRowProps), React__default["default"].Children.map(children, function (child) {
@@ -3827,9 +3827,9 @@
     };
   }
 
-  function ownKeys$2o(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$2q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$2n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2o(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$2p(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2q(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   function circleAdapter(circleElem) {
     var _window, _window$getComputedSt2, _window2, _window2$navigator;
 
@@ -3856,11 +3856,11 @@
     if (color && getIEVersion() > 11) {
       var matched = color.match(/[\d.]+/g);
       var endColor = matched ? "rgba(".concat(matched[0], ", ").concat(matched[1], ", ").concat(matched[2], ", 0)") : "";
-      setStyle$1(circleElem, _objectSpread$2n(_objectSpread$2n({}, basicStyle), {}, {
+      setStyle$1(circleElem, _objectSpread$2p(_objectSpread$2p({}, basicStyle), {}, {
         background: "conic-gradient(from 90deg at 50% 50%,".concat(endColor, " 0deg, ").concat(color, " 360deg)")
       }));
     } else {
-      setStyle$1(circleElem, _objectSpread$2n(_objectSpread$2n({}, basicStyle), {}, {
+      setStyle$1(circleElem, _objectSpread$2p(_objectSpread$2p({}, basicStyle), {}, {
         background: ""
       }));
     }
@@ -3894,9 +3894,9 @@
     })));
   };
 
-  function ownKeys$2n(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$2p(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$2m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2n(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$2o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2p(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   var Loading$1 = function Loading(props) {
     var attach = props.attach,
@@ -3965,7 +3965,7 @@
         styles.fontSize = size;
       }
 
-      return style ? _objectSpread$2m(_objectSpread$2m({}, styles), style) : styles;
+      return style ? _objectSpread$2o(_objectSpread$2o({}, styles), style) : styles;
     }, [size, zIndex, style]);
     var sizeMap = {
       large: "".concat(classPrefix, "-size-l"),
@@ -4030,9 +4030,9 @@
 
   Loading$1.displayName = "Loading";
 
-  function ownKeys$2m(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$2o(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$2l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2m(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$2n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2o(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function createContainer$1(attach) {
     if (typeof attach === "string") return document.querySelector(attach);
@@ -4057,7 +4057,7 @@
       fullscreen: !attach,
       showOverlay: !!attach
     };
-    ReactDOM__default["default"].render( /* @__PURE__ */React__default["default"].createElement(Loading$1, _objectSpread$2l(_objectSpread$2l(_objectSpread$2l({}, defaultProps), props), {}, {
+    ReactDOM__default["default"].render( /* @__PURE__ */React__default["default"].createElement(Loading$1, _objectSpread$2n(_objectSpread$2n(_objectSpread$2n({}, defaultProps), props), {}, {
       attach: null
     })), div);
     container.appendChild(div);
@@ -9486,9 +9486,9 @@
     return size;
   }
 
-  function ownKeys$2l(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$2n(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$2k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2l(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$2m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2n(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function getPopperPlacement(placement) {
     return placement.replace(/-(left|top)$/, "-start").replace(/-(right|bottom)$/, "-end");
@@ -9521,6 +9521,8 @@
         onVisibleChange = props.onVisibleChange,
         _onScroll = props.onScroll,
         expandAnimation = props.expandAnimation,
+        _props$popperModifier = props.popperModifiers,
+        popperModifiers = _props$popperModifier === void 0 ? [] : _props$popperModifier,
         updateScrollTop = props.updateScrollTop;
 
     var _useConfig = useConfig$1(),
@@ -9583,21 +9585,25 @@
         newPlacement = state.options.placement.replace("right", "left");
       }
 
-      Object.assign(state.options, _objectSpread$2k(_objectSpread$2k({}, state.options), {}, {
+      Object.assign(state.options, _objectSpread$2m(_objectSpread$2m({}, state.options), {}, {
         placement: newPlacement
       }));
       popperRef.current.update();
     }, []);
-    popperRef.current = usePopper(triggerRef, overlayRef, {
-      placement: getPopperPlacement(placement),
-      onFirstUpdate: onPopperFirstUpdate
-    });
+    var options = React.useMemo(function () {
+      return {
+        placement: getPopperPlacement(placement),
+        onFirstUpdate: onPopperFirstUpdate,
+        modifiers: popperModifiers
+      };
+    }, [onPopperFirstUpdate, placement, popperModifiers]);
+    popperRef.current = usePopper(triggerRef, overlayRef, options);
     var _popperRef$current = popperRef.current,
         styles = _popperRef$current.styles,
         attributes = _popperRef$current.attributes;
     var defaultStyles = React.useMemo(function () {
-      if (triggerRef && typeof overlayStyle === "function") return _objectSpread$2k({}, overlayStyle(triggerRef, overlayRef));
-      return _objectSpread$2k({}, overlayStyle);
+      if (triggerRef && typeof overlayStyle === "function") return _objectSpread$2m({}, overlayStyle(triggerRef, overlayRef));
+      return _objectSpread$2m({}, overlayStyle);
     }, [overlayStyle, triggerRef, overlayRef, visible]);
     var overlayVisibleStyle = defaultStyles;
     var triggerNodeTemp = React.useMemo(function () {
@@ -9623,7 +9629,7 @@
         triggerProps = _useTriggerProps2[0],
         popupProps = _useTriggerProps2[1];
 
-    var triggerNode = /*#__PURE__*/React.cloneElement(triggerNodeTemp, _objectSpread$2k({
+    var triggerNode = /*#__PURE__*/React.cloneElement(triggerNodeTemp, _objectSpread$2m({
       ref: composeRefs(triggerNodeTemp.ref, setTriggerRef)
     }, triggerProps));
 
@@ -9666,7 +9672,7 @@
       triggerNode: triggerRef,
       attach: attach,
       ref: portalRef
-    }, /* @__PURE__ */React__default["default"].createElement(CSSTransition$1, _objectSpread$2k({
+    }, /* @__PURE__ */React__default["default"].createElement(CSSTransition$1, _objectSpread$2m({
       appear: true,
       timeout: 0,
       "in": visible,
@@ -9675,9 +9681,9 @@
       classPrefix: classPrefix,
       expandAnimation: expandAnimation && keepExpand,
       fadeAnimation: keepFade
-    })), /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$2k(_objectSpread$2k({
+    })), /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$2m(_objectSpread$2m({
       ref: composeRefs(setOverlayRef, ref, popupRef),
-      style: _objectSpread$2k(_objectSpread$2k({}, styles.popper), {}, {
+      style: _objectSpread$2m(_objectSpread$2m({}, styles.popper), {}, {
         zIndex: zIndex
       }),
       className: "".concat(classPrefix, "-popup")
@@ -9837,11 +9843,11 @@
     }, [handleAddRipple, fixedRippleColor, ref]);
   }
 
-  var _excluded$u = ["type", "theme", "variant", "icon", "disabled", "loading", "size", "block", "ghost", "shape", "children", "content", "className", "onClick"];
+  var _excluded$v = ["type", "theme", "variant", "icon", "disabled", "loading", "size", "block", "ghost", "shape", "children", "content", "className", "onClick"];
 
-  function ownKeys$2k(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$2m(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$2j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2k(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$2l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2m(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Button$1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _classNames;
 
@@ -9863,7 +9869,7 @@
         className = _ref.className,
         _ref$onClick = _ref.onClick,
         onClick = _ref$onClick === void 0 ? noop$1 : _ref$onClick,
-        buttonProps = _objectWithoutProperties$2(_ref, _excluded$u);
+        buttonProps = _objectWithoutProperties$2(_ref, _excluded$v);
 
     var _useConfig = useConfig$1(),
         classPrefix = _useConfig.classPrefix;
@@ -9893,7 +9899,7 @@
       }
     }
 
-    return /* @__PURE__ */React__default["default"].createElement("button", _objectSpread$2j(_objectSpread$2j({}, buttonProps), {}, {
+    return /* @__PURE__ */React__default["default"].createElement("button", _objectSpread$2l(_objectSpread$2l({}, buttonProps), {}, {
       ref: ref || btnRef,
       type: type,
       className: classNames$1(className, ["".concat(classPrefix, "-button"), "".concat(classPrefix, "-button--theme-").concat(renderTheme), "".concat(classPrefix, "-button--variant-").concat(variant)], (_classNames = {}, _defineProperty$3(_classNames, "".concat(classPrefix, "-button--shape-").concat(shape), shape !== "rectangle"), _defineProperty$3(_classNames, "".concat(classPrefix, "-button--ghost"), ghost), _defineProperty$3(_classNames, "".concat(classPrefix, "-is-loading"), loading), _defineProperty$3(_classNames, "".concat(classPrefix, "-is-disabled"), disabled || loading), _defineProperty$3(_classNames, "".concat(classPrefix, "-size-s"), size === "small"), _defineProperty$3(_classNames, "".concat(classPrefix, "-size-l"), size === "large"), _defineProperty$3(_classNames, "".concat(classPrefix, "-size-full-width"), block), _classNames)),
@@ -10089,9 +10095,9 @@
     };
   }
 
-  var _excluded$t = ["icon", "id", "className", "size", "style"];
+  var _excluded$u = ["icon", "id", "className", "size", "style"];
 
-  function ownKeys$2j(object, enumerableOnly) {
+  function ownKeys$2l(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -10104,12 +10110,12 @@
     return keys;
   }
 
-  function _objectSpread$2i(target) {
+  function _objectSpread$2k(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$2j(Object(source), !0).forEach(function (key) {
+      i % 2 ? ownKeys$2l(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2j(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2l(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10118,7 +10124,7 @@
   }
 
   function render(node, id, rootProps) {
-    return /*#__PURE__*/React.createElement(node.tag, _objectSpread$2i(_objectSpread$2i({
+    return /*#__PURE__*/React.createElement(node.tag, _objectSpread$2k(_objectSpread$2k({
       key: id
     }, node.attrs), rootProps), (node.children || []).map(function (child, index) {
       return render(child, "".concat(id, "-").concat(node.tag, "-").concat(index));
@@ -10131,22 +10137,22 @@
         className = props.className,
         size = props.size,
         style = props.style,
-        restProps = _objectWithoutProperties$1(props, _excluded$t);
+        restProps = _objectWithoutProperties$1(props, _excluded$u);
 
     var _useSizeProps = useSizeProps(size),
         sizeClassName = _useSizeProps.className,
         sizeStyle = _useSizeProps.style;
 
     var cls = classNames("t-icon", "t-icon-".concat(id), className, sizeClassName);
-    return render(icon, "".concat(id), _objectSpread$2i({
+    return render(icon, "".concat(id), _objectSpread$2k({
       ref: ref,
       className: cls,
-      style: _objectSpread$2i(_objectSpread$2i({}, style), sizeStyle)
+      style: _objectSpread$2k(_objectSpread$2k({}, style), sizeStyle)
     }, restProps));
   });
   IconBase.displayName = "TIconBase";
 
-  function ownKeys$2i(object, enumerableOnly) {
+  function ownKeys$2k(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -10159,12 +10165,12 @@
     return keys;
   }
 
-  function _objectSpread$2h(target) {
+  function _objectSpread$2j(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$2i(Object(source), !0).forEach(function (key) {
+      i % 2 ? ownKeys$2k(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2i(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2k(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10172,7 +10178,7 @@
     return target;
   }
 
-  var element$y = {
+  var element$A = {
     "tag": "svg",
     "attrs": {
       "fill": "none",
@@ -10197,15 +10203,15 @@
     }]
   };
   var AddRectangleIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2h(_objectSpread$2h({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2j(_objectSpread$2j({}, props), {}, {
       id: "add-rectangle",
       ref: ref,
-      icon: element$y
+      icon: element$A
     }));
   });
   AddRectangleIcon.displayName = "AddRectangleIcon";
 
-  function ownKeys$2h(object, enumerableOnly) {
+  function ownKeys$2j(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -10218,12 +10224,12 @@
     return keys;
   }
 
-  function _objectSpread$2g(target) {
+  function _objectSpread$2i(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$2h(Object(source), !0).forEach(function (key) {
+      i % 2 ? ownKeys$2j(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2h(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2j(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10231,7 +10237,7 @@
     return target;
   }
 
-  var element$x = {
+  var element$z = {
     "tag": "svg",
     "attrs": {
       "fill": "none",
@@ -10249,15 +10255,15 @@
     }]
   };
   var AddIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2g(_objectSpread$2g({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2i(_objectSpread$2i({}, props), {}, {
       id: "add",
       ref: ref,
-      icon: element$x
+      icon: element$z
     }));
   });
   AddIcon.displayName = "AddIcon";
 
-  function ownKeys$2g(object, enumerableOnly) {
+  function ownKeys$2i(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -10270,12 +10276,12 @@
     return keys;
   }
 
-  function _objectSpread$2f(target) {
+  function _objectSpread$2h(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$2g(Object(source), !0).forEach(function (key) {
+      i % 2 ? ownKeys$2i(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2g(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2i(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10283,7 +10289,7 @@
     return target;
   }
 
-  var element$w = {
+  var element$y = {
     "tag": "svg",
     "attrs": {
       "fill": "none",
@@ -10308,15 +10314,15 @@
     }]
   };
   var BrowseOffIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2f(_objectSpread$2f({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2h(_objectSpread$2h({}, props), {}, {
       id: "browse-off",
       ref: ref,
-      icon: element$w
+      icon: element$y
     }));
   });
   BrowseOffIcon.displayName = "BrowseOffIcon";
 
-  function ownKeys$2f(object, enumerableOnly) {
+  function ownKeys$2h(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -10329,12 +10335,12 @@
     return keys;
   }
 
-  function _objectSpread$2e(target) {
+  function _objectSpread$2g(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$2f(Object(source), !0).forEach(function (key) {
+      i % 2 ? ownKeys$2h(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2f(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2h(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10342,7 +10348,7 @@
     return target;
   }
 
-  var element$v = {
+  var element$x = {
     "tag": "svg",
     "attrs": {
       "fill": "none",
@@ -10367,14 +10373,118 @@
     }]
   };
   var BrowseIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2e(_objectSpread$2e({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2g(_objectSpread$2g({}, props), {}, {
       id: "browse",
       ref: ref,
-      icon: element$v
+      icon: element$x
     }));
   });
   BrowseIcon.displayName = "BrowseIcon";
 
+  function ownKeys$2g(object, enumerableOnly) {
+    var keys = Object.keys(object);
+
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+      enumerableOnly && (symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      })), keys.push.apply(keys, symbols);
+    }
+
+    return keys;
+  }
+
+  function _objectSpread$2f(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = null != arguments[i] ? arguments[i] : {};
+      i % 2 ? ownKeys$2g(Object(source), !0).forEach(function (key) {
+        _defineProperty$1(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2g(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+
+    return target;
+  }
+
+  var element$w = {
+    "tag": "svg",
+    "attrs": {
+      "fill": "none",
+      "viewBox": "0 0 16 16",
+      "width": "1em",
+      "height": "1em"
+    },
+    "children": [{
+      "tag": "path",
+      "attrs": {
+        "fill": "currentColor",
+        "d": "M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z",
+        "fillOpacity": 0.9
+      }
+    }]
+  };
+  var CalendarIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2f(_objectSpread$2f({}, props), {}, {
+      id: "calendar",
+      ref: ref,
+      icon: element$w
+    }));
+  });
+  CalendarIcon.displayName = "CalendarIcon";
+
+  function ownKeys$2f(object, enumerableOnly) {
+    var keys = Object.keys(object);
+
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+      enumerableOnly && (symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      })), keys.push.apply(keys, symbols);
+    }
+
+    return keys;
+  }
+
+  function _objectSpread$2e(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = null != arguments[i] ? arguments[i] : {};
+      i % 2 ? ownKeys$2f(Object(source), !0).forEach(function (key) {
+        _defineProperty$1(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2f(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+
+    return target;
+  }
+
+  var element$v = {
+    "tag": "svg",
+    "attrs": {
+      "fill": "none",
+      "viewBox": "0 0 16 16",
+      "width": "1em",
+      "height": "1em"
+    },
+    "children": [{
+      "tag": "path",
+      "attrs": {
+        "fill": "currentColor",
+        "d": "M6 5v6l4.5-3L6 5z",
+        "fillOpacity": 0.9
+      }
+    }]
+  };
+  var CaretRightSmallIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2e(_objectSpread$2e({}, props), {}, {
+      id: "caret-right-small",
+      ref: ref,
+      icon: element$v
+    }));
+  });
+  CaretRightSmallIcon.displayName = "CaretRightSmallIcon";
+
   function ownKeys$2e(object, enumerableOnly) {
     var keys = Object.keys(object);
 
@@ -10413,19 +10523,19 @@
       "tag": "path",
       "attrs": {
         "fill": "currentColor",
-        "d": "M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z",
+        "d": "M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z",
         "fillOpacity": 0.9
       }
     }]
   };
-  var CalendarIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var CheckCircleFilledIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2d(_objectSpread$2d({}, props), {}, {
-      id: "calendar",
+      id: "check-circle-filled",
       ref: ref,
       icon: element$u
     }));
   });
-  CalendarIcon.displayName = "CalendarIcon";
+  CheckCircleFilledIcon.displayName = "CheckCircleFilledIcon";
 
   function ownKeys$2d(object, enumerableOnly) {
     var keys = Object.keys(object);
@@ -10465,19 +10575,26 @@
       "tag": "path",
       "attrs": {
         "fill": "currentColor",
-        "d": "M6 5v6l4.5-3L6 5z",
+        "d": "M4.5 8.2L7 10.7l4.5-4.5-.7-.7L7 9.3 5.2 7.5l-.7.7z",
+        "fillOpacity": 0.9
+      }
+    }, {
+      "tag": "path",
+      "attrs": {
+        "fill": "currentColor",
+        "d": "M4.11 2.18a7 7 0 117.78 11.64A7 7 0 014.1 2.18zm.56 10.8a6 6 0 106.66-9.97A6 6 0 004.67 13z",
         "fillOpacity": 0.9
       }
     }]
   };
-  var CaretRightSmallIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var CheckCircleIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2c(_objectSpread$2c({}, props), {}, {
-      id: "caret-right-small",
+      id: "check-circle",
       ref: ref,
       icon: element$t
     }));
   });
-  CaretRightSmallIcon.displayName = "CaretRightSmallIcon";
+  CheckCircleIcon.displayName = "CheckCircleIcon";
 
   function ownKeys$2c(object, enumerableOnly) {
     var keys = Object.keys(object);
@@ -10517,19 +10634,19 @@
       "tag": "path",
       "attrs": {
         "fill": "currentColor",
-        "d": "M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z",
+        "d": "M6.43 9.92l6.23-6.22.92.92-7.15 7.14L1.97 7.3l.92-.92 3.54 3.54z",
         "fillOpacity": 0.9
       }
     }]
   };
-  var CheckCircleFilledIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var CheckIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2b(_objectSpread$2b({}, props), {}, {
-      id: "check-circle-filled",
+      id: "check",
       ref: ref,
       icon: element$s
     }));
   });
-  CheckCircleFilledIcon.displayName = "CheckCircleFilledIcon";
+  CheckIcon.displayName = "CheckIcon";
 
   function ownKeys$2b(object, enumerableOnly) {
     var keys = Object.keys(object);
@@ -10569,26 +10686,19 @@
       "tag": "path",
       "attrs": {
         "fill": "currentColor",
-        "d": "M4.5 8.2L7 10.7l4.5-4.5-.7-.7L7 9.3 5.2 7.5l-.7.7z",
-        "fillOpacity": 0.9
-      }
-    }, {
-      "tag": "path",
-      "attrs": {
-        "fill": "currentColor",
-        "d": "M4.11 2.18a7 7 0 117.78 11.64A7 7 0 014.1 2.18zm.56 10.8a6 6 0 106.66-9.97A6 6 0 004.67 13z",
+        "d": "M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z",
         "fillOpacity": 0.9
       }
     }]
   };
-  var CheckCircleIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var ChevronDownIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2a(_objectSpread$2a({}, props), {}, {
-      id: "check-circle",
+      id: "chevron-down",
       ref: ref,
       icon: element$r
     }));
   });
-  CheckCircleIcon.displayName = "CheckCircleIcon";
+  ChevronDownIcon.displayName = "ChevronDownIcon";
 
   function ownKeys$2a(object, enumerableOnly) {
     var keys = Object.keys(object);
@@ -10628,19 +10738,26 @@
       "tag": "path",
       "attrs": {
         "fill": "currentColor",
-        "d": "M6.43 9.92l6.23-6.22.92.92-7.15 7.14L1.97 7.3l.92-.92 3.54 3.54z",
+        "d": "M13.04 4.46l-.92-.92L7.66 8l4.46 4.46.92-.92L9.5 8l3.54-3.54z",
+        "fillOpacity": 0.9
+      }
+    }, {
+      "tag": "path",
+      "attrs": {
+        "fill": "currentColor",
+        "d": "M8.04 4.46l-.92-.92L2.66 8l4.46 4.46.92-.92L4.5 8l3.54-3.54z",
         "fillOpacity": 0.9
       }
     }]
   };
-  var CheckIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var ChevronLeftDoubleIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$29(_objectSpread$29({}, props), {}, {
-      id: "check",
+      id: "chevron-left-double",
       ref: ref,
       icon: element$q
     }));
   });
-  CheckIcon.displayName = "CheckIcon";
+  ChevronLeftDoubleIcon.displayName = "ChevronLeftDoubleIcon";
 
   function ownKeys$29(object, enumerableOnly) {
     var keys = Object.keys(object);
@@ -10680,19 +10797,19 @@
       "tag": "path",
       "attrs": {
         "fill": "currentColor",
-        "d": "M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z",
+        "d": "M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z",
         "fillOpacity": 0.9
       }
     }]
   };
-  var ChevronDownIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var ChevronLeftIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$28(_objectSpread$28({}, props), {}, {
-      id: "chevron-down",
+      id: "chevron-left",
       ref: ref,
       icon: element$p
     }));
   });
-  ChevronDownIcon.displayName = "ChevronDownIcon";
+  ChevronLeftIcon.displayName = "ChevronLeftIcon";
 
   function ownKeys$28(object, enumerableOnly) {
     var keys = Object.keys(object);
@@ -10732,26 +10849,26 @@
       "tag": "path",
       "attrs": {
         "fill": "currentColor",
-        "d": "M13.04 4.46l-.92-.92L7.66 8l4.46 4.46.92-.92L9.5 8l3.54-3.54z",
+        "d": "M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z",
         "fillOpacity": 0.9
       }
     }, {
       "tag": "path",
       "attrs": {
         "fill": "currentColor",
-        "d": "M8.04 4.46l-.92-.92L2.66 8l4.46 4.46.92-.92L4.5 8l3.54-3.54z",
+        "d": "M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z",
         "fillOpacity": 0.9
       }
     }]
   };
-  var ChevronLeftDoubleIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var ChevronRightCircleIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$27(_objectSpread$27({}, props), {}, {
-      id: "chevron-left-double",
+      id: "chevron-right-circle",
       ref: ref,
       icon: element$o
     }));
   });
-  ChevronLeftDoubleIcon.displayName = "ChevronLeftDoubleIcon";
+  ChevronRightCircleIcon.displayName = "ChevronRightCircleIcon";
 
   function ownKeys$27(object, enumerableOnly) {
     var keys = Object.keys(object);
@@ -10791,19 +10908,19 @@
       "tag": "path",
       "attrs": {
         "fill": "currentColor",
-        "d": "M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z",
+        "d": "M2.96 11.54l.92.92L8.34 8 3.88 3.54l-.92.92L6.5 8l-3.54 3.54zm5 0l.92.92L13.34 8 8.88 3.54l-.92.92L11.5 8l-3.54 3.54z",
         "fillOpacity": 0.9
       }
     }]
   };
-  var ChevronLeftIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var ChevronRightDoubleIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$26(_objectSpread$26({}, props), {}, {
-      id: "chevron-left",
+      id: "chevron-right-double",
       ref: ref,
       icon: element$n
     }));
   });
-  ChevronLeftIcon.displayName = "ChevronLeftIcon";
+  ChevronRightDoubleIcon.displayName = "ChevronRightDoubleIcon";
 
   function ownKeys$26(object, enumerableOnly) {
     var keys = Object.keys(object);
@@ -10843,26 +10960,19 @@
       "tag": "path",
       "attrs": {
         "fill": "currentColor",
-        "d": "M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z",
-        "fillOpacity": 0.9
-      }
-    }, {
-      "tag": "path",
-      "attrs": {
-        "fill": "currentColor",
-        "d": "M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z",
+        "d": "M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z",
         "fillOpacity": 0.9
       }
     }]
   };
-  var ChevronRightCircleIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var ChevronRightIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$25(_objectSpread$25({}, props), {}, {
-      id: "chevron-right-circle",
+      id: "chevron-right",
       ref: ref,
       icon: element$m
     }));
   });
-  ChevronRightCircleIcon.displayName = "ChevronRightCircleIcon";
+  ChevronRightIcon.displayName = "ChevronRightIcon";
 
   function ownKeys$25(object, enumerableOnly) {
     var keys = Object.keys(object);
@@ -10902,19 +11012,19 @@
       "tag": "path",
       "attrs": {
         "fill": "currentColor",
-        "d": "M2.96 11.54l.92.92L8.34 8 3.88 3.54l-.92.92L6.5 8l-3.54 3.54zm5 0l.92.92L13.34 8 8.88 3.54l-.92.92L11.5 8l-3.54 3.54z",
+        "d": "M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z",
         "fillOpacity": 0.9
       }
     }]
   };
-  var ChevronRightDoubleIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var ChevronUpIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$24(_objectSpread$24({}, props), {}, {
-      id: "chevron-right-double",
+      id: "chevron-up",
       ref: ref,
       icon: element$l
     }));
   });
-  ChevronRightDoubleIcon.displayName = "ChevronRightDoubleIcon";
+  ChevronUpIcon.displayName = "ChevronUpIcon";
 
   function ownKeys$24(object, enumerableOnly) {
     var keys = Object.keys(object);
@@ -10954,19 +11064,19 @@
       "tag": "path",
       "attrs": {
         "fill": "currentColor",
-        "d": "M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z",
+        "d": "M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z",
         "fillOpacity": 0.9
       }
     }]
   };
-  var ChevronRightIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var CloseCircleFilledIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$23(_objectSpread$23({}, props), {}, {
-      id: "chevron-right",
+      id: "close-circle-filled",
       ref: ref,
       icon: element$k
     }));
   });
-  ChevronRightIcon.displayName = "ChevronRightIcon";
+  CloseCircleFilledIcon.displayName = "CloseCircleFilledIcon";
 
   function ownKeys$23(object, enumerableOnly) {
     var keys = Object.keys(object);
@@ -11006,19 +11116,26 @@
       "tag": "path",
       "attrs": {
         "fill": "currentColor",
-        "d": "M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z",
+        "d": "M4.98 10.31L7.3 8 5 5.69l.7-.7L8 7.28 10.31 5l.7.7L8.72 8l2.3 2.31-.7.7L8 8.72 5.69 11l-.7-.7z",
+        "fillOpacity": 0.9
+      }
+    }, {
+      "tag": "path",
+      "attrs": {
+        "fill": "currentColor",
+        "d": "M8 1a7 7 0 110 14A7 7 0 018 1zm0 1a6 6 0 100 12A6 6 0 008 2z",
         "fillOpacity": 0.9
       }
     }]
   };
-  var ChevronUpIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var CloseCircleIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$22(_objectSpread$22({}, props), {}, {
-      id: "chevron-up",
+      id: "close-circle",
       ref: ref,
       icon: element$j
     }));
   });
-  ChevronUpIcon.displayName = "ChevronUpIcon";
+  CloseCircleIcon.displayName = "CloseCircleIcon";
 
   function ownKeys$22(object, enumerableOnly) {
     var keys = Object.keys(object);
@@ -11058,19 +11175,19 @@
       "tag": "path",
       "attrs": {
         "fill": "currentColor",
-        "d": "M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z",
+        "d": "M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z",
         "fillOpacity": 0.9
       }
     }]
   };
-  var CloseCircleFilledIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var CloseIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$21(_objectSpread$21({}, props), {}, {
-      id: "close-circle-filled",
+      id: "close",
       ref: ref,
       icon: element$i
     }));
   });
-  CloseCircleFilledIcon.displayName = "CloseCircleFilledIcon";
+  CloseIcon.displayName = "CloseIcon";
 
   function ownKeys$21(object, enumerableOnly) {
     var keys = Object.keys(object);
@@ -11110,26 +11227,26 @@
       "tag": "path",
       "attrs": {
         "fill": "currentColor",
-        "d": "M4.98 10.31L7.3 8 5 5.69l.7-.7L8 7.28 10.31 5l.7.7L8.72 8l2.3 2.31-.7.7L8 8.72 5.69 11l-.7-.7z",
+        "d": "M6 12V6h1v6H6zM9 6v6h1V6H9z",
         "fillOpacity": 0.9
       }
     }, {
       "tag": "path",
       "attrs": {
         "fill": "currentColor",
-        "d": "M8 1a7 7 0 110 14A7 7 0 018 1zm0 1a6 6 0 100 12A6 6 0 008 2z",
+        "d": "M10.5 3H14v1h-1v10a1 1 0 01-1 1H4a1 1 0 01-1-1V4H2V3h3.5V1.8c0-.44.36-.8.8-.8h3.4c.44 0 .8.36.8.8V3zm-4 0h3V2h-3v1zM4 4v10h8V4H4z",
         "fillOpacity": 0.9
       }
     }]
   };
-  var CloseCircleIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var DeleteIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$20(_objectSpread$20({}, props), {}, {
-      id: "close-circle",
+      id: "delete",
       ref: ref,
       icon: element$h
     }));
   });
-  CloseCircleIcon.displayName = "CloseCircleIcon";
+  DeleteIcon.displayName = "DeleteIcon";
 
   function ownKeys$20(object, enumerableOnly) {
     var keys = Object.keys(object);
@@ -11169,19 +11286,19 @@
       "tag": "path",
       "attrs": {
         "fill": "currentColor",
-        "d": "M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z",
+        "d": "M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z",
         "fillOpacity": 0.9
       }
     }]
   };
-  var CloseIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var EllipsisIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$1$(_objectSpread$1$({}, props), {}, {
-      id: "close",
+      id: "ellipsis",
       ref: ref,
       icon: element$g
     }));
   });
-  CloseIcon.displayName = "CloseIcon";
+  EllipsisIcon.displayName = "EllipsisIcon";
 
   function ownKeys$1$(object, enumerableOnly) {
     var keys = Object.keys(object);
@@ -11221,26 +11338,19 @@
       "tag": "path",
       "attrs": {
         "fill": "currentColor",
-        "d": "M6 12V6h1v6H6zM9 6v6h1V6H9z",
-        "fillOpacity": 0.9
-      }
-    }, {
-      "tag": "path",
-      "attrs": {
-        "fill": "currentColor",
-        "d": "M10.5 3H14v1h-1v10a1 1 0 01-1 1H4a1 1 0 01-1-1V4H2V3h3.5V1.8c0-.44.36-.8.8-.8h3.4c.44 0 .8.36.8.8V3zm-4 0h3V2h-3v1zM4 4v10h8V4H4z",
+        "d": "M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z",
         "fillOpacity": 0.9
       }
     }]
   };
-  var DeleteIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var ErrorCircleFilledIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$1_(_objectSpread$1_({}, props), {}, {
-      id: "delete",
+      id: "error-circle-filled",
       ref: ref,
       icon: element$f
     }));
   });
-  DeleteIcon.displayName = "DeleteIcon";
+  ErrorCircleFilledIcon.displayName = "ErrorCircleFilledIcon";
 
   function ownKeys$1_(object, enumerableOnly) {
     var keys = Object.keys(object);
@@ -11280,19 +11390,26 @@
       "tag": "path",
       "attrs": {
         "fill": "currentColor",
-        "d": "M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z",
+        "d": "M8.5 4v5.5h-1V4h1zM8.6 10.5H7.4v1.2h1.2v-1.2z",
+        "fillOpacity": 0.9
+      }
+    }, {
+      "tag": "path",
+      "attrs": {
+        "fill": "currentColor",
+        "d": "M15 8A7 7 0 101 8a7 7 0 0014 0zm-1 0A6 6 0 112 8a6 6 0 0112 0z",
         "fillOpacity": 0.9
       }
     }]
   };
-  var EllipsisIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var ErrorCircleIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$1Z(_objectSpread$1Z({}, props), {}, {
-      id: "ellipsis",
+      id: "error-circle",
       ref: ref,
       icon: element$e
     }));
   });
-  EllipsisIcon.displayName = "EllipsisIcon";
+  ErrorCircleIcon.displayName = "ErrorCircleIcon";
 
   function ownKeys$1Z(object, enumerableOnly) {
     var keys = Object.keys(object);
@@ -11332,19 +11449,26 @@
       "tag": "path",
       "attrs": {
         "fill": "currentColor",
-        "d": "M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z",
+        "d": "M4 1.92C4 1.34 4.52 1 5 1h4.37a1 1 0 01.71.3L13.71 5a1 1 0 01.29.7v6.38c0 .58-.52.92-1 .92H5c-.48 0-1-.34-1-.92V1.92zM5 2v10h8V6.01H9V2H5zm5 .65V5h2.32L10 2.65z",
+        "fillOpacity": 0.9
+      }
+    }, {
+      "tag": "path",
+      "attrs": {
+        "fill": "currentColor",
+        "d": "M2 5v9.01a1 1 0 001 1h8v-1H3V5H2z",
         "fillOpacity": 0.9
       }
     }]
   };
-  var ErrorCircleFilledIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var FileCopyIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$1Y(_objectSpread$1Y({}, props), {}, {
-      id: "error-circle-filled",
+      id: "file-copy",
       ref: ref,
       icon: element$d
     }));
   });
-  ErrorCircleFilledIcon.displayName = "ErrorCircleFilledIcon";
+  FileCopyIcon.displayName = "FileCopyIcon";
 
   function ownKeys$1Y(object, enumerableOnly) {
     var keys = Object.keys(object);
@@ -11384,26 +11508,19 @@
       "tag": "path",
       "attrs": {
         "fill": "currentColor",
-        "d": "M8.5 4v5.5h-1V4h1zM8.6 10.5H7.4v1.2h1.2v-1.2z",
-        "fillOpacity": 0.9
-      }
-    }, {
-      "tag": "path",
-      "attrs": {
-        "fill": "currentColor",
-        "d": "M15 8A7 7 0 101 8a7 7 0 0014 0zm-1 0A6 6 0 112 8a6 6 0 0112 0z",
+        "d": "M2 3a1 1 0 011-1h10a1 1 0 011 1v1.79l-4.25 2.5V14h-3.5V7.29L2 4.79V3zm11 0H3v1.21l4.25 2.5V13h1.5V6.71L13 4.21V3z",
         "fillOpacity": 0.9
       }
     }]
   };
-  var ErrorCircleIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var FilterIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$1X(_objectSpread$1X({}, props), {}, {
-      id: "error-circle",
+      id: "filter",
       ref: ref,
       icon: element$c
     }));
   });
-  ErrorCircleIcon.displayName = "ErrorCircleIcon";
+  FilterIcon.displayName = "FilterIcon";
 
   function ownKeys$1X(object, enumerableOnly) {
     var keys = Object.keys(object);
@@ -11443,26 +11560,19 @@
       "tag": "path",
       "attrs": {
         "fill": "currentColor",
-        "d": "M4 1.92C4 1.34 4.52 1 5 1h4.37a1 1 0 01.71.3L13.71 5a1 1 0 01.29.7v6.38c0 .58-.52.92-1 .92H5c-.48 0-1-.34-1-.92V1.92zM5 2v10h8V6.01H9V2H5zm5 .65V5h2.32L10 2.65z",
-        "fillOpacity": 0.9
-      }
-    }, {
-      "tag": "path",
-      "attrs": {
-        "fill": "currentColor",
-        "d": "M2 5v9.01a1 1 0 001 1h8v-1H3V5H2z",
+        "d": "M15 8A7 7 0 101 8a7 7 0 0014 0zM5.8 6.63a2.2 2.2 0 014.39 0c0 .97-.75 1.72-1.49 2.02a.34.34 0 00-.2.32v.8h-1v-.8c0-.56.33-1.04.82-1.24.5-.2.87-.66.87-1.1a1.2 1.2 0 00-2.39 0h-1zm1.67 4.54a.53.53 0 111.05 0 .53.53 0 01-1.05 0z",
         "fillOpacity": 0.9
       }
     }]
   };
-  var FileCopyIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var HelpCircleFilledIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$1W(_objectSpread$1W({}, props), {}, {
-      id: "file-copy",
+      id: "help-circle-filled",
       ref: ref,
       icon: element$b
     }));
   });
-  FileCopyIcon.displayName = "FileCopyIcon";
+  HelpCircleFilledIcon.displayName = "HelpCircleFilledIcon";
 
   function ownKeys$1W(object, enumerableOnly) {
     var keys = Object.keys(object);
@@ -11502,19 +11612,19 @@
       "tag": "path",
       "attrs": {
         "fill": "currentColor",
-        "d": "M2 3a1 1 0 011-1h10a1 1 0 011 1v1.79l-4.25 2.5V14h-3.5V7.29L2 4.79V3zm11 0H3v1.21l4.25 2.5V13h1.5V6.71L13 4.21V3z",
+        "d": "M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z",
         "fillOpacity": 0.9
       }
     }]
   };
-  var FilterIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var InfoCircleFilledIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$1V(_objectSpread$1V({}, props), {}, {
-      id: "filter",
+      id: "info-circle-filled",
       ref: ref,
       icon: element$a
     }));
   });
-  FilterIcon.displayName = "FilterIcon";
+  InfoCircleFilledIcon.displayName = "InfoCircleFilledIcon";
 
   function ownKeys$1V(object, enumerableOnly) {
     var keys = Object.keys(object);
@@ -11554,19 +11664,26 @@
       "tag": "path",
       "attrs": {
         "fill": "currentColor",
-        "d": "M15 8A7 7 0 101 8a7 7 0 0014 0zM5.8 6.63a2.2 2.2 0 014.39 0c0 .97-.75 1.72-1.49 2.02a.34.34 0 00-.2.32v.8h-1v-.8c0-.56.33-1.04.82-1.24.5-.2.87-.66.87-1.1a1.2 1.2 0 00-2.39 0h-1zm1.67 4.54a.53.53 0 111.05 0 .53.53 0 01-1.05 0z",
+        "d": "M5 8.5h6v-1H5v1z",
+        "fillOpacity": 0.9
+      }
+    }, {
+      "tag": "path",
+      "attrs": {
+        "fill": "currentColor",
+        "d": "M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z",
         "fillOpacity": 0.9
       }
     }]
   };
-  var HelpCircleFilledIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var MinusRectangleIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$1U(_objectSpread$1U({}, props), {}, {
-      id: "help-circle-filled",
+      id: "minus-rectangle",
       ref: ref,
       icon: element$9
     }));
   });
-  HelpCircleFilledIcon.displayName = "HelpCircleFilledIcon";
+  MinusRectangleIcon.displayName = "MinusRectangleIcon";
 
   function ownKeys$1U(object, enumerableOnly) {
     var keys = Object.keys(object);
@@ -11606,19 +11723,19 @@
       "tag": "path",
       "attrs": {
         "fill": "currentColor",
-        "d": "M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z",
+        "d": "M12.4 4.46l-.91-.92L7.03 8l4.46 4.46.92-.92L8.86 8l3.55-3.54zM4.8 4v8h1.3V4H4.8z",
         "fillOpacity": 0.9
       }
     }]
   };
-  var InfoCircleFilledIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var PageFirstIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$1T(_objectSpread$1T({}, props), {}, {
-      id: "info-circle-filled",
+      id: "page-first",
       ref: ref,
       icon: element$8
     }));
   });
-  InfoCircleFilledIcon.displayName = "InfoCircleFilledIcon";
+  PageFirstIcon.displayName = "PageFirstIcon";
 
   function ownKeys$1T(object, enumerableOnly) {
     var keys = Object.keys(object);
@@ -11658,26 +11775,19 @@
       "tag": "path",
       "attrs": {
         "fill": "currentColor",
-        "d": "M5 8.5h6v-1H5v1z",
-        "fillOpacity": 0.9
-      }
-    }, {
-      "tag": "path",
-      "attrs": {
-        "fill": "currentColor",
-        "d": "M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z",
+        "d": "M3.6 11.54l.91.92L8.97 8 4.51 3.54l-.92.92L7.14 8l-3.55 3.54zm7.6.46V4H9.9v8h1.3z",
         "fillOpacity": 0.9
       }
     }]
   };
-  var MinusRectangleIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var PageLastIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$1S(_objectSpread$1S({}, props), {}, {
-      id: "minus-rectangle",
+      id: "page-last",
       ref: ref,
       icon: element$7
     }));
   });
-  MinusRectangleIcon.displayName = "MinusRectangleIcon";
+  PageLastIcon.displayName = "PageLastIcon";
 
   function ownKeys$1S(object, enumerableOnly) {
     var keys = Object.keys(object);
@@ -13036,7 +13146,7 @@
     return typeof param === "number" ? "".concat(param, "px") : param;
   }
 
-  var _excluded$s = ["separate", "children", "className"];
+  var _excluded$t = ["separate", "children", "className"];
 
   function ownKeys$1K(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -13048,7 +13158,7 @@
     var separate = props.separate,
         children = props.children,
         className = props.className,
-        wrapperProps = _objectWithoutProperties$2(props, _excluded$s);
+        wrapperProps = _objectWithoutProperties$2(props, _excluded$t);
 
     return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$1J({
       ref: ref,
@@ -13057,7 +13167,7 @@
   });
   InputGroup.displayName = "InputGroup";
 
-  var _excluded$r = ["defaultValue", "value", "onChange"];
+  var _excluded$s = ["defaultValue", "value", "onChange"];
 
   function ownKeys$1J(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -13067,7 +13177,7 @@
         value = props.value,
         _props$onChange = props.onChange,
         onChange = _props$onChange === void 0 ? noop$1 : _props$onChange,
-        restProps = _objectWithoutProperties$2(props, _excluded$r);
+        restProps = _objectWithoutProperties$2(props, _excluded$s);
 
     var _useDefault = useDefault(value, typeof defaultValue === "undefined" ? defaultDefaultValue : defaultValue, onChange),
         _useDefault2 = _slicedToArray(_useDefault, 2),
@@ -13183,7 +13293,7 @@
     return [componentLocale, transformLocale];
   }
 
-  var _excluded$q = ["type", "autoWidth", "placeholder", "disabled", "status", "size", "className", "inputClass", "style", "prefixIcon", "suffixIcon", "clearable", "value", "tips", "align", "maxlength", "maxcharacter", "format", "onClick", "onChange", "onClear", "onEnter", "onKeydown", "onKeyup", "onKeypress", "onFocus", "onBlur", "onPaste", "onMouseenter", "onMouseleave", "onWheel", "onCompositionstart", "onCompositionend", "showClearIconOnEmpty", "autofocus", "autocomplete", "readonly", "label", "suffix"];
+  var _excluded$r = ["type", "autoWidth", "placeholder", "disabled", "status", "size", "className", "inputClass", "style", "prefixIcon", "suffixIcon", "clearable", "value", "tips", "align", "maxlength", "maxcharacter", "format", "onClick", "onChange", "onClear", "onEnter", "onKeydown", "onKeyup", "onKeypress", "onFocus", "onBlur", "onPaste", "onMouseenter", "onMouseleave", "onWheel", "onCompositionstart", "onCompositionend", "showClearIconOnEmpty", "autofocus", "autocomplete", "readonly", "label", "suffix"];
 
   function ownKeys$1H(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -13253,7 +13363,7 @@
         readonly = _useDefaultValue.readonly,
         label = _useDefaultValue.label,
         suffix = _useDefaultValue.suffix,
-        restProps = _objectWithoutProperties$2(_useDefaultValue, _excluded$q);
+        restProps = _objectWithoutProperties$2(_useDefaultValue, _excluded$r);
 
     var _useConfig = useConfig$1(),
         classPrefix = _useConfig.classPrefix;
@@ -13518,7 +13628,7 @@
 
   var Input = Input$1;
 
-  var _excluded$p = ["prepend", "append", "children", "className"];
+  var _excluded$q = ["prepend", "append", "children", "className"];
 
   function ownKeys$1G(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -13552,7 +13662,7 @@
         append = props.append,
         children = props.children,
         className = props.className,
-        wrapperProps = _objectWithoutProperties$2(props, _excluded$p);
+        wrapperProps = _objectWithoutProperties$2(props, _excluded$q);
 
     return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$1F({
       ref: ref,
@@ -13563,7 +13673,7 @@
 
   var Addon = Addon$1;
 
-  var _excluded$o = ["message", "title", "operation", "theme", "icon", "close", "maxLine", "onClose", "className"];
+  var _excluded$p = ["message", "title", "operation", "theme", "icon", "close", "maxLine", "onClose", "className"];
 
   function ownKeys$1F(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -13580,7 +13690,7 @@
         _props$onClose = props.onClose,
         onClose = _props$onClose === void 0 ? noop$1 : _props$onClose,
         className = props.className,
-        alertProps = _objectWithoutProperties$2(props, _excluded$o);
+        alertProps = _objectWithoutProperties$2(props, _excluded$p);
 
     var _React$useState = React__default["default"].useState(false),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -13683,7 +13793,7 @@
 
   var Alert = Alert$1;
 
-  var _excluded$n = ["color", "dot", "maxCount", "count", "size", "shape", "showZero", "offset", "className", "content", "children", "style"];
+  var _excluded$o = ["color", "dot", "maxCount", "count", "size", "shape", "showZero", "offset", "className", "content", "children", "style"];
 
   function ownKeys$1E(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -13712,7 +13822,7 @@
         children = _ref$children === void 0 ? null : _ref$children,
         _ref$style = _ref.style,
         style = _ref$style === void 0 ? {} : _ref$style,
-        restProps = _objectWithoutProperties$2(_ref, _excluded$n);
+        restProps = _objectWithoutProperties$2(_ref, _excluded$o);
 
     var _useConfig = useConfig$1(),
         classPrefix = _useConfig.classPrefix;
@@ -13766,7 +13876,7 @@
 
   var Badge = Badge$1;
 
-  var _excluded$m = ["allowUncheck", "type", "checked", "defaultChecked", "disabled", "name", "value", "onChange", "indeterminate", "children", "label", "className", "style"];
+  var _excluded$n = ["allowUncheck", "type", "checked", "defaultChecked", "disabled", "name", "value", "onChange", "indeterminate", "children", "label", "className", "style"];
 
   function ownKeys$1D(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -13793,7 +13903,7 @@
         label = props.label,
         className = props.className,
         style = props.style,
-        htmlProps = _objectWithoutProperties$2(props, _excluded$m);
+        htmlProps = _objectWithoutProperties$2(props, _excluded$n);
 
     var _useConfig = useConfig$1(),
         classPrefix = _useConfig.classPrefix;
@@ -14379,7 +14489,7 @@
     return Number(filterVal);
   };
 
-  var _excluded$l = ["align", "className", "style", "defaultValue", "value", "disabled", "size", "theme", "step", "max", "min", "decimalPlaces", "format", "onChange", "onBlur", "onFocus", "onEnter", "onKeydown", "onKeyup", "onKeypress"],
+  var _excluded$m = ["align", "className", "style", "defaultValue", "value", "disabled", "size", "theme", "step", "max", "min", "decimalPlaces", "format", "onChange", "onBlur", "onFocus", "onEnter", "onKeydown", "onKeyup", "onKeypress"],
       _excluded2 = ["value"];
 
   function ownKeys$1y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -14414,7 +14524,7 @@
         onKeydown = props.onKeydown,
         onKeyup = props.onKeyup,
         onKeypress = props.onKeypress,
-        restInputProps = _objectWithoutProperties$2(props, _excluded$l);
+        restInputProps = _objectWithoutProperties$2(props, _excluded$m);
 
     var _useConfig = useConfig$1(),
         classPrefix = _useConfig.classPrefix;
@@ -16330,8 +16440,8 @@
         setIsWidthOverflow(tRef.scrollWidth > tRef.clientWidth);
         var pos = tRef === null || tRef === void 0 ? void 0 : (_tRef$getBoundingClie = tRef.getBoundingClientRect) === null || _tRef$getBoundingClie === void 0 ? void 0 : _tRef$getBoundingClie.call(tRef);
         setVirtualScrollHeaderPos({
-          top: pos.top,
-          left: pos.left
+          top: pos === null || pos === void 0 ? void 0 : pos.top,
+          left: pos === null || pos === void 0 ? void 0 : pos.left
         });
         clearTimeout(timer);
       }, 0);
@@ -16353,7 +16463,7 @@
       var rect = (_tableContentRef$curr = tableContentRef.current) === null || _tableContentRef$curr === void 0 ? void 0 : (_tableContentRef$curr2 = _tableContentRef$curr.getBoundingClientRect) === null || _tableContentRef$curr2 === void 0 ? void 0 : _tableContentRef$curr2.call(_tableContentRef$curr);
       var reduceWidth = isFixedHeader ? scrollbarWidth : 0;
       var fixedBordered = isFixedRightColumn ? 1 : 2;
-      setTableWidth(rect.width - reduceWidth - (props.bordered ? fixedBordered : 0));
+      setTableWidth((rect === null || rect === void 0 ? void 0 : rect.width) - reduceWidth - (props.bordered ? fixedBordered : 0));
     };
 
     var updateThWidthList = function updateThWidthList(trList) {
@@ -16394,7 +16504,7 @@
       var _tableContentRef$curr3, _tableContentRef$curr4, _affixHeaderRef$curre;
 
       var pos = (_tableContentRef$curr3 = tableContentRef.current) === null || _tableContentRef$curr3 === void 0 ? void 0 : (_tableContentRef$curr4 = _tableContentRef$curr3.getBoundingClientRect) === null || _tableContentRef$curr4 === void 0 ? void 0 : _tableContentRef$curr4.call(_tableContentRef$curr3);
-      var r = ((_affixHeaderRef$curre = affixHeaderRef.current) === null || _affixHeaderRef$curre === void 0 ? void 0 : _affixHeaderRef$curre.offsetHeight) - pos.top < pos.height;
+      var r = ((_affixHeaderRef$curre = affixHeaderRef.current) === null || _affixHeaderRef$curre === void 0 ? void 0 : _affixHeaderRef$curre.offsetHeight) - (pos === null || pos === void 0 ? void 0 : pos.top) < (pos === null || pos === void 0 ? void 0 : pos.height);
       setShowAffixHeader(r);
     };
 
@@ -27609,7 +27719,7 @@
   freeExports._=_;}else {// Export to the global object.
   root._=_;}}).call(commonjsGlobal);})(lodash,lodash.exports);
 
-  var _excluded$k = ["checked", "content", "defaultChecked", "onChange", "onClick", "disabled", "children", "className", "size"];
+  var _excluded$l = ["checked", "content", "defaultChecked", "onChange", "onClick", "disabled", "children", "className", "size"];
 
   function ownKeys$1k(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -27628,7 +27738,7 @@
         className = props.className,
         _props$size = props.size,
         size = _props$size === void 0 ? "medium" : _props$size,
-        tagOtherProps = _objectWithoutProperties$2(props, _excluded$k);
+        tagOtherProps = _objectWithoutProperties$2(props, _excluded$l);
 
     var _useDefault = useDefault(checked, defaultChecked, onChange),
         _useDefault2 = _slicedToArray(_useDefault, 2),
@@ -27663,7 +27773,7 @@
   });
   CheckTag.displayName = "CheckTag";
 
-  var _excluded$j = ["theme", "size", "shape", "variant", "closable", "maxWidth", "icon", "content", "onClick", "onClose", "className", "style", "disabled", "children"];
+  var _excluded$k = ["theme", "size", "shape", "variant", "closable", "maxWidth", "icon", "content", "onClick", "onClose", "className", "style", "disabled", "children"];
 
   function ownKeys$1j(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -27692,7 +27802,7 @@
         style = _props$style === void 0 ? {} : _props$style,
         disabled = props.disabled,
         children = props.children,
-        otherTagProps = _objectWithoutProperties$2(props, _excluded$j);
+        otherTagProps = _objectWithoutProperties$2(props, _excluded$k);
 
     var _useConfig = useConfig$1(),
         classPrefix = _useConfig.classPrefix;
@@ -28318,7 +28428,7 @@
 
   var SelectInput = SelectInput$1;
 
-  var _excluded$i = ["value", "label", "disabled"];
+  var _excluded$j = ["value", "label", "disabled"];
 
   function ownKeys$1d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -28421,7 +28531,7 @@
           var optionValue = _ref2.value,
               label = _ref2.label,
               disabled = _ref2.disabled,
-              restData = _objectWithoutProperties$2(_ref2, _excluded$i);
+              restData = _objectWithoutProperties$2(_ref2, _excluded$j);
 
           return /* @__PURE__ */React__default["default"].createElement(Option$1, {
             key: index,
@@ -28455,7 +28565,7 @@
     }, loadingText), !isEmpty && !loading && renderOptions(), panelBottomContent);
   });
 
-  var _excluded$h = ["overlayClassName"];
+  var _excluded$i = ["overlayClassName"];
 
   function ownKeys$1c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -28532,7 +28642,7 @@
 
     var _ref = popupProps || {},
         overlayClassName = _ref.overlayClassName,
-        restPopupProps = _objectWithoutProperties$2(_ref, _excluded$h);
+        restPopupProps = _objectWithoutProperties$2(_ref, _excluded$i);
 
     var name = "".concat(classPrefix, "-select");
 
@@ -28890,6 +29000,62 @@
 
   var Select = Select$1;
 
+  function useBoundaryJumper(props) {
+    var _useConfig = useConfig$1(),
+        classPrefix = _useConfig.classPrefix;
+
+    var name = "".concat(classPrefix, "-pagination");
+    var showFirstAndLastPageBtn = props.showFirstAndLastPageBtn,
+        disabled = props.disabled,
+        current = props.current,
+        pageCount = props.pageCount,
+        changeCurrent = props.changeCurrent;
+    var firstPageJumper = showFirstAndLastPageBtn && /* @__PURE__ */React__default["default"].createElement("div", {
+      className: classNames$1("".concat(name, "__btn"), "".concat(name, "__btn-first-page"), _defineProperty$3({}, "".concat(classPrefix, "-is-disabled"), disabled || current === 1)),
+      onClick: function onClick() {
+        return changeCurrent(1);
+      }
+    }, /* @__PURE__ */React__default["default"].createElement(PageFirstIcon, null));
+    var lastPageJumper = showFirstAndLastPageBtn && /* @__PURE__ */React__default["default"].createElement("div", {
+      className: classNames$1("".concat(name, "__btn"), "".concat(name, "__btn-first-page"), _defineProperty$3({}, "".concat(classPrefix, "-is-disabled"), disabled || current === pageCount)),
+      onClick: function onClick() {
+        return changeCurrent(pageCount);
+      }
+    }, /* @__PURE__ */React__default["default"].createElement(PageLastIcon, null));
+    return {
+      firstPageJumper: firstPageJumper,
+      lastPageJumper: lastPageJumper
+    };
+  }
+
+  function usePrevNextJumper(props) {
+    var _useConfig = useConfig$1(),
+        classPrefix = _useConfig.classPrefix;
+
+    var name = "".concat(classPrefix, "-pagination");
+    var showPreviousAndNextBtn = props.showPreviousAndNextBtn,
+        disabled = props.disabled,
+        current = props.current,
+        pageCount = props.pageCount,
+        changeCurrent = props.changeCurrent;
+    var prevJumper = showPreviousAndNextBtn && /* @__PURE__ */React__default["default"].createElement("div", {
+      className: classNames$1("".concat(name, "__btn"), "".concat(name, "__btn-prev"), _defineProperty$3({}, "".concat(classPrefix, "-is-disabled"), disabled || current === 1)),
+      onClick: function onClick() {
+        return changeCurrent(current - 1);
+      }
+    }, /* @__PURE__ */React__default["default"].createElement(ChevronLeftIcon, null));
+    var nextJumper = showPreviousAndNextBtn && /* @__PURE__ */React__default["default"].createElement("div", {
+      className: classNames$1("".concat(name, "__btn"), "".concat(name, "__btn-next"), _defineProperty$3({}, "".concat(classPrefix, "-is-disabled"), disabled || current === pageCount)),
+      onClick: function onClick() {
+        return changeCurrent(current + 1);
+      }
+    }, /* @__PURE__ */React__default["default"].createElement(ChevronRightIcon, null));
+    return {
+      prevJumper: prevJumper,
+      nextJumper: nextJumper
+    };
+  }
+
   var pageSizeValidator = function pageSizeValidator(pageSize) {
     var pageSizeNumber;
 
@@ -28902,13 +29068,14 @@
     return !Number.isFinite(pageSizeNumber) && pageSizeNumber > 0;
   };
 
+  var _excluded$h = ["defaultCurrent", "current", "theme", "size", "total", "defaultPageSize", "pageSize", "showPreviousAndNextBtn", "showFirstAndLastPageBtn", "showJumper", "disabled", "foldedMaxPageBtn", "maxPageBtn", "totalContent", "pageSizeOptions", "onChange", "onCurrentChange", "onPageSizeChange", "style", "className"];
+
   function ownKeys$1b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
   function _objectSpread$1a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1b(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Option = Select.Option;
-
-  var Pagination$1 = function Pagination(props) {
-    var _classNames, _classNames5;
+  var Pagination$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
+    var _classNames, _classNames5, _classNames6;
 
     var _props$defaultCurrent = props.defaultCurrent,
         defaultCurrent = _props$defaultCurrent === void 0 ? 1 : _props$defaultCurrent,
@@ -28922,6 +29089,10 @@
         _props$defaultPageSiz = props.defaultPageSize,
         defaultPageSize = _props$defaultPageSiz === void 0 ? 10 : _props$defaultPageSiz,
         pageSizeFromProps = props.pageSize,
+        _props$showPreviousAn = props.showPreviousAndNextBtn,
+        showPreviousAndNextBtn = _props$showPreviousAn === void 0 ? true : _props$showPreviousAn,
+        _props$showFirstAndLa = props.showFirstAndLastPageBtn,
+        showFirstAndLastPageBtn = _props$showFirstAndLa === void 0 ? false : _props$showFirstAndLa,
         _props$showJumper = props.showJumper,
         showJumper = _props$showJumper === void 0 ? false : _props$showJumper,
         _props$disabled = props.disabled,
@@ -28938,8 +29109,9 @@
         onChange = _props$onChange === void 0 ? noop$1 : _props$onChange,
         onCurrentChange = props.onCurrentChange,
         onPageSizeChange = props.onPageSizeChange,
-        _props$style = props.style,
-        style = _props$style === void 0 ? {} : _props$style;
+        style = props.style,
+        className = props.className,
+        otherProps = _objectWithoutProperties$2(props, _excluded$h);
 
     var _useLocaleReceiver = useLocaleReceiver("pagination"),
         _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 2),
@@ -28956,10 +29128,10 @@
         current = _useDefault4[0],
         setCurrent = _useDefault4[1];
 
-    var _useState = React.useState(1),
+    var _useState = React.useState(current),
         _useState2 = _slicedToArray(_useState, 2),
-        pageCount = _useState2[0],
-        setPageCount = _useState2[1];
+        jumpValue = _useState2[0],
+        setJumpValue = _useState2[1];
 
     var _useState3 = React.useState(false),
         _useState4 = _slicedToArray(_useState3, 2),
@@ -28971,7 +29143,6 @@
         hoverNextMore = _useState6[0],
         toggleHoverNextMore = _useState6[1];
 
-    var simpleInputRef = React.useRef(null);
     var min = 1;
     var pivot = Math.ceil((foldedMaxPageBtn - 1) / 2);
 
@@ -28979,9 +29150,9 @@
         classPrefix = _useConfig.classPrefix;
 
     var name = "".concat(classPrefix, "-pagination");
-    React.useEffect(function () {
+    var pageCount = React.useMemo(function () {
       var calCount = Math.ceil(total / pageSize);
-      setPageCount(calCount > 0 ? calCount : 1);
+      return calCount > 0 ? calCount : 1;
     }, [pageSize, total]);
     var pageList = React.useMemo(function () {
       var isPrevMoreShow = 2 + pivot < current;
@@ -29010,43 +29181,25 @@
       return array;
     }, [current, pageCount, foldedMaxPageBtn, maxPageBtn, pivot]);
 
-    var changeCurrent = function changeCurrent(nextCurrent, nextPageSize) {
+    var changeCurrent = function changeCurrent(_nextCurrent, _nextPageSize) {
+      if (disabled) return;
+      var nextCurrent = _nextCurrent;
+      var nextPageSize = _nextPageSize;
+
       if (!nextPageSize && !pageSizeValidator(nextPageSize)) {
         var _pageSizeOptions$;
 
         nextPageSize = pageSize !== null && pageSize !== void 0 ? pageSize : typeof pageSizeOptions[0] === "number" ? pageSizeOptions[0] : (_pageSizeOptions$ = pageSizeOptions[0]) === null || _pageSizeOptions$ === void 0 ? void 0 : _pageSizeOptions$.value;
       }
 
-      if (disabled) return;
-
-      if (pageCount < nextCurrent) {
-        setCurrent(pageCount, {
-          current: pageCount,
-          previous: current,
-          pageSize: nextPageSize
-        });
-        return;
-      }
-
-      if (nextCurrent < min) {
-        setCurrent(min, {
-          current: min,
-          previous: current,
-          pageSize: nextPageSize
-        });
-        return;
-      }
-
+      if (nextCurrent < min) nextCurrent = min;
+      if (nextCurrent > pageCount) nextCurrent = pageCount;
       setCurrent(nextCurrent, {
         current: nextCurrent,
         previous: current,
         pageSize: nextPageSize
       });
-
-      if (simpleInputRef.current) {
-        simpleInputRef.current.value = String(nextCurrent);
-      }
-
+      setJumpValue(nextCurrent);
       onChange({
         current: nextCurrent,
         previous: current,
@@ -29084,22 +29237,6 @@
       });
     };
 
-    var onPageInputChange = function onPageInputChange(value) {
-      setCurrent(value, {
-        current: value,
-        previous: current,
-        pageSize: pageSize
-      });
-    };
-
-    var onPageInputKeyUp = function onPageInputKeyUp(value, context) {
-      var e = context.e;
-      if (e.keyCode !== 13
-      /* ENTER */
-      ) return;
-      changeCurrent(value);
-    };
-
     var renderTotalContent = function renderTotalContent() {
       if (typeof totalContent === "boolean") {
         return totalContent ? t(locale.total, {
@@ -29116,6 +29253,47 @@
       }
     };
 
+    var _useBoundaryJumper = useBoundaryJumper({
+      disabled: disabled,
+      current: current,
+      pageCount: pageCount,
+      showFirstAndLastPageBtn: showFirstAndLastPageBtn,
+      changeCurrent: changeCurrent
+    }),
+        firstPageJumper = _useBoundaryJumper.firstPageJumper,
+        lastPageJumper = _useBoundaryJumper.lastPageJumper;
+
+    var _usePrevNextJumper = usePrevNextJumper({
+      disabled: disabled,
+      current: current,
+      pageCount: pageCount,
+      showPreviousAndNextBtn: showPreviousAndNextBtn,
+      changeCurrent: changeCurrent
+    }),
+        prevJumper = _usePrevNextJumper.prevJumper,
+        nextJumper = _usePrevNextJumper.nextJumper;
+
+    var Jumper = showJumper && /* @__PURE__ */React__default["default"].createElement("div", {
+      className: "".concat(name, "__jump")
+    }, t(locale.jumpTo), /* @__PURE__ */React__default["default"].createElement(InputNumber, {
+      className: "".concat(classPrefix, "-pagination__input"),
+      min: min,
+      size: size,
+      theme: "normal",
+      max: pageCount,
+      disabled: disabled,
+      value: jumpValue,
+      onChange: function onChange(val) {
+        return setJumpValue(val);
+      },
+      onBlur: function onBlur(val) {
+        return changeCurrent(val);
+      },
+      onEnter: function onEnter(val) {
+        return changeCurrent(val);
+      },
+      placeholder: ""
+    }), t(locale.page));
     var isFolded = pageCount > maxPageBtn;
     var renderPaginationBtns = /* @__PURE__ */React__default["default"].createElement(React__default["default"].Fragment, null, isFolded && /* @__PURE__ */React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */React__default["default"].createElement("li", {
       key: 1,
@@ -29162,9 +29340,11 @@
         return changeCurrent(pageCount);
       }
     }, pageCount)));
-    return /* @__PURE__ */React__default["default"].createElement("div", {
-      className: classNames$1(name, _defineProperty$3({}, "".concat(classPrefix, "-size-s"), size === "small"))
-    }, totalContent && /* @__PURE__ */React__default["default"].createElement("div", {
+    return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$1a({
+      className: classNames$1(name, className, (_classNames6 = {}, _defineProperty$3(_classNames6, "".concat(classPrefix, "-size-s"), size === "small"), _defineProperty$3(_classNames6, "".concat(classPrefix, "-is-disabled"), disabled), _classNames6)),
+      style: style,
+      ref: ref
+    }, otherProps), totalContent && /* @__PURE__ */React__default["default"].createElement("div", {
       className: "".concat(name, "__total")
     }, renderTotalContent()), pageSizeOptions instanceof Array && pageSizeOptions.length ? /* @__PURE__ */React__default["default"].createElement("div", {
       className: "".concat(name, "__select")
@@ -29173,8 +29353,7 @@
       size: size,
       value: pageSize,
       disabled: disabled,
-      onChange: changePageSize,
-      style: _objectSpread$1a({}, style)
+      onChange: changePageSize
     }, pageSizeOptions.map(function (item) {
       return typeof item === "number" ? /* @__PURE__ */React__default["default"].createElement(Option, {
         key: item,
@@ -29187,12 +29366,7 @@
         label: item.label,
         value: item.value
       });
-    }))) : null, /* @__PURE__ */React__default["default"].createElement("div", {
-      className: classNames$1("".concat(name, "__btn"), "".concat(name, "__btn-prev"), _defineProperty$3({}, "".concat(classPrefix, "-is-disabled"), disabled || current === min)),
-      onClick: function onClick() {
-        return changeCurrent(current - 1);
-      }
-    }, /* @__PURE__ */React__default["default"].createElement(ChevronLeftIcon, null)), theme === "default" && /* @__PURE__ */React__default["default"].createElement("ul", {
+    }))) : null, firstPageJumper, prevJumper, theme === "default" && /* @__PURE__ */React__default["default"].createElement("ul", {
       className: "".concat(name, "__pager")
     }, renderPaginationBtns), theme === "simple" && /* @__PURE__ */React__default["default"].createElement("div", {
       className: "".concat(name, "__select")
@@ -29210,24 +29384,9 @@
         label: "".concat(item, "/").concat(pageCount),
         value: item
       }, item, "/", pageCount);
-    }))), /* @__PURE__ */React__default["default"].createElement("div", {
-      className: classNames$1("".concat(name, "__btn"), "".concat(name, "__btn-next"), _defineProperty$3({}, "".concat(classPrefix, "-is-disabled"), disabled || current === pageCount)),
-      onClick: function onClick() {
-        return changeCurrent(current + 1);
-      }
-    }, /* @__PURE__ */React__default["default"].createElement(ChevronRightIcon, null)), showJumper && /* @__PURE__ */React__default["default"].createElement("div", {
-      className: "".concat(name, "__jump")
-    }, t(locale.jumpTo), /* @__PURE__ */React__default["default"].createElement(InputNumber, {
-      className: "".concat(classPrefix, "-pagination__input"),
-      min: min,
-      theme: "normal",
-      max: pageCount,
-      disabled: disabled,
-      onChange: onPageInputChange,
-      onKeyup: onPageInputKeyUp,
-      placeholder: ""
-    }), t(locale.page)));
-  };
+    }))), nextJumper, lastPageJumper, Jumper);
+  });
+  Pagination$1.displayName = "Pagination";
 
   var Pagination = Pagination$1;
 
@@ -30015,6 +30174,20 @@
           document.body.style.cssText = bodyCssTextRef.current;
         }
       }
+
+      return function () {
+        if (isModal) {
+          var _openDialogDom = document.querySelectorAll(".".concat(dialogOpenClass));
+
+          if (_openDialogDom.length < 1) {
+            document.body.style.cssText = bodyCssTextRef.current;
+            document.body.style.overflow = bodyOverflow.current;
+          }
+        } else {
+          document.body.style.cssText = bodyCssTextRef.current;
+          document.body.style.overflow = bodyOverflow.current;
+        }
+      };
     }, [preventScrollThrough, attach, visible, mode, isModal, dialogOpenClass]);
     React.useEffect(function () {
       if (visible) {
@@ -30473,18 +30646,18 @@
 
     var options = _objectSpread$14({}, props);
 
-    var div = document.createElement("div");
+    var fragment = document.createDocumentFragment();
     ReactDOM__default["default"].render( /* @__PURE__ */React__default["default"].createElement(Dialog$1, _objectSpread$14(_objectSpread$14({}, options), {}, {
       visible: true,
       ref: dialogRef,
       isPlugin: true
-    })), div, function () {
+    })), fragment, function () {
       document.activeElement.blur();
     });
     var container = getAttach$1(options.attach);
 
     if (container) {
-      container.appendChild(div);
+      container.appendChild(fragment);
     } else {
       console.error("attach is not exist");
     }
@@ -30493,14 +30666,13 @@
       show: function show() {
         var _dialogRef$current;
 
-        container.appendChild(div);
+        container.appendChild(fragment);
         (_dialogRef$current = dialogRef.current) === null || _dialogRef$current === void 0 ? void 0 : _dialogRef$current.show();
       },
       hide: function hide() {
-        var _div$parentNode, _dialogRef$current2;
+        var _dialogRef$current2;
 
-        div === null || div === void 0 ? void 0 : (_div$parentNode = div.parentNode) === null || _div$parentNode === void 0 ? void 0 : _div$parentNode.removeChild(div);
-        (_dialogRef$current2 = dialogRef.current) === null || _dialogRef$current2 === void 0 ? void 0 : _dialogRef$current2.hide();
+        (_dialogRef$current2 = dialogRef.current) === null || _dialogRef$current2 === void 0 ? void 0 : _dialogRef$current2.destroy();
       },
       update: function update(updateOptions) {
         var _dialogRef$current3;
@@ -30508,10 +30680,9 @@
         (_dialogRef$current3 = dialogRef.current) === null || _dialogRef$current3 === void 0 ? void 0 : _dialogRef$current3.update(updateOptions);
       },
       destroy: function destroy() {
-        var _dialogRef$current4, _div$parentNode2;
+        var _dialogRef$current4;
 
         (_dialogRef$current4 = dialogRef.current) === null || _dialogRef$current4 === void 0 ? void 0 : _dialogRef$current4.destroy();
-        div === null || div === void 0 ? void 0 : (_div$parentNode2 = div.parentNode) === null || _div$parentNode2 === void 0 ? void 0 : _div$parentNode2.removeChild(div);
       }
     };
     return dialogNode;
@@ -31038,7 +31209,7 @@
     };
   }
 
-  var _excluded$f = ["theme", "showArrow", "destroyOnClose", "overlayClassName", "children", "duration"];
+  var _excluded$f = ["theme", "showArrow", "destroyOnClose", "overlayClassName", "children", "duration", "placement"];
 
   function ownKeys$12(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -31053,6 +31224,8 @@
         children = props.children,
         _props$duration = props.duration,
         duration = _props$duration === void 0 ? 0 : _props$duration,
+        _props$placement = props.placement,
+        placement = _props$placement === void 0 ? "top" : _props$placement,
         restProps = _objectWithoutProperties$2(props, _excluded$f);
 
     var _useConfig = useConfig$1(),
@@ -31070,15 +31243,42 @@
 
     var popupRef = React.useRef();
     var timerRef = React.useRef(null);
+
+    var _useState5 = React.useState([0, 0]),
+        _useState6 = _slicedToArray(_useState5, 2),
+        offset = _useState6[0],
+        setOffset = _useState6[1];
+
     var toolTipClass = classNames$1("".concat(classPrefix, "-tooltip"), _defineProperty$3({}, "".concat(classPrefix, "-tooltip--").concat(theme), theme), overlayClassName);
+    var isPlacedByMouse = placement === "mouse";
 
     var setVisible = function setVisible(v) {
       if (duration !== 0) setTimeup(false);
       setTipshow(v);
     };
 
-    var handleShowTip = function handleShowTip(visible) {
+    var calculatePos = function calculatePos(e) {
+      var rect = e.target.getBoundingClientRect();
+      var x = e.clientX - rect.left;
+      var y = e.clientY - rect.top;
+      return {
+        x: x,
+        y: y
+      };
+    };
+
+    var handleShowTip = function handleShowTip(visible, _ref) {
+      var e = _ref.e,
+          trigger = _ref.trigger;
+
       if (duration === 0 || duration !== 0 && timeup) {
+        if (visible && placement === "mouse" && (trigger === "trigger-element-hover" || trigger === "trigger-element-click")) {
+          var _calculatePos = calculatePos(e),
+              x = _calculatePos.x;
+
+          setOffset([x, 0]);
+        }
+
         setTipshow(visible);
       }
     };
@@ -31103,10 +31303,17 @@
     return /* @__PURE__ */React__default["default"].createElement(Popup, _objectSpread$11({
       ref: popupRef,
       destroyOnClose: destroyOnClose,
-      showArrow: showArrow,
+      showArrow: isPlacedByMouse ? false : showArrow,
       overlayClassName: toolTipClass,
       visible: isTipShowed,
-      onVisibleChange: handleShowTip
+      onVisibleChange: handleShowTip,
+      popperModifiers: isPlacedByMouse ? [{
+        name: "offset",
+        options: {
+          offset: offset
+        }
+      }] : [],
+      placement: isPlacedByMouse ? "bottom-left" : placement
     }, restProps), children);
   });
   Tooltip$1.displayName = "Tooltip";
@@ -35091,8 +35298,9 @@
           className: classNames$1(classes),
           onClick: onLoadClick
         }, /* @__PURE__ */React__default["default"].createElement(Loading, {
-          loading: asyncLoading === "loading",
-          text: loadingText
+          loading: true,
+          text: loadingText,
+          indicator: asyncLoading === "loading"
         }));
       }
 
@@ -46841,11 +47049,11 @@
     }, [file, display, onRemove, props.onTrigger, onCancel, _onUpload, classPrefix, customDraggerRender, dragActive, defaultDragElement]);
 
     var handleDrop = function handleDrop(event) {
-      var _props$onChange, _props$onDragleave;
+      var _props$onChange, _props$onDrop;
 
       event.preventDefault();
       (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, event.dataTransfer.files);
-      (_props$onDragleave = props.onDragleave) === null || _props$onDragleave === void 0 ? void 0 : _props$onDragleave.call(props, event);
+      (_props$onDrop = props.onDrop) === null || _props$onDrop === void 0 ? void 0 : _props$onDrop.call(props, event);
       setDragActive(false);
     };
 
@@ -46858,11 +47066,11 @@
     };
 
     var handleDragleave = function handleDragleave(event) {
-      var _props$onDragleave2;
+      var _props$onDragleave;
 
       if (!target.current) return;
       event.preventDefault();
-      (_props$onDragleave2 = props.onDragleave) === null || _props$onDragleave2 === void 0 ? void 0 : _props$onDragleave2.call(props, event);
+      (_props$onDragleave = props.onDragleave) === null || _props$onDragleave === void 0 ? void 0 : _props$onDragleave.call(props, event);
       setDragActive(false);
     };
 
@@ -47561,6 +47769,7 @@
         onRemove = _useDefaultValue.onRemove,
         onDragenter = _useDefaultValue.onDragenter,
         onDragleave = _useDefaultValue.onDragleave,
+        onDrop = _useDefaultValue.onDrop,
         onPreview = _useDefaultValue.onPreview,
         onSelectChange = _useDefaultValue.onSelectChange,
         onCancelUpload = _useDefaultValue.onCancelUpload,
@@ -47882,6 +48091,8 @@
         var file = typeof format === "function" ? format(fileRaw) : fileRaw;
 
         var uploadFile = _objectSpread$x({
+          response: void 0,
+          url: "",
           raw: fileRaw,
           lastModified: fileRaw.lastModified,
           name: fileRaw.name,
@@ -47984,6 +48195,12 @@
         e: e
       });
     }, [disabled, onDragleave]);
+    var handleDrop = React.useCallback(function (e) {
+      if (disabled) return;
+      onDrop === null || onDrop === void 0 ? void 0 : onDrop({
+        e: e
+      });
+    }, [disabled, onDrop]);
     var cancelUpload = React.useCallback(function () {
       var files = _toConsumableArray(filesRef.current);
 
@@ -48125,6 +48342,7 @@
       onChange: handleDragChange,
       onDragenter: handleDragenter,
       onDragleave: handleDragleave,
+      onDrop: handleDrop,
       file: fileList && fileList[0],
       display: theme,
       customDraggerRender: customDraggerRender,
@@ -49582,10 +49800,10 @@
 
     function renderTipsInfo() {
       var helpNode = name ? /* @__PURE__ */React__default["default"].createElement("div", {
-        className: "".concat(classPrefix, "-input__extra")
+        className: "".concat(classPrefix, "-input__help")
       }) : "";
       if (help) helpNode = /* @__PURE__ */React__default["default"].createElement("div", {
-        className: "".concat(classPrefix, "-input__extra")
+        className: "".concat(classPrefix, "-input__help")
       }, renderTNode(help));
       var list = errorList;