tdesign-react 0.33.1 → 0.33.2

package/dist/tdesign.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.33.1
+ * tdesign v0.33.2
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -3002,9 +3002,9 @@
     }
   };
 
-  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$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$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$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 EAnimationType = /* @__PURE__ */function (EAnimationType2) {
     EAnimationType2["ripple"] = "ripple";
     EAnimationType2["expand"] = "expand";
@@ -3022,7 +3022,7 @@
     ],
     exclude: []
   };
-  var defaultGlobalConfig = _objectSpread$2F({
+  var defaultGlobalConfig = _objectSpread$2E({
     animation: defaultAnimation,
     classPrefix: defaultClassPrefix
   }, merge_1(zhCN, GLOBAL_CONFIG_ZH));
@@ -3037,9 +3037,9 @@
 
   var _excluded$B = ["width", "className", "style", "children"];
 
-  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$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 _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$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; }
 
   var Aside = function Aside(props) {
     var width = props.width,
@@ -3054,14 +3054,14 @@
     var asideClassNames = classnames$1("".concat(classPrefix, "-layout__sider"), className);
     var asideWidth = typeof width === "number" ? "".concat(width, "px") : String(width);
 
-    var asideStyle = _objectSpread$2E({
+    var asideStyle = _objectSpread$2D({
       width: asideWidth,
       maxWidth: asideWidth,
       minWidth: asideWidth,
       flex: "0 0 ".concat(asideWidth)
     }, style);
 
-    return /* @__PURE__ */React__default["default"].createElement("aside", _objectSpread$2E({
+    return /* @__PURE__ */React__default["default"].createElement("aside", _objectSpread$2D({
       className: asideClassNames,
       style: asideStyle
     }, otherAsideProps), children);
@@ -3077,9 +3077,9 @@
       _excluded3 = ["className", "style", "children"],
       _excluded4 = ["direction", "className", "style", "children"];
 
-  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$2D(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$2C(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) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2D(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(),
@@ -3091,7 +3091,7 @@
         others = _objectWithoutProperties$2(props, _excluded$A);
 
     var headerClassNames = classnames$1("".concat(classPrefix, "-layout__header"), className);
-    return /* @__PURE__ */React__default["default"].createElement("header", _objectSpread$2D({
+    return /* @__PURE__ */React__default["default"].createElement("header", _objectSpread$2C({
       className: headerClassNames,
       style: style
     }, others), children);
@@ -3107,7 +3107,7 @@
         others = _objectWithoutProperties$2(props, _excluded2$2);
 
     var footerClassNames = classnames$1("".concat(classPrefix, "-layout__footer"), className);
-    return /* @__PURE__ */React__default["default"].createElement("footer", _objectSpread$2D({
+    return /* @__PURE__ */React__default["default"].createElement("footer", _objectSpread$2C({
       className: footerClassNames,
       style: style
     }, others), children);
@@ -3123,7 +3123,7 @@
         others = _objectWithoutProperties$2(props, _excluded3);
 
     var contentClassNames = classnames$1("".concat(classPrefix, "-layout__content"), className);
-    return /* @__PURE__ */React__default["default"].createElement("main", _objectSpread$2D({
+    return /* @__PURE__ */React__default["default"].createElement("main", _objectSpread$2C({
       className: contentClassNames,
       style: style
     }, others), children);
@@ -3154,7 +3154,7 @@
         classPrefix = _useConfig4.classPrefix;
 
     var layoutClassNames = classnames$1("".concat(classPrefix, "-layout"), (_classNames = {}, _defineProperty$3(_classNames, "".concat(classPrefix, "-layout--with-sider"), !!asides.length), _defineProperty$3(_classNames, "".concat(classPrefix, "-layout__direction-").concat(direction), direction), _classNames), className);
-    return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$2D({
+    return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$2C({
       className: layoutClassNames,
       style: style
     }, otherLayoutProps), children);
@@ -3173,9 +3173,9 @@
 
   var _excluded$z = ["flex", "offset", "order", "pull", "push", "span", "tag", "className", "children", "style"];
 
-  function ownKeys$2D(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$2C(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$2C(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) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2D(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$2B(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) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2C(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   var calcColPadding = function calcColPadding(gutter, currentSize) {
     var paddingObj = {};
@@ -3256,14 +3256,14 @@
         sizeObj = sizeProp || {};
       }
 
-      return _objectSpread$2C(_objectSpread$2C({}, 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$2B(_objectSpread$2B({}, 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$2C(_objectSpread$2C({}, calcColPadding(rowGutter, rowSize)), propStyle);
+    var colStyle = _objectSpread$2B(_objectSpread$2B({}, calcColPadding(rowGutter, rowSize)), propStyle);
 
     flex && (colStyle.flex = parseFlex(flex));
-    return /*#__PURE__*/React__default["default"].createElement(tag, _objectSpread$2C({
+    return /*#__PURE__*/React__default["default"].createElement(tag, _objectSpread$2B({
       className: colClassNames,
       style: colStyle
     }, otherColProps), children);
@@ -3578,9 +3578,9 @@
 
   var _excluded$y = ["align", "gutter", "justify", "tag", "style", "className", "children"];
 
-  function ownKeys$2C(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$2B(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$2B(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) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2C(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$2A(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) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2B(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;
@@ -3695,7 +3695,7 @@
 
     var rowClassNames = classnames$1("".concat(classPrefix, "-row"), className, (_classNames = {}, _defineProperty$3(_classNames, "".concat(classPrefix, "-row--").concat(justify), true), _defineProperty$3(_classNames, "".concat(classPrefix, "-row--").concat(align), true), _classNames));
 
-    var rowStyle = _objectSpread$2B(_objectSpread$2B({}, calcRowStyle(gutter, size)), propStyle);
+    var rowStyle = _objectSpread$2A(_objectSpread$2A({}, calcRowStyle(gutter, size)), propStyle);
 
     React.useEffect(function () {
       window.addEventListener("resize", updateSize);
@@ -3703,7 +3703,7 @@
         window.removeEventListener("resize", updateSize);
       };
     });
-    return /*#__PURE__*/React__default["default"].createElement(tag, _objectSpread$2B({
+    return /*#__PURE__*/React__default["default"].createElement(tag, _objectSpread$2A({
       className: rowClassNames,
       style: rowStyle
     }, otherRowProps), React__default["default"].Children.map(children, function (child) {
@@ -3827,9 +3827,9 @@
     };
   }
 
-  function ownKeys$2B(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$2A(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$2A(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) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2B(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$2z(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) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2A(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   function circleAdapter(circleElem) {
     var _window, _window$getComputedSt2, _window2, _window2$navigator;
 
@@ -3856,11 +3856,11 @@
     if (color && getIEVersion() > 11) {
       var matched = color.match(/[\d.]+/g);
       var endColor = matched ? "rgba(".concat(matched[0], ", ").concat(matched[1], ", ").concat(matched[2], ", 0)") : "";
-      setStyle$1(circleElem, _objectSpread$2A(_objectSpread$2A({}, basicStyle), {}, {
+      setStyle$1(circleElem, _objectSpread$2z(_objectSpread$2z({}, basicStyle), {}, {
         background: "conic-gradient(from 90deg at 50% 50%,".concat(endColor, " 0deg, ").concat(color, " 360deg)")
       }));
     } else {
-      setStyle$1(circleElem, _objectSpread$2A(_objectSpread$2A({}, basicStyle), {}, {
+      setStyle$1(circleElem, _objectSpread$2z(_objectSpread$2z({}, basicStyle), {}, {
         background: ""
       }));
     }
@@ -3894,9 +3894,9 @@
     })));
   };
 
-  function ownKeys$2A(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$2z(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$2z(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) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2A(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$2y(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) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   var Loading$1 = function Loading(props) {
     var attach = props.attach,
@@ -3965,7 +3965,7 @@
         styles.fontSize = size;
       }
 
-      return style ? _objectSpread$2z(_objectSpread$2z({}, styles), style) : styles;
+      return style ? _objectSpread$2y(_objectSpread$2y({}, styles), style) : styles;
     }, [size, zIndex, style]);
     var sizeMap = {
       large: "".concat(classPrefix, "-size-l"),
@@ -4030,9 +4030,9 @@
 
   Loading$1.displayName = "Loading";
 
-  function ownKeys$2z(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$2y(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$2y(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) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$2x(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) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function createContainer$1(attach) {
     if (typeof attach === "string") return document.querySelector(attach);
@@ -4057,7 +4057,7 @@
       fullscreen: !attach,
       showOverlay: !!attach
     };
-    ReactDOM__default["default"].render( /* @__PURE__ */React__default["default"].createElement(Loading$1, _objectSpread$2y(_objectSpread$2y(_objectSpread$2y({}, defaultProps), props), {}, {
+    ReactDOM__default["default"].render( /* @__PURE__ */React__default["default"].createElement(Loading$1, _objectSpread$2x(_objectSpread$2x(_objectSpread$2x({}, defaultProps), props), {}, {
       attach: null
     })), div);
     container.appendChild(div);
@@ -9486,9 +9486,9 @@
     return size;
   }
 
-  function ownKeys$2y(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$2x(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$2x(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) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$2w(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) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2x(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");
@@ -9585,7 +9585,7 @@
         newPlacement = state.options.placement.replace("right", "left");
       }
 
-      Object.assign(state.options, _objectSpread$2x(_objectSpread$2x({}, state.options), {}, {
+      Object.assign(state.options, _objectSpread$2w(_objectSpread$2w({}, state.options), {}, {
         placement: newPlacement
       }));
       popperRef.current.update();
@@ -9602,9 +9602,9 @@
         styles = _popperRef$current.styles,
         attributes = _popperRef$current.attributes;
     var defaultStyles = React.useMemo(function () {
-      if (triggerRef && typeof overlayStyle === "function") return _objectSpread$2x({}, overlayStyle(triggerRef, overlayRef));
-      return _objectSpread$2x({}, overlayStyle);
-    }, [overlayStyle, triggerRef, overlayRef]);
+      if (triggerRef && typeof overlayStyle === "function") return _objectSpread$2w({}, overlayStyle(triggerRef, overlayRef));
+      return _objectSpread$2w({}, overlayStyle);
+    }, [overlayStyle, triggerRef, overlayRef, visible]);
     var overlayVisibleStyle = defaultStyles;
     var triggerNodeTemp = React.useMemo(function () {
       var _React$Children$toArr = React__default["default"].Children.toArray(children),
@@ -9629,7 +9629,7 @@
         triggerProps = _useTriggerProps2[0],
         popupProps = _useTriggerProps2[1];
 
-    var triggerNode = /*#__PURE__*/React.cloneElement(triggerNodeTemp, _objectSpread$2x({
+    var triggerNode = /*#__PURE__*/React.cloneElement(triggerNodeTemp, _objectSpread$2w({
       ref: composeRefs(triggerNodeTemp.ref, setTriggerRef)
     }, triggerProps));
 
@@ -9672,7 +9672,7 @@
       triggerNode: triggerRef,
       attach: attach,
       ref: portalRef
-    }, /* @__PURE__ */React__default["default"].createElement(CSSTransition$1, _objectSpread$2x({
+    }, /* @__PURE__ */React__default["default"].createElement(CSSTransition$1, _objectSpread$2w({
       appear: true,
       timeout: 0,
       "in": visible,
@@ -9681,9 +9681,9 @@
       classPrefix: classPrefix,
       expandAnimation: expandAnimation && keepExpand,
       fadeAnimation: keepFade
-    })), /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$2x(_objectSpread$2x({
+    })), /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$2w(_objectSpread$2w({
       ref: composeRefs(setOverlayRef, ref, popupRef),
-      style: _objectSpread$2x(_objectSpread$2x({}, styles.popper), {}, {
+      style: _objectSpread$2w(_objectSpread$2w({}, styles.popper), {}, {
         zIndex: zIndex
       }),
       className: "".concat(classPrefix, "-popup")
@@ -9845,9 +9845,9 @@
 
   var _excluded$x = ["type", "theme", "variant", "icon", "disabled", "loading", "size", "block", "ghost", "shape", "children", "content", "className", "onClick"];
 
-  function ownKeys$2x(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$2w(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$2w(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) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2x(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$2v(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) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2w(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;
 
@@ -9899,7 +9899,7 @@
       }
     }
 
-    return /* @__PURE__ */React__default["default"].createElement("button", _objectSpread$2w(_objectSpread$2w({}, buttonProps), {}, {
+    return /* @__PURE__ */React__default["default"].createElement("button", _objectSpread$2v(_objectSpread$2v({}, buttonProps), {}, {
       ref: ref || btnRef,
       type: type,
       className: classnames$1(className, ["".concat(classPrefix, "-button"), "".concat(classPrefix, "-button--theme-").concat(renderTheme), "".concat(classPrefix, "-button--variant-").concat(variant)], (_classNames = {}, _defineProperty$3(_classNames, "".concat(classPrefix, "-button--shape-").concat(shape), shape !== "rectangle"), _defineProperty$3(_classNames, "".concat(classPrefix, "-button--ghost"), ghost), _defineProperty$3(_classNames, "".concat(classPrefix, "-is-loading"), loading), _defineProperty$3(_classNames, "".concat(classPrefix, "-is-disabled"), disabled || loading), _defineProperty$3(_classNames, "".concat(classPrefix, "-size-s"), size === "small"), _defineProperty$3(_classNames, "".concat(classPrefix, "-size-l"), size === "large"), _defineProperty$3(_classNames, "".concat(classPrefix, "-size-full-width"), block), _classNames)),
@@ -10097,7 +10097,7 @@
 
   var _excluded$w = ["icon", "id", "className", "size", "style"];
 
-  function ownKeys$2w(object, enumerableOnly) {
+  function ownKeys$2v(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -10110,12 +10110,12 @@
     return keys;
   }
 
-  function _objectSpread$2v(target) {
+  function _objectSpread$2u(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$2v(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$2v(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10124,7 +10124,7 @@
   }
 
   function render(node, id, rootProps) {
-    return /*#__PURE__*/React.createElement(node.tag, _objectSpread$2v(_objectSpread$2v({
+    return /*#__PURE__*/React.createElement(node.tag, _objectSpread$2u(_objectSpread$2u({
       key: id
     }, node.attrs), rootProps), (node.children || []).map(function (child, index) {
       return render(child, "".concat(id, "-").concat(node.tag, "-").concat(index));
@@ -10144,15 +10144,15 @@
         sizeStyle = _useSizeProps.style;
 
     var cls = classNames("t-icon", "t-icon-".concat(id), className, sizeClassName);
-    return render(icon, "".concat(id), _objectSpread$2v({
+    return render(icon, "".concat(id), _objectSpread$2u({
       ref: ref,
       className: cls,
-      style: _objectSpread$2v(_objectSpread$2v({}, style), sizeStyle)
+      style: _objectSpread$2u(_objectSpread$2u({}, style), sizeStyle)
     }, restProps));
   });
   IconBase.displayName = "TIconBase";
 
-  function ownKeys$2v(object, enumerableOnly) {
+  function ownKeys$2u(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -10165,12 +10165,12 @@
     return keys;
   }
 
-  function _objectSpread$2u(target) {
+  function _objectSpread$2t(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$2u(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$2u(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10203,7 +10203,7 @@
     }]
   };
   var AddRectangleIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2u(_objectSpread$2u({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2t(_objectSpread$2t({}, props), {}, {
       id: "add-rectangle",
       ref: ref,
       icon: element$A
@@ -10211,7 +10211,7 @@
   });
   AddRectangleIcon.displayName = "AddRectangleIcon";
 
-  function ownKeys$2u(object, enumerableOnly) {
+  function ownKeys$2t(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -10224,12 +10224,12 @@
     return keys;
   }
 
-  function _objectSpread$2t(target) {
+  function _objectSpread$2s(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$2t(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$2t(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10255,7 +10255,7 @@
     }]
   };
   var AddIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2t(_objectSpread$2t({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2s(_objectSpread$2s({}, props), {}, {
       id: "add",
       ref: ref,
       icon: element$z
@@ -10263,7 +10263,7 @@
   });
   AddIcon.displayName = "AddIcon";
 
-  function ownKeys$2t(object, enumerableOnly) {
+  function ownKeys$2s(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -10276,12 +10276,12 @@
     return keys;
   }
 
-  function _objectSpread$2s(target) {
+  function _objectSpread$2r(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$2s(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$2s(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10314,7 +10314,7 @@
     }]
   };
   var BrowseOffIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2s(_objectSpread$2s({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2r(_objectSpread$2r({}, props), {}, {
       id: "browse-off",
       ref: ref,
       icon: element$y
@@ -10322,7 +10322,7 @@
   });
   BrowseOffIcon.displayName = "BrowseOffIcon";
 
-  function ownKeys$2s(object, enumerableOnly) {
+  function ownKeys$2r(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -10335,12 +10335,12 @@
     return keys;
   }
 
-  function _objectSpread$2r(target) {
+  function _objectSpread$2q(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$2r(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$2r(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10373,7 +10373,7 @@
     }]
   };
   var BrowseIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2r(_objectSpread$2r({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2q(_objectSpread$2q({}, props), {}, {
       id: "browse",
       ref: ref,
       icon: element$x
@@ -10381,7 +10381,7 @@
   });
   BrowseIcon.displayName = "BrowseIcon";
 
-  function ownKeys$2r(object, enumerableOnly) {
+  function ownKeys$2q(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -10394,12 +10394,12 @@
     return keys;
   }
 
-  function _objectSpread$2q(target) {
+  function _objectSpread$2p(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$2q(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$2q(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10425,7 +10425,7 @@
     }]
   };
   var CalendarIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2q(_objectSpread$2q({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2p(_objectSpread$2p({}, props), {}, {
       id: "calendar",
       ref: ref,
       icon: element$w
@@ -10433,7 +10433,7 @@
   });
   CalendarIcon.displayName = "CalendarIcon";
 
-  function ownKeys$2q(object, enumerableOnly) {
+  function ownKeys$2p(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -10446,12 +10446,12 @@
     return keys;
   }
 
-  function _objectSpread$2p(target) {
+  function _objectSpread$2o(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$2p(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$2p(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10477,7 +10477,7 @@
     }]
   };
   var CaretRightSmallIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2p(_objectSpread$2p({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2o(_objectSpread$2o({}, props), {}, {
       id: "caret-right-small",
       ref: ref,
       icon: element$v
@@ -10485,7 +10485,7 @@
   });
   CaretRightSmallIcon.displayName = "CaretRightSmallIcon";
 
-  function ownKeys$2p(object, enumerableOnly) {
+  function ownKeys$2o(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -10498,12 +10498,12 @@
     return keys;
   }
 
-  function _objectSpread$2o(target) {
+  function _objectSpread$2n(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$2o(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$2o(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10529,7 +10529,7 @@
     }]
   };
   var CheckCircleFilledIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2o(_objectSpread$2o({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2n(_objectSpread$2n({}, props), {}, {
       id: "check-circle-filled",
       ref: ref,
       icon: element$u
@@ -10537,7 +10537,7 @@
   });
   CheckCircleFilledIcon.displayName = "CheckCircleFilledIcon";
 
-  function ownKeys$2o(object, enumerableOnly) {
+  function ownKeys$2n(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -10550,12 +10550,12 @@
     return keys;
   }
 
-  function _objectSpread$2n(target) {
+  function _objectSpread$2m(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$2n(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$2n(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10588,7 +10588,7 @@
     }]
   };
   var CheckCircleIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2n(_objectSpread$2n({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2m(_objectSpread$2m({}, props), {}, {
       id: "check-circle",
       ref: ref,
       icon: element$t
@@ -10596,7 +10596,7 @@
   });
   CheckCircleIcon.displayName = "CheckCircleIcon";
 
-  function ownKeys$2n(object, enumerableOnly) {
+  function ownKeys$2m(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -10609,12 +10609,12 @@
     return keys;
   }
 
-  function _objectSpread$2m(target) {
+  function _objectSpread$2l(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$2m(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$2m(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10640,7 +10640,7 @@
     }]
   };
   var CheckIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2m(_objectSpread$2m({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2l(_objectSpread$2l({}, props), {}, {
       id: "check",
       ref: ref,
       icon: element$s
@@ -10648,7 +10648,7 @@
   });
   CheckIcon.displayName = "CheckIcon";
 
-  function ownKeys$2m(object, enumerableOnly) {
+  function ownKeys$2l(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -10661,12 +10661,12 @@
     return keys;
   }
 
-  function _objectSpread$2l(target) {
+  function _objectSpread$2k(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$2l(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$2l(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10692,7 +10692,7 @@
     }]
   };
   var ChevronDownIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2l(_objectSpread$2l({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2k(_objectSpread$2k({}, props), {}, {
       id: "chevron-down",
       ref: ref,
       icon: element$r
@@ -10700,7 +10700,7 @@
   });
   ChevronDownIcon.displayName = "ChevronDownIcon";
 
-  function ownKeys$2l(object, enumerableOnly) {
+  function ownKeys$2k(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -10713,12 +10713,12 @@
     return keys;
   }
 
-  function _objectSpread$2k(target) {
+  function _objectSpread$2j(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$2k(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$2k(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10751,7 +10751,7 @@
     }]
   };
   var ChevronLeftDoubleIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2k(_objectSpread$2k({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2j(_objectSpread$2j({}, props), {}, {
       id: "chevron-left-double",
       ref: ref,
       icon: element$q
@@ -10759,7 +10759,7 @@
   });
   ChevronLeftDoubleIcon.displayName = "ChevronLeftDoubleIcon";
 
-  function ownKeys$2k(object, enumerableOnly) {
+  function ownKeys$2j(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -10772,12 +10772,12 @@
     return keys;
   }
 
-  function _objectSpread$2j(target) {
+  function _objectSpread$2i(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$2j(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$2j(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10803,7 +10803,7 @@
     }]
   };
   var ChevronLeftIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2j(_objectSpread$2j({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2i(_objectSpread$2i({}, props), {}, {
       id: "chevron-left",
       ref: ref,
       icon: element$p
@@ -10811,7 +10811,7 @@
   });
   ChevronLeftIcon.displayName = "ChevronLeftIcon";
 
-  function ownKeys$2j(object, enumerableOnly) {
+  function ownKeys$2i(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -10824,12 +10824,12 @@
     return keys;
   }
 
-  function _objectSpread$2i(target) {
+  function _objectSpread$2h(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$2i(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$2i(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10862,7 +10862,7 @@
     }]
   };
   var ChevronRightCircleIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2i(_objectSpread$2i({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2h(_objectSpread$2h({}, props), {}, {
       id: "chevron-right-circle",
       ref: ref,
       icon: element$o
@@ -10870,7 +10870,7 @@
   });
   ChevronRightCircleIcon.displayName = "ChevronRightCircleIcon";
 
-  function ownKeys$2i(object, enumerableOnly) {
+  function ownKeys$2h(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -10883,12 +10883,12 @@
     return keys;
   }
 
-  function _objectSpread$2h(target) {
+  function _objectSpread$2g(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$2h(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$2h(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10914,7 +10914,7 @@
     }]
   };
   var ChevronRightDoubleIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2h(_objectSpread$2h({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2g(_objectSpread$2g({}, props), {}, {
       id: "chevron-right-double",
       ref: ref,
       icon: element$n
@@ -10922,7 +10922,7 @@
   });
   ChevronRightDoubleIcon.displayName = "ChevronRightDoubleIcon";
 
-  function ownKeys$2h(object, enumerableOnly) {
+  function ownKeys$2g(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -10935,12 +10935,12 @@
     return keys;
   }
 
-  function _objectSpread$2g(target) {
+  function _objectSpread$2f(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$2g(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$2g(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10966,7 +10966,7 @@
     }]
   };
   var ChevronRightIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2g(_objectSpread$2g({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2f(_objectSpread$2f({}, props), {}, {
       id: "chevron-right",
       ref: ref,
       icon: element$m
@@ -10974,7 +10974,7 @@
   });
   ChevronRightIcon.displayName = "ChevronRightIcon";
 
-  function ownKeys$2g(object, enumerableOnly) {
+  function ownKeys$2f(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -10987,12 +10987,12 @@
     return keys;
   }
 
-  function _objectSpread$2f(target) {
+  function _objectSpread$2e(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$2f(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$2f(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11018,7 +11018,7 @@
     }]
   };
   var ChevronUpIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2f(_objectSpread$2f({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2e(_objectSpread$2e({}, props), {}, {
       id: "chevron-up",
       ref: ref,
       icon: element$l
@@ -11026,7 +11026,7 @@
   });
   ChevronUpIcon.displayName = "ChevronUpIcon";
 
-  function ownKeys$2f(object, enumerableOnly) {
+  function ownKeys$2e(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11039,12 +11039,12 @@
     return keys;
   }
 
-  function _objectSpread$2e(target) {
+  function _objectSpread$2d(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$2e(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$2e(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11070,7 +11070,7 @@
     }]
   };
   var CloseCircleFilledIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2e(_objectSpread$2e({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2d(_objectSpread$2d({}, props), {}, {
       id: "close-circle-filled",
       ref: ref,
       icon: element$k
@@ -11078,7 +11078,7 @@
   });
   CloseCircleFilledIcon.displayName = "CloseCircleFilledIcon";
 
-  function ownKeys$2e(object, enumerableOnly) {
+  function ownKeys$2d(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11091,12 +11091,12 @@
     return keys;
   }
 
-  function _objectSpread$2d(target) {
+  function _objectSpread$2c(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$2d(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$2d(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11129,7 +11129,7 @@
     }]
   };
   var CloseCircleIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2d(_objectSpread$2d({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2c(_objectSpread$2c({}, props), {}, {
       id: "close-circle",
       ref: ref,
       icon: element$j
@@ -11137,7 +11137,7 @@
   });
   CloseCircleIcon.displayName = "CloseCircleIcon";
 
-  function ownKeys$2d(object, enumerableOnly) {
+  function ownKeys$2c(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11150,12 +11150,12 @@
     return keys;
   }
 
-  function _objectSpread$2c(target) {
+  function _objectSpread$2b(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$2c(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$2c(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11181,7 +11181,7 @@
     }]
   };
   var CloseIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2c(_objectSpread$2c({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2b(_objectSpread$2b({}, props), {}, {
       id: "close",
       ref: ref,
       icon: element$i
@@ -11189,7 +11189,7 @@
   });
   CloseIcon.displayName = "CloseIcon";
 
-  function ownKeys$2c(object, enumerableOnly) {
+  function ownKeys$2b(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11202,12 +11202,12 @@
     return keys;
   }
 
-  function _objectSpread$2b(target) {
+  function _objectSpread$2a(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$2b(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$2b(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11240,7 +11240,7 @@
     }]
   };
   var DeleteIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2b(_objectSpread$2b({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2a(_objectSpread$2a({}, props), {}, {
       id: "delete",
       ref: ref,
       icon: element$h
@@ -11248,7 +11248,7 @@
   });
   DeleteIcon.displayName = "DeleteIcon";
 
-  function ownKeys$2b(object, enumerableOnly) {
+  function ownKeys$2a(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11261,12 +11261,12 @@
     return keys;
   }
 
-  function _objectSpread$2a(target) {
+  function _objectSpread$29(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$2a(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$2a(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11292,7 +11292,7 @@
     }]
   };
   var EllipsisIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2a(_objectSpread$2a({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$29(_objectSpread$29({}, props), {}, {
       id: "ellipsis",
       ref: ref,
       icon: element$g
@@ -11300,7 +11300,7 @@
   });
   EllipsisIcon.displayName = "EllipsisIcon";
 
-  function ownKeys$2a(object, enumerableOnly) {
+  function ownKeys$29(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11313,12 +11313,12 @@
     return keys;
   }
 
-  function _objectSpread$29(target) {
+  function _objectSpread$28(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$29(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$29(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11344,7 +11344,7 @@
     }]
   };
   var ErrorCircleFilledIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$29(_objectSpread$29({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$28(_objectSpread$28({}, props), {}, {
       id: "error-circle-filled",
       ref: ref,
       icon: element$f
@@ -11352,7 +11352,7 @@
   });
   ErrorCircleFilledIcon.displayName = "ErrorCircleFilledIcon";
 
-  function ownKeys$29(object, enumerableOnly) {
+  function ownKeys$28(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11365,12 +11365,12 @@
     return keys;
   }
 
-  function _objectSpread$28(target) {
+  function _objectSpread$27(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$28(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$28(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11403,7 +11403,7 @@
     }]
   };
   var ErrorCircleIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$28(_objectSpread$28({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$27(_objectSpread$27({}, props), {}, {
       id: "error-circle",
       ref: ref,
       icon: element$e
@@ -11411,7 +11411,7 @@
   });
   ErrorCircleIcon.displayName = "ErrorCircleIcon";
 
-  function ownKeys$28(object, enumerableOnly) {
+  function ownKeys$27(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11424,12 +11424,12 @@
     return keys;
   }
 
-  function _objectSpread$27(target) {
+  function _objectSpread$26(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$27(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$27(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11462,7 +11462,7 @@
     }]
   };
   var FileCopyIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$27(_objectSpread$27({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$26(_objectSpread$26({}, props), {}, {
       id: "file-copy",
       ref: ref,
       icon: element$d
@@ -11470,7 +11470,7 @@
   });
   FileCopyIcon.displayName = "FileCopyIcon";
 
-  function ownKeys$27(object, enumerableOnly) {
+  function ownKeys$26(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11483,12 +11483,12 @@
     return keys;
   }
 
-  function _objectSpread$26(target) {
+  function _objectSpread$25(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$26(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$26(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11514,7 +11514,7 @@
     }]
   };
   var FilterIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$26(_objectSpread$26({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$25(_objectSpread$25({}, props), {}, {
       id: "filter",
       ref: ref,
       icon: element$c
@@ -11522,7 +11522,7 @@
   });
   FilterIcon.displayName = "FilterIcon";
 
-  function ownKeys$26(object, enumerableOnly) {
+  function ownKeys$25(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11535,12 +11535,12 @@
     return keys;
   }
 
-  function _objectSpread$25(target) {
+  function _objectSpread$24(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$25(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$25(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11566,7 +11566,7 @@
     }]
   };
   var HelpCircleFilledIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$25(_objectSpread$25({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$24(_objectSpread$24({}, props), {}, {
       id: "help-circle-filled",
       ref: ref,
       icon: element$b
@@ -11574,7 +11574,7 @@
   });
   HelpCircleFilledIcon.displayName = "HelpCircleFilledIcon";
 
-  function ownKeys$25(object, enumerableOnly) {
+  function ownKeys$24(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11587,12 +11587,12 @@
     return keys;
   }
 
-  function _objectSpread$24(target) {
+  function _objectSpread$23(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$24(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$24(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11618,7 +11618,7 @@
     }]
   };
   var InfoCircleFilledIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$24(_objectSpread$24({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$23(_objectSpread$23({}, props), {}, {
       id: "info-circle-filled",
       ref: ref,
       icon: element$a
@@ -11626,7 +11626,7 @@
   });
   InfoCircleFilledIcon.displayName = "InfoCircleFilledIcon";
 
-  function ownKeys$24(object, enumerableOnly) {
+  function ownKeys$23(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11639,12 +11639,12 @@
     return keys;
   }
 
-  function _objectSpread$23(target) {
+  function _objectSpread$22(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$23(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$23(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11677,7 +11677,7 @@
     }]
   };
   var MinusRectangleIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$23(_objectSpread$23({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$22(_objectSpread$22({}, props), {}, {
       id: "minus-rectangle",
       ref: ref,
       icon: element$9
@@ -11685,7 +11685,7 @@
   });
   MinusRectangleIcon.displayName = "MinusRectangleIcon";
 
-  function ownKeys$23(object, enumerableOnly) {
+  function ownKeys$22(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11698,12 +11698,12 @@
     return keys;
   }
 
-  function _objectSpread$22(target) {
+  function _objectSpread$21(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$22(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$22(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11729,7 +11729,7 @@
     }]
   };
   var PageFirstIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$22(_objectSpread$22({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$21(_objectSpread$21({}, props), {}, {
       id: "page-first",
       ref: ref,
       icon: element$8
@@ -11737,7 +11737,7 @@
   });
   PageFirstIcon.displayName = "PageFirstIcon";
 
-  function ownKeys$22(object, enumerableOnly) {
+  function ownKeys$21(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11750,12 +11750,12 @@
     return keys;
   }
 
-  function _objectSpread$21(target) {
+  function _objectSpread$20(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$21(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$21(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11781,7 +11781,7 @@
     }]
   };
   var PageLastIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$21(_objectSpread$21({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$20(_objectSpread$20({}, props), {}, {
       id: "page-last",
       ref: ref,
       icon: element$7
@@ -11789,7 +11789,7 @@
   });
   PageLastIcon.displayName = "PageLastIcon";
 
-  function ownKeys$21(object, enumerableOnly) {
+  function ownKeys$20(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11802,12 +11802,12 @@
     return keys;
   }
 
-  function _objectSpread$20(target) {
+  function _objectSpread$1$(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$20(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$20(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11833,7 +11833,7 @@
     }]
   };
   var RemoveIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$20(_objectSpread$20({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$1$(_objectSpread$1$({}, props), {}, {
       id: "remove",
       ref: ref,
       icon: element$6
@@ -11841,7 +11841,7 @@
   });
   RemoveIcon.displayName = "RemoveIcon";
 
-  function ownKeys$20(object, enumerableOnly) {
+  function ownKeys$1$(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11854,12 +11854,12 @@
     return keys;
   }
 
-  function _objectSpread$1$(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) {
+      i % 2 ? ownKeys$1$(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$20(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1$(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11885,7 +11885,7 @@
     }]
   };
   var RoundIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$1$(_objectSpread$1$({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$1_(_objectSpread$1_({}, props), {}, {
       id: "round",
       ref: ref,
       icon: element$5
@@ -11893,7 +11893,7 @@
   });
   RoundIcon.displayName = "RoundIcon";
 
-  function ownKeys$1$(object, enumerableOnly) {
+  function ownKeys$1_(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11906,12 +11906,12 @@
     return keys;
   }
 
-  function _objectSpread$1_(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) {
+      i % 2 ? ownKeys$1_(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1$(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1_(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11937,7 +11937,7 @@
     }]
   };
   var SearchIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$1_(_objectSpread$1_({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$1Z(_objectSpread$1Z({}, props), {}, {
       id: "search",
       ref: ref,
       icon: element$4
@@ -11945,7 +11945,7 @@
   });
   SearchIcon.displayName = "SearchIcon";
 
-  function ownKeys$1_(object, enumerableOnly) {
+  function ownKeys$1Z(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -11958,12 +11958,12 @@
     return keys;
   }
 
-  function _objectSpread$1Z(target) {
+  function _objectSpread$1Y(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) {
+      i % 2 ? ownKeys$1Z(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1_(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1Z(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11996,7 +11996,7 @@
     }]
   };
   var SettingIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$1Z(_objectSpread$1Z({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$1Y(_objectSpread$1Y({}, props), {}, {
       id: "setting",
       ref: ref,
       icon: element$3
@@ -12004,7 +12004,7 @@
   });
   SettingIcon.displayName = "SettingIcon";
 
-  function ownKeys$1Z(object, enumerableOnly) {
+  function ownKeys$1Y(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -12017,12 +12017,12 @@
     return keys;
   }
 
-  function _objectSpread$1Y(target) {
+  function _objectSpread$1X(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) {
+      i % 2 ? ownKeys$1Y(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1Z(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1Y(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -12048,7 +12048,7 @@
     }]
   };
   var TimeFilledIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$1Y(_objectSpread$1Y({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$1X(_objectSpread$1X({}, props), {}, {
       id: "time-filled",
       ref: ref,
       icon: element$2
@@ -12056,7 +12056,7 @@
   });
   TimeFilledIcon.displayName = "TimeFilledIcon";
 
-  function ownKeys$1Y(object, enumerableOnly) {
+  function ownKeys$1X(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -12069,12 +12069,12 @@
     return keys;
   }
 
-  function _objectSpread$1X(target) {
+  function _objectSpread$1W(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) {
+      i % 2 ? ownKeys$1X(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1Y(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1X(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -12107,7 +12107,7 @@
     }]
   };
   var TimeIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$1X(_objectSpread$1X({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$1W(_objectSpread$1W({}, props), {}, {
       id: "time",
       ref: ref,
       icon: element$1
@@ -12115,7 +12115,7 @@
   });
   TimeIcon.displayName = "TimeIcon";
 
-  function ownKeys$1X(object, enumerableOnly) {
+  function ownKeys$1W(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -12128,12 +12128,12 @@
     return keys;
   }
 
-  function _objectSpread$1W(target) {
+  function _objectSpread$1V(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) {
+      i % 2 ? ownKeys$1W(Object(source), !0).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1X(Object(source)).forEach(function (key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1W(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -12166,7 +12166,7 @@
     }]
   };
   var UploadIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$1W(_objectSpread$1W({}, props), {}, {
+    return /*#__PURE__*/React.createElement(IconBase, _objectSpread$1V(_objectSpread$1V({}, props), {}, {
       id: "upload",
       ref: ref,
       icon: element
@@ -13085,11 +13085,11 @@
   });
   var camelCase_1 = camelCase;
 
-  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$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$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$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 omit$1(obj, fields) {
-    var shallowCopy = _objectSpread$1V({}, obj);
+    var shallowCopy = _objectSpread$1U({}, obj);
 
     for (var i = 0; i < fields.length; i++) {
       var key = fields[i];
@@ -13148,9 +13148,9 @@
 
   var _excluded$v = ["separate", "children", "className"];
 
-  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$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$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$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 InputGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var _useConfig = useConfig$1(),
         classPrefix = _useConfig.classPrefix;
@@ -13160,7 +13160,7 @@
         className = props.className,
         wrapperProps = _objectWithoutProperties$2(props, _excluded$v);
 
-    return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$1U({
+    return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$1T({
       ref: ref,
       className: classnames$1(className, "".concat(classPrefix, "-input-group"), _defineProperty$3({}, "".concat(classPrefix, "-input-group--separate"), separate))
     }, wrapperProps), children);
@@ -13169,9 +13169,9 @@
 
   var _excluded$u = ["defaultValue", "value", "onChange"];
 
-  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$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$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$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 useDefaultValue$1(props, defaultDefaultValue) {
     var defaultValue = props.defaultValue,
         value = props.value,
@@ -13184,7 +13184,7 @@
         finalValue = _useDefault2[0],
         finalOnChange = _useDefault2[1];
 
-    return _objectSpread$1T({
+    return _objectSpread$1S({
       value: finalValue,
       onChange: finalOnChange
     }, restProps);
@@ -13248,9 +13248,9 @@
   }
   ConfigProvider.displayName = "ConfigProvider";
 
-  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$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$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$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 useLocaleReceiver(componentName, defaultLocale) {
     var _React$useContext = React__default["default"].useContext(ConfigContext$1),
         globalConfig = _React$useContext.globalConfig;
@@ -13288,16 +13288,16 @@
       var locale = defaultLocale || {};
       var connectLocaleByName = globalConfig[componentName];
       var localeFromContext = componentName && globalConfig ? connectLocaleByName : {};
-      return _objectSpread$1S(_objectSpread$1S({}, typeof locale === "function" ? locale() : locale), localeFromContext || {});
+      return _objectSpread$1R(_objectSpread$1R({}, typeof locale === "function" ? locale() : locale), localeFromContext || {});
     }, [componentName, defaultLocale, globalConfig]);
     return [componentLocale, transformLocale];
   }
 
   var _excluded$t = ["type", "autoWidth", "placeholder", "disabled", "status", "size", "className", "inputClass", "style", "prefixIcon", "suffixIcon", "clearable", "value", "tips", "align", "maxlength", "maxcharacter", "format", "onClick", "onChange", "onClear", "onEnter", "onKeydown", "onKeyup", "onKeypress", "onFocus", "onBlur", "onPaste", "onMouseenter", "onMouseleave", "onWheel", "onCompositionstart", "onCompositionend", "showClearIconOnEmpty", "autofocus", "autocomplete", "readonly", "label", "suffix"];
 
-  function ownKeys$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$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$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$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 renderIcon$1 = function renderIcon(classPrefix, type, icon) {
     var result = null;
@@ -13614,7 +13614,7 @@
         }
       };
     });
-    return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$1R({
+    return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$1Q({
       ref: wrapperRef,
       style: style,
       className: classnames$1(className, "".concat(classPrefix, "-input__wrap"), _defineProperty$3({}, "".concat(classPrefix, "-input--auto-width"), autoWidth))
@@ -13630,9 +13630,9 @@
 
   var _excluded$s = ["prepend", "append", "children", "className"];
 
-  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$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$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$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 renderAddon = function renderAddon(type, classPrefix, Content) {
     var result;
@@ -13664,7 +13664,7 @@
         className = props.className,
         wrapperProps = _objectWithoutProperties$2(props, _excluded$s);
 
-    return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$1Q({
+    return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$1P({
       ref: ref,
       className: classnames$1(className, "".concat(classPrefix, "-addon"), (_classNames = {}, _defineProperty$3(_classNames, "".concat(classPrefix, "-addon--prepend"), !!prepend), _defineProperty$3(_classNames, "".concat(classPrefix, "-addon--append"), !!append), _classNames))
     }, wrapperProps), renderAddon("prepend", classPrefix, prepend), children, renderAddon("append", classPrefix, append));
@@ -13675,9 +13675,9 @@
 
   var _excluded$r = ["message", "title", "operation", "theme", "icon", "close", "maxLine", "onClose", "className"];
 
-  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$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$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$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 Alert$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var message = props.message,
         title = props.title,
@@ -13774,7 +13774,7 @@
       }, typeof close === "boolean" ? /* @__PURE__ */React__default["default"].createElement(CloseIcon, null) : close);
     };
 
-    return closed ? null : /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$1P({
+    return closed ? null : /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$1O({
       ref: ref,
       className: classnames$1("".concat(classPrefix, "-alert"), "".concat(classPrefix, "-alert--").concat(theme), className)
     }, alertProps), /* @__PURE__ */React__default["default"].createElement("div", {
@@ -13795,9 +13795,9 @@
 
   var _excluded$q = ["color", "dot", "maxCount", "count", "size", "shape", "showZero", "offset", "className", "content", "children", "style"];
 
-  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$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$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$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 Badge$1 = function Badge(_ref) {
     var color = _ref.color,
@@ -13845,7 +13845,7 @@
     }
 
     var getStyle = function getStyle() {
-      var mergedStyle = _objectSpread$1O({}, style);
+      var mergedStyle = _objectSpread$1N({}, style);
 
       if (color) mergedStyle.backgroundColor = color;
 
@@ -13862,12 +13862,12 @@
       return mergedStyle;
     };
 
-    var badge = !isHidden ? /* @__PURE__ */React__default["default"].createElement("span", _objectSpread$1O(_objectSpread$1O({}, childNode ? {} : restProps), {}, {
+    var badge = !isHidden ? /* @__PURE__ */React__default["default"].createElement("span", _objectSpread$1N(_objectSpread$1N({}, childNode ? {} : restProps), {}, {
       className: badgeClassName,
       style: getStyle()
     }), !dot ? getDisplayCount() : null) : null;
     if (!childNode) return badge;
-    return /* @__PURE__ */React__default["default"].createElement("span", _objectSpread$1O(_objectSpread$1O({}, restProps), {}, {
+    return /* @__PURE__ */React__default["default"].createElement("span", _objectSpread$1N(_objectSpread$1N({}, restProps), {}, {
       className: classnames$1("".concat(classPrefix, "-badge"), className)
     }), childNode, badge);
   };
@@ -13878,9 +13878,9 @@
 
   var _excluded$p = ["allowUncheck", "type", "checked", "defaultChecked", "disabled", "name", "value", "onChange", "indeterminate", "children", "label", "className", "style"];
 
-  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$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$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$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 CheckContext = /*#__PURE__*/React__default["default"].createContext(null);
   var Check = /*#__PURE__*/React.forwardRef(function (_props, ref) {
     var _classNames;
@@ -13939,7 +13939,7 @@
         });
       }
     });
-    return /* @__PURE__ */React__default["default"].createElement("label", _objectSpread$1N({
+    return /* @__PURE__ */React__default["default"].createElement("label", _objectSpread$1M({
       ref: ref,
       className: labelClassName,
       style: style
@@ -13987,9 +13987,9 @@
     }, [classPrefix]);
   }
 
-  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$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$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$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; }
 
   var RadioGroup$1 = function RadioGroup(props) {
     var _classNames;
@@ -14032,7 +14032,7 @@
         }
 
         var checkValue = checkProps.value;
-        return _objectSpread$1M(_objectSpread$1M({}, checkProps), {}, {
+        return _objectSpread$1L(_objectSpread$1L({}, checkProps), {}, {
           checked: internalValue === checkProps.value,
           disabled: checkProps.disabled || disabled,
           onChange: function onChange(checked, _ref) {
@@ -14106,18 +14106,18 @@
 
   RadioGroup$1.displayName = "RadioGroup";
 
-  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$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$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$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 Radio$1 = forwardRefWithStatics(function (props, ref) {
-    return /* @__PURE__ */React__default["default"].createElement(Check, _objectSpread$1L({
+    return /* @__PURE__ */React__default["default"].createElement(Check, _objectSpread$1K({
       ref: ref,
       type: "radio"
     }, props));
   }, {
     Group: RadioGroup$1,
     Button: /*#__PURE__*/React.forwardRef(function (props, ref) {
-      return /* @__PURE__ */React__default["default"].createElement(Check, _objectSpread$1L({
+      return /* @__PURE__ */React__default["default"].createElement(Check, _objectSpread$1K({
         ref: ref,
         type: "radio-button"
       }, props));
@@ -14165,9 +14165,9 @@
 
   var isNumber_1 = isNumber;
 
-  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$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$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$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 getCheckboxValue = function getCheckboxValue(v) {
     switch (_typeof$1(v)) {
@@ -14252,7 +14252,7 @@
         }
 
         var checkValue = checkProps.value;
-        return _objectSpread$1K(_objectSpread$1K({}, checkProps), {}, {
+        return _objectSpread$1J(_objectSpread$1J({}, checkProps), {}, {
           checked: checkProps.checkAll ? checkAllChecked : checkedSet.has(checkValue),
           indeterminate: checkProps.checkAll ? indeterminate : checkProps.indeterminate,
           disabled: checkProps.disabled || disabled || checkedSet.size >= localMax && !checkedSet.has(checkValue),
@@ -14322,10 +14322,10 @@
         case "object":
           {
             var _vs2 = v;
-            return _vs2.checkAll ? /* @__PURE__ */React__default["default"].createElement(Checkbox$1, _objectSpread$1K(_objectSpread$1K({}, v), {}, {
+            return _vs2.checkAll ? /* @__PURE__ */React__default["default"].createElement(Checkbox$1, _objectSpread$1J(_objectSpread$1J({}, v), {}, {
               key: "checkAll_".concat(index),
               indeterminate: indeterminate
-            })) : /* @__PURE__ */React__default["default"].createElement(Checkbox$1, _objectSpread$1K(_objectSpread$1K({}, v), {}, {
+            })) : /* @__PURE__ */React__default["default"].createElement(Checkbox$1, _objectSpread$1J(_objectSpread$1J({}, v), {}, {
               key: index,
               disabled: _vs2.disabled || disabled
             }));
@@ -14337,11 +14337,11 @@
     }) : children));
   }
 
-  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$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$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$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; }
   var Checkbox$1 = forwardRefWithStatics(function (props, ref) {
-    return /* @__PURE__ */React__default["default"].createElement(Check, _objectSpread$1J({
+    return /* @__PURE__ */React__default["default"].createElement(Check, _objectSpread$1I({
       ref: ref,
       type: "checkbox"
     }, props));
@@ -14492,9 +14492,9 @@
   var _excluded$o = ["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$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$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$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$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 InputNumber$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var _classNames;
 
@@ -14776,7 +14776,7 @@
       disabledDecrease: disabledDecrease,
       disabledIncrease: disabledIncrease,
       onStep: onInternalStep
-    }, /* @__PURE__ */React__default["default"].createElement(Input, _objectSpread$1I({
+    }, /* @__PURE__ */React__default["default"].createElement(Input, _objectSpread$1H({
       disabled: disabled,
       value: internalInputValue,
       onChange: onInternalInput,
@@ -14790,76 +14790,69 @@
 
   var StepsContext = /*#__PURE__*/React__default["default"].createContext({
     current: 0,
-    theme: "default"
+    theme: "default",
+    readonly: false,
+    onChange: null
   });
 
   function StepItem(props) {
-    var _classnames;
+    var _classNames;
 
-    var icon = props.icon,
+    var index = props.index,
+        icon = props.icon,
         title = props.title,
         content = props.content,
         value = props.value,
         children = props.children,
-        style = props.style;
-    var status = props.status;
+        style = props.style,
+        status = props.status;
 
     var _useContext = React.useContext(StepsContext),
         current = _useContext.current,
-        theme = _useContext.theme;
+        theme = _useContext.theme,
+        onChange = _useContext.onChange,
+        readonly = _useContext.readonly;
 
     var _useConfig = useConfig$1(),
-        classPrefix = _useConfig.classPrefix;
-
-    if (!status) {
-      if (value < current) {
-        status = "finish";
-      } else if (value === current) {
-        status = "process";
-      } else {
-        status = "default";
-      }
-    }
-
-    var className = classnames$1((_classnames = {}, _defineProperty$3(_classnames, "".concat(classPrefix, "-steps-item"), true), _defineProperty$3(_classnames, "".concat(classPrefix, "-steps-item--wait"), status === "default"), _defineProperty$3(_classnames, "".concat(classPrefix, "-steps-item--error"), status === "error"), _defineProperty$3(_classnames, "".concat(classPrefix, "-steps-item--finish"), status === "finish"), _defineProperty$3(_classnames, "".concat(classPrefix, "-steps-item--process"), status === "process"), _defineProperty$3(_classnames, props.className, !!props.className), _classnames));
-    var valueNum = Number(value);
-    var iconEle = null;
+        classPrefix = _useConfig.classPrefix,
+        globalStepsConfig = _useConfig.steps;
 
-    if (icon) {
-      iconEle = icon;
-    } else if (theme === "default") {
-      switch (status) {
-        case "error":
-          iconEle = /* @__PURE__ */React__default["default"].createElement("span", {
-            className: "".concat(classPrefix, "-steps-item__icon--number")
-          }, /* @__PURE__ */React__default["default"].createElement(CloseIcon, null));
-          break;
+    var canClick = status !== "process" && !readonly;
 
-        case "finish":
-          iconEle = /* @__PURE__ */React__default["default"].createElement("span", {
-            className: "".concat(classPrefix, "-steps-item__icon--number")
-          }, /* @__PURE__ */React__default["default"].createElement(CheckIcon, null));
-          break;
+    function renderIcon() {
+      var iconCls = "".concat(classPrefix, "-steps-item__icon--number");
+      if (icon) return /* @__PURE__ */React__default["default"].createElement("span", {
+        className: iconCls
+      }, icon);
+      if (theme !== "default") return null;
+      if (status === "error") return /* @__PURE__ */React__default["default"].createElement("span", {
+        className: iconCls
+      }, globalStepsConfig.errorIcon || /* @__PURE__ */React__default["default"].createElement(CloseIcon, null));
+      if (status === "finish") return /* @__PURE__ */React__default["default"].createElement("span", {
+        className: iconCls
+      }, /* @__PURE__ */React__default["default"].createElement(CheckIcon, null));
+      return /* @__PURE__ */React__default["default"].createElement("span", {
+        className: iconCls
+      }, Number(index) + 1);
+    }
 
-        case "default":
-        case "process":
-          iconEle = /* @__PURE__ */React__default["default"].createElement("span", {
-            className: "".concat(classPrefix, "-steps-item__icon--number")
-          }, Number.isNaN(valueNum) ? value : valueNum + 1);
-          break;
-      }
-    } else {
-      iconEle = null;
+    function onStepClick(e) {
+      if (!canClick) return;
+      var currentValue = value !== null && value !== void 0 ? value : index;
+      onChange(currentValue, current, {
+        e: e
+      });
     }
 
     return /* @__PURE__ */React__default["default"].createElement("div", {
-      className: className,
-      style: style
+      style: style,
+      className: classnames$1((_classNames = {}, _defineProperty$3(_classNames, "".concat(classPrefix, "-steps-item"), true), _defineProperty$3(_classNames, "".concat(classPrefix, "-steps-item--wait"), status === "default"), _defineProperty$3(_classNames, "".concat(classPrefix, "-steps-item--error"), status === "error"), _defineProperty$3(_classNames, "".concat(classPrefix, "-steps-item--finish"), status === "finish"), _defineProperty$3(_classNames, "".concat(classPrefix, "-steps-item--process"), status === "process"), _defineProperty$3(_classNames, props.className, !!props.className), _classNames))
     }, /* @__PURE__ */React__default["default"].createElement("div", {
-      className: "".concat(classPrefix, "-steps-item__inner")
+      className: classnames$1("".concat(classPrefix, "-steps-item__inner"), _defineProperty$3({}, "".concat(classPrefix, "-steps-item--clickable"), canClick)),
+      onClick: onStepClick
     }, /* @__PURE__ */React__default["default"].createElement("div", {
-      className: "".concat(classPrefix, "-steps-item__icon ").concat(status === "finish" ? "".concat(classPrefix, "-steps-item-finish") : "")
-    }, iconEle), /* @__PURE__ */React__default["default"].createElement("div", {
+      className: classnames$1("".concat(classPrefix, "-steps-item__icon"), _defineProperty$3({}, "".concat(classPrefix, "-steps-item-").concat(status), status))
+    }, renderIcon()), /* @__PURE__ */React__default["default"].createElement("div", {
       className: "".concat(classPrefix, "-steps-item__content")
     }, /* @__PURE__ */React__default["default"].createElement("div", {
       className: "".concat(classPrefix, "-steps-item__title")
@@ -14871,73 +14864,124 @@
   }
   StepItem.displayName = "StepItem";
 
-  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; }
+  var stepsDefaultProps = {
+    layout: "horizontal",
+    readonly: false,
+    separator: "line",
+    sequence: "positive",
+    theme: "default"
+  };
 
-  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 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 Steps$1(props) {
+  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; }
+  var Steps$1 = forwardRefWithStatics(function (props, ref) {
     var _classnames;
 
     var style = props.style,
-        _props$current = props.current,
-        current = _props$current === void 0 ? 0 : _props$current,
-        _props$layout = props.layout,
-        layout = _props$layout === void 0 ? "horizontal" : _props$layout,
-        _props$theme = props.theme,
-        theme = _props$theme === void 0 ? "default" : _props$theme,
-        _props$sequence = props.sequence,
-        sequence = _props$sequence === void 0 ? "positive" : _props$sequence,
+        currentFromProps = props.current,
+        defaultCurrent = props.defaultCurrent,
+        readonly = props.readonly,
+        layout = props.layout,
+        theme = props.theme,
+        sequence = props.sequence,
+        separator = props.separator,
         children = props.children,
-        onChange = props.onChange,
-        _props$options = props.options,
-        options = _props$options === void 0 ? [] : _props$options;
+        onChangeFromProps = props.onChange,
+        options = props.options;
 
     var _useConfig = useConfig$1(),
         classPrefix = _useConfig.classPrefix;
 
-    var className = classnames$1((_classnames = {}, _defineProperty$3(_classnames, "".concat(classPrefix, "-steps"), true), _defineProperty$3(_classnames, "".concat(classPrefix, "-steps--horizontal"), layout === "horizontal"), _defineProperty$3(_classnames, "".concat(classPrefix, "-steps--vertical"), layout === "vertical"), _defineProperty$3(_classnames, "".concat(classPrefix, "-steps--default-anchor"), theme === "default"), _defineProperty$3(_classnames, "".concat(classPrefix, "-steps--positive"), sequence === "positive"), _defineProperty$3(_classnames, "".concat(classPrefix, "-steps--reverse"), sequence === "reverse"), _defineProperty$3(_classnames, "".concat(classPrefix, "-steps--dot-anchor"), theme === "dot"), _defineProperty$3(_classnames, props.className, !!props.className), _classnames));
-    var previousRef = React.useRef(current);
-    React.useEffect(function () {
-      var previous = previousRef.current;
+    var _useDefault = useDefault(currentFromProps, defaultCurrent, onChangeFromProps),
+        _useDefault2 = _slicedToArray(_useDefault, 2),
+        current = _useDefault2[0],
+        onChange = _useDefault2[1];
 
-      if (previous !== current && onChange) {
-        onChange(current, previous);
+    var indexMap = React.useMemo(function () {
+      var map = {};
+
+      if (options) {
+        options.forEach(function (item, index) {
+          if (item.value !== void 0) map[item.value] = index;
+        });
+      } else {
+        React__default["default"].Children.forEach(children, function (child, index) {
+          if (! /*#__PURE__*/React__default["default"].isValidElement(child)) return;
+          if (child.props.value !== void 0) map[child.props.value] = index;
+        });
       }
-    }, [current, onChange]);
-    var shouldReserve = sequence === "reverse" && layout === "vertical";
-    var childrenList = React__default["default"].Children.toArray(children);
-    var childrenDisplayList = shouldReserve ? childrenList.reverse() : childrenList;
-    var optionsDisplayList = shouldReserve ? options.reverse() : options;
-    var stepItemList = null;
-
-    if (childrenList.length !== 0) {
-      stepItemList = childrenDisplayList.map(function (child, index) {
-        return /*#__PURE__*/React__default["default"].cloneElement(child, _objectSpread$1H({
-          value: index
-        }, child.props));
-      });
-    } else {
-      stepItemList = optionsDisplayList.map(function (v, index) {
-        return /* @__PURE__ */React__default["default"].createElement(StepItem, _objectSpread$1H(_objectSpread$1H({}, v), {}, {
-          value: index,
-          key: index
+
+      return map;
+    }, [options, children]);
+    var handleStatus = React.useCallback(function (item, index) {
+      var _item$value;
+
+      if (current === "FINISH") return "finish";
+      if (item.status && item.status !== "default") return item.status;
+
+      if (item.value === void 0) {
+        if (sequence === "positive" && index < current) return "finish";
+        if (sequence === "reverse" && index > current) return "finish";
+      }
+
+      if (item.value !== void 0) {
+        var matchIndex = indexMap[current];
+
+        if (matchIndex === void 0) {
+          console.warn("TDesign Steps Warn: The current `value` is not exist.");
+          return "default";
+        }
+
+        if (sequence === "positive" && index < matchIndex) return "finish";
+        if (sequence === "reverse" && index > matchIndex) return "finish";
+      }
+
+      var key = (_item$value = item.value) !== null && _item$value !== void 0 ? _item$value : index;
+      if (key === current) return "process";
+      return "default";
+    }, [current, sequence, indexMap]);
+    var stepItemList = React.useMemo(function () {
+      if (options) {
+        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$1G(_objectSpread$1G({
+            key: index
+          }, item), {}, {
+            index: stepIndex,
+            status: handleStatus(item, index)
+          }));
+        });
+      }
+
+      var childrenList = React__default["default"].Children.toArray(children);
+      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$1G(_objectSpread$1G({}, child.props), {}, {
+          index: stepIndex,
+          status: handleStatus(child.props, index)
         }));
       });
-    }
-
+    }, [options, children, sequence, handleStatus]);
     return /* @__PURE__ */React__default["default"].createElement(StepsContext.Provider, {
       value: {
         current: current,
-        theme: theme
+        theme: theme,
+        readonly: readonly,
+        onChange: onChange
       }
     }, /* @__PURE__ */React__default["default"].createElement("div", {
-      className: className,
-      style: style
+      ref: ref,
+      style: style,
+      className: classnames$1((_classnames = {}, _defineProperty$3(_classnames, "".concat(classPrefix, "-steps"), true), _defineProperty$3(_classnames, "".concat(classPrefix, "-steps--").concat(theme, "-anchor"), theme), _defineProperty$3(_classnames, "".concat(classPrefix, "-steps--").concat(layout), layout), _defineProperty$3(_classnames, "".concat(classPrefix, "-steps--").concat(sequence), sequence), _defineProperty$3(_classnames, "".concat(classPrefix, "-steps--").concat(separator, "-separator"), separator), _defineProperty$3(_classnames, props.className, !!props.className), _classnames))
     }, stepItemList));
-  }
-
-  Steps$1.StepItem = StepItem;
+  }, {
+    StepItem: StepItem
+  });
   Steps$1.displayName = "Steps";
+  Steps$1.defaultProps = stepsDefaultProps;
 
   var Steps = Steps$1;
 
@@ -15088,9 +15132,9 @@
     }) : null;
   }
 
-  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$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$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$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 MessageComponent = function MessageComponent(props) {
     var _useMessageClass = useMessageClass(),
@@ -15114,12 +15158,12 @@
     }, icon ? icon : /* @__PURE__ */React__default["default"].createElement(MessageIcon, {
       theme: theme,
       onCloseBtnClick: onCloseBtnClick
-    }), content ? content : children, /* @__PURE__ */React__default["default"].createElement(MessageClose, _objectSpread$1G({}, props)));
+    }), content ? content : children, /* @__PURE__ */React__default["default"].createElement(MessageClose, _objectSpread$1F({}, props)));
   };
 
-  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$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$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$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 MessageList = [];
   var keyIndex = 1;
   var globalConfig = {
@@ -15212,7 +15256,7 @@
     }
 
     return new Promise(function (resolve) {
-      ReactDOM__default["default"].render( /* @__PURE__ */React__default["default"].createElement(MessageComponent, _objectSpread$1F({
+      ReactDOM__default["default"].render( /* @__PURE__ */React__default["default"].createElement(MessageComponent, _objectSpread$1E({
         theme: theme,
         style: style,
         key: keyIndex
@@ -15232,7 +15276,7 @@
     var config = {};
 
     if (isConfig(content)) {
-      config = _objectSpread$1F({
+      config = _objectSpread$1E({
         duration: duration
       }, content);
     } else {
@@ -15242,7 +15286,7 @@
       };
     }
 
-    config = _objectSpread$1F(_objectSpread$1F({}, config), {}, {
+    config = _objectSpread$1E(_objectSpread$1E({}, config), {}, {
       zIndex: config.zIndex || globalConfig.zIndex
     });
     return renderElement(theme, config);
@@ -16030,9 +16074,9 @@
     return scrollbarWidth;
   }
 
-  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$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$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$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 getColumnFixedStyles(col, index, rowAndColFixedPosition, tableColFixedClasses) {
     var _thClasses;
 
@@ -16267,7 +16311,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$1E(_objectSpread$1E({}, obj), {}, {
+            initialColumnMap.set(colKey, _objectSpread$1D(_objectSpread$1D({}, 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
             }));
           }
@@ -16305,7 +16349,7 @@
         }
 
         thisRowInfo.top = (lastRowInfo.top || defaultBottom) + (lastRowInfo.height || 0);
-        initialColumnMap.set(rowId, _objectSpread$1E(_objectSpread$1E({}, thisRowInfo), {}, {
+        initialColumnMap.set(rowId, _objectSpread$1D(_objectSpread$1D({}, 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
         }));
       }
@@ -16332,7 +16376,7 @@
         }
 
         _thisRowInfo.bottom = (_lastRowInfo.bottom || _defaultBottom) + (_lastRowInfo.height || 0);
-        initialColumnMap.set(_rowId, _objectSpread$1E(_objectSpread$1E({}, _thisRowInfo), {}, {
+        initialColumnMap.set(_rowId, _objectSpread$1D(_objectSpread$1D({}, _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,9 +16767,9 @@
     return classNames;
   }
 
-  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$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$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$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 Ellipsis(props) {
     var _useConfig = useConfig$1(),
         classPrefix = _useConfig.classPrefix;
@@ -16761,7 +16805,7 @@
     var content = null;
 
     if (isOverflow) {
-      var rProps = _objectSpread$1D({
+      var rProps = _objectSpread$1C({
         content: props.popupContent || cellNode,
         destroyOnClose: true,
         zIndex: props.zIndex,
@@ -16769,7 +16813,7 @@
         placement: props.placement
       }, props.popupProps || {});
 
-      content = /* @__PURE__ */React__default["default"].createElement(Popup, _objectSpread$1D({}, rProps), ellipsisContent);
+      content = /* @__PURE__ */React__default["default"].createElement(Popup, _objectSpread$1C({}, rProps), ellipsisContent);
     } else {
       content = ellipsisContent;
     }
@@ -16851,9 +16895,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$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$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$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 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,
@@ -16864,7 +16908,7 @@
     }
 
     if (isFunction_1(col.render)) {
-      return col.render(_objectSpread$1C(_objectSpread$1C({}, params), {}, {
+      return col.render(_objectSpread$1B(_objectSpread$1B({}, params), {}, {
         type: "cell"
       }));
     }
@@ -16911,7 +16955,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$1C(_objectSpread$1C({}, scroll), {}, {
+      return _objectSpread$1B(_objectSpread$1B({}, scroll), {}, {
         rowIndex: rowIndex
       });
     }, [scroll, rowIndex]);
@@ -16948,7 +16992,7 @@
           rowAndColFixedPosition2 = extra.rowAndColFixedPosition;
       var cellNode = renderCell(params);
       var tdStyles = getColumnFixedStyles(col, colIndex, rowAndColFixedPosition2, tableColFixedClasses);
-      var customClasses = isFunction_1(col.className) ? col.className(_objectSpread$1C(_objectSpread$1C({}, params), {}, {
+      var customClasses = isFunction_1(col.className) ? col.className(_objectSpread$1B(_objectSpread$1B({}, 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)];
@@ -16956,20 +17000,20 @@
       var onClick = function onClick(e) {
         var _props$onCellClick;
 
-        var p = _objectSpread$1C(_objectSpread$1C({}, params), {}, {
+        var p = _objectSpread$1B(_objectSpread$1B({}, params), {}, {
           e: e
         });
 
         (_props$onCellClick = props.onCellClick) === null || _props$onCellClick === void 0 ? void 0 : _props$onCellClick.call(props, p);
       };
 
-      var attrs = _objectSpread$1C(_objectSpread$1C({}, col.attrs), {}, {
+      var attrs = _objectSpread$1B(_objectSpread$1B({}, col.attrs), {}, {
         rowSpan: cellSpans.rowspan,
         colSpan: cellSpans.colspan
       });
 
       if (!col.colKey) return null;
-      return /* @__PURE__ */React__default["default"].createElement("td", _objectSpread$1C(_objectSpread$1C({
+      return /* @__PURE__ */React__default["default"].createElement("td", _objectSpread$1B(_objectSpread$1B({
         key: col.colKey,
         className: classnames$1(classes2),
         style: tdStyles.style
@@ -17013,7 +17057,7 @@
       row: row,
       index: rowIndex
     };
-    return /* @__PURE__ */React__default["default"].createElement("tr", _objectSpread$1C(_objectSpread$1C({
+    return /* @__PURE__ */React__default["default"].createElement("tr", _objectSpread$1B(_objectSpread$1B({
       ref: trRef
     }, trAttributes), {}, {
       style: trStyles === null || trStyles === void 0 ? void 0 : trStyles.style,
@@ -17021,49 +17065,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$1C(_objectSpread$1C({}, rowParams), {}, {
+        return (_props$onRowClick = props.onRowClick) === null || _props$onRowClick === void 0 ? void 0 : _props$onRowClick.call(props, _objectSpread$1B(_objectSpread$1B({}, 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$1C(_objectSpread$1C({}, rowParams), {}, {
+        return (_props$onRowDblclick = props.onRowDblclick) === null || _props$onRowDblclick === void 0 ? void 0 : _props$onRowDblclick.call(props, _objectSpread$1B(_objectSpread$1B({}, 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$1C(_objectSpread$1C({}, rowParams), {}, {
+        return (_props$onRowMousedown = props.onRowMousedown) === null || _props$onRowMousedown === void 0 ? void 0 : _props$onRowMousedown.call(props, _objectSpread$1B(_objectSpread$1B({}, 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$1C(_objectSpread$1C({}, rowParams), {}, {
+        return (_props$onRowMouseente = props.onRowMouseenter) === null || _props$onRowMouseente === void 0 ? void 0 : _props$onRowMouseente.call(props, _objectSpread$1B(_objectSpread$1B({}, 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$1C(_objectSpread$1C({}, rowParams), {}, {
+        return (_props$onRowMouseleav = props.onRowMouseleave) === null || _props$onRowMouseleav === void 0 ? void 0 : _props$onRowMouseleav.call(props, _objectSpread$1B(_objectSpread$1B({}, 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$1C(_objectSpread$1C({}, rowParams), {}, {
+        return (_props$onRowMouseup = props.onRowMouseup) === null || _props$onRowMouseup === void 0 ? void 0 : _props$onRowMouseup.call(props, _objectSpread$1B(_objectSpread$1B({}, 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$1C(_objectSpread$1C({}, rowParams), {}, {
+        return (_props$onRowMouseover = props.onRowMouseover) === null || _props$onRowMouseover === void 0 ? void 0 : _props$onRowMouseover.call(props, _objectSpread$1B(_objectSpread$1B({}, rowParams), {}, {
           e: e
         }));
       }
@@ -17077,9 +17121,9 @@
   }
   TR.displayName = "TR";
 
-  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$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$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$1A(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1B(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1B(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var 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,
@@ -17160,7 +17204,7 @@
     skipSpansMap = /* @__PURE__ */new Map();
     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$1B(_objectSpread$1B(_objectSpread$1B({}, pick_1(props, TABLE_PROPS)), {}, {
+      var trProps = _objectSpread$1A(_objectSpread$1A(_objectSpread$1A({}, pick_1(props, TABLE_PROPS)), {}, {
         rowKey: props.rowKey || "id",
         row: row,
         columns: columns,
@@ -17175,7 +17219,7 @@
         trProps.onCellClick = props.onCellClick;
       }
 
-      var trNode = /* @__PURE__ */React__default["default"].createElement(TR, _objectSpread$1B(_objectSpread$1B({
+      var trNode = /* @__PURE__ */React__default["default"].createElement(TR, _objectSpread$1A(_objectSpread$1A({
         key: get_1(row, props.rowKey || "id") || rowIndex
       }, trProps), {}, {
         onRowMounted: props.handleRowMounted
@@ -17205,14 +17249,11 @@
     };
     return /* @__PURE__ */React__default["default"].createElement("tbody", {
       className: classnames$1(tbodyClasses),
-      style: props.isVirtual && _objectSpread$1B({}, posStyle)
+      style: props.isVirtual && _objectSpread$1A({}, posStyle)
     }, isEmpty ? renderEmpty(columns) : list);
   }
   TBody.displayName = "TBody";
 
-  function ownKeys$1B(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-  function _objectSpread$1A(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1B(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1B(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Affix$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var children = props.children,
         zIndex = props.zIndex,
@@ -17224,137 +17265,110 @@
         offsetTop = props.offsetTop,
         onFixedChange = props.onFixedChange;
 
-    var _useState = React.useState(false),
-        _useState2 = _slicedToArray(_useState, 2),
-        affixed = _useState2[0],
-        setAffixed = _useState2[1];
-
     var _useConfig = useConfig$1(),
         classPrefix = _useConfig.classPrefix;
 
     var affixRef = React.useRef(null);
     var affixWrapRef = React.useRef(null);
-    var stateRef = React.useRef({
-      ticking: false,
-      oldWidth: 0,
-      oldHeight: 0,
-      containerHeight: 0
-    });
+    var placeholderEL = React.useRef(null);
+    var scrollContainer = React.useRef(null);
+    var ticking = React.useRef(false);
     var handleScroll = React.useCallback(function () {
-      var _stateRef$current = stateRef.current,
-          ticking = _stateRef$current.ticking,
-          scrollContainer = _stateRef$current.scrollContainer,
-          containerHeight = _stateRef$current.containerHeight,
-          oldWidth2 = _stateRef$current.oldWidth;
-
-      if (!ticking) {
+      if (!ticking.current) {
         window.requestAnimationFrame(function () {
-          var _affixWrapRef$current, _affixWrapRef$current2, _affixWrapRef$current3;
+          var _affixWrapRef$current, _affixWrapRef$current2;
 
-          var affixEl = affixRef.current;
-          var top = (_affixWrapRef$current = (_affixWrapRef$current2 = affixWrapRef.current) === null || _affixWrapRef$current2 === void 0 ? void 0 : (_affixWrapRef$current3 = _affixWrapRef$current2.getBoundingClientRect()) === null || _affixWrapRef$current3 === void 0 ? void 0 : _affixWrapRef$current3.top) !== null && _affixWrapRef$current !== void 0 ? _affixWrapRef$current : 0;
-          var containerTop = 0;
+          var _ref = (_affixWrapRef$current = (_affixWrapRef$current2 = affixWrapRef.current) === null || _affixWrapRef$current2 === void 0 ? void 0 : _affixWrapRef$current2.getBoundingClientRect()) !== null && _affixWrapRef$current !== void 0 ? _affixWrapRef$current : {
+            top: 0
+          },
+              _ref$top = _ref.top,
+              wrapToTop = _ref$top === void 0 ? 0 : _ref$top,
+              _ref$width = _ref.width,
+              wrapWidth = _ref$width === void 0 ? 0 : _ref$width,
+              _ref$height = _ref.height,
+              wrapHeight = _ref$height === void 0 ? 0 : _ref$height;
+
+          var containerToTop = 0;
 
-          if (scrollContainer instanceof HTMLElement) {
-            containerTop = scrollContainer.getBoundingClientRect().top;
+          if (scrollContainer.current instanceof HTMLElement) {
+            containerToTop = scrollContainer.current.getBoundingClientRect().top;
           }
 
+          var calcTop = wrapToTop - containerToTop;
+          var containerHeight = scrollContainer.current[scrollContainer.current instanceof Window ? "innerHeight" : "clientHeight"] - wrapHeight;
+          var calcBottom = containerToTop + containerHeight - (offsetBottom !== null && offsetBottom !== void 0 ? offsetBottom : 0);
           var fixedTop;
-          var calcTop = top - containerTop;
-          var calcBottom = containerTop + containerHeight - (offsetBottom !== null && offsetBottom !== void 0 ? offsetBottom : 0);
 
           if (offsetTop !== void 0 && calcTop <= offsetTop) {
-            fixedTop = containerTop + offsetTop;
-          } else if (offsetBottom !== void 0 && top >= calcBottom) {
+            fixedTop = containerToTop + offsetTop;
+          } else if (offsetBottom !== void 0 && wrapToTop >= calcBottom) {
             fixedTop = calcBottom;
           } else {
             fixedTop = false;
           }
 
-          if (affixEl) {
-            if (fixedTop !== false) {
-              affixEl.className = "".concat(classPrefix, "-affix");
-              affixEl.style.top = "".concat(fixedTop, "px");
-              affixEl.style.width = "".concat(oldWidth2, "px");
+          if (affixRef.current) {
+            var affixed = fixedTop !== false;
+            var placeholderStatus = affixWrapRef.current.contains(placeholderEL.current);
+
+            if (affixed) {
+              affixRef.current.className = "".concat(classPrefix, "-affix");
+              affixRef.current.style.top = "".concat(fixedTop, "px");
+              affixRef.current.style.width = "".concat(wrapWidth, "px");
+              affixRef.current.style.height = "".concat(wrapHeight, "px");
 
               if (zIndex) {
-                affixEl.style.zIndex = "".concat(zIndex);
+                affixRef.current.style.zIndex = "".concat(zIndex);
+              }
+
+              if (!placeholderStatus) {
+                placeholderEL.current.style.width = "".concat(wrapWidth, "px");
+                placeholderEL.current.style.height = "".concat(wrapHeight, "px");
+                affixWrapRef.current.appendChild(placeholderEL.current);
               }
             } else {
-              affixEl.removeAttribute("class");
-              affixEl.removeAttribute("style");
+              affixRef.current.removeAttribute("class");
+              affixRef.current.removeAttribute("style");
+              placeholderStatus && placeholderEL.current.remove();
             }
-          }
-
-          var affixed2 = fixedTop !== false;
-          setAffixed(affixed2);
 
-          if (isFunction_1(onFixedChange)) {
-            onFixedChange(affixed2, {
-              top: +fixedTop
-            });
+            if (isFunction_1(onFixedChange)) {
+              onFixedChange(affixed, {
+                top: +fixedTop
+              });
+            }
           }
 
-          stateRef.current.ticking = false;
+          ticking.current = false;
         });
       }
 
-      stateRef.current.ticking = true;
-    }, [classPrefix, offsetBottom, offsetTop, zIndex, onFixedChange]);
-    var calcInitValue = React.useCallback(function () {
-      var scrollContainer = getScrollContainer(container);
-      if (!scrollContainer) return;
-      var containerHeight = 0;
-
-      if (scrollContainer instanceof Window) {
-        containerHeight = scrollContainer.innerHeight;
-      } else {
-        containerHeight = scrollContainer.clientHeight;
-      }
-
-      var _ref = affixRef.current || {},
-          clientWidth = _ref.clientWidth,
-          clientHeight = _ref.clientHeight;
-
-      stateRef.current = _objectSpread$1A(_objectSpread$1A({}, stateRef.current), {}, {
-        scrollContainer: scrollContainer,
-        oldWidth: clientWidth,
-        oldHeight: clientHeight,
-        containerHeight: containerHeight - clientHeight
-      });
-      handleScroll();
-    }, [container, handleScroll]);
+      ticking.current = true;
+    }, [classPrefix, offsetBottom, offsetTop, onFixedChange, zIndex]);
     React.useImperativeHandle(ref, function () {
       return {
-        calcInitValue: calcInitValue,
         handleScroll: handleScroll
       };
     });
     React.useEffect(function () {
-      calcInitValue();
+      placeholderEL.current = document.createElement("div");
+    }, []);
+    React.useEffect(function () {
+      scrollContainer.current = getScrollContainer(container);
 
-      if (stateRef.current.scrollContainer) {
-        stateRef.current.scrollContainer.addEventListener("scroll", handleScroll);
+      if (scrollContainer.current) {
+        handleScroll();
+        scrollContainer.current.addEventListener("scroll", handleScroll);
         window.addEventListener("resize", handleScroll);
         return function () {
-          var _stateRef$current$scr;
-
-          (_stateRef$current$scr = stateRef.current.scrollContainer) === null || _stateRef$current$scr === void 0 ? void 0 : _stateRef$current$scr.removeEventListener("scroll", handleScroll);
+          scrollContainer.current.removeEventListener("scroll", handleScroll);
           window.removeEventListener("resize", handleScroll);
         };
       }
-    }, [calcInitValue, handleScroll]);
-    var _stateRef$current2 = stateRef.current,
-        oldWidth = _stateRef$current2.oldWidth,
-        oldHeight = _stateRef$current2.oldHeight;
+    }, [container, handleScroll]);
     return /* @__PURE__ */React__default["default"].createElement("div", {
       ref: affixWrapRef
-    }, affixed ? /* @__PURE__ */React__default["default"].createElement("div", {
-      style: {
-        width: "".concat(oldWidth, "px"),
-        height: "".concat(oldHeight, "px")
-      }
-    }) : "", /* @__PURE__ */React__default["default"].createElement("div", {
+    }, /* @__PURE__ */React__default["default"].createElement("div", {
       ref: affixRef
     }, children));
   });
@@ -30800,16 +30814,16 @@
   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 CheckboxGroup$1 = Checkbox.Group;
   function getColumnKeys(columns) {
-    var keys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    var keys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : /* @__PURE__ */new Set();
 
     for (var i = 0, len = columns.length; i < len; i++) {
       var _col$children;
 
       var col = columns[i];
-      col.colKey && keys.push(col.colKey);
+      col.colKey && keys.add(col.colKey);
 
       if ((_col$children = col.children) !== null && _col$children !== void 0 && _col$children.length) {
-        keys = keys.concat(getColumnKeys(col.children, _toConsumableArray(keys)));
+        getColumnKeys(col.children, keys);
       }
     }
 
@@ -30827,14 +30841,14 @@
     var dialogInstance = React.useRef();
 
     var enabledColKeys = function () {
-      var arr = ((columnController === null || columnController === void 0 ? void 0 : columnController.fields) || _toConsumableArray(new Set(getColumnKeys(columns)))).filter(function (v) {
+      var arr = ((columnController === null || columnController === void 0 ? void 0 : columnController.fields) || _toConsumableArray(getColumnKeys(columns))).filter(function (v) {
         return v;
       });
 
       return new Set(arr);
     }();
 
-    var keys = _toConsumableArray(new Set(getColumnKeys(columns)));
+    var keys = _toConsumableArray(getColumnKeys(columns));
 
     var _useDefaultValue = useDefault(displayColumns, props.defaultDisplayColumns || keys, props.onDisplayColumnsChange),
         _useDefaultValue2 = _slicedToArray(_useDefaultValue, 2),
@@ -37794,9 +37808,10 @@
     var _useTabClass = useTabClass(),
         tdTabPanelClassPrefix = _useTabClass.tdTabPanelClassPrefix;
 
-    var style = props.style;
+    var className = props.className,
+        style = props.style;
     return /* @__PURE__ */React__default["default"].createElement("div", {
-      className: classnames$1(tdTabPanelClassPrefix),
+      className: classnames$1(tdTabPanelClassPrefix, className),
       style: style
     }, props.children);
   };
@@ -45176,6 +45191,55 @@
   function _unsupportedIterableToArray$1(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$1(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen); }
 
   function _arrayLikeToArray$1(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+  function getMapValue(name, formMapRef) {
+    var mapKeys = _toConsumableArray(formMapRef.current.keys());
+
+    var key = mapKeys.find(function (key2) {
+      return String(key2) === String(name);
+    });
+    return formMapRef.current.get(key);
+  }
+
+  function travalMapFromObject(obj, formMapRef, callback) {
+    var _iterator = _createForOfIteratorHelper$1(formMapRef.current.entries()),
+        _step;
+
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var _step$value = _slicedToArray(_step.value, 2),
+            mapName = _step$value[0],
+            formItemRef = _step$value[1];
+
+        if (Array.isArray(mapName)) {
+          var symbol = Symbol("name");
+          var fieldValue = null;
+
+          for (var i = 0; i < mapName.length; i++) {
+            var item = mapName[i];
+
+            if (Reflect.has(fieldValue || obj, item)) {
+              fieldValue = Reflect.get(fieldValue || obj, item);
+            } else {
+              fieldValue = symbol;
+              break;
+            }
+          }
+
+          if (fieldValue !== symbol) {
+            callback(formItemRef, fieldValue);
+          }
+        } else if (Reflect.has(obj, mapName)) {
+          callback(formItemRef, obj[mapName]);
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  }
+
   function useInstance(props, formRef, formMapRef) {
     var _useConfig = useConfig$1(),
         classPrefix = _useConfig.classPrefix;
@@ -45262,6 +45326,15 @@
                 return fr.result === false;
               });
             }
+
+            if (r[key] && key.includes(",")) {
+              var keyList = key.split(",");
+              var fieldValue = keyList.reduceRight(function (prev, curr) {
+                return _defineProperty$3({}, curr, prev);
+              }, r[key]);
+              merge_1(r, fieldValue);
+              delete r[key];
+            }
           });
           resolve(isEmpty_1(r) ? true : r);
         })["catch"](console.error);
@@ -45269,36 +45342,56 @@
     }
 
     function getFieldValue(name) {
+      var _formItemRef$current4;
+
       if (!name) return null;
-      var formItemRef = formMapRef.current.get(name);
-      return formItemRef.current.value;
+      var formItemRef = getMapValue(name, formMapRef);
+      return formItemRef === null || formItemRef === void 0 ? void 0 : (_formItemRef$current4 = formItemRef.current) === null || _formItemRef$current4 === void 0 ? void 0 : _formItemRef$current4.value;
     }
 
     function getFieldsValue(nameList) {
       var fieldsValue = {};
 
       if (nameList === true) {
-        var _iterator = _createForOfIteratorHelper$1(formMapRef.current.entries()),
-            _step;
+        var _iterator2 = _createForOfIteratorHelper$1(formMapRef.current.entries()),
+            _step2;
 
         try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var _step$value = _slicedToArray(_step.value, 2),
-                name = _step$value[0],
-                formItemRef = _step$value[1];
-
-            fieldsValue[name] = formItemRef.current.value;
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+            var _step2$value = _slicedToArray(_step2.value, 2),
+                name = _step2$value[0],
+                formItemRef = _step2$value[1];
+
+            if (Array.isArray(name)) {
+              var fieldValue = name.reduceRight(function (prev, curr) {
+                return _defineProperty$3({}, curr, prev);
+              }, formItemRef.current.value);
+              merge_1(fieldsValue, fieldValue);
+            } else {
+              fieldsValue[name] = formItemRef.current.value;
+            }
           }
         } catch (err) {
-          _iterator.e(err);
+          _iterator2.e(err);
         } finally {
-          _iterator.f();
+          _iterator2.f();
         }
       } else {
         if (!Array.isArray(nameList)) throw new Error("getFieldsValue \u53C2\u6570\u9700\u8981 Array \u7C7B\u578B");
         nameList.forEach(function (name) {
-          var formItemRef = formMapRef.current.get(name);
-          if (formItemRef) fieldsValue[name] = formItemRef.current.value;
+          var formItemRef = getMapValue(name, formMapRef);
+
+          if (Array.isArray(name)) {
+            var _fieldValue = name.reduceRight(function (prev, curr) {
+              return _defineProperty$3({}, curr, prev);
+            }, formItemRef.current.value);
+
+            merge_1(fieldsValue, _fieldValue);
+          } else {
+            var _formItemRef$current5;
+
+            formItemRef && (fieldsValue[name] = formItemRef === null || formItemRef === void 0 ? void 0 : (_formItemRef$current5 = formItemRef.current) === null || _formItemRef$current5 === void 0 ? void 0 : _formItemRef$current5.value);
+          }
         });
       }
 
@@ -45307,11 +45400,10 @@
 
     function setFieldsValue() {
       var fields = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      Object.keys(fields).forEach(function (key) {
-        var _formItemRef$current4, _formItemRef$current5;
+      travalMapFromObject(fields, formMapRef, function (formItemRef, fieldValue) {
+        var _formItemRef$current6, _formItemRef$current7;
 
-        var formItemRef = formMapRef.current.get(key);
-        formItemRef === null || formItemRef === void 0 ? void 0 : (_formItemRef$current4 = formItemRef.current) === null || _formItemRef$current4 === void 0 ? void 0 : (_formItemRef$current5 = _formItemRef$current4.setValue) === null || _formItemRef$current5 === void 0 ? void 0 : _formItemRef$current5.call(_formItemRef$current4, fields[key]);
+        formItemRef === null || formItemRef === void 0 ? void 0 : (_formItemRef$current6 = formItemRef.current) === null || _formItemRef$current6 === void 0 ? void 0 : (_formItemRef$current7 = _formItemRef$current6.setValue) === null || _formItemRef$current7 === void 0 ? void 0 : _formItemRef$current7.call(_formItemRef$current6, fieldValue);
       });
     }
 
@@ -45319,13 +45411,13 @@
       var fields = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
       if (!Array.isArray(fields)) throw new Error("setFields \u53C2\u6570\u9700\u8981 Array \u7C7B\u578B");
       fields.forEach(function (field) {
-        var _formItemRef$current6;
+        var _formItemRef$current8;
 
         var name = field.name,
             value = field.value,
             status = field.status;
-        var formItemRef = formMapRef.current.get(name);
-        formItemRef === null || formItemRef === void 0 ? void 0 : (_formItemRef$current6 = formItemRef.current) === null || _formItemRef$current6 === void 0 ? void 0 : _formItemRef$current6.setField({
+        var formItemRef = getMapValue(name, formMapRef);
+        formItemRef === null || formItemRef === void 0 ? void 0 : (_formItemRef$current8 = formItemRef.current) === null || _formItemRef$current8 === void 0 ? void 0 : _formItemRef$current8.setField({
           value: value,
           status: status
         });
@@ -45335,9 +45427,9 @@
     function reset(params) {
       if (typeof params === "undefined") {
         _toConsumableArray(formMapRef.current.values()).forEach(function (formItemRef) {
-          var _formItemRef$current7;
+          var _formItemRef$current9;
 
-          formItemRef === null || formItemRef === void 0 ? void 0 : (_formItemRef$current7 = formItemRef.current) === null || _formItemRef$current7 === void 0 ? void 0 : _formItemRef$current7.resetField();
+          formItemRef === null || formItemRef === void 0 ? void 0 : (_formItemRef$current9 = formItemRef.current) === null || _formItemRef$current9 === void 0 ? void 0 : _formItemRef$current9.resetField();
         });
       } else {
         var _params$type = params.type,
@@ -45345,10 +45437,10 @@
             _params$fields = params.fields,
             fields = _params$fields === void 0 ? [] : _params$fields;
         fields.forEach(function (name) {
-          var _formItemRef$current8;
+          var _formItemRef$current10;
 
-          var formItemRef = formMapRef.current.get(name);
-          formItemRef === null || formItemRef === void 0 ? void 0 : (_formItemRef$current8 = formItemRef.current) === null || _formItemRef$current8 === void 0 ? void 0 : _formItemRef$current8.resetField(type);
+          var formItemRef = getMapValue(name, formMapRef);
+          formItemRef === null || formItemRef === void 0 ? void 0 : (_formItemRef$current10 = formItemRef.current) === null || _formItemRef$current10 === void 0 ? void 0 : _formItemRef$current10.resetField(type);
         });
       }
     }
@@ -45356,27 +45448,26 @@
     function clearValidate(fields) {
       if (typeof fields === "undefined") {
         _toConsumableArray(formMapRef.current.values()).forEach(function (formItemRef) {
-          var _formItemRef$current9;
+          var _formItemRef$current11;
 
-          formItemRef === null || formItemRef === void 0 ? void 0 : (_formItemRef$current9 = formItemRef.current) === null || _formItemRef$current9 === void 0 ? void 0 : _formItemRef$current9.resetValidate();
+          formItemRef === null || formItemRef === void 0 ? void 0 : (_formItemRef$current11 = formItemRef.current) === null || _formItemRef$current11 === void 0 ? void 0 : _formItemRef$current11.resetValidate();
         });
       } else {
         if (!Array.isArray(fields)) throw new Error("clearValidate \u53C2\u6570\u9700\u8981 Array \u7C7B\u578B");
         fields.forEach(function (name) {
-          var _formItemRef$current10;
+          var _formItemRef$current12;
 
-          var formItemRef = formMapRef.current.get(name);
-          (_formItemRef$current10 = formItemRef.current) === null || _formItemRef$current10 === void 0 ? void 0 : _formItemRef$current10.resetValidate();
+          var formItemRef = getMapValue(name, formMapRef);
+          (_formItemRef$current12 = formItemRef.current) === null || _formItemRef$current12 === void 0 ? void 0 : _formItemRef$current12.resetValidate();
         });
       }
     }
 
     function setValidateMessage(message) {
-      Object.keys(message).forEach(function (name) {
-        var _formItemRef$current11;
+      travalMapFromObject(message, formMapRef, function (formItemRef, fieldValue) {
+        var _formItemRef$current13, _formItemRef$current14;
 
-        var formItemRef = formMapRef.current.get(name);
-        formItemRef === null || formItemRef === void 0 ? void 0 : (_formItemRef$current11 = formItemRef.current) === null || _formItemRef$current11 === void 0 ? void 0 : _formItemRef$current11.setValidateMessage(message[name]);
+        formItemRef === null || formItemRef === void 0 ? void 0 : (_formItemRef$current13 = formItemRef.current) === null || _formItemRef$current13 === void 0 ? void 0 : (_formItemRef$current14 = _formItemRef$current13.setValidateMessage) === null || _formItemRef$current14 === void 0 ? void 0 : _formItemRef$current14.call(_formItemRef$current13, fieldValue);
       });
     }
 
@@ -50148,6 +50239,11 @@
           }
 
           onFormItemValueChange === null || onFormItemValueChange === void 0 ? void 0 : onFormItemValueChange(_defineProperty$3({}, formListName, formListValue));
+        } else if (Array.isArray(name)) {
+          var fieldValue = name.reduceRight(function (prev, curr) {
+            return _defineProperty$3({}, curr, prev);
+          }, formValue);
+          onFormItemValueChange === null || onFormItemValueChange === void 0 ? void 0 : onFormItemValueChange(_objectSpread$G({}, fieldValue));
         } else {
           onFormItemValueChange === null || onFormItemValueChange === void 0 ? void 0 : onFormItemValueChange(_defineProperty$3({}, name, formValue));
         }
@@ -52357,8 +52453,9 @@
 
     var disabled = _ref.disabled,
         _ref$inputNumberProps = _ref.inputNumberProps,
-        inputNumberProps = _ref$inputNumberProps === void 0 ? true : _ref$inputNumberProps,
-        label = _ref.label,
+        inputNumberProps = _ref$inputNumberProps === void 0 ? false : _ref$inputNumberProps,
+        _ref$label = _ref.label,
+        label = _ref$label === void 0 ? true : _ref$label,
         _ref$layout = _ref.layout,
         layout = _ref$layout === void 0 ? "horizontal" : _ref$layout,
         marks = _ref.marks,
@@ -52366,7 +52463,8 @@
         max = _ref$max === void 0 ? 100 : _ref$max,
         _ref$min = _ref.min,
         min = _ref$min === void 0 ? 0 : _ref$min,
-        range = _ref.range,
+        _ref$range = _ref.range,
+        range = _ref$range === void 0 ? false : _ref$range,
         _ref$step = _ref.step,
         step = _ref$step === void 0 ? 1 : _ref$step,
         tooltipProps = _ref.tooltipProps,
@@ -56616,6 +56714,9 @@
     });
 
     var popupProps = _objectSpread$l(_objectSpread$l({}, popupPropsFromProps), {}, {
+      overlayStyle: {
+        width: "auto"
+      },
       expandAnimation: true,
       overlayClassName: "".concat(name, "__panel-container"),
       onVisibleChange: function onVisibleChange(visible) {
@@ -57236,6 +57337,9 @@
 
     var popupProps = _objectSpread$i(_objectSpread$i({}, popupPropsFromProps), {}, {
       expandAnimation: true,
+      overlayStyle: {
+        width: "auto"
+      },
       overlayClassName: "".concat(name, "__panel-container"),
       onVisibleChange: function onVisibleChange(visible, context) {
         if (context.trigger === "trigger-element-click") {