tdesign-react 0.36.5-alpha.3 → 0.37.0

package/dist/tdesign.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.36.5-alpha.3
+ * tdesign v0.37.0
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -2923,9 +2923,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$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$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$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; }
   var EAnimationType = /* @__PURE__ */function (EAnimationType2) {
     EAnimationType2["ripple"] = "ripple";
     EAnimationType2["expand"] = "expand";
@@ -2943,7 +2943,7 @@
     ],
     exclude: []
   };
-  var defaultGlobalConfig = _objectSpread$2M({
+  var defaultGlobalConfig = _objectSpread$2N({
     animation: defaultAnimation,
     classPrefix: defaultClassPrefix
   }, merge_1(zhCN, defaultConfig));
@@ -2958,9 +2958,9 @@
 
   var _excluded$z = ["width", "className", "style", "children"];
 
-  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$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$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$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; }
 
   var Aside = function Aside(props) {
     var width = props.width,
@@ -2975,14 +2975,14 @@
     var asideClassNames = classNames$1("".concat(classPrefix, "-layout__sider"), className);
     var asideWidth = typeof width === "number" ? "".concat(width, "px") : String(width);
 
-    var asideStyle = _objectSpread$2L({
+    var asideStyle = _objectSpread$2M({
       width: asideWidth,
       maxWidth: asideWidth,
       minWidth: asideWidth,
       flex: "0 0 ".concat(asideWidth)
     }, style);
 
-    return /* @__PURE__ */React__default["default"].createElement("aside", _objectSpread$2L({
+    return /* @__PURE__ */React__default["default"].createElement("aside", _objectSpread$2M({
       className: asideClassNames,
       style: asideStyle
     }, otherAsideProps), children);
@@ -2998,9 +2998,9 @@
       _excluded3 = ["className", "style", "children"],
       _excluded4 = ["direction", "className", "style", "children"];
 
-  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$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$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$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 Header$1 = function Header(props) {
     var _useConfig = useConfig$1(),
@@ -3012,7 +3012,7 @@
         others = _objectWithoutProperties$2(props, _excluded$y);
 
     var headerClassNames = classNames$1("".concat(classPrefix, "-layout__header"), className);
-    return /* @__PURE__ */React__default["default"].createElement("header", _objectSpread$2K({
+    return /* @__PURE__ */React__default["default"].createElement("header", _objectSpread$2L({
       className: headerClassNames,
       style: style
     }, others), children);
@@ -3028,7 +3028,7 @@
         others = _objectWithoutProperties$2(props, _excluded2$2);
 
     var footerClassNames = classNames$1("".concat(classPrefix, "-layout__footer"), className);
-    return /* @__PURE__ */React__default["default"].createElement("footer", _objectSpread$2K({
+    return /* @__PURE__ */React__default["default"].createElement("footer", _objectSpread$2L({
       className: footerClassNames,
       style: style
     }, others), children);
@@ -3044,7 +3044,7 @@
         others = _objectWithoutProperties$2(props, _excluded3);
 
     var contentClassNames = classNames$1("".concat(classPrefix, "-layout__content"), className);
-    return /* @__PURE__ */React__default["default"].createElement("main", _objectSpread$2K({
+    return /* @__PURE__ */React__default["default"].createElement("main", _objectSpread$2L({
       className: contentClassNames,
       style: style
     }, others), children);
@@ -3075,7 +3075,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$2K({
+    return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$2L({
       className: layoutClassNames,
       style: style
     }, otherLayoutProps), children);
@@ -3104,9 +3104,9 @@
 
   var _excluded$x = ["flex", "offset", "order", "pull", "push", "span", "tag", "className", "children", "style"];
 
-  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$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 _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$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; }
 
   var calcColPadding = function calcColPadding(gutter, currentSize) {
     var paddingObj = {};
@@ -3186,14 +3186,14 @@
         sizeObj = sizeProp || {};
       }
 
-      return _objectSpread$2J(_objectSpread$2J({}, 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$2K(_objectSpread$2K({}, 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$2J(_objectSpread$2J({}, calcColPadding(rowGutter, rowSize)), propStyle);
+    var colStyle = _objectSpread$2K(_objectSpread$2K({}, calcColPadding(rowGutter, rowSize)), propStyle);
 
     flex && (colStyle.flex = parseFlex(flex));
-    return /*#__PURE__*/React__default["default"].createElement(tag, _objectSpread$2J({
+    return /*#__PURE__*/React__default["default"].createElement(tag, _objectSpread$2K({
       className: colClassNames,
       style: colStyle
     }, otherColProps), children);
@@ -3507,9 +3507,9 @@
 
   var _excluded$w = ["align", "gutter", "justify", "tag", "style", "className", "children"];
 
-  function ownKeys$2J(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$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 _objectSpread$2I(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) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2J(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  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; }
 
   var calcSize = function calcSize(width) {
     var smWidth = getCssVarsValue("--td-screen-sm") || 768;
@@ -3620,7 +3620,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$2I(_objectSpread$2I({}, calcRowStyle(gutter, size)), propStyle);
+    var rowStyle = _objectSpread$2J(_objectSpread$2J({}, calcRowStyle(gutter, size)), propStyle);
 
     React.useEffect(function () {
       window.addEventListener("resize", updateSize);
@@ -3628,7 +3628,7 @@
         window.removeEventListener("resize", updateSize);
       };
     });
-    return /*#__PURE__*/React__default["default"].createElement(tag, _objectSpread$2I({
+    return /*#__PURE__*/React__default["default"].createElement(tag, _objectSpread$2J({
       className: rowClassNames,
       style: rowStyle
     }, otherRowProps), React__default["default"].Children.map(children, function (child) {
@@ -3753,9 +3753,9 @@
     };
   }
 
-  function ownKeys$2I(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$2J(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$2H(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) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2I(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$2I(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) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2J(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;
 
@@ -3782,11 +3782,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$2H(_objectSpread$2H({}, basicStyle), {}, {
+      setStyle$1(circleElem, _objectSpread$2I(_objectSpread$2I({}, basicStyle), {}, {
         background: "conic-gradient(from 90deg at 50% 50%,".concat(endColor, " 0deg, ").concat(color, " 360deg)")
       }));
     } else {
-      setStyle$1(circleElem, _objectSpread$2H(_objectSpread$2H({}, basicStyle), {}, {
+      setStyle$1(circleElem, _objectSpread$2I(_objectSpread$2I({}, basicStyle), {}, {
         background: ""
       }));
     }
@@ -3831,9 +3831,9 @@
     size: "medium"
   };
 
-  function ownKeys$2H(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$2I(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$2G(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) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2H(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$2H(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) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2I(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,
@@ -3895,7 +3895,7 @@
         styles.fontSize = size;
       }
 
-      return style ? _objectSpread$2G(_objectSpread$2G({}, styles), style) : styles;
+      return style ? _objectSpread$2H(_objectSpread$2H({}, styles), style) : styles;
     }, [size, zIndex, style]);
     var sizeMap = {
       large: "".concat(classPrefix, "-size-l"),
@@ -3961,9 +3961,9 @@
   Loading$1.displayName = "Loading";
   Loading$1.defaultProps = loadingDefaultProps;
 
-  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 ownKeys$2H(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$3(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; }
+  function _objectSpread$2G(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) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2H(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);
@@ -3988,7 +3988,7 @@
       fullscreen: !attach,
       showOverlay: !!attach
     };
-    ReactDOM__default["default"].render( /* @__PURE__ */React__default["default"].createElement(Loading$1, _objectSpread$2F(_objectSpread$2F(_objectSpread$2F({}, defaultProps), props), {}, {
+    ReactDOM__default["default"].render( /* @__PURE__ */React__default["default"].createElement(Loading$1, _objectSpread$2G(_objectSpread$2G(_objectSpread$2G({}, defaultProps), props), {}, {
       attach: null
     })), div);
     container.appendChild(div);
@@ -9724,9 +9724,9 @@
     trigger: "hover"
   };
 
-  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 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$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$3(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; }
+  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$3(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; }
 
   function getPopperPlacement(placement) {
     return placement.replace(/-(left|top)$/, "-start").replace(/-(right|bottom)$/, "-end");
@@ -9815,7 +9815,7 @@
         newPlacement = state.options.placement.replace("right", "left");
       }
 
-      Object.assign(state.options, _objectSpread$2E(_objectSpread$2E({}, state.options), {}, {
+      Object.assign(state.options, _objectSpread$2F(_objectSpread$2F({}, state.options), {}, {
         placement: newPlacement
       }));
       popperRef.current.update();
@@ -9832,8 +9832,8 @@
         styles = _popperRef$current.styles,
         attributes = _popperRef$current.attributes;
     var defaultStyles = React.useMemo(function () {
-      if (triggerRef && typeof overlayStyle === "function") return _objectSpread$2E({}, overlayStyle(triggerRef, overlayRef));
-      return _objectSpread$2E({}, overlayStyle);
+      if (triggerRef && typeof overlayStyle === "function") return _objectSpread$2F({}, overlayStyle(triggerRef, overlayRef));
+      return _objectSpread$2F({}, overlayStyle);
     }, [overlayStyle, triggerRef, overlayRef, visible]);
     var overlayVisibleStyle = defaultStyles;
     var triggerNodeTemp = React.useMemo(function () {
@@ -9859,7 +9859,7 @@
         triggerProps = _useTriggerProps2[0],
         popupProps = _useTriggerProps2[1];
 
-    var triggerNode = /*#__PURE__*/React.cloneElement(triggerNodeTemp, _objectSpread$2E({
+    var triggerNode = /*#__PURE__*/React.cloneElement(triggerNodeTemp, _objectSpread$2F({
       ref: composeRefs(triggerNodeTemp.ref, setTriggerRef)
     }, triggerProps));
 
@@ -9902,7 +9902,7 @@
       triggerNode: triggerRef,
       attach: attach,
       ref: portalRef
-    }, /* @__PURE__ */React__default["default"].createElement(CSSTransition$1, _objectSpread$2E({
+    }, /* @__PURE__ */React__default["default"].createElement(CSSTransition$1, _objectSpread$2F({
       appear: true,
       timeout: 0,
       "in": visible,
@@ -9911,9 +9911,9 @@
       classPrefix: classPrefix,
       expandAnimation: expandAnimation && keepExpand,
       fadeAnimation: keepFade
-    })), /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$2E(_objectSpread$2E({
+    })), /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$2F(_objectSpread$2F({
       ref: composeRefs(setOverlayRef, ref, popupRef),
-      style: _objectSpread$2E(_objectSpread$2E({}, styles.popper), {}, {
+      style: _objectSpread$2F(_objectSpread$2F({}, styles.popper), {}, {
         zIndex: zIndex
       }),
       className: "".concat(classPrefix, "-popup")
@@ -10084,11 +10084,11 @@
     variant: "base"
   };
 
-  var _excluded$v = ["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", "suffix", "href", "tag", "onClick"];
 
-  function ownKeys$2E(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$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$2D(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2E(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2E(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  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$3(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 Button$1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _classNames;
 
@@ -10105,6 +10105,9 @@
         children = _ref.children,
         content = _ref.content,
         className = _ref.className,
+        suffix = _ref.suffix,
+        href = _ref.href,
+        tag = _ref.tag,
         onClick = _ref.onClick,
         buttonProps = _objectWithoutProperties$2(_ref, _excluded$v);
 
@@ -10119,27 +10122,30 @@
       loading: loading,
       inheritColor: true
     });
-    var renderTheme = theme;
-
-    if (!theme) {
-      if (variant === "base") {
-        renderTheme = "primary";
-      } else {
-        renderTheme = "default";
-      }
-    }
-
-    return /* @__PURE__ */React__default["default"].createElement("button", _objectSpread$2D(_objectSpread$2D({}, buttonProps), {}, {
-      ref: ref || btnRef,
+    var renderTheme = React.useMemo(function () {
+      if (!theme) {
+        if (variant === "base") return "primary";
+        return "default";
+      }
+
+      return theme;
+    }, [theme, variant]);
+    var renderTag = React.useMemo(function () {
+      if (!tag && href) return "a";
+      return tag || "button";
+    }, [tag, href]);
+    return /*#__PURE__*/React__default["default"].createElement(renderTag, _objectSpread$2E(_objectSpread$2E({}, buttonProps), {}, {
+      href: href,
       type: type,
+      ref: ref || btnRef,
+      disabled: disabled || loading,
       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)),
-      onClick: !disabled && !loading ? onClick : void 0,
-      disabled: disabled || loading
-    }), iconNode ? /* @__PURE__ */React__default["default"].createElement(React__default["default"].Fragment, null, iconNode, renderChildren && /* @__PURE__ */React__default["default"].createElement("span", {
+      onClick: !disabled && !loading ? onClick : void 0
+    }), /* @__PURE__ */React__default["default"].createElement(React__default["default"].Fragment, null, iconNode, renderChildren && /* @__PURE__ */React__default["default"].createElement("span", {
       className: "".concat(classPrefix, "-button__text")
-    }, renderChildren)) : /* @__PURE__ */React__default["default"].createElement("span", {
-      className: "".concat(classPrefix, "-button__text")
-    }, renderChildren));
+    }, renderChildren), suffix && /* @__PURE__ */React__default["default"].createElement("span", {
+      className: "".concat(classPrefix, "-button__suffix")
+    }, suffix)));
   });
   Button$1.displayName = "Button";
   Button$1.defaultProps = buttonDefaultProps;
@@ -10328,7 +10334,7 @@
 
   var _excluded$u = ["icon", "id", "className", "size", "style"];
 
-  function ownKeys$2D(object, enumerableOnly) {
+  function ownKeys$2E(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -10341,12 +10347,12 @@
     return keys;
   }
 
-  function _objectSpread$2C(target) {
+  function _objectSpread$2D(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$2D(Object(source), !0).forEach(function (key) {
+      i % 2 ? ownKeys$2E(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2D(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2E(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10355,7 +10361,7 @@
   }
 
   function render(node, id, rootProps) {
-    return /*#__PURE__*/React.createElement(node.tag, _objectSpread$2C(_objectSpread$2C({
+    return /*#__PURE__*/React.createElement(node.tag, _objectSpread$2D(_objectSpread$2D({
       key: id
     }, node.attrs), rootProps), (node.children || []).map(function (child, index) {
       return render(child, "".concat(id, "-").concat(node.tag, "-").concat(index));
@@ -10375,14 +10381,14 @@
         sizeStyle = _useSizeProps.style;
 
     var cls = classNames("t-icon", "t-icon-".concat(id), className, sizeClassName);
-    return render(icon, "".concat(id), _objectSpread$2C({
+    return render(icon, "".concat(id), _objectSpread$2D({
       ref: ref,
       className: cls,
-      style: _objectSpread$2C(_objectSpread$2C({}, style), sizeStyle)
+      style: _objectSpread$2D(_objectSpread$2D({}, style), sizeStyle)
     }, restProps));
   });
 
-  function ownKeys$2C(object, enumerableOnly) {
+  function ownKeys$2D(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -10395,12 +10401,12 @@
     return keys;
   }
 
-  function _objectSpread$2B(target) {
+  function _objectSpread$2C(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$2C(Object(source), !0).forEach(function (key) {
+      i % 2 ? ownKeys$2D(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2C(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2D(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10434,7 +10440,7 @@
   };
 
   var AddRectangleIcon = function AddRectangleIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2B(_objectSpread$2B({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2C(_objectSpread$2C({}, props), {}, {
       id: "add-rectangle",
       icon: element$B
     }));
@@ -10442,7 +10448,7 @@
 
   AddRectangleIcon.displayName = "AddRectangleIcon";
 
-  function ownKeys$2B(object, enumerableOnly) {
+  function ownKeys$2C(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -10455,12 +10461,12 @@
     return keys;
   }
 
-  function _objectSpread$2A(target) {
+  function _objectSpread$2B(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$2B(Object(source), !0).forEach(function (key) {
+      i % 2 ? ownKeys$2C(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2B(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2C(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10487,7 +10493,7 @@
   };
 
   var AddIcon = function AddIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2A(_objectSpread$2A({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2B(_objectSpread$2B({}, props), {}, {
       id: "add",
       icon: element$A
     }));
@@ -10495,7 +10501,7 @@
 
   AddIcon.displayName = "AddIcon";
 
-  function ownKeys$2A(object, enumerableOnly) {
+  function ownKeys$2B(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -10508,12 +10514,12 @@
     return keys;
   }
 
-  function _objectSpread$2z(target) {
+  function _objectSpread$2A(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$2A(Object(source), !0).forEach(function (key) {
+      i % 2 ? ownKeys$2B(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2A(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2B(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10547,7 +10553,7 @@
   };
 
   var BrowseOffIcon = function BrowseOffIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2z(_objectSpread$2z({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2A(_objectSpread$2A({}, props), {}, {
       id: "browse-off",
       icon: element$z
     }));
@@ -10555,7 +10561,7 @@
 
   BrowseOffIcon.displayName = "BrowseOffIcon";
 
-  function ownKeys$2z(object, enumerableOnly) {
+  function ownKeys$2A(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -10568,12 +10574,12 @@
     return keys;
   }
 
-  function _objectSpread$2y(target) {
+  function _objectSpread$2z(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$2z(Object(source), !0).forEach(function (key) {
+      i % 2 ? ownKeys$2A(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2z(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2A(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10607,7 +10613,7 @@
   };
 
   var BrowseIcon = function BrowseIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2y(_objectSpread$2y({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2z(_objectSpread$2z({}, props), {}, {
       id: "browse",
       icon: element$y
     }));
@@ -10615,7 +10621,7 @@
 
   BrowseIcon.displayName = "BrowseIcon";
 
-  function ownKeys$2y(object, enumerableOnly) {
+  function ownKeys$2z(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -10628,12 +10634,12 @@
     return keys;
   }
 
-  function _objectSpread$2x(target) {
+  function _objectSpread$2y(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$2y(Object(source), !0).forEach(function (key) {
+      i % 2 ? ownKeys$2z(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2y(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2z(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10660,7 +10666,7 @@
   };
 
   var CalendarIcon = function CalendarIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2x(_objectSpread$2x({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2y(_objectSpread$2y({}, props), {}, {
       id: "calendar",
       icon: element$x
     }));
@@ -10668,7 +10674,7 @@
 
   CalendarIcon.displayName = "CalendarIcon";
 
-  function ownKeys$2x(object, enumerableOnly) {
+  function ownKeys$2y(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -10681,12 +10687,12 @@
     return keys;
   }
 
-  function _objectSpread$2w(target) {
+  function _objectSpread$2x(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$2x(Object(source), !0).forEach(function (key) {
+      i % 2 ? ownKeys$2y(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2x(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2y(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10713,7 +10719,7 @@
   };
 
   var CaretRightSmallIcon = function CaretRightSmallIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2w(_objectSpread$2w({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2x(_objectSpread$2x({}, props), {}, {
       id: "caret-right-small",
       icon: element$w
     }));
@@ -10721,7 +10727,7 @@
 
   CaretRightSmallIcon.displayName = "CaretRightSmallIcon";
 
-  function ownKeys$2w(object, enumerableOnly) {
+  function ownKeys$2x(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -10734,12 +10740,12 @@
     return keys;
   }
 
-  function _objectSpread$2v(target) {
+  function _objectSpread$2w(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$2w(Object(source), !0).forEach(function (key) {
+      i % 2 ? ownKeys$2x(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2w(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2x(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10766,7 +10772,7 @@
   };
 
   var CheckCircleFilledIcon = function CheckCircleFilledIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2v(_objectSpread$2v({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2w(_objectSpread$2w({}, props), {}, {
       id: "check-circle-filled",
       icon: element$v
     }));
@@ -10774,7 +10780,7 @@
 
   CheckCircleFilledIcon.displayName = "CheckCircleFilledIcon";
 
-  function ownKeys$2v(object, enumerableOnly) {
+  function ownKeys$2w(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -10787,12 +10793,12 @@
     return keys;
   }
 
-  function _objectSpread$2u(target) {
+  function _objectSpread$2v(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) {
+      i % 2 ? ownKeys$2w(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2v(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2w(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10826,7 +10832,7 @@
   };
 
   var CheckCircleIcon = function CheckCircleIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2u(_objectSpread$2u({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2v(_objectSpread$2v({}, props), {}, {
       id: "check-circle",
       icon: element$u
     }));
@@ -10834,7 +10840,7 @@
 
   CheckCircleIcon.displayName = "CheckCircleIcon";
 
-  function ownKeys$2u(object, enumerableOnly) {
+  function ownKeys$2v(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -10847,12 +10853,12 @@
     return keys;
   }
 
-  function _objectSpread$2t(target) {
+  function _objectSpread$2u(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) {
+      i % 2 ? ownKeys$2v(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2u(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2v(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10879,7 +10885,7 @@
   };
 
   var CheckIcon = function CheckIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2t(_objectSpread$2t({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2u(_objectSpread$2u({}, props), {}, {
       id: "check",
       icon: element$t
     }));
@@ -10887,7 +10893,7 @@
 
   CheckIcon.displayName = "CheckIcon";
 
-  function ownKeys$2t(object, enumerableOnly) {
+  function ownKeys$2u(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -10900,12 +10906,12 @@
     return keys;
   }
 
-  function _objectSpread$2s(target) {
+  function _objectSpread$2t(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) {
+      i % 2 ? ownKeys$2u(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2t(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2u(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10932,7 +10938,7 @@
   };
 
   var ChevronDownIcon = function ChevronDownIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2s(_objectSpread$2s({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2t(_objectSpread$2t({}, props), {}, {
       id: "chevron-down",
       icon: element$s
     }));
@@ -10940,7 +10946,7 @@
 
   ChevronDownIcon.displayName = "ChevronDownIcon";
 
-  function ownKeys$2s(object, enumerableOnly) {
+  function ownKeys$2t(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -10953,12 +10959,12 @@
     return keys;
   }
 
-  function _objectSpread$2r(target) {
+  function _objectSpread$2s(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) {
+      i % 2 ? ownKeys$2t(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2s(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2t(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10992,7 +10998,7 @@
   };
 
   var ChevronLeftDoubleIcon = function ChevronLeftDoubleIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2r(_objectSpread$2r({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2s(_objectSpread$2s({}, props), {}, {
       id: "chevron-left-double",
       icon: element$r
     }));
@@ -11000,7 +11006,7 @@
 
   ChevronLeftDoubleIcon.displayName = "ChevronLeftDoubleIcon";
 
-  function ownKeys$2r(object, enumerableOnly) {
+  function ownKeys$2s(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11013,12 +11019,12 @@
     return keys;
   }
 
-  function _objectSpread$2q(target) {
+  function _objectSpread$2r(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) {
+      i % 2 ? ownKeys$2s(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2r(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2s(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11045,7 +11051,7 @@
   };
 
   var ChevronLeftIcon = function ChevronLeftIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2q(_objectSpread$2q({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2r(_objectSpread$2r({}, props), {}, {
       id: "chevron-left",
       icon: element$q
     }));
@@ -11053,7 +11059,7 @@
 
   ChevronLeftIcon.displayName = "ChevronLeftIcon";
 
-  function ownKeys$2q(object, enumerableOnly) {
+  function ownKeys$2r(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11066,12 +11072,12 @@
     return keys;
   }
 
-  function _objectSpread$2p(target) {
+  function _objectSpread$2q(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) {
+      i % 2 ? ownKeys$2r(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2q(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2r(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11105,7 +11111,7 @@
   };
 
   var ChevronRightCircleIcon = function ChevronRightCircleIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2p(_objectSpread$2p({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2q(_objectSpread$2q({}, props), {}, {
       id: "chevron-right-circle",
       icon: element$p
     }));
@@ -11113,7 +11119,7 @@
 
   ChevronRightCircleIcon.displayName = "ChevronRightCircleIcon";
 
-  function ownKeys$2p(object, enumerableOnly) {
+  function ownKeys$2q(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11126,12 +11132,12 @@
     return keys;
   }
 
-  function _objectSpread$2o(target) {
+  function _objectSpread$2p(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) {
+      i % 2 ? ownKeys$2q(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2p(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2q(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11158,7 +11164,7 @@
   };
 
   var ChevronRightDoubleIcon = function ChevronRightDoubleIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2o(_objectSpread$2o({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2p(_objectSpread$2p({}, props), {}, {
       id: "chevron-right-double",
       icon: element$o
     }));
@@ -11166,7 +11172,7 @@
 
   ChevronRightDoubleIcon.displayName = "ChevronRightDoubleIcon";
 
-  function ownKeys$2o(object, enumerableOnly) {
+  function ownKeys$2p(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11179,12 +11185,12 @@
     return keys;
   }
 
-  function _objectSpread$2n(target) {
+  function _objectSpread$2o(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) {
+      i % 2 ? ownKeys$2p(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2o(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2p(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11211,7 +11217,7 @@
   };
 
   var ChevronRightIcon = function ChevronRightIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2n(_objectSpread$2n({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2o(_objectSpread$2o({}, props), {}, {
       id: "chevron-right",
       icon: element$n
     }));
@@ -11219,7 +11225,7 @@
 
   ChevronRightIcon.displayName = "ChevronRightIcon";
 
-  function ownKeys$2n(object, enumerableOnly) {
+  function ownKeys$2o(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11232,12 +11238,12 @@
     return keys;
   }
 
-  function _objectSpread$2m(target) {
+  function _objectSpread$2n(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) {
+      i % 2 ? ownKeys$2o(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2n(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2o(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11264,7 +11270,7 @@
   };
 
   var ChevronUpIcon = function ChevronUpIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2m(_objectSpread$2m({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2n(_objectSpread$2n({}, props), {}, {
       id: "chevron-up",
       icon: element$m
     }));
@@ -11272,7 +11278,7 @@
 
   ChevronUpIcon.displayName = "ChevronUpIcon";
 
-  function ownKeys$2m(object, enumerableOnly) {
+  function ownKeys$2n(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11285,12 +11291,12 @@
     return keys;
   }
 
-  function _objectSpread$2l(target) {
+  function _objectSpread$2m(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) {
+      i % 2 ? ownKeys$2n(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2m(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2n(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11317,7 +11323,7 @@
   };
 
   var CloseCircleFilledIcon = function CloseCircleFilledIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2l(_objectSpread$2l({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2m(_objectSpread$2m({}, props), {}, {
       id: "close-circle-filled",
       icon: element$l
     }));
@@ -11325,7 +11331,7 @@
 
   CloseCircleFilledIcon.displayName = "CloseCircleFilledIcon";
 
-  function ownKeys$2l(object, enumerableOnly) {
+  function ownKeys$2m(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11338,12 +11344,12 @@
     return keys;
   }
 
-  function _objectSpread$2k(target) {
+  function _objectSpread$2l(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) {
+      i % 2 ? ownKeys$2m(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2l(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2m(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11377,7 +11383,7 @@
   };
 
   var CloseCircleIcon = function CloseCircleIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2k(_objectSpread$2k({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2l(_objectSpread$2l({}, props), {}, {
       id: "close-circle",
       icon: element$k
     }));
@@ -11385,7 +11391,7 @@
 
   CloseCircleIcon.displayName = "CloseCircleIcon";
 
-  function ownKeys$2k(object, enumerableOnly) {
+  function ownKeys$2l(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11398,12 +11404,12 @@
     return keys;
   }
 
-  function _objectSpread$2j(target) {
+  function _objectSpread$2k(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) {
+      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$2k(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));
       });
     }
@@ -11430,7 +11436,7 @@
   };
 
   var CloseIcon = function CloseIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2j(_objectSpread$2j({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2k(_objectSpread$2k({}, props), {}, {
       id: "close",
       icon: element$j
     }));
@@ -11438,7 +11444,7 @@
 
   CloseIcon.displayName = "CloseIcon";
 
-  function ownKeys$2j(object, enumerableOnly) {
+  function ownKeys$2k(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11451,12 +11457,12 @@
     return keys;
   }
 
-  function _objectSpread$2i(target) {
+  function _objectSpread$2j(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$2k(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$2k(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11490,7 +11496,7 @@
   };
 
   var DeleteIcon = function DeleteIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2i(_objectSpread$2i({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2j(_objectSpread$2j({}, props), {}, {
       id: "delete",
       icon: element$i
     }));
@@ -11498,7 +11504,7 @@
 
   DeleteIcon.displayName = "DeleteIcon";
 
-  function ownKeys$2i(object, enumerableOnly) {
+  function ownKeys$2j(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11511,12 +11517,12 @@
     return keys;
   }
 
-  function _objectSpread$2h(target) {
+  function _objectSpread$2i(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$2j(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$2j(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11549,7 +11555,7 @@
   };
 
   var Edit1Icon = function Edit1Icon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2h(_objectSpread$2h({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2i(_objectSpread$2i({}, props), {}, {
       id: "edit-1",
       icon: element$h
     }));
@@ -11557,7 +11563,7 @@
 
   Edit1Icon.displayName = "Edit1Icon";
 
-  function ownKeys$2h(object, enumerableOnly) {
+  function ownKeys$2i(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11570,12 +11576,12 @@
     return keys;
   }
 
-  function _objectSpread$2g(target) {
+  function _objectSpread$2h(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$2i(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$2i(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11602,7 +11608,7 @@
   };
 
   var EllipsisIcon = function EllipsisIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2g(_objectSpread$2g({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2h(_objectSpread$2h({}, props), {}, {
       id: "ellipsis",
       icon: element$g
     }));
@@ -11610,7 +11616,7 @@
 
   EllipsisIcon.displayName = "EllipsisIcon";
 
-  function ownKeys$2g(object, enumerableOnly) {
+  function ownKeys$2h(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11623,12 +11629,12 @@
     return keys;
   }
 
-  function _objectSpread$2f(target) {
+  function _objectSpread$2g(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$2h(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$2h(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11655,7 +11661,7 @@
   };
 
   var ErrorCircleFilledIcon = function ErrorCircleFilledIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2f(_objectSpread$2f({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2g(_objectSpread$2g({}, props), {}, {
       id: "error-circle-filled",
       icon: element$f
     }));
@@ -11663,7 +11669,7 @@
 
   ErrorCircleFilledIcon.displayName = "ErrorCircleFilledIcon";
 
-  function ownKeys$2f(object, enumerableOnly) {
+  function ownKeys$2g(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11676,12 +11682,12 @@
     return keys;
   }
 
-  function _objectSpread$2e(target) {
+  function _objectSpread$2f(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$2g(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$2g(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11715,7 +11721,7 @@
   };
 
   var ErrorCircleIcon = function ErrorCircleIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2e(_objectSpread$2e({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2f(_objectSpread$2f({}, props), {}, {
       id: "error-circle",
       icon: element$e
     }));
@@ -11723,7 +11729,7 @@
 
   ErrorCircleIcon.displayName = "ErrorCircleIcon";
 
-  function ownKeys$2e(object, enumerableOnly) {
+  function ownKeys$2f(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11736,12 +11742,12 @@
     return keys;
   }
 
-  function _objectSpread$2d(target) {
+  function _objectSpread$2e(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$2e(Object(source), !0).forEach(function (key) {
+      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$2e(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2f(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11775,7 +11781,7 @@
   };
 
   var FileCopyIcon = function FileCopyIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2d(_objectSpread$2d({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2e(_objectSpread$2e({}, props), {}, {
       id: "file-copy",
       icon: element$d
     }));
@@ -11783,7 +11789,7 @@
 
   FileCopyIcon.displayName = "FileCopyIcon";
 
-  function ownKeys$2d(object, enumerableOnly) {
+  function ownKeys$2e(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11796,12 +11802,12 @@
     return keys;
   }
 
-  function _objectSpread$2c(target) {
+  function _objectSpread$2d(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$2d(Object(source), !0).forEach(function (key) {
+      i % 2 ? ownKeys$2e(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2d(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2e(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11828,7 +11834,7 @@
   };
 
   var FilterIcon = function FilterIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2c(_objectSpread$2c({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2d(_objectSpread$2d({}, props), {}, {
       id: "filter",
       icon: element$c
     }));
@@ -11836,7 +11842,7 @@
 
   FilterIcon.displayName = "FilterIcon";
 
-  function ownKeys$2c(object, enumerableOnly) {
+  function ownKeys$2d(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11849,12 +11855,12 @@
     return keys;
   }
 
-  function _objectSpread$2b(target) {
+  function _objectSpread$2c(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$2c(Object(source), !0).forEach(function (key) {
+      i % 2 ? ownKeys$2d(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2c(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2d(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11881,7 +11887,7 @@
   };
 
   var HelpCircleFilledIcon = function HelpCircleFilledIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2b(_objectSpread$2b({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2c(_objectSpread$2c({}, props), {}, {
       id: "help-circle-filled",
       icon: element$b
     }));
@@ -11889,7 +11895,7 @@
 
   HelpCircleFilledIcon.displayName = "HelpCircleFilledIcon";
 
-  function ownKeys$2b(object, enumerableOnly) {
+  function ownKeys$2c(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11902,12 +11908,12 @@
     return keys;
   }
 
-  function _objectSpread$2a(target) {
+  function _objectSpread$2b(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$2b(Object(source), !0).forEach(function (key) {
+      i % 2 ? ownKeys$2c(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2b(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2c(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11934,7 +11940,7 @@
   };
 
   var InfoCircleFilledIcon = function InfoCircleFilledIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2a(_objectSpread$2a({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2b(_objectSpread$2b({}, props), {}, {
       id: "info-circle-filled",
       icon: element$a
     }));
@@ -11942,7 +11948,7 @@
 
   InfoCircleFilledIcon.displayName = "InfoCircleFilledIcon";
 
-  function ownKeys$2a(object, enumerableOnly) {
+  function ownKeys$2b(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11955,12 +11961,12 @@
     return keys;
   }
 
-  function _objectSpread$29(target) {
+  function _objectSpread$2a(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$2a(Object(source), !0).forEach(function (key) {
+      i % 2 ? ownKeys$2b(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2a(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2b(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11994,7 +12000,7 @@
   };
 
   var MinusRectangleIcon = function MinusRectangleIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$29(_objectSpread$29({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2a(_objectSpread$2a({}, props), {}, {
       id: "minus-rectangle",
       icon: element$9
     }));
@@ -12002,7 +12008,7 @@
 
   MinusRectangleIcon.displayName = "MinusRectangleIcon";
 
-  function ownKeys$29(object, enumerableOnly) {
+  function ownKeys$2a(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -12015,12 +12021,12 @@
     return keys;
   }
 
-  function _objectSpread$28(target) {
+  function _objectSpread$29(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$29(Object(source), !0).forEach(function (key) {
+      i % 2 ? ownKeys$2a(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$29(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2a(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -12047,7 +12053,7 @@
   };
 
   var PageFirstIcon = function PageFirstIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$28(_objectSpread$28({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$29(_objectSpread$29({}, props), {}, {
       id: "page-first",
       icon: element$8
     }));
@@ -12055,7 +12061,7 @@
 
   PageFirstIcon.displayName = "PageFirstIcon";
 
-  function ownKeys$28(object, enumerableOnly) {
+  function ownKeys$29(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -12068,12 +12074,12 @@
     return keys;
   }
 
-  function _objectSpread$27(target) {
+  function _objectSpread$28(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$28(Object(source), !0).forEach(function (key) {
+      i % 2 ? ownKeys$29(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$28(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$29(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -12100,7 +12106,7 @@
   };
 
   var PageLastIcon = function PageLastIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$27(_objectSpread$27({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$28(_objectSpread$28({}, props), {}, {
       id: "page-last",
       icon: element$7
     }));
@@ -12108,7 +12114,7 @@
 
   PageLastIcon.displayName = "PageLastIcon";
 
-  function ownKeys$27(object, enumerableOnly) {
+  function ownKeys$28(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -12121,12 +12127,12 @@
     return keys;
   }
 
-  function _objectSpread$26(target) {
+  function _objectSpread$27(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$27(Object(source), !0).forEach(function (key) {
+      i % 2 ? ownKeys$28(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$27(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$28(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -12153,7 +12159,7 @@
   };
 
   var RemoveIcon = function RemoveIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$26(_objectSpread$26({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$27(_objectSpread$27({}, props), {}, {
       id: "remove",
       icon: element$6
     }));
@@ -12161,7 +12167,7 @@
 
   RemoveIcon.displayName = "RemoveIcon";
 
-  function ownKeys$26(object, enumerableOnly) {
+  function ownKeys$27(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -12174,12 +12180,12 @@
     return keys;
   }
 
-  function _objectSpread$25(target) {
+  function _objectSpread$26(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$26(Object(source), !0).forEach(function (key) {
+      i % 2 ? ownKeys$27(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$26(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$27(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -12206,7 +12212,7 @@
   };
 
   var RoundIcon = function RoundIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$25(_objectSpread$25({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$26(_objectSpread$26({}, props), {}, {
       id: "round",
       icon: element$5
     }));
@@ -12214,7 +12220,7 @@
 
   RoundIcon.displayName = "RoundIcon";
 
-  function ownKeys$25(object, enumerableOnly) {
+  function ownKeys$26(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -12227,12 +12233,12 @@
     return keys;
   }
 
-  function _objectSpread$24(target) {
+  function _objectSpread$25(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$25(Object(source), !0).forEach(function (key) {
+      i % 2 ? ownKeys$26(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$25(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$26(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -12259,7 +12265,7 @@
   };
 
   var SearchIcon = function SearchIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$24(_objectSpread$24({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$25(_objectSpread$25({}, props), {}, {
       id: "search",
       icon: element$4
     }));
@@ -12267,7 +12273,7 @@
 
   SearchIcon.displayName = "SearchIcon";
 
-  function ownKeys$24(object, enumerableOnly) {
+  function ownKeys$25(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -12280,12 +12286,12 @@
     return keys;
   }
 
-  function _objectSpread$23(target) {
+  function _objectSpread$24(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$24(Object(source), !0).forEach(function (key) {
+      i % 2 ? ownKeys$25(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$24(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$25(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -12319,7 +12325,7 @@
   };
 
   var SettingIcon = function SettingIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$23(_objectSpread$23({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$24(_objectSpread$24({}, props), {}, {
       id: "setting",
       icon: element$3
     }));
@@ -12327,7 +12333,7 @@
 
   SettingIcon.displayName = "SettingIcon";
 
-  function ownKeys$23(object, enumerableOnly) {
+  function ownKeys$24(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -12340,12 +12346,12 @@
     return keys;
   }
 
-  function _objectSpread$22(target) {
+  function _objectSpread$23(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$23(Object(source), !0).forEach(function (key) {
+      i % 2 ? ownKeys$24(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$23(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$24(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -12372,7 +12378,7 @@
   };
 
   var TimeFilledIcon = function TimeFilledIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$22(_objectSpread$22({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$23(_objectSpread$23({}, props), {}, {
       id: "time-filled",
       icon: element$2
     }));
@@ -12380,7 +12386,7 @@
 
   TimeFilledIcon.displayName = "TimeFilledIcon";
 
-  function ownKeys$22(object, enumerableOnly) {
+  function ownKeys$23(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -12393,12 +12399,12 @@
     return keys;
   }
 
-  function _objectSpread$21(target) {
+  function _objectSpread$22(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$22(Object(source), !0).forEach(function (key) {
+      i % 2 ? ownKeys$23(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$22(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$23(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -12432,7 +12438,7 @@
   };
 
   var TimeIcon = function TimeIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$21(_objectSpread$21({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$22(_objectSpread$22({}, props), {}, {
       id: "time",
       icon: element$1
     }));
@@ -12440,7 +12446,7 @@
 
   TimeIcon.displayName = "TimeIcon";
 
-  function ownKeys$21(object, enumerableOnly) {
+  function ownKeys$22(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -12453,12 +12459,12 @@
     return keys;
   }
 
-  function _objectSpread$20(target) {
+  function _objectSpread$21(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$21(Object(source), !0).forEach(function (key) {
+      i % 2 ? ownKeys$22(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$21(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$22(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -12492,7 +12498,7 @@
   };
 
   var UploadIcon = function UploadIcon(props) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$20(_objectSpread$20({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$21(_objectSpread$21({}, props), {}, {
       id: "upload",
       icon: element
     }));
@@ -13116,11 +13122,11 @@
   });
   var camelCase_1 = camelCase;
 
-  function ownKeys$20(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$21(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$1$(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$20(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$20(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$20(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$21(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$21(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   function omit$1(obj, fields) {
-    var shallowCopy = _objectSpread$1$({}, obj);
+    var shallowCopy = _objectSpread$20({}, obj);
 
     for (var i = 0; i < fields.length; i++) {
       var key = fields[i];
@@ -13179,9 +13185,9 @@
 
   var _excluded$t = ["separate", "children", "className"];
 
-  function ownKeys$1$(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$20(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$1_(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1$(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1$(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1$(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$20(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$20(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var InputGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var _useConfig = useConfig$1(),
         classPrefix = _useConfig.classPrefix;
@@ -13191,7 +13197,7 @@
         className = props.className,
         wrapperProps = _objectWithoutProperties$2(props, _excluded$t);
 
-    return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$1_({
+    return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$1$({
       ref: ref,
       className: classNames$1("".concat(classPrefix, "-input-group"), className, _defineProperty$3({}, "".concat(classPrefix, "-input-group--separate"), separate))
     }, wrapperProps), children);
@@ -13256,9 +13262,9 @@
   }
   ConfigProvider.displayName = "ConfigProvider";
 
-  function ownKeys$1_(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$1$(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$1Z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1_(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1_(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1_(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1$(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1$(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   function useLocaleReceiver(componentName, defaultLocale) {
     var _React$useContext = React__default["default"].useContext(ConfigContext$1),
         globalConfig = _React$useContext.globalConfig;
@@ -13296,7 +13302,7 @@
       var locale = defaultLocale || {};
       var connectLocaleByName = globalConfig[componentName];
       var localeFromContext = componentName && globalConfig ? connectLocaleByName : {};
-      return _objectSpread$1Z(_objectSpread$1Z({}, typeof locale === "function" ? locale() : locale), localeFromContext || {});
+      return _objectSpread$1_(_objectSpread$1_({}, typeof locale === "function" ? locale() : locale), localeFromContext || {});
     }, [componentName, defaultLocale, globalConfig]);
     return [componentLocale, transformLocale];
   }
@@ -13316,9 +13322,9 @@
 
   var _excluded$s = ["type", "autoWidth", "placeholder", "disabled", "status", "size", "className", "inputClass", "style", "prefixIcon", "suffixIcon", "clearable", "tips", "align", "maxlength", "maxcharacter", "showClearIconOnEmpty", "autofocus", "autocomplete", "readonly", "label", "suffix", "showInput", "keepWrapperWidth", "format", "onClick", "onClear", "onEnter", "onKeydown", "onKeyup", "onKeypress", "onFocus", "onBlur", "onPaste", "onMouseenter", "onMouseleave", "onWheel", "onCompositionstart", "onCompositionend", "onChange"];
 
-  function ownKeys$1Z(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$1_(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$1Y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1Z(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1Z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1Z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1_(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1_(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   var renderIcon$1 = function renderIcon(classPrefix, type, icon) {
     var result = null;
@@ -13642,7 +13648,7 @@
         }
       };
     });
-    return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$1Y({
+    return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$1Z({
       ref: wrapperRef,
       style: style,
       className: classNames$1("".concat(classPrefix, "-input__wrap"), className, _defineProperty$3({}, "".concat(classPrefix, "-input--auto-width"), autoWidth && !keepWrapperWidth))
@@ -13659,9 +13665,9 @@
 
   var _excluded$r = ["prepend", "append", "children", "className", "style"];
 
-  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; }
+  function ownKeys$1Z(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$1X(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1Y(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1Y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1Y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1Z(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1Z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var InputAdornment$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var _classNames;
 
@@ -13698,7 +13704,7 @@
         if (!child) return null;
 
         if ( /*#__PURE__*/React__default["default"].isValidElement(child)) {
-          return /*#__PURE__*/React__default["default"].cloneElement(child, _objectSpread$1X({}, wrapperProps));
+          return /*#__PURE__*/React__default["default"].cloneElement(child, _objectSpread$1Y({}, wrapperProps));
         }
 
         return child;
@@ -13723,9 +13729,9 @@
 
   var _excluded$q = ["message", "title", "operation", "theme", "icon", "close", "maxLine", "onClose", "className"];
 
-  function ownKeys$1X(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$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; }
 
-  function _objectSpread$1W(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1X(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1X(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1X(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1Y(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1Y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Alert$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var message = props.message,
         title = props.title,
@@ -13820,7 +13826,7 @@
       }, typeof close === "boolean" ? /* @__PURE__ */React__default["default"].createElement(CloseIcon, null) : close);
     };
 
-    return closed ? null : /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$1W({
+    return closed ? null : /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$1X({
       ref: ref,
       className: classNames$1("".concat(classPrefix, "-alert"), "".concat(classPrefix, "-alert--").concat(theme), className)
     }, alertProps), /* @__PURE__ */React__default["default"].createElement("div", {
@@ -13851,9 +13857,9 @@
 
   var _excluded$p = ["color", "dot", "maxCount", "count", "size", "shape", "showZero", "offset", "className", "content", "children", "style"];
 
-  function ownKeys$1W(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$1X(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$1V(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1W(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1W(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1W(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1X(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1X(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Badge$1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var color = _ref.color,
         dot = _ref.dot,
@@ -13890,7 +13896,7 @@
     }
 
     var getStyle = function getStyle() {
-      var mergedStyle = _objectSpread$1V({}, style);
+      var mergedStyle = _objectSpread$1W({}, style);
 
       if (color) mergedStyle.backgroundColor = color;
 
@@ -13907,12 +13913,12 @@
       return mergedStyle;
     };
 
-    var badge = !isHidden ? /* @__PURE__ */React__default["default"].createElement("span", _objectSpread$1V(_objectSpread$1V({}, childNode ? {} : restProps), {}, {
+    var badge = !isHidden ? /* @__PURE__ */React__default["default"].createElement("span", _objectSpread$1W(_objectSpread$1W({}, childNode ? {} : restProps), {}, {
       className: badgeClassName,
       style: getStyle()
     }), !dot ? getDisplayCount() : null) : null;
     if (!childNode) return badge;
-    return /* @__PURE__ */React__default["default"].createElement("span", _objectSpread$1V(_objectSpread$1V({}, restProps), {}, {
+    return /* @__PURE__ */React__default["default"].createElement("span", _objectSpread$1W(_objectSpread$1W({}, restProps), {}, {
       className: classNames$1("".concat(classPrefix, "-badge"), className),
       ref: ref
     }), childNode, badge);
@@ -13953,9 +13959,9 @@
 
   var _excluded$o = ["allowUncheck", "type", "disabled", "name", "value", "onChange", "indeterminate", "children", "label", "className", "style", "readonly"];
 
-  function ownKeys$1V(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$1W(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$1U(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1V(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1V(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1V(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1W(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1W(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var CheckContext = /*#__PURE__*/React__default["default"].createContext(null);
   var Check = /*#__PURE__*/React.forwardRef(function (_props, ref) {
     var _classNames;
@@ -14012,7 +14018,7 @@
         });
       }
     });
-    return /* @__PURE__ */React__default["default"].createElement("label", _objectSpread$1U({
+    return /* @__PURE__ */React__default["default"].createElement("label", _objectSpread$1V({
       ref: ref,
       className: labelClassName,
       title: props.title,
@@ -14071,9 +14077,9 @@
     variant: "outline"
   };
 
-  function ownKeys$1U(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$1V(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$1T(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1U(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1U(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1U(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1V(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1V(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   var RadioGroup$1 = function RadioGroup(props) {
     var _classNames;
@@ -14114,7 +14120,7 @@
         }
 
         var checkValue = checkProps.value;
-        return _objectSpread$1T(_objectSpread$1T({}, checkProps), {}, {
+        return _objectSpread$1U(_objectSpread$1U({}, checkProps), {}, {
           checked: internalValue === checkProps.value,
           disabled: checkProps.disabled || disabled,
           onChange: function onChange(checked, _ref) {
@@ -14190,18 +14196,18 @@
   RadioGroup$1.displayName = "RadioGroup";
   RadioGroup$1.defaultProps = radioGroupDefaultProps;
 
-  function ownKeys$1T(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$1U(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$1S(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1T(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1T(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1T(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1U(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1U(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Radio$1 = forwardRefWithStatics(function (props, ref) {
-    return /* @__PURE__ */React__default["default"].createElement(Check, _objectSpread$1S({
+    return /* @__PURE__ */React__default["default"].createElement(Check, _objectSpread$1T({
       ref: ref,
       type: "radio"
     }, props));
   }, {
     Group: RadioGroup$1,
     Button: /*#__PURE__*/React.forwardRef(function (props, ref) {
-      return /* @__PURE__ */React__default["default"].createElement(Check, _objectSpread$1S({
+      return /* @__PURE__ */React__default["default"].createElement(Check, _objectSpread$1T({
         ref: ref,
         type: "radio-button"
       }, props));
@@ -14262,9 +14268,9 @@
     defaultValue: []
   };
 
-  function ownKeys$1S(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$1T(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$1R(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1S(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1S(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1S(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1T(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1T(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   var getCheckboxValue = function getCheckboxValue(v) {
     switch (_typeof$1(v)) {
@@ -14347,7 +14353,7 @@
         }
 
         var checkValue = checkProps.value;
-        return _objectSpread$1R(_objectSpread$1R({}, checkProps), {}, {
+        return _objectSpread$1S(_objectSpread$1S({}, checkProps), {}, {
           checked: checkProps.checkAll ? checkAllChecked : checkedSet.has(checkValue),
           indeterminate: checkProps.checkAll ? indeterminate : checkProps.indeterminate,
           disabled: checkProps.disabled || disabled || checkedSet.size >= localMax && !checkedSet.has(checkValue),
@@ -14417,10 +14423,10 @@
         case "object":
           {
             var _vs2 = v;
-            return _vs2.checkAll ? /* @__PURE__ */React__default["default"].createElement(Checkbox$1, _objectSpread$1R(_objectSpread$1R({}, v), {}, {
+            return _vs2.checkAll ? /* @__PURE__ */React__default["default"].createElement(Checkbox$1, _objectSpread$1S(_objectSpread$1S({}, v), {}, {
               key: "checkAll_".concat(index),
               indeterminate: indeterminate
-            })) : /* @__PURE__ */React__default["default"].createElement(Checkbox$1, _objectSpread$1R(_objectSpread$1R({}, v), {}, {
+            })) : /* @__PURE__ */React__default["default"].createElement(Checkbox$1, _objectSpread$1S(_objectSpread$1S({}, v), {}, {
               key: index,
               disabled: _vs2.disabled || disabled
             }));
@@ -14435,11 +14441,11 @@
   CheckboxGroup$2.displayName = "CheckboxGroup";
   CheckboxGroup$2.defaultProps = checkboxGroupDefaultProps;
 
-  function ownKeys$1R(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$1S(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$1Q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1R(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1R(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1R(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1S(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1S(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Checkbox$1 = forwardRefWithStatics(function (props, ref) {
-    return /* @__PURE__ */React__default["default"].createElement(Check, _objectSpread$1Q({
+    return /* @__PURE__ */React__default["default"].createElement(Check, _objectSpread$1R({
       ref: ref,
       type: "checkbox"
     }, props));
@@ -14603,9 +14609,9 @@
   var _excluded$n = ["align", "className", "style", "defaultValue", "value", "disabled", "size", "theme", "step", "max", "min", "decimalPlaces", "format", "onChange", "onBlur", "onFocus", "onEnter", "onKeydown", "onKeyup", "onKeypress"],
       _excluded2$1 = ["value"];
 
-  function ownKeys$1Q(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$1R(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$1P(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1Q(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1Q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1Q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1R(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1R(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var InputNumber$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var _classNames;
 
@@ -14881,7 +14887,7 @@
       disabledDecrease: disabledDecrease,
       disabledIncrease: disabledIncrease,
       onStep: onInternalStep
-    }, /* @__PURE__ */React__default["default"].createElement(Input, _objectSpread$1P({
+    }, /* @__PURE__ */React__default["default"].createElement(Input, _objectSpread$1Q({
       disabled: disabled,
       value: internalInputValue,
       onChange: onInternalInput,
@@ -14985,9 +14991,9 @@
   StepItem.displayName = "StepItem";
   StepItem.defaultProps = stepItemDefaultProps;
 
-  function ownKeys$1P(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$1Q(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$1O(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1P(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1P(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1P(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1Q(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1Q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Steps$1 = forwardRefWithStatics(function (props, ref) {
     var _classnames;
 
@@ -15056,7 +15062,7 @@
         var optionsDisplayList = sequence === "reverse" ? options.reverse() : options;
         return options.map(function (item, index) {
           var stepIndex = sequence === "reverse" ? optionsDisplayList.length - index - 1 : index;
-          return /* @__PURE__ */React__default["default"].createElement(StepItem, _objectSpread$1O(_objectSpread$1O({
+          return /* @__PURE__ */React__default["default"].createElement(StepItem, _objectSpread$1P(_objectSpread$1P({
             key: index
           }, item), {}, {
             index: stepIndex,
@@ -15069,7 +15075,7 @@
       var childrenDisplayList = sequence === "reverse" ? childrenList.reverse() : childrenList;
       return childrenList.map(function (child, index) {
         var stepIndex = sequence === "reverse" ? childrenDisplayList.length - index - 1 : index;
-        return /*#__PURE__*/React__default["default"].cloneElement(child, _objectSpread$1O(_objectSpread$1O({}, child.props), {}, {
+        return /*#__PURE__*/React__default["default"].cloneElement(child, _objectSpread$1P(_objectSpread$1P({}, child.props), {}, {
           index: stepIndex,
           status: handleStatus(child.props, index)
         }));
@@ -15242,9 +15248,9 @@
     }) : null;
   }
 
-  function ownKeys$1O(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$1P(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$1N(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1O(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1O(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1O(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1P(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1P(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   var MessageComponent = function MessageComponent(props) {
     var _useMessageClass = useMessageClass(),
@@ -15268,12 +15274,12 @@
     }, icon ? icon : /* @__PURE__ */React__default["default"].createElement(MessageIcon, {
       theme: theme,
       onCloseBtnClick: onCloseBtnClick
-    }), content ? content : children, /* @__PURE__ */React__default["default"].createElement(MessageClose, _objectSpread$1N({}, props)));
+    }), content ? content : children, /* @__PURE__ */React__default["default"].createElement(MessageClose, _objectSpread$1O({}, props)));
   };
 
-  function ownKeys$1N(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$1O(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$1M(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1N(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1N(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1N(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1O(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1O(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var MessageList = [];
   var keyIndex = 1;
   var globalConfig = {
@@ -15366,7 +15372,7 @@
     }
 
     return new Promise(function (resolve) {
-      ReactDOM__default["default"].render( /* @__PURE__ */React__default["default"].createElement(MessageComponent, _objectSpread$1M({
+      ReactDOM__default["default"].render( /* @__PURE__ */React__default["default"].createElement(MessageComponent, _objectSpread$1N({
         theme: theme,
         style: style,
         key: keyIndex
@@ -15386,7 +15392,7 @@
     var config = {};
 
     if (isConfig(content)) {
-      config = _objectSpread$1M({
+      config = _objectSpread$1N({
         duration: duration
       }, content);
     } else {
@@ -15396,7 +15402,7 @@
       };
     }
 
-    config = _objectSpread$1M(_objectSpread$1M({}, config), {}, {
+    config = _objectSpread$1N(_objectSpread$1N({}, config), {}, {
       zIndex: config.zIndex || globalConfig.zIndex
     });
     return renderElement(theme, config);
@@ -16151,6 +16157,19 @@
     if (_typeof$1(subAffixProps) === "object") return subAffixProps;
     return {};
   }
+  function getEditableKeysMap(keys, list, rowKey) {
+    var map = {};
+
+    for (var i = 0, len = list.length; i < len; i++) {
+      var rowValue = get_1(list[i], rowKey);
+
+      if (keys.includes(rowValue)) {
+        map[rowValue] = true;
+      }
+    }
+
+    return map;
+  }
 
   var logSet = /* @__PURE__ */new Set();
   var log = {
@@ -16198,9 +16217,9 @@
     return scrollbarWidth;
   }
 
-  function ownKeys$1M(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$1N(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$1L(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1M(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1M(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1M(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1N(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1N(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   function getColumnFixedStyles(col, index, rowAndColFixedPosition, tableColFixedClasses) {
     var _thClasses;
 
@@ -16438,7 +16457,7 @@
           if (obj !== null && obj !== void 0 && (_obj$col = obj.col) !== null && _obj$col !== void 0 && _obj$col.fixed) {
             var _th$getBoundingClient;
 
-            initialColumnMap.set(colKey, _objectSpread$1L(_objectSpread$1L({}, obj), {}, {
+            initialColumnMap.set(colKey, _objectSpread$1M(_objectSpread$1M({}, obj), {}, {
               width: th === null || th === void 0 ? void 0 : (_th$getBoundingClient = th.getBoundingClientRect) === null || _th$getBoundingClient === void 0 ? void 0 : _th$getBoundingClient.call(th).width
             }));
           }
@@ -16476,7 +16495,7 @@
         }
 
         thisRowInfo.top = (lastRowInfo.top || defaultBottom) + (lastRowInfo.height || 0);
-        initialColumnMap.set(rowId, _objectSpread$1L(_objectSpread$1L({}, thisRowInfo), {}, {
+        initialColumnMap.set(rowId, _objectSpread$1M(_objectSpread$1M({}, thisRowInfo), {}, {
           height: tr === null || tr === void 0 ? void 0 : (_tr$getBoundingClient = tr.getBoundingClientRect) === null || _tr$getBoundingClient === void 0 ? void 0 : _tr$getBoundingClient.call(tr).height
         }));
       }
@@ -16503,7 +16522,7 @@
         }
 
         _thisRowInfo.bottom = (_lastRowInfo.bottom || _defaultBottom) + (_lastRowInfo.height || 0);
-        initialColumnMap.set(_rowId, _objectSpread$1L(_objectSpread$1L({}, _thisRowInfo), {}, {
+        initialColumnMap.set(_rowId, _objectSpread$1M(_objectSpread$1M({}, _thisRowInfo), {}, {
           height: _tr === null || _tr === void 0 ? void 0 : (_tr$getBoundingClient2 = _tr.getBoundingClientRect) === null || _tr$getBoundingClient2 === void 0 ? void 0 : _tr$getBoundingClient2.call(_tr).height
         }));
       }
@@ -16723,6 +16742,7 @@
     var classNames = {
       tableBaseClass: {
         table: "".concat(classPrefix, "-table"),
+        columnResizableTable: "".concat(classPrefix, "-table--column-resizable"),
         body: "".concat(classPrefix, "-table__body"),
         overflowVisible: "".concat(classPrefix, "-table--overflow-visible"),
         content: "".concat(classPrefix, "-table__content"),
@@ -16731,6 +16751,7 @@
         tdLastRow: "".concat(classPrefix, "-table__td-last-row"),
         tdFirstCol: "".concat(classPrefix, "-table__td-first-col"),
         thCellInner: "".concat(classPrefix, "-table__th-cell-inner"),
+        tableRowEdit: "".concat(classPrefix, "-table--row-edit"),
         cellEditable: "".concat(classPrefix, "-table__cell--editable"),
         cellEditWrap: "".concat(classPrefix, "-table__cell-wrap"),
         bordered: "".concat(classPrefix, "-table--bordered"),
@@ -16825,7 +16846,8 @@
       },
       tableSelectedClasses: {
         selected: "".concat(classPrefix, "-table__row--selected"),
-        disabled: "".concat(classPrefix, "-table__row--disabled")
+        disabled: "".concat(classPrefix, "-table__row--disabled"),
+        checkCell: "".concat(classPrefix, "-table__cell-check")
       },
       tableFilterClasses: {
         filterable: "".concat(classPrefix, "-table__cell--filterable"),
@@ -16866,9 +16888,9 @@
     return classNames;
   }
 
-  function ownKeys$1L(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$1M(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$1K(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1L(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1L(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1L(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1M(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1M(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   function Ellipsis(props) {
     var _useConfig = useConfig$1(),
         classPrefix = _useConfig.classPrefix;
@@ -16904,7 +16926,7 @@
     var content = null;
 
     if (isOverflow) {
-      var rProps = _objectSpread$1K({
+      var rProps = _objectSpread$1L({
         content: props.popupContent || cellNode,
         destroyOnClose: true,
         zIndex: props.zIndex,
@@ -16912,7 +16934,7 @@
         placement: props.placement
       }, props.popupProps || {});
 
-      content = /* @__PURE__ */React__default["default"].createElement(Popup, _objectSpread$1K({}, rProps), ellipsisContent);
+      content = /* @__PURE__ */React__default["default"].createElement(Popup, _objectSpread$1L({}, rProps), ellipsisContent);
     } else {
       content = ellipsisContent;
     }
@@ -17068,9 +17090,9 @@
     };
   }
 
-  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; }
+  function ownKeys$1L(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$1J(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1K(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1K(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1K(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1L(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1L(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var TABLE_PROPS = ["rowKey", "rowClassName", "columns", "fixedRows", "footData", "rowAttributes", "rowspanAndColspan", "scroll", "onCellClick", "onRowClick", "onRowDblclick", "onRowMouseover", "onRowMousedown", "onRowMouseenter", "onRowMouseleave", "onRowMouseup"];
   function renderCell(params) {
     var col = params.col,
@@ -17081,7 +17103,7 @@
     }
 
     if (isFunction_1(col.render)) {
-      return col.render(_objectSpread$1J(_objectSpread$1J({}, params), {}, {
+      return col.render(_objectSpread$1K(_objectSpread$1K({}, params), {}, {
         type: "cell"
       }));
     }
@@ -17128,7 +17150,7 @@
       return [trStyles === null || trStyles === void 0 ? void 0 : trStyles.classes, customClasses];
     }, [row, rowClassName, rowIndex, rowKey, trStyles === null || trStyles === void 0 ? void 0 : trStyles.classes]);
     var useLazyLoadParams = React.useMemo(function () {
-      return _objectSpread$1J(_objectSpread$1J({}, scroll), {}, {
+      return _objectSpread$1K(_objectSpread$1K({}, scroll), {}, {
         rowIndex: rowIndex
       });
     }, [scroll, rowIndex]);
@@ -17165,7 +17187,7 @@
           rowAndColFixedPosition2 = extra.rowAndColFixedPosition;
       var cellNode = renderCell(params);
       var tdStyles = getColumnFixedStyles(col, colIndex, rowAndColFixedPosition2, tableColFixedClasses);
-      var customClasses = isFunction_1(col.className) ? col.className(_objectSpread$1J(_objectSpread$1J({}, params), {}, {
+      var customClasses = isFunction_1(col.className) ? col.className(_objectSpread$1K(_objectSpread$1K({}, params), {}, {
         type: "td"
       })) : col.className;
       var classes2 = [tdStyles.classes, customClasses, (_ref = {}, _defineProperty$3(_ref, tdEllipsisClass, col.ellipsis), _defineProperty$3(_ref, tableBaseClass.tdLastRow, rowIndex2 + cellSpans.rowspan === dataLength2), _defineProperty$3(_ref, tableBaseClass.tdFirstCol, colIndex === 0 && props.rowspanAndColspan), _defineProperty$3(_ref, tdAlignClasses[col.align], col.align && col.align !== "left"), _defineProperty$3(_ref, tableDraggableClasses.handle, col.colKey === "drag"), _ref)];
@@ -17173,20 +17195,20 @@
       var onClick = function onClick(e) {
         var _props$onCellClick;
 
-        var p = _objectSpread$1J(_objectSpread$1J({}, params), {}, {
+        var p = _objectSpread$1K(_objectSpread$1K({}, params), {}, {
           e: e
         });
 
         (_props$onCellClick = props.onCellClick) === null || _props$onCellClick === void 0 ? void 0 : _props$onCellClick.call(props, p);
       };
 
-      var attrs = _objectSpread$1J(_objectSpread$1J({}, col.attrs), {}, {
+      var attrs = _objectSpread$1K(_objectSpread$1K({}, col.attrs), {}, {
         rowSpan: cellSpans.rowspan,
         colSpan: cellSpans.colspan
       });
 
       if (!col.colKey) return null;
-      return /* @__PURE__ */React__default["default"].createElement("td", _objectSpread$1J(_objectSpread$1J({
+      return /* @__PURE__ */React__default["default"].createElement("td", _objectSpread$1K(_objectSpread$1K({
         key: col.colKey,
         className: classNames$1(classes2),
         style: tdStyles.style
@@ -17228,7 +17250,7 @@
       row: row,
       index: rowIndex
     };
-    return /* @__PURE__ */React__default["default"].createElement("tr", _objectSpread$1J(_objectSpread$1J({
+    return /* @__PURE__ */React__default["default"].createElement("tr", _objectSpread$1K(_objectSpread$1K({
       ref: trRef
     }, trAttributes), {}, {
       style: trStyles === null || trStyles === void 0 ? void 0 : trStyles.style,
@@ -17236,49 +17258,49 @@
       onClick: function onClick(e) {
         var _props$onRowClick;
 
-        return (_props$onRowClick = props.onRowClick) === null || _props$onRowClick === void 0 ? void 0 : _props$onRowClick.call(props, _objectSpread$1J(_objectSpread$1J({}, rowParams), {}, {
+        return (_props$onRowClick = props.onRowClick) === null || _props$onRowClick === void 0 ? void 0 : _props$onRowClick.call(props, _objectSpread$1K(_objectSpread$1K({}, rowParams), {}, {
           e: e
         }));
       },
       onDoubleClick: function onDoubleClick(e) {
         var _props$onRowDblclick;
 
-        return (_props$onRowDblclick = props.onRowDblclick) === null || _props$onRowDblclick === void 0 ? void 0 : _props$onRowDblclick.call(props, _objectSpread$1J(_objectSpread$1J({}, rowParams), {}, {
+        return (_props$onRowDblclick = props.onRowDblclick) === null || _props$onRowDblclick === void 0 ? void 0 : _props$onRowDblclick.call(props, _objectSpread$1K(_objectSpread$1K({}, rowParams), {}, {
           e: e
         }));
       },
       onMouseDown: function onMouseDown(e) {
         var _props$onRowMousedown;
 
-        return (_props$onRowMousedown = props.onRowMousedown) === null || _props$onRowMousedown === void 0 ? void 0 : _props$onRowMousedown.call(props, _objectSpread$1J(_objectSpread$1J({}, rowParams), {}, {
+        return (_props$onRowMousedown = props.onRowMousedown) === null || _props$onRowMousedown === void 0 ? void 0 : _props$onRowMousedown.call(props, _objectSpread$1K(_objectSpread$1K({}, rowParams), {}, {
           e: e
         }));
       },
       onMouseEnter: function onMouseEnter(e) {
         var _props$onRowMouseente;
 
-        return (_props$onRowMouseente = props.onRowMouseenter) === null || _props$onRowMouseente === void 0 ? void 0 : _props$onRowMouseente.call(props, _objectSpread$1J(_objectSpread$1J({}, rowParams), {}, {
+        return (_props$onRowMouseente = props.onRowMouseenter) === null || _props$onRowMouseente === void 0 ? void 0 : _props$onRowMouseente.call(props, _objectSpread$1K(_objectSpread$1K({}, rowParams), {}, {
           e: e
         }));
       },
       onMouseLeave: function onMouseLeave(e) {
         var _props$onRowMouseleav;
 
-        return (_props$onRowMouseleav = props.onRowMouseleave) === null || _props$onRowMouseleav === void 0 ? void 0 : _props$onRowMouseleav.call(props, _objectSpread$1J(_objectSpread$1J({}, rowParams), {}, {
+        return (_props$onRowMouseleav = props.onRowMouseleave) === null || _props$onRowMouseleav === void 0 ? void 0 : _props$onRowMouseleav.call(props, _objectSpread$1K(_objectSpread$1K({}, rowParams), {}, {
           e: e
         }));
       },
       onMouseUp: function onMouseUp(e) {
         var _props$onRowMouseup;
 
-        return (_props$onRowMouseup = props.onRowMouseup) === null || _props$onRowMouseup === void 0 ? void 0 : _props$onRowMouseup.call(props, _objectSpread$1J(_objectSpread$1J({}, rowParams), {}, {
+        return (_props$onRowMouseup = props.onRowMouseup) === null || _props$onRowMouseup === void 0 ? void 0 : _props$onRowMouseup.call(props, _objectSpread$1K(_objectSpread$1K({}, rowParams), {}, {
           e: e
         }));
       },
       onMouseOver: function onMouseOver(e) {
         var _props$onRowMouseover;
 
-        return (_props$onRowMouseover = props.onRowMouseover) === null || _props$onRowMouseover === void 0 ? void 0 : _props$onRowMouseover.call(props, _objectSpread$1J(_objectSpread$1J({}, rowParams), {}, {
+        return (_props$onRowMouseover = props.onRowMouseover) === null || _props$onRowMouseover === void 0 ? void 0 : _props$onRowMouseover.call(props, _objectSpread$1K(_objectSpread$1K({}, rowParams), {}, {
           e: e
         }));
       }
@@ -17292,9 +17314,9 @@
   }
   TR.displayName = "TR";
 
-  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; }
+  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; }
 
-  function _objectSpread$1I(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1J(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1J(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1J(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1K(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1K(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var extendTableProps = ["rowKey", "rowClassName", "rowAttributes", "loading", "empty", "fixedRows", "firstFullRow", "lastFullRow", "rowspanAndColspan", "scroll", "onCellClick", "onPageChange", "onRowClick", "onRowDblclick", "onRowMouseover", "onRowMousedown", "onRowMouseenter", "onRowMouseleave", "onRowMouseup", "onScroll", "onScrollX", "onScrollY"];
   function TBody(props) {
     var data = props.data,
@@ -17365,7 +17387,7 @@
     var trNodeList = [];
     var properties = ["rowAndColFixedPosition", "scroll", "tableElm", "tableContentElm", "trs", "bufferSize", "isVirtual", "rowHeight", "scrollType"];
     data === null || data === void 0 ? void 0 : data.forEach(function (row, rowIndex) {
-      var trProps = _objectSpread$1I(_objectSpread$1I({}, pick_1(props, TABLE_PROPS)), {}, {
+      var trProps = _objectSpread$1J(_objectSpread$1J({}, pick_1(props, TABLE_PROPS)), {}, {
         rowKey: props.rowKey || "id",
         row: row,
         columns: columns,
@@ -17378,7 +17400,7 @@
         trProps.onCellClick = props.onCellClick;
       }
 
-      var trNode = /* @__PURE__ */React__default["default"].createElement(TR, _objectSpread$1I(_objectSpread$1I({
+      var trNode = /* @__PURE__ */React__default["default"].createElement(TR, _objectSpread$1J(_objectSpread$1J({
         key: get_1(row, props.rowKey || "id") || rowIndex
       }, trProps), {}, {
         onRowMounted: props.handleRowMounted
@@ -17408,7 +17430,7 @@
     };
     return /* @__PURE__ */React__default["default"].createElement("tbody", {
       className: classNames$1(tbodyClasses),
-      style: props.isVirtual && _objectSpread$1I({}, posStyle)
+      style: props.isVirtual && _objectSpread$1J({}, posStyle)
     }, isEmpty ? renderEmpty(columns) : list);
   }
   TBody.displayName = "TBody";
@@ -17648,9 +17670,9 @@
     return list;
   }
 
-  function ownKeys$1I(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$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; }
 
-  function _objectSpread$1H(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1I(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1I(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1I(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1J(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1J(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   function renderTitle(col, index) {
     var params = {
       col: col,
@@ -17662,7 +17684,7 @@
     }
 
     if (isFunction_1(col.render)) {
-      return col.render(_objectSpread$1H(_objectSpread$1H({}, params), {}, {
+      return col.render(_objectSpread$1I(_objectSpread$1I({}, params), {}, {
         row: {},
         rowIndex: -1,
         type: "title"
@@ -17725,9 +17747,9 @@
     };
   }
 
-  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; }
+  function ownKeys$1I(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$1G(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1H(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1H(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1H(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1I(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1I(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   function THead(props) {
     var _ref;
 
@@ -17764,14 +17786,14 @@
             row: {},
             rowIndex: -1
           };
-          var customClasses = isFunction_1(col.className) ? col.className(_objectSpread$1G(_objectSpread$1G({}, colParams), {}, {
+          var customClasses = isFunction_1(col.className) ? col.className(_objectSpread$1H(_objectSpread$1H({}, colParams), {}, {
             type: "th"
           })) : col.className;
           var thClasses = [thStyles.classes, customClasses, (_ref2 = {}, _defineProperty$3(_ref2, tableHeaderClasses.thBordered, thBorderMap.get(col)), _defineProperty$3(_ref2, "".concat(classPrefix, "-table__th-").concat(col.colKey), col.colKey), _defineProperty$3(_ref2, classnames.tdAlignClasses[col.align], col.align && col.align !== "left"), _ref2)];
           var withoutChildren = !((_col$children = col.children) !== null && _col$children !== void 0 && _col$children.length);
           var width = withoutChildren && thWidthList !== null && thWidthList !== void 0 && thWidthList[col.colKey] ? "".concat(thWidthList === null || thWidthList === void 0 ? void 0 : thWidthList[col.colKey], "px") : void 0;
 
-          var styles = _objectSpread$1G(_objectSpread$1G({}, thStyles.style || {}), {}, {
+          var styles = _objectSpread$1H(_objectSpread$1H({}, thStyles.style || {}), {}, {
             width: width
           });
 
@@ -17793,7 +17815,7 @@
             col: col,
             colIndex: index
           }) : void 0;
-          return /* @__PURE__ */React__default["default"].createElement("th", _objectSpread$1G(_objectSpread$1G({
+          return /* @__PURE__ */React__default["default"].createElement("th", _objectSpread$1H(_objectSpread$1H({
             key: col.colKey,
             "data-colkey": col.colKey,
             className: classNames$1(thClasses),
@@ -17824,9 +17846,9 @@
     }, renderThNodeList(props.rowAndColFixedPosition, props.thWidthList));
   }
 
-  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; }
+  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; }
 
-  function _objectSpread$1F(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1G(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1G(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1G(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1H(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1H(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   function TFoot(props) {
     var footData = props.footData,
         columns = props.columns;
@@ -17860,7 +17882,7 @@
         rowIndex: rowIndex,
         type: "foot"
       }, props.rowKey || "id");
-      return /* @__PURE__ */React__default["default"].createElement("tr", _objectSpread$1F(_objectSpread$1F({
+      return /* @__PURE__ */React__default["default"].createElement("tr", _objectSpread$1G(_objectSpread$1G({
         key: rowIndex
       }, trAttributes), {}, {
         className: classNames$1(customClasses)
@@ -17869,7 +17891,7 @@
 
         var tdStyles = getColumnFixedStyles(col, colIndex, props.rowAndColFixedPosition, classnames.tableColFixedClasses);
 
-        var style = _objectSpread$1F({}, tdStyles.style);
+        var style = _objectSpread$1G({}, tdStyles.style);
 
         if ((_props$thWidthList = props.thWidthList) !== null && _props$thWidthList !== void 0 && _props$thWidthList[col.colKey]) {
           style.width = "".concat(props.thWidthList[col.colKey] || 0, "px");
@@ -17889,9 +17911,9 @@
     }));
   }
 
-  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; }
+  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; }
 
-  function _objectSpread$1E(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1F(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1F(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1F(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1G(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1G(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var DEFAULT_MIN_WIDTH = 80;
   var DEFAULT_MAX_WIDTH = 600;
   function useColumnResize(tableContentRef, refreshTable) {
@@ -17991,7 +18013,7 @@
           resizeLineParams.isDragging = false;
           resizeLineParams.draggingCol = null;
           target.style.cursor = "";
-          setResizeLineStyle(_objectSpread$1E(_objectSpread$1E({}, resizeLineStyle), {}, {
+          setResizeLineStyle(_objectSpread$1F(_objectSpread$1F({}, resizeLineStyle), {}, {
             display: "none",
             left: "0"
           }));
@@ -19303,9 +19325,9 @@
     valueType: "value"
   };
 
-  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; }
+  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; }
 
-  function _objectSpread$1D(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1E(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1E(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1E(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1F(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1F(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   var OptionGroup = function OptionGroup(props) {
     var children = props.children,
@@ -19323,7 +19345,7 @@
           selectedValue: selectedValue,
           onSelect: onSelect
         };
-        return /*#__PURE__*/React.cloneElement(child, _objectSpread$1D({}, addedProps));
+        return /*#__PURE__*/React.cloneElement(child, _objectSpread$1E({}, addedProps));
       }
 
       return child;
@@ -19536,9 +19558,9 @@
     }));
   }
 
-  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; }
+  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; }
 
-  function _objectSpread$1C(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1D(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1D(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1D(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1E(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1E(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var COMMON_PROPERTIES = ["status", "clearable", "disabled", "label", "placeholder", "readonly", "suffix", "suffixIcon", "onPaste", "onEnter", "onMouseenter", "onMouseleave"];
   var DEFAULT_KEYS$1 = {
     label: "label",
@@ -19570,7 +19592,7 @@
       return !disabled && loading;
     }, [loading, disabled]);
 
-    var commonInputProps = _objectSpread$1C(_objectSpread$1C({}, pick_1(props, COMMON_PROPERTIES)), {}, {
+    var commonInputProps = _objectSpread$1D(_objectSpread$1D({}, pick_1(props, COMMON_PROPERTIES)), {}, {
       suffixIcon: showLoading ? /* @__PURE__ */React__default["default"].createElement(Loading, {
         loading: true,
         size: "small"
@@ -19589,7 +19611,7 @@
 
     var onInnerInputChange = function onInnerInputChange(value2, context) {
       if (props.allowInput) {
-        setInputValue(value2, _objectSpread$1C(_objectSpread$1C({}, context), {}, {
+        setInputValue(value2, _objectSpread$1D(_objectSpread$1D({}, context), {}, {
           trigger: "input"
         }));
       }
@@ -19600,7 +19622,7 @@
 
       var singleValueDisplay = !props.multiple ? props.valueDisplay : null;
       var displayedValue = popupVisible && props.allowInput ? inputValue : getInputValue(value, keys);
-      return /* @__PURE__ */React__default["default"].createElement(Input, _objectSpread$1C(_objectSpread$1C(_objectSpread$1C({
+      return /* @__PURE__ */React__default["default"].createElement(Input, _objectSpread$1D(_objectSpread$1D(_objectSpread$1D({
         ref: inputRef
       }, commonInputProps), {}, {
         autoWidth: props.autoWidth,
@@ -19613,24 +19635,24 @@
         onBlur: function onBlur(val, context) {
           var _props$onBlur;
 
-          (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 ? void 0 : _props$onBlur.call(props, value, _objectSpread$1C(_objectSpread$1C({}, context), {}, {
+          (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 ? void 0 : _props$onBlur.call(props, value, _objectSpread$1D(_objectSpread$1D({}, context), {}, {
             inputValue: val
           }));
         },
         onFocus: function onFocus(val, context) {
           var _props$onFocus;
 
-          (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 ? void 0 : _props$onFocus.call(props, value, _objectSpread$1C(_objectSpread$1C({}, context), {}, {
+          (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 ? void 0 : _props$onFocus.call(props, value, _objectSpread$1D(_objectSpread$1D({}, context), {}, {
             inputValue: val
           }));
-          !popupVisible && setInputValue(getInputValue(value, keys), _objectSpread$1C(_objectSpread$1C({}, context), {}, {
+          !popupVisible && setInputValue(getInputValue(value, keys), _objectSpread$1D(_objectSpread$1D({}, context), {}, {
             trigger: "input"
           }));
         },
         onEnter: function onEnter(val, context) {
           var _props$onEnter;
 
-          (_props$onEnter = props.onEnter) === null || _props$onEnter === void 0 ? void 0 : _props$onEnter.call(props, value, _objectSpread$1C(_objectSpread$1C({}, context), {}, {
+          (_props$onEnter = props.onEnter) === null || _props$onEnter === void 0 ? void 0 : _props$onEnter.call(props, value, _objectSpread$1D(_objectSpread$1D({}, context), {}, {
             inputValue: val
           }));
         }
@@ -29365,9 +29387,9 @@
 
   var _excluded$m = ["content", "onClick", "disabled", "children", "className", "size", "onChange"];
 
-  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; }
+  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; }
 
-  function _objectSpread$1B(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1C(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1C(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1C(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1D(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1D(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var CheckTag = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var _classNames;
 
@@ -29395,7 +29417,7 @@
       small: "".concat(classPrefix, "-size-s")
     };
     var checkTagClassNames = classNames$1(tagClassPrefix, sizeMap[size], className, "".concat(tagClassPrefix, "--default"), "".concat(tagClassPrefix, "--check"), "".concat(tagClassPrefix, "--").concat(size), (_classNames = {}, _defineProperty$3(_classNames, "".concat(tagClassPrefix, "--disabled"), disabled), _defineProperty$3(_classNames, "".concat(tagClassPrefix, "--checked"), value), _classNames));
-    return /* @__PURE__ */React__default["default"].createElement("span", _objectSpread$1B(_objectSpread$1B({
+    return /* @__PURE__ */React__default["default"].createElement("span", _objectSpread$1C(_objectSpread$1C({
       ref: ref,
       className: checkTagClassNames
     }, tagOtherProps), {}, {
@@ -29417,9 +29439,9 @@
 
   var _excluded$l = ["theme", "size", "shape", "variant", "closable", "maxWidth", "icon", "content", "onClick", "onClose", "className", "style", "disabled", "children"];
 
-  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 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; }
 
-  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; }
+  function _objectSpread$1B(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1C(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1C(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Tag$1 = forwardRefWithStatics(function (props, ref) {
     var _classNames;
 
@@ -29459,7 +29481,7 @@
       },
       className: "".concat(tagClassPrefix, "__icon-close")
     });
-    var tag = /* @__PURE__ */React__default["default"].createElement("span", _objectSpread$1A({
+    var tag = /* @__PURE__ */React__default["default"].createElement("span", _objectSpread$1B({
       ref: ref,
       className: tagClassNames,
       onClick: function onClick(e) {
@@ -29469,7 +29491,7 @@
           e: e
         });
       },
-      style: maxWidth ? _objectSpread$1A({
+      style: maxWidth ? _objectSpread$1B({
         maxWidth: typeof maxWidth === "number" ? "".concat(maxWidth, "px") : maxWidth
       }, style) : style
     }, otherTagProps), icon, maxWidth ? /* @__PURE__ */React__default["default"].createElement("span", {
@@ -29484,9 +29506,9 @@
 
   var Tag = Tag$1;
 
-  function ownKeys$1A(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$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$1z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1A(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1A(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  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; }
   function useTagList(props) {
     var _useConfig = useConfig$1(),
         prefix = _useConfig.classPrefix;
@@ -29516,10 +29538,10 @@
       var arr = _toConsumableArray(tagValue);
 
       arr.splice(p.index, 1);
-      setTagValue(arr, _objectSpread$1z({
+      setTagValue(arr, _objectSpread$1A({
         trigger: "tag-remove"
       }, p));
-      onRemove === null || onRemove === void 0 ? void 0 : onRemove(_objectSpread$1z(_objectSpread$1z({}, p), {}, {
+      onRemove === null || onRemove === void 0 ? void 0 : onRemove(_objectSpread$1A(_objectSpread$1A({}, p), {}, {
         trigger: "tag-remove",
         value: arr
       }));
@@ -29550,7 +29572,7 @@
         });
       }
 
-      props === null || props === void 0 ? void 0 : (_props$onEnter = props.onEnter) === null || _props$onEnter === void 0 ? void 0 : _props$onEnter.call(props, newValue, _objectSpread$1z(_objectSpread$1z({}, context), {}, {
+      props === null || props === void 0 ? void 0 : (_props$onEnter = props.onEnter) === null || _props$onEnter === void 0 ? void 0 : _props$onEnter.call(props, newValue, _objectSpread$1A(_objectSpread$1A({}, context), {}, {
         inputValue: value
       }));
     };
@@ -29589,7 +29611,7 @@
         var tagContent = lodash.exports.isFunction(tag) ? tag({
           value: item
         }) : tag;
-        return /* @__PURE__ */React__default["default"].createElement(Tag, _objectSpread$1z(_objectSpread$1z({
+        return /* @__PURE__ */React__default["default"].createElement(Tag, _objectSpread$1A(_objectSpread$1A({
           key: index,
           size: size,
           disabled: disabled,
@@ -29680,9 +29702,9 @@
     defaultValue: []
   };
 
-  function ownKeys$1z(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$1A(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$1y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1z(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1A(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1A(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var TagInput$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var _ref;
 
@@ -29718,7 +29740,7 @@
         addHover = _useHover.addHover,
         cancelHover = _useHover.cancelHover;
 
-    var _useDragSorter = useDragSorter(_objectSpread$1y(_objectSpread$1y({}, props), {}, {
+    var _useDragSorter = useDragSorter(_objectSpread$1z(_objectSpread$1z({}, props), {}, {
       sortOnDraggable: props.dragSort,
       onDragOverCheck: {
         x: true,
@@ -29736,7 +29758,7 @@
         scrollToLeftOnLeave = _useTagScroll.scrollToLeftOnLeave,
         tagInputRef = _useTagScroll.tagInputRef;
 
-    var _useTagList = useTagList(_objectSpread$1y(_objectSpread$1y({}, props), {}, {
+    var _useTagList = useTagList(_objectSpread$1z(_objectSpread$1z({}, props), {}, {
       getDragProps: getDragProps
     })),
         tagValue = _useTagList.tagValue,
@@ -29753,7 +29775,7 @@
     var tagInputPlaceholder = !(tagValue !== null && tagValue !== void 0 && tagValue.length) ? placeholder : "";
     var showClearIcon = Boolean(!readonly && !disabled && clearable && isHover && (tagValue === null || tagValue === void 0 ? void 0 : tagValue.length));
     React.useImperativeHandle(ref, function () {
-      return _objectSpread$1y({}, tagInputRef.current || {});
+      return _objectSpread$1z({}, tagInputRef.current || {});
     });
 
     var onInputCompositionstart = function onInputCompositionstart(value, context) {
@@ -29810,11 +29832,11 @@
       }
     }) : valueDisplay;
     var classes = [NAME_CLASS, (_ref = {}, _defineProperty$3(_ref, BREAK_LINE_CLASS, excessTagsDisplayType === "break-line"), _defineProperty$3(_ref, WITH_SUFFIX_ICON_CLASS, !!suffixIconNode), _ref), props.className];
-    return /* @__PURE__ */React__default["default"].createElement(Input, _objectSpread$1y({
+    return /* @__PURE__ */React__default["default"].createElement(Input, _objectSpread$1z({
       ref: tagInputRef,
       value: tInputValue,
       onChange: function onChange(val, context) {
-        setTInputValue(val, _objectSpread$1y(_objectSpread$1y({}, context), {}, {
+        setTInputValue(val, _objectSpread$1z(_objectSpread$1z({}, context), {}, {
           trigger: "input"
         }));
       },
@@ -29836,7 +29858,7 @@
       placeholder: tagInputPlaceholder,
       suffix: suffix,
       suffixIcon: suffixIconNode,
-      showInput: !readonly || !tagValue || !(tagValue !== null && tagValue !== void 0 && tagValue.length),
+      showInput: !(inputProps !== null && inputProps !== void 0 && inputProps.readonly) || !tagValue || !(tagValue !== null && tagValue !== void 0 && tagValue.length),
       keepWrapperWidth: true,
       onPaste: onPaste,
       onClick: onInnerClick,
@@ -29871,9 +29893,9 @@
 
   var TagInput = TagInput$1;
 
-  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; }
+  function ownKeys$1z(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$1x(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1y(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1z(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var DEFAULT_KEYS = {
     label: "label",
     key: "key",
@@ -29892,7 +29914,7 @@
         tInputValue = _useControlled2[0],
         setTInputValue = _useControlled2[1];
 
-    var iKeys = _objectSpread$1x(_objectSpread$1x({}, DEFAULT_KEYS), props.keys);
+    var iKeys = _objectSpread$1y(_objectSpread$1y({}, DEFAULT_KEYS), props.keys);
 
     var getTags = function getTags() {
       if (!(value instanceof Array)) {
@@ -29922,7 +29944,7 @@
     var renderSelectMultiple = function renderSelectMultiple(p) {
       var _props$tagInputProps;
 
-      return /* @__PURE__ */React__default["default"].createElement(TagInput, _objectSpread$1x(_objectSpread$1x(_objectSpread$1x({
+      return /* @__PURE__ */React__default["default"].createElement(TagInput, _objectSpread$1y(_objectSpread$1y(_objectSpread$1y({
         ref: tagInputRef
       }, p.commonInputProps), {}, {
         autoWidth: props.autoWidth,
@@ -29947,14 +29969,14 @@
         onBlur: function onBlur(val, context) {
           var _props$onBlur;
 
-          (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 ? void 0 : _props$onBlur.call(props, props.value, _objectSpread$1x(_objectSpread$1x({}, context), {}, {
+          (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 ? void 0 : _props$onBlur.call(props, props.value, _objectSpread$1y(_objectSpread$1y({}, context), {}, {
             tagInputValue: val
           }));
         },
         onFocus: function onFocus(val, context) {
           var _props$onFocus;
 
-          (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 ? void 0 : _props$onFocus.call(props, props.value, _objectSpread$1x(_objectSpread$1x({}, context), {}, {
+          (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 ? void 0 : _props$onFocus.call(props, props.value, _objectSpread$1y(_objectSpread$1y({}, context), {}, {
             tagInputValue: val
           }));
         }
@@ -29974,9 +29996,9 @@
     };
   }
 
-  function ownKeys$1x(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$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; }
 
-  function _objectSpread$1w(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1x(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1x(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1x(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1y(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var MAX_POPUP_WIDTH = 1e3;
   function useOverlayStyle(props) {
     var popupProps = props.popupProps,
@@ -29999,7 +30021,7 @@
         otherOverlayStyle = popupProps.overlayStyle;
       }
 
-      return _objectSpread$1w({
+      return _objectSpread$1x({
         width: "".concat(Math.min(width, MAX_POPUP_WIDTH), "px")
       }, otherOverlayStyle);
     };
@@ -30042,9 +30064,9 @@
     status: "default"
   };
 
-  function ownKeys$1w(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$1x(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$1v(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1w(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1w(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1w(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1x(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1x(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var SelectInput$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var _ref;
 
@@ -30078,12 +30100,12 @@
 
     var popupClasses = classNames$1([props.className, "".concat(prefix, "-select-input"), (_ref = {}, _defineProperty$3(_ref, "".concat(prefix, "-select-input--borderless"), borderless), _defineProperty$3(_ref, "".concat(prefix, "-select-input--multiple"), multiple), _defineProperty$3(_ref, "".concat(prefix, "-select-input--popup-visible"), popupVisible !== null && popupVisible !== void 0 ? popupVisible : innerPopupVisible), _defineProperty$3(_ref, "".concat(prefix, "-select-input--empty"), value instanceof Array ? !value.length : !value), _ref)]);
     React.useImperativeHandle(ref, function () {
-      return _objectSpread$1v(_objectSpread$1v(_objectSpread$1v({}, selectInputRef.current || {}), inputRef.current || {}), tagInputRef.current || {});
+      return _objectSpread$1w(_objectSpread$1w(_objectSpread$1w({}, selectInputRef.current || {}), inputRef.current || {}), tagInputRef.current || {});
     });
     var visibleProps = {
       visible: popupVisible !== null && popupVisible !== void 0 ? popupVisible : innerPopupVisible
     };
-    var mainContent = /* @__PURE__ */React__default["default"].createElement(Popup, _objectSpread$1v(_objectSpread$1v(_objectSpread$1v({
+    var mainContent = /* @__PURE__ */React__default["default"].createElement(Popup, _objectSpread$1w(_objectSpread$1w(_objectSpread$1w({
       ref: selectInputRef,
       style: props.style,
       className: popupClasses,
@@ -30116,9 +30138,9 @@
 
   var _excluded$k = ["value", "label", "disabled"];
 
-  function ownKeys$1v(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$1w(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$1u(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1v(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1v(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1w(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1w(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var PopupContent = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var _classNames;
 
@@ -30160,7 +30182,7 @@
       var objVal = {};
 
       if (isValObj) {
-        objVal = _objectSpread$1u({}, restData);
+        objVal = _objectSpread$1v({}, restData);
 
         if (!(keys !== null && keys !== void 0 && keys.label)) {
           Object.assign(objVal, {
@@ -30208,7 +30230,7 @@
           selectedValue: value,
           onSelect: onSelect
         };
-        return /*#__PURE__*/React.cloneElement(child, _objectSpread$1u({}, addedProps));
+        return /*#__PURE__*/React.cloneElement(child, _objectSpread$1v({}, addedProps));
       }
 
       return child;
@@ -30258,9 +30280,9 @@
 
   var _excluded$j = ["overlayClassName"];
 
-  function ownKeys$1u(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$1v(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$1t(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1u(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1u(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1u(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1v(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Select$1 = forwardRefWithStatics(function (props, ref) {
     var _useLocaleReceiver = useLocaleReceiver("select"),
         _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 2),
@@ -30364,7 +30386,7 @@
     React.useEffect(function () {
       if (keys) {
         var transformedOptions = options === null || options === void 0 ? void 0 : options.map(function (option) {
-          return _objectSpread$1t(_objectSpread$1t({}, option), {}, {
+          return _objectSpread$1u(_objectSpread$1u({}, option), {}, {
             value: get_1(option, (keys === null || keys === void 0 ? void 0 : keys.value) || "value"),
             label: get_1(option, (keys === null || keys === void 0 ? void 0 : keys.label) || "label")
           });
@@ -30574,7 +30596,9 @@
     };
 
     React.useEffect(function () {
-      handleFilter(String(inputValue));
+      if (inputValue) {
+        handleFilter(String(inputValue));
+      }
     }, [inputValue]);
 
     var renderSuffixIcon = function renderSuffixIcon() {
@@ -30612,7 +30636,7 @@
         panelBottomContent: panelBottomContent,
         panelTopContent: panelTopContent
       };
-      return /* @__PURE__ */React__default["default"].createElement(PopupContent, _objectSpread$1t(_objectSpread$1t({}, popupContentProps), {}, {
+      return /* @__PURE__ */React__default["default"].createElement(PopupContent, _objectSpread$1u(_objectSpread$1u({}, popupContentProps), {}, {
         ref: selectPopupRef
       }), children);
     };
@@ -30699,7 +30723,7 @@
     return /* @__PURE__ */React__default["default"].createElement("div", {
       className: classNames$1("".concat(name, "__wrap"), className),
       style: style
-    }, /* @__PURE__ */React__default["default"].createElement(SelectInput, _objectSpread$1t({
+    }, /* @__PURE__ */React__default["default"].createElement(SelectInput, _objectSpread$1u({
       autoWidth: !(style !== null && style !== void 0 && style.width) && autoWidth,
       className: name,
       ref: ref,
@@ -30716,16 +30740,16 @@
       panel: renderContent(),
       placeholder: !multiple && showPopup && selectedLabel ? selectedLabel : placeholder || t(local.placeholder),
       inputValue: showPopup ? inputValue : "",
-      tagInputProps: _objectSpread$1t({
+      tagInputProps: _objectSpread$1u({
         autoWidth: true
       }, tagInputProps),
       tagProps: tagProps,
-      inputProps: _objectSpread$1t({
+      inputProps: _objectSpread$1u({
         size: size
       }, inputProps),
       minCollapsedNum: minCollapsedNum,
       collapsedItems: renderCollapsedItems,
-      popupProps: _objectSpread$1t({
+      popupProps: _objectSpread$1u({
         overlayClassName: ["".concat(name, "__dropdown"), ["narrow-scrollbar"], overlayClassName]
       }, restPopupProps),
       popupVisible: showPopup,
@@ -30991,9 +31015,9 @@
 
   var _excluded$i = ["theme", "size", "total", "showPageSize", "showPageNumber", "showPreviousAndNextBtn", "showFirstAndLastPageBtn", "showJumper", "pageEllipsisMode", "disabled", "foldedMaxPageBtn", "maxPageBtn", "totalContent", "pageSizeOptions", "onChange", "onCurrentChange", "onPageSizeChange", "style", "className"];
 
-  function ownKeys$1t(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$1u(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$1s(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1t(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1t(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1u(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1u(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Option = Select.Option;
   var Pagination$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var _classNames;
@@ -31208,7 +31232,7 @@
       },
       placeholder: ""
     }), t(locale.page));
-    return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$1s({
+    return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$1t({
       className: classNames$1(name, className, (_classNames = {}, _defineProperty$3(_classNames, "".concat(classPrefix, "-size-s"), size === "small"), _defineProperty$3(_classNames, "".concat(classPrefix, "-is-disabled"), disabled), _classNames)),
       style: style,
       ref: ref
@@ -31219,9 +31243,9 @@
 
   var Pagination = Pagination$1;
 
-  function ownKeys$1s(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$1t(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$1r(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1s(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1s(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1t(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   function usePagination(props) {
     var pagination = props.pagination,
         data = props.data,
@@ -31267,7 +31291,7 @@
       if (!pagination) return null;
       return /* @__PURE__ */React__default["default"].createElement("div", {
         className: "".concat(classPrefix, "-table__pagination")
-      }, /* @__PURE__ */React__default["default"].createElement(Pagination, _objectSpread$1r(_objectSpread$1r({}, pagination), {}, {
+      }, /* @__PURE__ */React__default["default"].createElement(Pagination, _objectSpread$1s(_objectSpread$1s({}, pagination), {}, {
         onChange: function onChange(pageInfo) {
           var _props$pagination, _props$pagination$onC, _props$onPageChange;
 
@@ -31374,9 +31398,9 @@
     };
   }
 
-  function ownKeys$1r(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$1s(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$1q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1r(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1r(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1s(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var BaseTable$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var _tableClasses$concat, _props$data2, _props$scroll3, _props$scroll4, _navigator, _affixHeaderRef$curre, _props$footData, _tableContentRef$curr;
 
@@ -31450,7 +31474,7 @@
     var columnResizeParams = useColumnResize(tableContentRef, refreshTable);
     var resizeLineRef = columnResizeParams.resizeLineRef,
         resizeLineStyle = columnResizeParams.resizeLineStyle;
-    var dynamicBaseTableClasses = classNames$1(tableClasses.concat((_tableClasses$concat = {}, _defineProperty$3(_tableClasses$concat, tableBaseClass.headerFixed, isFixedHeader), _defineProperty$3(_tableClasses$concat, tableBaseClass.columnFixed, isFixedColumn), _defineProperty$3(_tableClasses$concat, tableBaseClass.widthOverflow, isWidthOverflow), _defineProperty$3(_tableClasses$concat, tableBaseClass.multipleHeader, isMultipleHeader), _defineProperty$3(_tableClasses$concat, tableColFixedClasses.leftShadow, showColumnShadow.left), _defineProperty$3(_tableClasses$concat, tableColFixedClasses.rightShadow, showColumnShadow.right), _tableClasses$concat)));
+    var dynamicBaseTableClasses = classNames$1(tableClasses.concat((_tableClasses$concat = {}, _defineProperty$3(_tableClasses$concat, tableBaseClass.headerFixed, isFixedHeader), _defineProperty$3(_tableClasses$concat, tableBaseClass.columnFixed, isFixedColumn), _defineProperty$3(_tableClasses$concat, tableBaseClass.widthOverflow, isWidthOverflow), _defineProperty$3(_tableClasses$concat, tableBaseClass.multipleHeader, isMultipleHeader), _defineProperty$3(_tableClasses$concat, tableColFixedClasses.leftShadow, showColumnShadow.left), _defineProperty$3(_tableClasses$concat, tableColFixedClasses.rightShadow, showColumnShadow.right), _defineProperty$3(_tableClasses$concat, tableBaseClass.columnResizableTable, props.resizable), _tableClasses$concat)));
     var tableElmClasses = classNames$1([[tableLayoutClasses[tableLayout || "fixed"]], _defineProperty$3({}, tableBaseClass.fullHeight, height)]);
     var isVirtual = React.useMemo(function () {
       var _props$scroll, _props$data, _props$scroll2;
@@ -31473,7 +31497,11 @@
         setLastLeafColumns = _useState4[1];
 
     React.useEffect(function () {
-      if (JSON.stringify(lastLeafColumns) !== JSON.stringify(spansAndLeafNodes.leafColumns)) {
+      if (lastLeafColumns.map(function (t) {
+        return t.colKey;
+      }).join() !== spansAndLeafNodes.leafColumns.map(function (t) {
+        return t.colKey;
+      }).join()) {
         var _props$onLeafColumnsC;
 
         (_props$onLeafColumnsC = props.onLeafColumnsChange) === null || _props$onLeafColumnsC === void 0 ? void 0 : _props$onLeafColumnsC.call(props, spansAndLeafNodes.leafColumns);
@@ -31556,7 +31584,7 @@
       className: classNames$1(["scrollbar", _defineProperty$3({}, tableBaseClass.affixedHeaderElm, props.headerAffixedTop || isVirtual)])
     }, /* @__PURE__ */React__default["default"].createElement("table", {
       className: classNames$1(tableElmClasses),
-      style: _objectSpread$1q(_objectSpread$1q({}, tableElementStyles), {}, {
+      style: _objectSpread$1r(_objectSpread$1r({}, tableElementStyles), {}, {
         width: "".concat(tableElmWidth, "px")
       })
     }, colgroup, /* @__PURE__ */React__default["default"].createElement(THead, {
@@ -31580,7 +31608,7 @@
       marginScrollbarWidth += 1;
     }
 
-    var affixedFooter = Boolean(props.footerAffixedBottom && ((_props$footData = props.footData) === null || _props$footData === void 0 ? void 0 : _props$footData.length) && tableWidth) && /* @__PURE__ */React__default["default"].createElement(Affix, _objectSpread$1q(_objectSpread$1q({
+    var affixedFooter = Boolean(props.footerAffixedBottom && ((_props$footData = props.footData) === null || _props$footData === void 0 ? void 0 : _props$footData.length) && tableWidth) && /* @__PURE__ */React__default["default"].createElement(Affix, _objectSpread$1r(_objectSpread$1r({
       className: tableBaseClass.affixedFooterWrap,
       onFixedChange: onFixedChange,
       offsetBottom: marginScrollbarWidth || 0
@@ -31597,7 +31625,7 @@
       className: classNames$1(["scrollbar", _defineProperty$3({}, tableBaseClass.affixedFooterElm, props.footerAffixedBottom || isVirtual)])
     }, /* @__PURE__ */React__default["default"].createElement("table", {
       className: tableElmClasses,
-      style: _objectSpread$1q(_objectSpread$1q({}, tableElementStyles), {}, {
+      style: _objectSpread$1r(_objectSpread$1r({}, tableElementStyles), {}, {
         width: "".concat(tableElmWidth, "px")
       })
     }, colgroup, /* @__PURE__ */React__default["default"].createElement(TFoot, {
@@ -31618,7 +31646,7 @@
       "-webkit-transform": translate
     };
 
-    var tableBodyProps = _objectSpread$1q({
+    var tableBodyProps = _objectSpread$1r({
       rowAndColFixedPosition: rowAndColFixedPosition,
       showColumnShadow: showColumnShadow,
       data: newData,
@@ -31653,7 +31681,7 @@
       thList: thList,
       resizable: props.resizable,
       columnResizeParams: columnResizeParams
-    }), /* @__PURE__ */React__default["default"].createElement(TBody, _objectSpread$1q({}, tableBodyProps)), /* @__PURE__ */React__default["default"].createElement(TFoot, {
+    }), /* @__PURE__ */React__default["default"].createElement(TBody, _objectSpread$1r({}, tableBodyProps)), /* @__PURE__ */React__default["default"].createElement(TFoot, {
       rowKey: props.rowKey,
       isFixedHeader: isFixedHeader,
       rowAndColFixedPosition: rowAndColFixedPosition,
@@ -31665,7 +31693,7 @@
     var loading = props.loading,
         loadingProps = props.loadingProps;
     var customLoadingText = loading;
-    var loadingContent = loading !== void 0 && /* @__PURE__ */React__default["default"].createElement(Loading, _objectSpread$1q({
+    var loadingContent = loading !== void 0 && /* @__PURE__ */React__default["default"].createElement(Loading, _objectSpread$1r({
       loading: !!loading,
       text: customLoadingText,
       attach: function attach() {
@@ -31688,12 +31716,12 @@
     return /* @__PURE__ */React__default["default"].createElement("div", {
       ref: tableRef,
       className: classNames$1(dynamicBaseTableClasses),
-      style: _objectSpread$1q({
+      style: _objectSpread$1r({
         position: "relative"
       }, style)
     }, !!topContent && /* @__PURE__ */React__default["default"].createElement("div", {
       className: tableBaseClass.topContent
-    }, topContent), !!(isVirtual || props.headerAffixedTop) && (props.headerAffixedTop ? /* @__PURE__ */React__default["default"].createElement(Affix, _objectSpread$1q(_objectSpread$1q({
+    }, topContent), !!(isVirtual || props.headerAffixedTop) && (props.headerAffixedTop ? /* @__PURE__ */React__default["default"].createElement(Affix, _objectSpread$1r(_objectSpread$1r({
       offsetTop: 0
     }, getAffixProps(props.headerAffixedTop, props.headerAffixProps)), {}, {
       onFixedChange: onFixedChange
@@ -31703,7 +31731,7 @@
         right: "".concat(scrollbarWidth, "px"),
         height: "".concat((_tableContentRef$curr = tableContentRef.current) === null || _tableContentRef$curr === void 0 ? void 0 : _tableContentRef$curr.getBoundingClientRect().height, "px")
       }
-    }), bottom, props.horizontalScrollAffixedBottom && /* @__PURE__ */React__default["default"].createElement(Affix, _objectSpread$1q(_objectSpread$1q({
+    }), bottom, props.horizontalScrollAffixedBottom && /* @__PURE__ */React__default["default"].createElement(Affix, _objectSpread$1r(_objectSpread$1r({
       offsetBottom: 0
     }, getAffixProps(props.horizontalScrollAffixedBottom)), {}, {
       style: {
@@ -31722,7 +31750,7 @@
         width: "".concat(tableElmWidth, "px"),
         height: "5px"
       }
-    }))), props.paginationAffixedBottom ? /* @__PURE__ */React__default["default"].createElement(Affix, _objectSpread$1q({
+    }))), props.paginationAffixedBottom ? /* @__PURE__ */React__default["default"].createElement(Affix, _objectSpread$1r({
       offsetBottom: 0
     }, getAffixProps(props.paginationAffixedBottom)), pagination) : pagination, /* @__PURE__ */React__default["default"].createElement("div", {
       ref: resizeLineRef,
@@ -32099,9 +32127,9 @@
     theme: "default"
   };
 
-  function ownKeys$1q(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$1r(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$1p(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1q(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1r(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function GetCSSValue(v) {
     return Number.isNaN(Number(v)) ? v : "".concat(Number(v), "px");
@@ -32319,7 +32347,7 @@
       var screenHeight = validWindow ? window.innerHeight || document.documentElement.clientHeight : void 0;
       var screenWidth = validWindow ? window.innerWidth || document.documentElement.clientWidth : void 0;
 
-      var style = _objectSpread$1p(_objectSpread$1p({}, dest), props.style);
+      var style = _objectSpread$1q(_objectSpread$1q({}, dest), props.style);
 
       var dialogOffset = {
         x: 0,
@@ -32430,7 +32458,7 @@
         style.display = "block";
       }
 
-      var wrapStyle = _objectSpread$1p(_objectSpread$1p({}, style), {}, {
+      var wrapStyle = _objectSpread$1q(_objectSpread$1q({}, style), {}, {
         zIndex: zIndex
       });
 
@@ -32470,9 +32498,9 @@
   });
   RenderDialog.defaultProps = dialogDefaultProps;
 
-  function ownKeys$1p(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$1q(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$1o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1p(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1p(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1q(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   var isFunction = function isFunction(arg) {
     return typeof arg === "function";
@@ -32488,7 +32516,7 @@
 
     var setMergeState = React.useCallback(function (patch) {
       setState(function (prevState) {
-        return _objectSpread$1o(_objectSpread$1o({}, prevState), isFunction(patch) ? patch(prevState) : patch);
+        return _objectSpread$1p(_objectSpread$1p({}, prevState), isFunction(patch) ? patch(prevState) : patch);
       });
     }, []);
     return [state, setMergeState];
@@ -32496,19 +32524,19 @@
 
   var _excluded$h = ["visible", "attach", "closeBtn", "footer", "onCancel", "onConfirm", "cancelBtn", "confirmBtn", "onClose", "isPlugin"];
 
-  function ownKeys$1o(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$1p(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$1n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1o(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1p(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   var renderDialogButton = function renderDialogButton(btn, defaultProps) {
     var result = null;
 
     if (isString_1(btn)) {
-      result = /* @__PURE__ */React__default["default"].createElement(Button, _objectSpread$1n({}, defaultProps), btn);
+      result = /* @__PURE__ */React__default["default"].createElement(Button, _objectSpread$1o({}, defaultProps), btn);
     } else if ( /*#__PURE__*/React.isValidElement(btn)) {
       result = btn;
     } else if (isObject_1(btn)) {
-      result = /* @__PURE__ */React__default["default"].createElement(Button, _objectSpread$1n(_objectSpread$1n({}, defaultProps), btn));
+      result = /* @__PURE__ */React__default["default"].createElement(Button, _objectSpread$1o(_objectSpread$1o({}, defaultProps), btn));
     } else if (isFunction_1(btn)) {
       result = btn();
     }
@@ -32522,7 +32550,7 @@
 
     var dialogDom = React.useRef();
 
-    var _useSetState = useSetState(_objectSpread$1n({
+    var _useSetState = useSetState(_objectSpread$1o({
       width: 520,
       visible: false,
       zIndex: 2500,
@@ -32568,7 +32596,7 @@
     React.useEffect(function () {
       if (!isPlugin) {
         setState(function (prevState) {
-          return _objectSpread$1n(_objectSpread$1n({}, prevState), props);
+          return _objectSpread$1o(_objectSpread$1o({}, prevState), props);
         });
       }
     }, [props, setState, isPlugin]);
@@ -32608,7 +32636,7 @@
         },
         update: function update(newOptions) {
           setState(function (prevState) {
-            return _objectSpread$1n(_objectSpread$1n({}, prevState), newOptions);
+            return _objectSpread$1o(_objectSpread$1o({}, prevState), newOptions);
           });
         }
       };
@@ -32657,14 +32685,14 @@
       var renderConfirmBtn = renderDialogButton(confirmBtn, {
         theme: "primary"
       });
-      return /* @__PURE__ */React__default["default"].createElement(React__default["default"].Fragment, null, renderCancelBtn && /*#__PURE__*/React__default["default"].cloneElement(renderCancelBtn, _objectSpread$1n({
+      return /* @__PURE__ */React__default["default"].createElement(React__default["default"].Fragment, null, renderCancelBtn && /*#__PURE__*/React__default["default"].cloneElement(renderCancelBtn, _objectSpread$1o({
         onClick: handleCancel
-      }, renderCancelBtn.props)), renderConfirmBtn && /*#__PURE__*/React__default["default"].cloneElement(renderConfirmBtn, _objectSpread$1n({
+      }, renderCancelBtn.props)), renderConfirmBtn && /*#__PURE__*/React__default["default"].cloneElement(renderConfirmBtn, _objectSpread$1o({
         onClick: handleConfirm
       }, renderConfirmBtn.props)));
     };
 
-    return /* @__PURE__ */React__default["default"].createElement(RenderDialog, _objectSpread$1n(_objectSpread$1n({}, restState), {}, {
+    return /* @__PURE__ */React__default["default"].createElement(RenderDialog, _objectSpread$1o(_objectSpread$1o({}, restState), {}, {
       visible: visible,
       prefixCls: prefixCls,
       header: renderHeader,
@@ -32679,17 +32707,17 @@
   Dialog$1.displayName = "Dialog";
   Dialog$1.defaultProps = dialogDefaultProps;
 
-  function ownKeys$1n(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$1o(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$1m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1n(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1o(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   var createDialog = function createDialog(props) {
     var dialogRef = /*#__PURE__*/React__default["default"].createRef();
 
-    var options = _objectSpread$1m({}, props);
+    var options = _objectSpread$1n({}, props);
 
     var fragment = document.createDocumentFragment();
-    ReactDOM__default["default"].render( /* @__PURE__ */React__default["default"].createElement(Dialog$1, _objectSpread$1m(_objectSpread$1m({}, options), {}, {
+    ReactDOM__default["default"].render( /* @__PURE__ */React__default["default"].createElement(Dialog$1, _objectSpread$1n(_objectSpread$1n({}, options), {}, {
       visible: true,
       ref: dialogRef,
       isPlugin: true
@@ -32735,7 +32763,7 @@
   };
 
   var alert = function alert(props) {
-    var options = _objectSpread$1m({}, props);
+    var options = _objectSpread$1n({}, props);
 
     options.cancelBtn = null;
     return createDialog(options);
@@ -32745,9 +32773,9 @@
   createDialog.confirm = confirm;
   var DialogPlugin$1 = createDialog;
 
-  function ownKeys$1m(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$1n(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$1l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1m(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1n(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var CheckboxGroup$1 = Checkbox.Group;
   function getColumnKeys(columns) {
     var keys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : /* @__PURE__ */new Set();
@@ -32898,7 +32926,7 @@
         onChange: handleClickAllShowColumns
       }, table.selectAllText)), /* @__PURE__ */React__default["default"].createElement("div", {
         className: "".concat(classPrefix, "-table__column-controller-block")
-      }, /* @__PURE__ */React__default["default"].createElement(CheckboxGroup$1, _objectSpread$1l(_objectSpread$1l({
+      }, /* @__PURE__ */React__default["default"].createElement(CheckboxGroup$1, _objectSpread$1m(_objectSpread$1m({
         options: checkboxOptions
       }, (columnController === null || columnController === void 0 ? void 0 : columnController.checkboxProps) || {}), {}, {
         value: columnCheckboxKeys.current,
@@ -32907,7 +32935,7 @@
     }
 
     var handleToggleColumnController = function handleToggleColumnController() {
-      dialogInstance.current = DialogPlugin$1.confirm(_objectSpread$1l({
+      dialogInstance.current = DialogPlugin$1.confirm(_objectSpread$1m({
         header: table.columnConfigTitleText,
         body: getDialogContent(),
         confirmBtn: table.confirmText,
@@ -32959,7 +32987,7 @@
       var classes = ["".concat(classPrefix, "-table__column-controller-trigger"), _defineProperty$3({}, "".concat(classPrefix, "-align-").concat(placement), !!placement)];
       return /* @__PURE__ */React__default["default"].createElement("div", {
         className: classNames$1(classes)
-      }, /* @__PURE__ */React__default["default"].createElement(Button, _objectSpread$1l({
+      }, /* @__PURE__ */React__default["default"].createElement(Button, _objectSpread$1m({
         theme: "default",
         variant: "outline",
         onClick: handleToggleColumnController,
@@ -33087,19 +33115,16 @@
     };
   }
 
-  function ownKeys$1l(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$1m(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$1k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1l(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-  function useRowSelect(props) {
+  function _objectSpread$1l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1m(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function useRowSelect(props, tableSelectedClasses) {
     var selectedRowKeys = props.selectedRowKeys,
         columns = props.columns,
         data = props.data,
         rowKey = props.rowKey,
         indeterminateSelectedRowKeys = props.indeterminateSelectedRowKeys;
 
-    var _useClassName = useClassName(),
-        tableSelectedClasses = _useClassName.tableSelectedClasses;
-
     var _useState = React.useState(),
         _useState2 = _slicedToArray(_useState, 2),
         selectedRowClassNames = _useState2[0],
@@ -33174,7 +33199,7 @@
         rowIndex: rowIndex
       }) : column.checkProps;
 
-      var selectBoxProps = _objectSpread$1k(_objectSpread$1k({
+      var selectBoxProps = _objectSpread$1l(_objectSpread$1l({
         checked: checked,
         disabled: disabled
       }, checkProps), {}, {
@@ -33187,13 +33212,13 @@
         e === null || e === void 0 ? void 0 : e.stopPropagation();
       };
 
-      if (column.type === "single") return /* @__PURE__ */React__default["default"].createElement(Radio, _objectSpread$1k(_objectSpread$1k({}, selectBoxProps), {}, {
+      if (column.type === "single") return /* @__PURE__ */React__default["default"].createElement(Radio, _objectSpread$1l(_objectSpread$1l({}, selectBoxProps), {}, {
         onClick: onCheckClick
       }));
 
       if (column.type === "multiple") {
         var isIndeterminate = indeterminateSelectedRowKeys !== null && indeterminateSelectedRowKeys !== void 0 && indeterminateSelectedRowKeys.length ? indeterminateSelectedRowKeys.includes(get_1(row, rowKey)) : false;
-        return /* @__PURE__ */React__default["default"].createElement(Checkbox, _objectSpread$1k(_objectSpread$1k({
+        return /* @__PURE__ */React__default["default"].createElement(Checkbox, _objectSpread$1l(_objectSpread$1l({
           indeterminate: isIndeterminate
         }, selectBoxProps), {}, {
           onClick: onCheckClick
@@ -33249,8 +33274,9 @@
     function formatToRowSelectColumn(col) {
       var isSelection = ["multiple", "single"].includes(col.type);
       if (!isSelection) return col;
-      return _objectSpread$1k(_objectSpread$1k({}, col), {}, {
+      return _objectSpread$1l(_objectSpread$1l({}, col), {}, {
         width: col.width || 64,
+        className: tableSelectedClasses.checkCell,
         cell: function cell(p) {
           return renderSelectCell(p);
         },
@@ -33273,9 +33299,9 @@
 
   var _excluded$g = ["theme", "showArrow", "destroyOnClose", "overlayClassName", "children", "duration", "placement"];
 
-  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; }
+  function ownKeys$1l(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$1j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1k(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1l(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Tooltip$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var theme = props.theme,
         _props$showArrow = props.showArrow,
@@ -33362,7 +33388,7 @@
         setVisible: setVisible
       };
     });
-    return /* @__PURE__ */React__default["default"].createElement(Popup, _objectSpread$1j({
+    return /* @__PURE__ */React__default["default"].createElement(Popup, _objectSpread$1k({
       ref: popupRef,
       destroyOnClose: destroyOnClose,
       showArrow: isPlacedByMouse ? false : showArrow,
@@ -33383,9 +33409,9 @@
 
   var Tooltip = Tooltip$1;
 
-  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; }
+  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; }
 
-  function _objectSpread$1i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1j(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1k(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   function SorterButton(props) {
     var _props$sortType = props.sortType,
         sortType = _props$sortType === void 0 ? "all" : _props$sortType;
@@ -33432,7 +33458,7 @@
       var cancelTips = locale.sortCancelOperationText;
       var tips = direction === props.sortOrder ? cancelTips : tooltips[direction];
       if ((_props$hideSortTips = props.hideSortTips) !== null && _props$hideSortTips !== void 0 ? _props$hideSortTips : locale.hideSortTips) return getSortIcon(direction, activeClass);
-      return /* @__PURE__ */React__default["default"].createElement(Tooltip, _objectSpread$1i(_objectSpread$1i({
+      return /* @__PURE__ */React__default["default"].createElement(Tooltip, _objectSpread$1j(_objectSpread$1j({
         key: direction,
         content: tips,
         placement: "right"
@@ -33447,9 +33473,9 @@
   }
   SorterButton.displayName = "SorterButton";
 
-  function ownKeys$1i(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$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; }
 
-  function _objectSpread$1h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1i(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1j(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   function useSorter(props) {
     var _useState = React.useState(),
         _useState2 = _slicedToArray(_useState, 2),
@@ -33478,7 +33504,7 @@
       var sortMap2 = {};
       sortArray.forEach(function (info, index) {
         var sortBy = info.sortBy;
-        sortMap2[sortBy] = _objectSpread$1h({
+        sortMap2[sortBy] = _objectSpread$1i({
           index: index
         }, info);
       });
@@ -33623,7 +33649,7 @@
         sortIcon: props.sortIcon,
         hideSortTips: props.hideSortTips
       };
-      return /* @__PURE__ */React__default["default"].createElement(SorterButton, _objectSpread$1h(_objectSpread$1h({
+      return /* @__PURE__ */React__default["default"].createElement(SorterButton, _objectSpread$1i(_objectSpread$1i({
         key: "sorter-button-".concat(col.colKey)
       }, sorterButtonsProps), {}, {
         onSortIconClick: function onSortIconClick(_, p) {
@@ -33719,9 +33745,9 @@
 
   var isEmpty_1 = isEmpty;
 
-  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; }
+  function ownKeys$1i(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$1g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1h(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1i(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var CheckboxGroup = Checkbox.Group;
   var RadioGroup = Radio.Group;
   function TableFilterController(props) {
@@ -33766,7 +33792,7 @@
       }[column2.filter.type];
       if (!Component && !(column2 !== null && column2 !== void 0 && (_column2$filter = column2.filter) !== null && _column2$filter !== void 0 && _column2$filter.component)) return;
 
-      var filterComponentProps = _objectSpread$1g(_objectSpread$1g({
+      var filterComponentProps = _objectSpread$1h(_objectSpread$1h({
         options: ["single", "multiple"].includes(column2.filter.type) ? (_column2$filter2 = column2.filter) === null || _column2$filter2 === void 0 ? void 0 : _column2$filter2.list : void 0
       }, ((_column2$filter3 = column2.filter) === null || _column2$filter3 === void 0 ? void 0 : _column2$filter3.props) || {}), {}, {
         value: innerFilterValue === null || innerFilterValue === void 0 ? void 0 : innerFilterValue[column2.colKey],
@@ -33791,7 +33817,7 @@
       var FilterComponent = (column2 === null || column2 === void 0 ? void 0 : (_column2$filter5 = column2.filter) === null || _column2$filter5 === void 0 ? void 0 : _column2$filter5.component) || Component;
       return /* @__PURE__ */React__default["default"].createElement("div", {
         className: tableFilterClasses.contentInner
-      }, /* @__PURE__ */React__default["default"].createElement(FilterComponent, _objectSpread$1g({
+      }, /* @__PURE__ */React__default["default"].createElement(FilterComponent, _objectSpread$1h({
         value: innerFilterValue === null || innerFilterValue === void 0 ? void 0 : innerFilterValue[column2.colKey]
       }, filterComponentProps)));
     };
@@ -33842,9 +33868,9 @@
     }, props.filterIcon || defaultFilterIcon));
   }
 
-  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; }
+  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; }
 
-  function _objectSpread$1f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1g(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1h(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function filterEmptyData(data) {
     var newFilterValue = {};
@@ -33944,7 +33970,7 @@
     }
 
     function onInnerFilterChange(val, column) {
-      var filterValue = _objectSpread$1f(_objectSpread$1f({}, innerFilterValue), {}, _defineProperty$3({}, column.colKey, val));
+      var filterValue = _objectSpread$1g(_objectSpread$1g({}, innerFilterValue), {}, _defineProperty$3({}, column.colKey, val));
 
       setInnerFilterValue(filterValue);
 
@@ -33967,7 +33993,7 @@
     }
 
     function onReset(column) {
-      var filterValue = _objectSpread$1f(_objectSpread$1f({}, tFilterValue), {}, _defineProperty$3({}, column.colKey, {
+      var filterValue = _objectSpread$1g(_objectSpread$1g({}, tFilterValue), {}, _defineProperty$3({}, column.colKey, {
         single: "",
         multiple: [],
         input: ""
@@ -34023,7 +34049,7 @@
    * @author	owenm    <owen23355@gmail.com>
    * @license MIT
    */
-  function ownKeys$1f(object, enumerableOnly) {
+  function ownKeys$1g(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -34046,13 +34072,13 @@
       var source = arguments[i] != null ? arguments[i] : {};
 
       if (i % 2) {
-        ownKeys$1f(Object(source), true).forEach(function (key) {
+        ownKeys$1g(Object(source), true).forEach(function (key) {
           _defineProperty(target, key, source[key]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys$1f(Object(source)).forEach(function (key) {
+        ownKeys$1g(Object(source)).forEach(function (key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -37047,9 +37073,9 @@
     return newData;
   }
 
-  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; }
+  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; }
 
-  function _objectSpread$1e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1e(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1f(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   function useDragSort(props, primaryTableRef) {
     var sortOnRowDraggable = props.sortOnRowDraggable,
         dragSort = props.dragSort,
@@ -37116,7 +37142,7 @@
         return null;
       }
 
-      var baseOptions = _objectSpread$1e(_objectSpread$1e({
+      var baseOptions = _objectSpread$1f(_objectSpread$1f({
         animation: 150
       }, props.dragSortOptions), {}, {
         ghostClass: tableDraggableClasses.ghost,
@@ -37154,9 +37180,9 @@
       });
 
       if (isRowDraggable) {
-        dragInstanceTmp = new Sortable(dragContainer, _objectSpread$1e({}, baseOptions));
+        dragInstanceTmp = new Sortable(dragContainer, _objectSpread$1f({}, baseOptions));
       } else if (isRowHandlerDraggable) {
-        dragInstanceTmp = new Sortable(dragContainer, _objectSpread$1e(_objectSpread$1e({}, baseOptions), {}, {
+        dragInstanceTmp = new Sortable(dragContainer, _objectSpread$1f(_objectSpread$1f({}, baseOptions), {}, {
           handle: ".".concat(tableDraggableClasses.handle)
         }));
       }
@@ -37170,7 +37196,7 @@
       if (!isColDraggable || !tableElement) return;
       var dragInstanceTmp = null;
 
-      var options = _objectSpread$1e(_objectSpread$1e({
+      var options = _objectSpread$1f(_objectSpread$1f({
         animation: 150
       }, props.dragSortOptions), {}, {
         dataIdAttr: "data-colkey",
@@ -39086,9 +39112,9 @@
 
   var isURL = /*@__PURE__*/getDefaultExportFromCjs(isURL$1.exports);
 
-  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; }
+  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; }
 
-  function _objectSpread$1d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1d(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1e(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   var isNumber = function isNumber(val) {
     return /^[+-]{0,1}(([0-9]+([0-9]*|\.[0-9]+))|(\.[0-9]+))$/.test(val);
@@ -39106,6 +39132,17 @@
 
     return _typeof$1(val) === "object" ? isEmpty_1(val) : ["", void 0, null].includes(val);
   }
+
+  var compareValue = function compareValue(val, num, isMax) {
+    var compare = function compare(a, b) {
+      return isMax ? a <= b : a >= b;
+    };
+
+    if (isNumber(val)) return compare(val, num);
+    if (Array.isArray(val)) return compare(val.length, num);
+    return compare(getCharacterLength(val), num);
+  };
+
   var VALIDATE_MAP = {
     date: isDate,
     url: isURL,
@@ -39120,10 +39157,10 @@
       return typeof val === "boolean";
     },
     max: function max(val, num) {
-      return isNumber(val) ? val <= num : getCharacterLength(val) <= num;
+      return compareValue(val, num, true);
     },
     min: function min(val, num) {
-      return isNumber(val) ? val >= num : getCharacterLength(val) >= num;
+      return compareValue(val, num, false);
     },
     len: function len(val, num) {
       return getCharacterLength(val) === num;
@@ -39213,7 +39250,7 @@
                 break;
               }
 
-              return _context.abrupt("return", _objectSpread$1d(_objectSpread$1d({}, rule), {}, {
+              return _context.abrupt("return", _objectSpread$1e(_objectSpread$1e({}, rule), {}, {
                 result: validateResult
               }));
 
@@ -39269,21 +39306,20 @@
     return _validate.apply(this, arguments);
   }
 
-  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; }
+  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; }
 
-  function _objectSpread$1c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1c(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1d(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   var EditableCell = function EditableCell(props) {
-    var _col$edit4, _errorList$, _errorList$2;
+    var _col$edit5, _errorList$, _errorList$2;
 
     var row = props.row,
         col = props.col,
         rowIndex = props.rowIndex,
-        colIndex = props.colIndex;
-
-    var _useClassName = useClassName(),
-        tableBaseClass = _useClassName.tableBaseClass;
-
+        colIndex = props.colIndex,
+        errors = props.errors,
+        editable = props.editable,
+        tableBaseClass = props.tableBaseClass;
     var tableEditableCellRef = React.useRef(null);
 
     var _useState = React.useState(false),
@@ -39302,7 +39338,7 @@
         setErrorList = _useState6[1];
 
     var getCurrentRow = function getCurrentRow(row2, colKey, value) {
-      var newRow = _objectSpread$1c({}, row2);
+      var newRow = _objectSpread$1d({}, row2);
 
       set_1(newRow, colKey, value);
       return newRow;
@@ -39314,7 +39350,7 @@
     var cellNode = React.useMemo(function () {
       var node = renderCell({
         row: currentRow,
-        col: _objectSpread$1c(_objectSpread$1c({}, col), {}, {
+        col: _objectSpread$1d(_objectSpread$1d({}, col), {}, {
           cell: props.oldCell
         }),
         rowIndex: props.rowIndex,
@@ -39333,7 +39369,7 @@
         rowIndex: rowIndex,
         colIndex: colIndex,
         editedRow: currentRow
-      }) : _objectSpread$1c({}, edit.props);
+      }) : _objectSpread$1d({}, edit.props);
       delete editProps.onChange;
       delete editProps.value;
       (_edit$abortEditOnEven = edit.abortEditOnEvent) === null || _edit$abortEditOnEven === void 0 ? void 0 : _edit$abortEditOnEven.forEach(function (item) {
@@ -39349,25 +39385,44 @@
       return Boolean((_edit$abortEditOnEven2 = edit.abortEditOnEvent) === null || _edit$abortEditOnEven2 === void 0 ? void 0 : _edit$abortEditOnEven2.includes("onChange"));
     }, [col]);
 
-    var validateEdit = function validateEdit() {
+    var validateEdit = function validateEdit(trigger) {
       return new Promise(function (resolve) {
         var _col$edit, _col$edit2;
 
+        var params = {
+          result: [{
+            col: props.col,
+            row: props.row,
+            colIndex: props.colIndex,
+            rowIndex: props.rowIndex,
+            errorList: [],
+            value: editValue
+          }],
+          trigger: trigger
+        };
+
         if (!((_col$edit = col.edit) !== null && _col$edit !== void 0 && _col$edit.rules)) {
+          var _props$onValidate;
+
+          (_props$onValidate = props.onValidate) === null || _props$onValidate === void 0 ? void 0 : _props$onValidate.call(props, params);
           resolve(true);
           return;
         }
 
         validate(editValue, (_col$edit2 = col.edit) === null || _col$edit2 === void 0 ? void 0 : _col$edit2.rules).then(function (result) {
-          var tErrorList = result === null || result === void 0 ? void 0 : result.filter(function (t) {
+          var _props$onValidate2;
+
+          var list = result === null || result === void 0 ? void 0 : result.filter(function (t) {
             return !t.result;
           });
-          setErrorList(tErrorList);
+          params.result[0].errorList = list;
+          (_props$onValidate2 = props.onValidate) === null || _props$onValidate2 === void 0 ? void 0 : _props$onValidate2.call(props, params);
 
-          if (!tErrorList || !tErrorList.length) {
+          if (!list || !list.length) {
             resolve(true);
           } else {
-            resolve(tErrorList);
+            setErrorList(list);
+            resolve(list);
           }
         });
       });
@@ -39386,15 +39441,18 @@
         args[_key - 1] = arguments[_key];
       }
 
-      validateEdit().then(function (result) {
+      validateEdit("self").then(function (result) {
         if (result !== true) return;
+        var oldValue = get_1(row, col.colKey);
 
-        if (!isSame(args[0].value, get_1(row, col.colKey))) {
+        if (!isSame(args[0].value, oldValue)) {
+          setEditValue(oldValue);
           outsideAbortEvent === null || outsideAbortEvent === void 0 ? void 0 : outsideAbortEvent.apply(void 0, args);
         }
 
         var timer = setTimeout(function () {
           setIsEdit(false);
+          setErrorList([]);
           clearTimeout(timer);
         }, 0);
       });
@@ -39404,12 +39462,13 @@
       var _edit$abortEditOnEven3;
 
       var edit = col.edit;
-      if (!isEdit) return;
+      var isCellEditable = props.editable === void 0;
+      if (!isEdit || !isCellEditable) return;
       if (!(edit !== null && edit !== void 0 && (_edit$abortEditOnEven3 = edit.abortEditOnEvent) !== null && _edit$abortEditOnEven3 !== void 0 && _edit$abortEditOnEven3.length)) return {};
       var tListeners = {};
+      var outsideAbortEvent = edit === null || edit === void 0 ? void 0 : edit.onEdited;
       edit.abortEditOnEvent.forEach(function (itemEvent) {
         if (itemEvent === "onChange") return;
-        var outsideAbortEvent = edit.props[itemEvent];
 
         tListeners[itemEvent] = function () {
           for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
@@ -39428,9 +39487,21 @@
     }, [col, currentRow, isEdit, props.rowIndex]);
 
     var onEditChange = function onEditChange(val) {
+      var _props$onChange, _props$onRuleChange;
+
       setEditValue(val);
+      var params = {
+        row: props.row,
+        rowIndex: props.rowIndex,
+        value: val,
+        col: props.col,
+        colIndex: props.colIndex
+      };
+      (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, params);
+      (_props$onRuleChange = props.onRuleChange) === null || _props$onRuleChange === void 0 ? void 0 : _props$onRuleChange.call(props, params);
+      var isCellEditable = props.editable === void 0;
 
-      if (isAbortEditOnChange) {
+      if (isCellEditable && isAbortEditOnChange) {
         var _col$edit3;
 
         var outsideAbortEvent = (_col$edit3 = col.edit) === null || _col$edit3 === void 0 ? void 0 : _col$edit3.onEdited;
@@ -39452,7 +39523,7 @@
       var _e$path, _tableEditableCellRef;
 
       if (!col.edit || !col.edit.component) return;
-      if (!isEdit || !(tableEditableCellRef !== null && tableEditableCellRef !== void 0 && tableEditableCellRef.current)) return;
+      if (!isEdit) return;
       if ((_e$path = e.path) !== null && _e$path !== void 0 && _e$path.includes(tableEditableCellRef === null || tableEditableCellRef === void 0 ? void 0 : (_tableEditableCellRef = tableEditableCellRef.current) === null || _tableEditableCellRef === void 0 ? void 0 : _tableEditableCellRef.currentElement)) return;
       var outsideAbortEvent = col.edit.onEdited;
       updateAndSaveAbort(outsideAbortEvent, {
@@ -39463,17 +39534,21 @@
       });
     };
 
+    var cellValue = React.useMemo(function () {
+      return get_1(row, col.colKey);
+    }, [row, col.colKey]);
     React.useEffect(function () {
-      var val = get_1(row, col.colKey);
+      var val = cellValue;
 
       if (_typeof$1(val) === "object" && val !== null) {
-        val = val instanceof Array ? _toConsumableArray(val) : _objectSpread$1c({}, val);
+        val = val instanceof Array ? _toConsumableArray(val) : _objectSpread$1d({}, val);
       }
 
       setEditValue(val);
-    }, [col.colKey, row]);
+    }, [cellValue]);
     React.useEffect(function () {
-      if (!col.edit || !col.edit.component) return;
+      var isCellEditable = props.editable === void 0;
+      if (!col.edit || !col.edit.component || !isCellEditable) return;
 
       if (isEdit) {
         document.addEventListener("click", documentClickHandler);
@@ -39485,20 +39560,43 @@
         document.removeEventListener("click", documentClickHandler);
       };
     }, [col.edit, isEdit, editValue]);
+    React.useEffect(function () {
+      if (props.editable === false) {
+        setEditValue(cellValue);
+      }
+    }, [cellValue, editable]);
+    React.useEffect(function () {
+      if (props.editable === true) {
+        var _props$onRuleChange2;
+
+        (_props$onRuleChange2 = props.onRuleChange) === null || _props$onRuleChange2 === void 0 ? void 0 : _props$onRuleChange2.call(props, {
+          col: col,
+          row: row,
+          rowIndex: rowIndex,
+          colIndex: colIndex,
+          value: cellValue
+        });
+      }
+    }, [cellValue, col, colIndex, row, rowIndex]);
+    React.useEffect(function () {
+      setErrorList(errors);
+    }, [errors]);
+
+    if (props.editable === void 0 && !isEdit || editable === false) {
+      var _col$edit4;
 
-    if (!isEdit) {
       return /* @__PURE__ */React__default["default"].createElement("div", {
         className: classNames$1(tableBaseClass.cellEditable),
         onClick: function onClick(e) {
           setIsEdit(true);
           e.stopPropagation();
         }
-      }, cellNode, /* @__PURE__ */React__default["default"].createElement(Edit1Icon, {
+      }, cellNode, ((_col$edit4 = col.edit) === null || _col$edit4 === void 0 ? void 0 : _col$edit4.showEditIcon) !== false && /* @__PURE__ */React__default["default"].createElement(Edit1Icon, {
         size: "12px"
       }));
     }
 
-    var Component = (_col$edit4 = col.edit) === null || _col$edit4 === void 0 ? void 0 : _col$edit4.component;
+    var Component = (_col$edit5 = col.edit) === null || _col$edit5 === void 0 ? void 0 : _col$edit5.component;
 
     if (!Component) {
       log.error("Table", "edit.component is required.");
@@ -39511,7 +39609,7 @@
       onClick: function onClick(e) {
         e.stopPropagation();
       }
-    }, /* @__PURE__ */React__default["default"].createElement(Component, _objectSpread$1c(_objectSpread$1c(_objectSpread$1c({
+    }, /* @__PURE__ */React__default["default"].createElement(Component, _objectSpread$1d(_objectSpread$1d(_objectSpread$1d({
       ref: tableEditableCellRef,
       status: errorMessage ? (errorList === null || errorList === void 0 ? void 0 : (_errorList$2 = errorList[0]) === null || _errorList$2 === void 0 ? void 0 : _errorList$2.type) || "error" : void 0,
       tips: errorMessage
@@ -39523,21 +39621,121 @@
 
   EditableCell.displayName = "EditableCell";
 
+  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; }
+
+  function _objectSpread$1c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1c(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  var cellRuleMap = /* @__PURE__ */new Map();
+  function useEditableRow(props) {
+    var editableRowKeys = props.editableRowKeys;
+
+    var _useState = React.useState({}),
+        _useState2 = _slicedToArray(_useState, 2),
+        errorListMap = _useState2[0],
+        setErrorListMap = _useState2[1];
+
+    var editableKeysMap = React.useMemo(function () {
+      return editableRowKeys && getEditableKeysMap(editableRowKeys, props.data, props.rowKey || "id");
+    }, [editableRowKeys, props.data, props.rowKey]);
+
+    var validateRowData = function validateRowData(rowValue) {
+      var rowRules = cellRuleMap.get(rowValue);
+      var list = rowRules.map(function (item) {
+        return new Promise(function (resolve) {
+          var value = item.value,
+              col = item.col;
+
+          if (!col.edit || !col.edit.rules || !col.edit.rules.length) {
+            resolve(_objectSpread$1c(_objectSpread$1c({}, item), {}, {
+              errorList: []
+            }));
+            return;
+          }
+
+          validate(value, col.edit.rules).then(function (r) {
+            resolve(_objectSpread$1c(_objectSpread$1c({}, item), {}, {
+              errorList: r.filter(function (t) {
+                return !t.result;
+              })
+            }));
+          });
+        });
+      });
+      Promise.all(list).then(function (results) {
+        var _props$onRowValidate;
+
+        var errors = results.filter(function (t) {
+          return t.errorList.length;
+        });
+        var errorMap = {};
+        errors.forEach(function (_ref) {
+          var row = _ref.row,
+              col = _ref.col,
+              errorList = _ref.errorList;
+          var rowValue2 = get_1(row, props.rowKey || "id");
+          var key = [rowValue2, col.colKey].join();
+          errorMap[key] = errorList;
+        });
+        setErrorListMap(errorMap);
+        (_props$onRowValidate = props.onRowValidate) === null || _props$onRowValidate === void 0 ? void 0 : _props$onRowValidate.call(props, {
+          trigger: "parent",
+          result: errors
+        });
+      });
+    };
+
+    var onRuleChange = function onRuleChange(context) {
+      if (props.editableRowKeys) {
+        var rowValue = get_1(context.row, props.rowKey || "id");
+        var rules = cellRuleMap.get(rowValue);
+
+        if (rules) {
+          var index = rules.findIndex(function (t) {
+            return t.col.colKey === context.col.colKey;
+          });
+
+          if (index === -1) {
+            rules.concat(context);
+          } else {
+            rules[index].value = context.value;
+          }
+
+          cellRuleMap.set(rowValue, rules);
+        } else {
+          cellRuleMap.set(rowValue, [context]);
+        }
+      }
+    };
+
+    var clearValidateData = function clearValidateData() {
+      setErrorListMap({});
+    };
+
+    return {
+      errorListMap: errorListMap,
+      editableKeysMap: editableKeysMap,
+      validateRowData: validateRowData,
+      clearValidateData: clearValidateData,
+      onRuleChange: onRuleChange
+    };
+  }
+
   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$1b(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; }
-  function PrimaryTable$1(props) {
+  var PrimaryTable$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var _primaryTableClasses;
 
     var columns = props.columns,
         columnController = props.columnController,
+        editableRowKeys = props.editableRowKeys,
         style = props.style,
         className = props.className;
     var primaryTableRef = React.useRef(null);
 
     var _useClassName = useClassName(),
         tableDraggableClasses = _useClassName.tableDraggableClasses,
-        tableBaseClass = _useClassName.tableBaseClass;
+        tableBaseClass = _useClassName.tableBaseClass,
+        tableSelectedClasses = _useClassName.tableSelectedClasses;
 
     var _useColumnController = useColumnController(props),
         tDisplayColumns = _useColumnController.tDisplayColumns,
@@ -39553,7 +39751,7 @@
     var _useSorter = useSorter(props),
         renderSortIcon = _useSorter.renderSortIcon;
 
-    var _useRowSelect = useRowSelect(props),
+    var _useRowSelect = useRowSelect(props, tableSelectedClasses),
         formatToRowSelectColumn = _useRowSelect.formatToRowSelectColumn,
         selectedRowClassNames = _useRowSelect.selectedRowClassNames;
 
@@ -39577,7 +39775,14 @@
     var _useAsyncLoading = useAsyncLoading(props),
         renderAsyncLoading = _useAsyncLoading.renderAsyncLoading;
 
-    var primaryTableClasses = (_primaryTableClasses = {}, _defineProperty$3(_primaryTableClasses, tableDraggableClasses.colDraggable, isColDraggable), _defineProperty$3(_primaryTableClasses, tableDraggableClasses.rowHandlerDraggable, isRowHandlerDraggable), _defineProperty$3(_primaryTableClasses, tableDraggableClasses.rowDraggable, isRowDraggable), _defineProperty$3(_primaryTableClasses, tableBaseClass.overflowVisible, isTableOverflowHidden === false), _primaryTableClasses);
+    var primaryTableClasses = (_primaryTableClasses = {}, _defineProperty$3(_primaryTableClasses, tableDraggableClasses.colDraggable, isColDraggable), _defineProperty$3(_primaryTableClasses, tableDraggableClasses.rowHandlerDraggable, isRowHandlerDraggable), _defineProperty$3(_primaryTableClasses, tableDraggableClasses.rowDraggable, isRowDraggable), _defineProperty$3(_primaryTableClasses, tableBaseClass.overflowVisible, isTableOverflowHidden === false), _defineProperty$3(_primaryTableClasses, tableBaseClass.tableRowEdit, editableRowKeys), _primaryTableClasses);
+
+    var _useEditableRow = useEditableRow(props),
+        errorListMap = _useEditableRow.errorListMap,
+        editableKeysMap = _useEditableRow.editableKeysMap,
+        validateRowData = _useEditableRow.validateRowData,
+        onRuleChange = _useEditableRow.onRuleChange,
+        clearValidateData = _useEditableRow.clearValidateData;
 
     var tRowClassNames = function () {
       var tClassNames = [props.rowClassName, selectedRowClassNames];
@@ -39603,6 +39808,13 @@
       });
     }();
 
+    React.useImperativeHandle(ref, function () {
+      return {
+        validateRowData: validateRowData,
+        clearValidateData: clearValidateData
+      };
+    });
+
     var getColumns = function getColumns(columns2) {
       var arr = [];
 
@@ -39636,9 +39848,23 @@
           var oldCell = item.cell;
 
           item.cell = function (p) {
-            return /* @__PURE__ */React__default["default"].createElement(EditableCell, _objectSpread$1b(_objectSpread$1b({}, p), {}, {
-              oldCell: oldCell
-            }));
+            var cellProps = _objectSpread$1b(_objectSpread$1b({}, p), {}, {
+              oldCell: oldCell,
+              tableBaseClass: tableBaseClass,
+              onChange: props.onRowEdit,
+              onValidate: props.onRowValidate,
+              onRuleChange: onRuleChange
+            });
+
+            if (props.editableRowKeys) {
+              var rowValue = get_1(p.row, props.rowKey || "id");
+              cellProps.editable = editableKeysMap[rowValue] || false;
+              var key = [rowValue, p.col.colKey].join();
+              var errorList = errorListMap[key];
+              errorList && (cellProps.errors = errorList);
+            }
+
+            return /* @__PURE__ */React__default["default"].createElement(EditableCell, _objectSpread$1b({}, cellProps));
           };
         }
 
@@ -39730,7 +39956,7 @@
       style: style,
       onLeafColumnsChange: setDragSortColumns
     }));
-  }
+  });
   PrimaryTable$1.displayName = "PrimaryTable";
 
   var baseClone = _baseClone;
@@ -44342,9 +44568,21 @@
       this.prevFilter = null;
       this.updateTimer = null;
       this.shouldReflow = false;
+      this.initNullNodeModel();
     }
 
     _createClass(TreeStore, [{
+      key: "initNullNodeModel",
+      value: function initNullNodeModel() {
+        var nullNode = new TreeNode(this, {
+          value: "",
+          label: "",
+          children: []
+        });
+        this.nullNodeModel = nullNode.getModel();
+        nullNode.remove();
+      }
+    }, {
       key: "setConfig",
       value: function setConfig(options) {
         var _this = this;
@@ -44921,10 +45159,9 @@
           });
         }
 
-        if (!config.filter) {
-          return;
-        }
-
+        var currentFilter = config.filter;
+        if (!currentFilter || typeof currentFilter !== "function") return;
+        if (currentFilter(this.nullNodeModel)) return;
         this.prevFilter = config.filter;
         var map = /* @__PURE__ */new Map();
         allNodes.reverse().forEach(function (item) {
@@ -47590,9 +47827,11 @@
                 list = _toConsumableArray(formMapRef.current.values()).filter(function (formItemRef) {
                   var _formItemRef$current17, _formItemRef$current18;
 
-                  return isFunction_1((_formItemRef$current17 = formItemRef.current) === null || _formItemRef$current17 === void 0 ? void 0 : _formItemRef$current17.validate) && needValidate((_formItemRef$current18 = formItemRef.current) === null || _formItemRef$current18 === void 0 ? void 0 : _formItemRef$current18.name, fields);
+                  return isFunction_1((_formItemRef$current17 = formItemRef.current) === null || _formItemRef$current17 === void 0 ? void 0 : _formItemRef$current17.validateOnly) && needValidate((_formItemRef$current18 = formItemRef.current) === null || _formItemRef$current18 === void 0 ? void 0 : _formItemRef$current18.name, fields);
                 }).map(function (formItemRef) {
-                  return formItemRef.current.validateOnly(trigger);
+                  var _formItemRef$current$6, _formItemRef$current19;
+
+                  return (_formItemRef$current$6 = (_formItemRef$current19 = formItemRef.current).validateOnly) === null || _formItemRef$current$6 === void 0 ? void 0 : _formItemRef$current$6.call(_formItemRef$current19, trigger);
                 });
                 _context2.next = 4;
                 return Promise.all(list);
@@ -52038,31 +52277,31 @@
         firstInputElement: inputRefs.firstInputRef.current,
         secondInputElement: inputRefs.secondInputRef.current,
         focus: function focus(options) {
-          var _inputRefs$$current;
+          var _inputRefs$current;
 
           var _ref3 = options || {},
               _ref3$position = _ref3.position,
               position = _ref3$position === void 0 ? "first" : _ref3$position;
 
-          (_inputRefs$$current = inputRefs["".concat(position, "InputRef")].current) === null || _inputRefs$$current === void 0 ? void 0 : _inputRefs$$current.focus();
+          (_inputRefs$current = inputRefs["".concat(position, "InputRef")].current) === null || _inputRefs$current === void 0 ? void 0 : _inputRefs$current.focus();
         },
         blur: function blur(options) {
-          var _inputRefs$$current2;
+          var _inputRefs$current2;
 
           var _ref4 = options || {},
               _ref4$position = _ref4.position,
               position = _ref4$position === void 0 ? "first" : _ref4$position;
 
-          (_inputRefs$$current2 = inputRefs["".concat(position, "InputRef")].current) === null || _inputRefs$$current2 === void 0 ? void 0 : _inputRefs$$current2.blur();
+          (_inputRefs$current2 = inputRefs["".concat(position, "InputRef")].current) === null || _inputRefs$current2 === void 0 ? void 0 : _inputRefs$current2.blur();
         },
         select: function select(options) {
-          var _inputRefs$$current3;
+          var _inputRefs$current3;
 
           var _ref5 = options || {},
               _ref5$position = _ref5.position,
               position = _ref5$position === void 0 ? "first" : _ref5$position;
 
-          (_inputRefs$$current3 = inputRefs["".concat(position, "InputRef")].current) === null || _inputRefs$$current3 === void 0 ? void 0 : _inputRefs$$current3.select();
+          (_inputRefs$current3 = inputRefs["".concat(position, "InputRef")].current) === null || _inputRefs$current3 === void 0 ? void 0 : _inputRefs$current3.select();
         }
       };
     });
@@ -53101,7 +53340,7 @@
     }, /* @__PURE__ */React__default["default"].createElement("div", {
       className: "".concat(headerClassName, "-controller")
     }, showMonthPicker && /* @__PURE__ */React__default["default"].createElement(Select, {
-      className: "".concat(headerClassName, "-controller--month"),
+      className: "".concat(headerClassName, "-controller-month"),
       value: month,
       options: monthOptions,
       onChange: function onChange(val) {
@@ -53113,7 +53352,7 @@
         }
       }
     }), /* @__PURE__ */React__default["default"].createElement(Select, {
-      className: "".concat(headerClassName, "-controller--year"),
+      className: "".concat(headerClassName, "-controller-year"),
       value: mode === "year" ? nearestYear : year,
       options: yearOptions,
       onChange: function onChange(val) {
@@ -55130,9 +55369,9 @@
 
     var defaultTime = "00:00:00";
     return /* @__PURE__ */React__default["default"].createElement("div", {
-      className: "".concat(panelName, "--content")
+      className: "".concat(panelName, "-content")
     }, /* @__PURE__ */React__default["default"].createElement("div", {
-      className: "".concat(panelName, "--").concat(mode)
+      className: "".concat(panelName, "-").concat(mode)
     }, /* @__PURE__ */React__default["default"].createElement(DatePickerHeader, {
       mode: mode,
       year: year,
@@ -55173,9 +55412,9 @@
       },
       onCellMouseLeave: onCellMouseLeave
     })), enableTimePicker && /* @__PURE__ */React__default["default"].createElement("div", {
-      className: "".concat(panelName, "--time")
+      className: "".concat(panelName, "-time")
     }, /* @__PURE__ */React__default["default"].createElement("div", {
-      className: "".concat(panelName, "--time-viewer")
+      className: "".concat(panelName, "-time-viewer")
     }, time || defaultTime), /* @__PURE__ */React__default["default"].createElement(TimePickerPanel, _objectSpread$C({
       key: partial,
       format: timeFormat,
@@ -55494,7 +55733,7 @@
       onConfirmClick: onConfirmClick,
       presetsPlacement: presetsPlacement
     }) : null, /* @__PURE__ */React__default["default"].createElement("div", {
-      className: "".concat(panelName, "--content-wrapper")
+      className: "".concat(panelName, "-content-wrapper")
     }, !enableTimePicker ? [/* @__PURE__ */React__default["default"].createElement(PanelContent, _objectSpread$B({
       key: "startPanel",
       partial: "start",
@@ -57594,11 +57833,22 @@
 
     var drawerClass = classNames$1(prefixCls, className, "".concat(prefixCls, "--").concat(placement), (_classnames = {}, _defineProperty$3(_classnames, "".concat(prefixCls, "--open"), visible), _defineProperty$3(_classnames, "".concat(prefixCls, "--attach"), showInAttachedElement), _defineProperty$3(_classnames, "".concat(prefixCls, "--without-mask"), !showOverlay), _classnames));
     var contentWrapperClass = classNames$1("".concat(prefixCls, "__content-wrapper"), "".concat(prefixCls, "__content-wrapper--").concat(placement));
-    var contentWrapperStyle = {
-      transform: visible ? "translateX(0)" : void 0,
-      width: ["left", "right"].includes(placement) ? getSizeValue(size) : "",
-      height: ["top", "bottom"].includes(placement) ? getSizeValue(size) : ""
-    };
+    var getContentWrapperStyle = React.useCallback(function () {
+      return {
+        transform: visible ? "translateX(0)" : void 0,
+        width: ["left", "right"].includes(placement) ? getSizeValue(size) : "",
+        height: ["top", "bottom"].includes(placement) ? getSizeValue(size) : ""
+      };
+    }, [visible, placement, size, getSizeValue]);
+
+    var _useState3 = React.useState(getContentWrapperStyle()),
+        _useState4 = _slicedToArray(_useState3, 2),
+        contentWrapperStyle = _useState4[0],
+        setContentWrapperStyle = _useState4[1];
+
+    React.useEffect(function () {
+      setContentWrapperStyle(getContentWrapperStyle());
+    }, [getContentWrapperStyle]);
 
     function getFooter() {
       if (footer !== true) return footer;
@@ -64692,6 +64942,9 @@
 
         case "selectedId":
           colorInstanceRef.current.gradientSelectedId = payload;
+          setUpdateId(function (prevId) {
+            return prevId + 1;
+          });
           break;
 
         case "colors":
@@ -65016,17 +65269,27 @@
     var renderAvatar = avatar && /* @__PURE__ */React__default["default"].createElement("div", {
       className: avatarClass
     }, avatar);
-    var renderActions = actions && !isPoster2 && /* @__PURE__ */React__default["default"].createElement("div", {
+    var renderHeaderActions = actions && !isPoster2 && /* @__PURE__ */React__default["default"].createElement("div", {
+      className: actionClass
+    }, actions);
+    var renderFooterActions = actions && isPoster2 && /* @__PURE__ */React__default["default"].createElement("div", {
       className: actionClass
     }, actions);
     var renderStatus = status && isPoster2 && /* @__PURE__ */React__default["default"].createElement("div", {
       className: actionClass
     }, status);
-    var renderHeader = showHeader && /* @__PURE__ */React__default["default"].createElement("div", {
-      className: headerClass
-    }, /* @__PURE__ */React__default["default"].createElement("div", {
-      className: "".concat(classPrefix, "-card__header-wrapper")
-    }, renderAvatar, /* @__PURE__ */React__default["default"].createElement("div", null, renderTitle, renderSubtitle, renderDescription)), renderActions, renderStatus);
+
+    var renderHeader = function renderHeader() {
+      if (header) return /* @__PURE__ */React__default["default"].createElement("div", {
+        className: headerClass
+      }, header);
+      return /* @__PURE__ */React__default["default"].createElement("div", {
+        className: headerClass
+      }, /* @__PURE__ */React__default["default"].createElement("div", {
+        className: "".concat(classPrefix, "-card__header-wrapper")
+      }, renderAvatar, /* @__PURE__ */React__default["default"].createElement("div", null, renderTitle, renderSubtitle, renderDescription)), renderHeaderActions, renderStatus);
+    };
+
     var renderCover = cover ? /* @__PURE__ */React__default["default"].createElement("div", {
       className: coverClass
     }, typeof cover === "string" ? /* @__PURE__ */React__default["default"].createElement("img", {
@@ -65040,7 +65303,7 @@
       className: footerClass
     }, /* @__PURE__ */React__default["default"].createElement("div", {
       className: "".concat(classPrefix, "-card__footer-wrapper")
-    }, footer), isPoster2 && actions && renderActions);
+    }, footer), renderFooterActions);
 
     if (loading) {
       return /* @__PURE__ */React__default["default"].createElement(Loading, null, /* @__PURE__ */React__default["default"].createElement("div", {
@@ -65052,7 +65315,7 @@
       ref: ref,
       className: cardClass,
       style: style
-    }, renderHeader, renderCover, renderChildren, renderFooter);
+    }, showHeader ? renderHeader() : null, renderCover, renderChildren, renderFooter);
   });
   Card$1.displayName = "Card";
   Card$1.defaultProps = cardDefaultProps;