tdesign-react 1.0.1-alpha.1 → 1.0.1-alpha.2

package/dist/tdesign.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v1.0.0
+ * tdesign v1.0.1-alpha.2
  * (c) 2023 tdesign
  * @license MIT
  */
@@ -17422,7 +17422,7 @@
     return map;
   }
 
-  function getScrollbarWidth() {
+  function getScrollbarWidthWithCSS() {
     var defaultScrollbarWidth = 6;
     if (!navigator) return defaultScrollbarWidth;
     if (/(Chrome|Safari)/i.test(navigator.userAgent)) return defaultScrollbarWidth;
@@ -17439,6 +17439,14 @@
     }
     return scrollbarWidth;
   }
+  function getScrollbarWidth() {
+    var scrollDiv = document.createElement("div");
+    scrollDiv.style.cssText = "width: 99px; height: 99px; overflow: scroll; position: absolute; top: -9999px;";
+    document.body.appendChild(scrollDiv);
+    var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;
+    document.body.removeChild(scrollDiv);
+    return scrollbarWidth;
+  }
 
   function usePersistFn(fn) {
     var fnRef = React.useRef(fn);
@@ -17886,7 +17894,7 @@
       };
     }
     React.useEffect(function () {
-      var scrollWidth = getScrollbarWidth();
+      var scrollWidth = getScrollbarWidthWithCSS();
       setScrollbarWidth(scrollWidth);
       var isWatchResize = isFixedColumn || isFixedHeader || !notNeedThWidthList || !data.length;
       var timer = setTimeout(function () {
@@ -25050,9 +25058,11 @@
   var createDialog = function createDialog(props) {
     var dialogRef = /*#__PURE__*/React__default["default"].createRef();
     var options = _objectSpread$1I({}, props);
+    var _options$visible = options.visible,
+      visible = _options$visible === void 0 ? true : _options$visible;
     var fragment = document.createDocumentFragment();
     render$1( /* @__PURE__ */React__default["default"].createElement(Dialog$1, _objectSpread$1I(_objectSpread$1I({}, options), {}, {
-      visible: true,
+      visible: visible,
       ref: dialogRef,
       isPlugin: true
     })), fragment);
@@ -36418,6 +36428,7 @@
     });
     var defaultFilter = function defaultFilter(text, option) {
       if (!text) return true;
+      if (!option.label && !option.value) return false;
       if (option.label && typeof option.label === "string") {
         return option.label.includes(text);
       }
@@ -36599,7 +36610,6 @@
         data: data,
         disabled: disabled,
         empty: empty,
-        allowFoldNodeOnFilter: true,
         expandOnClickNode: true
       }, multiple ? {
         checkable: true,
@@ -46800,7 +46810,7 @@
     }, [placement, sizeValue]);
     useIsomorphicLayoutEffect(function () {
       if (typeof document === "undefined") return;
-      var hasScrollBar = document.body.scrollHeight > document.body.clientHeight;
+      var hasScrollBar = document.documentElement.scrollHeight > document.documentElement.clientHeight;
       var scrollbarWidth = hasScrollBar ? getScrollbarWidth() : 0;
       lockStyleRef.current.dataset.id = "td_drawer_".concat(+new Date(), "_").concat(key += 1);
       lockStyleRef.current.innerHTML = "\n      html body {\n        overflow-y: hidden;\n        transition: margin 300ms cubic-bezier(0.7, 0.3, 0.1, 1) 0s;\n        ".concat(mode === "push" ? marginString : "width: calc(100% - ".concat(scrollbarWidth, "px);"), "\n      }\n    ");
@@ -51589,8 +51599,7 @@
     shape: "circle"
   };
   var avatarGroupDefaultProps = {
-    cascading: "right-up",
-    size: "medium"
+    cascading: "right-up"
   };
 
   var _excluded$5 = ["className", "cascading", "collapseAvatar", "max", "size", "children"];
@@ -51623,8 +51632,10 @@
       var showList = allChildrenList.slice(0, max);
       var ellipsisAvatar = /* @__PURE__ */React__default["default"].createElement(Avatar$1, {
         className: "".concat(preClass, "__collapse")
-      }, collapseAvatar || "+".concat(childrenCount - max));
-      showList.push(ellipsisAvatar);
+      }, parseTNode(collapseAvatar) || "+".concat(childrenCount - max));
+      showList.push( /* @__PURE__ */React__default["default"].createElement(React.Fragment, {
+        key: "t-avatar__collapse"
+      }, ellipsisAvatar));
       return /* @__PURE__ */React__default["default"].createElement(AvatarContextProvider, {
         size: size
       }, /* @__PURE__ */React__default["default"].createElement("div", {
@@ -51640,9 +51651,238 @@
   AvatarGroup$1.displayName = "AvatarGroup";
   AvatarGroup$1.defaultProps = avatarGroupDefaultProps;
 
-  var _excluded$4 = ["alt", "hideOnLoadFailed", "icon", "image", "shape", "size", "onError", "children", "content", "style", "className"];
+  var imageDefaultProps = {
+    fit: "fill",
+    gallery: false,
+    lazy: false,
+    overlayTrigger: "always",
+    position: "center",
+    shape: "square"
+  };
+
+  var spaceDefaultProps = {
+    breakLine: false,
+    direction: "horizontal",
+    size: "medium"
+  };
+
   function ownKeys$h(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$h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$h(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  var SizeMap = {
+    small: "8px",
+    medium: "16px",
+    large: "24px"
+  };
+  var toArray = function toArray(children) {
+    var ret = [];
+    React__default["default"].Children.forEach(children, function (child) {
+      if (child === void 0 || child === null) {
+        return;
+      }
+      if (Array.isArray(child)) {
+        ret = ret.concat(toArray(child));
+      } else if (reactIs$2.exports.isFragment(child) && child.props) {
+        ret = ret.concat(toArray(child.props.children));
+      } else {
+        ret.push(child);
+      }
+    });
+    return ret;
+  };
+  var Space$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
+    var _classNames;
+    var className = props.className,
+      style = props.style,
+      align = props.align,
+      direction = props.direction,
+      size = props.size,
+      breakLine = props.breakLine,
+      separator = props.separator;
+    var _useConfig = useConfig$1(),
+      classPrefix = _useConfig.classPrefix;
+    var renderStyle = React.useMemo(function () {
+      var renderGap = "";
+      if (Array.isArray(size)) {
+        renderGap = size.map(function (s) {
+          if (typeof s === "number") return "".concat(s, "px");
+          if (typeof s === "string") return SizeMap[s] || s;
+          return s;
+        }).join(" ");
+      } else if (typeof size === "string") {
+        renderGap = SizeMap[size] || size;
+      } else if (typeof size === "number") {
+        renderGap = "".concat(size, "px");
+      }
+      return _objectSpread$h(_objectSpread$h({
+        gap: renderGap
+      }, breakLine ? {
+        flexWrap: "wrap"
+      } : {}), style);
+    }, [style, size, breakLine]);
+    function renderChildren() {
+      var children = toArray(props.children);
+      var childCount = React__default["default"].Children.count(children);
+      return React__default["default"].Children.map(children, function (child, index) {
+        var showSeparator = index + 1 !== childCount && separator;
+        return /* @__PURE__ */React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */React__default["default"].createElement("div", {
+          className: "".concat(classPrefix, "-space-item")
+        }, child), showSeparator && /* @__PURE__ */React__default["default"].createElement("div", {
+          className: "".concat(classPrefix, "-space-item-separator")
+        }, separator));
+      });
+    }
+    return /* @__PURE__ */React__default["default"].createElement("div", {
+      ref: ref,
+      style: renderStyle,
+      className: cx("".concat(classPrefix, "-space"), className, (_classNames = {}, _defineProperty$3(_classNames, "".concat(classPrefix, "-space-align-").concat(align), align), _defineProperty$3(_classNames, "".concat(classPrefix, "-space-").concat(direction), direction), _classNames))
+    }, renderChildren());
+  });
+  Space$1.displayName = "Space";
+  Space$1.defaultProps = spaceDefaultProps;
+
+  var Space = Space$1;
+
+  var _excluded$4 = ["className", "src", "style", "alt", "fit", "position", "shape", "placeholder", "loading", "error", "overlayTrigger", "overlayContent", "lazy", "gallery", "onLoad", "onError"];
+  function ownKeys$g(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$g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$g(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  var Image$2 = function Image(props) {
+    var className = props.className,
+      src = props.src,
+      style = props.style,
+      alt = props.alt,
+      fit = props.fit,
+      position = props.position,
+      shape = props.shape,
+      placeholder = props.placeholder,
+      loading = props.loading,
+      error = props.error,
+      overlayTrigger = props.overlayTrigger,
+      overlayContent = props.overlayContent,
+      lazy = props.lazy,
+      gallery = props.gallery,
+      onLoad = props.onLoad,
+      onError = props.onError,
+      rest = _objectWithoutProperties$2(props, _excluded$4);
+    var _useConfig = useConfig$1(),
+      classPrefix = _useConfig.classPrefix;
+    var imageRef = React.useRef(null);
+    var _useLocaleReceiver = useLocaleReceiver("image"),
+      _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 2),
+      local = _useLocaleReceiver2[0],
+      t = _useLocaleReceiver2[1];
+    var _useGlobalIcon = useGlobalIcon({
+        ImageErrorIcon: ImageErrorIcon,
+        ImageIcon: ImageIcon
+      }),
+      ImageErrorIcon$1 = _useGlobalIcon.ImageErrorIcon,
+      ImageIcon$1 = _useGlobalIcon.ImageIcon;
+    var _useState = React.useState(!lazy),
+      _useState2 = _slicedToArray(_useState, 2),
+      shouldLoad = _useState2[0],
+      setShouldLoad = _useState2[1];
+    var handleLoadImage = function handleLoadImage() {
+      setShouldLoad(true);
+    };
+    var _useState3 = React.useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isLoaded = _useState4[0],
+      setIsLoaded = _useState4[1];
+    var handleLoad = function handleLoad(e) {
+      setIsLoaded(true);
+      onLoad === null || onLoad === void 0 ? void 0 : onLoad({
+        e: e
+      });
+    };
+    React.useEffect(function () {
+      if (!lazy || !(imageRef !== null && imageRef !== void 0 && imageRef.current)) return;
+      var observerRefValue = null;
+      var io = observe(imageRef.current, null, handleLoadImage, 0);
+      observerRefValue = imageRef.current;
+      return function () {
+        observerRefValue && io && io.unobserve(observerRefValue);
+      };
+    }, [lazy, imageRef]);
+    var _useState5 = React.useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      hasError = _useState6[0],
+      setHasError = _useState6[1];
+    var handleError = function handleError(e) {
+      setHasError(true);
+      onError === null || onError === void 0 ? void 0 : onError({
+        e: e
+      });
+    };
+    var hasMouseEvent = overlayTrigger === "hover";
+    var _useState7 = React.useState(!hasMouseEvent),
+      _useState8 = _slicedToArray(_useState7, 2),
+      shouldShowOverlay = _useState8[0],
+      setShouldShowOverlay = _useState8[1];
+    var handleToggleOverlay = function handleToggleOverlay(overlay) {
+      setShouldShowOverlay(overlay);
+    };
+    var renderOverlay = function renderOverlay() {
+      if (!overlayContent) return null;
+      return /* @__PURE__ */React__default["default"].createElement("div", {
+        className: cx("".concat(classPrefix, "-image__overlay-content"), !shouldShowOverlay && "".concat(classPrefix, "-image__overlay-content--hidden"))
+      }, overlayContent);
+    };
+    var renderPlaceholder = function renderPlaceholder() {
+      if (!placeholder) {
+        return null;
+      }
+      return /* @__PURE__ */React__default["default"].createElement("div", {
+        className: "".concat(classPrefix, "-image__placeholder")
+      }, placeholder);
+    };
+    var renderGalleryShadow = function renderGalleryShadow() {
+      if (!gallery) return null;
+      return /* @__PURE__ */React__default["default"].createElement("div", {
+        className: "".concat(classPrefix, "-image__gallery-shadow")
+      });
+    };
+    return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$g(_objectSpread$g({
+      ref: imageRef,
+      className: cx("".concat(classPrefix, "-image__wrapper"), "".concat(classPrefix, "-image__wrapper--shape-").concat(shape), gallery && "".concat(classPrefix, "-image__wrapper--gallery"), hasMouseEvent && "".concat(classPrefix, "-image__wrapper--need-hover"), className),
+      style: style
+    }, hasMouseEvent ? {
+      onMouseEnter: function onMouseEnter() {
+        return handleToggleOverlay(true);
+      },
+      onMouseLeave: function onMouseLeave() {
+        return handleToggleOverlay(false);
+      }
+    } : null), rest), renderPlaceholder(), renderGalleryShadow(), !(hasError || !shouldLoad) && /* @__PURE__ */React__default["default"].createElement(React.Fragment, null, /* @__PURE__ */React__default["default"].createElement("img", {
+      src: src,
+      onError: handleError,
+      onLoad: handleLoad,
+      className: cx("".concat(classPrefix, "-image"), "".concat(classPrefix, "-image--fit-").concat(fit), "".concat(classPrefix, "-image--position-").concat(position)),
+      alt: alt
+    }), !(hasError || !shouldLoad) && !isLoaded && /* @__PURE__ */React__default["default"].createElement("div", {
+      className: "".concat(classPrefix, "-image__loading")
+    }, loading || /* @__PURE__ */React__default["default"].createElement(Space, {
+      direction: "vertical",
+      size: 8,
+      align: "center"
+    }, /* @__PURE__ */React__default["default"].createElement(ImageIcon$1, {
+      size: 24
+    }), t(local.loadingText)))), hasError && /* @__PURE__ */React__default["default"].createElement("div", {
+      className: "".concat(classPrefix, "-image__error")
+    }, error || /* @__PURE__ */React__default["default"].createElement(Space, {
+      direction: "vertical",
+      size: 8,
+      align: "center"
+    }, /* @__PURE__ */React__default["default"].createElement(ImageErrorIcon$1, {
+      size: 24
+    }), t(local.errorText))), renderOverlay());
+  };
+  Image$2.displayName = "Image";
+  Image$2.defaultProps = imageDefaultProps;
+
+  var Image$1 = Image$2;
+
+  var _excluded$3 = ["alt", "hideOnLoadFailed", "icon", "image", "shape", "size", "onError", "children", "content", "style", "className"];
+  function ownKeys$f(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$f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$f(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Avatar$1 = forwardRefWithStatics(function (props, ref) {
     var _classNames;
     var alt = props.alt,
@@ -51656,7 +51896,7 @@
       content = props.content,
       style = props.style,
       className = props.className,
-      avatarProps = _objectWithoutProperties$2(props, _excluded$4);
+      avatarProps = _objectWithoutProperties$2(props, _excluded$3);
     var groupSize = React.useContext(AvatarContext);
     var _useConfig = useConfig$1(),
       classPrefix = _useConfig.classPrefix;
@@ -51685,10 +51925,8 @@
       }
     };
     useResizeObserver(avatarChildrenRef.current, handleScale);
-    var handleImgLoadError = function handleImgLoadError(e) {
-      onError === null || onError === void 0 ? void 0 : onError({
-        e: e
-      });
+    var handleImgLoadError = function handleImgLoadError(ctx) {
+      onError === null || onError === void 0 ? void 0 : onError(ctx);
       !hideOnLoadFailed && setIsImgExist(false);
     };
     React.useEffect(function () {
@@ -51713,12 +51951,12 @@
     var avatarClass = cx(preClass, className, (_classNames = {}, _defineProperty$3(_classNames, SIZE[size], !!SIZE[size]), _defineProperty$3(_classNames, "".concat(preClass, "--").concat(shape), !!shape), _defineProperty$3(_classNames, "".concat(preClass, "__icon"), !!icon), _classNames));
     var renderChildren;
     if (image && isImgExist) {
-      renderChildren = /* @__PURE__ */React__default["default"].createElement("img", {
+      renderChildren = /* @__PURE__ */React__default["default"].createElement(Image$1, _objectSpread$f({
         src: image,
         alt: alt,
         style: imageStyle,
         onError: handleImgLoadError
-      });
+      }, props.imageProps));
     } else if (icon) {
       renderChildren = icon;
     } else {
@@ -51730,10 +51968,10 @@
         style: childrenStyle
       }, children || content);
     }
-    return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$h({
+    return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$f({
       ref: composeRefs(ref, avatarRef),
       className: avatarClass,
-      style: _objectSpread$h(_objectSpread$h({}, numSizeStyle), style)
+      style: _objectSpread$f(_objectSpread$f({}, numSizeStyle), style)
     }, avatarProps), renderChildren);
   }, {
     Group: AvatarGroup$1
@@ -53285,8 +53523,8 @@
     return gradientColors;
   };
 
-  function ownKeys$g(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$g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$g(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function ownKeys$e(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$e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$e(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var mathRound$1 = Math.round;
   var hsv2rgba = function hsv2rgba(states) {
     return tinycolor(states).toRgb();
@@ -53561,7 +53799,7 @@
         var index = gradientColors.findIndex(function (color) {
           return color.id === gradientSelectedId;
         });
-        var newColor = _objectSpread$g(_objectSpread$g({}, current), {}, {
+        var newColor = _objectSpread$e(_objectSpread$e({}, current), {}, {
           color: this.rgba
         });
         gradientColors.splice(index, 1, newColor);
@@ -54047,8 +54285,8 @@
     };
   };
 
-  function ownKeys$f(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$f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$f(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function ownKeys$d(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$d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$d(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Saturation = function Saturation(props) {
     var color = props.color,
       disabled = props.disabled,
@@ -54142,7 +54380,7 @@
       role: "slider",
       tabIndex: 0,
       ref: thumbRef,
-      style: _objectSpread$f({}, styles())
+      style: _objectSpread$d({}, styles())
     }));
   };
   var SaturationPanel = /*#__PURE__*/React__default["default"].memo(Saturation);
@@ -54274,21 +54512,21 @@
   };
   var HUESlider$1 = /*#__PURE__*/React__default["default"].memo(HUESlider);
 
-  var _excluded$3 = ["color", "baseClassName", "onChange"];
-  function ownKeys$e(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$e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$e(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  var _excluded$2 = ["color", "baseClassName", "onChange"];
+  function ownKeys$c(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$c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Alpha = function Alpha(props) {
     var color = props.color,
       baseClassName = props.baseClassName,
       onChange = props.onChange,
-      rest = _objectWithoutProperties$2(props, _excluded$3);
+      rest = _objectWithoutProperties$2(props, _excluded$2);
     var handleChange = function handleChange(v, isDragEnd) {
       onChange(v / 100, isDragEnd);
     };
     var railStyle = {
       background: "linear-gradient(to right, rgba(0, 0, 0, 0), ".concat(props.color.rgb, ")")
     };
-    return /* @__PURE__ */React__default["default"].createElement(ColorSlider$1, _objectSpread$e({
+    return /* @__PURE__ */React__default["default"].createElement(ColorSlider$1, _objectSpread$c({
       baseClassName: baseClassName,
       className: cx(["".concat(baseClassName, "__alpha"), "".concat(baseClassName, "--bg-alpha")]),
       color: color,
@@ -54410,8 +54648,8 @@
     }]
   };
 
-  function ownKeys$d(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$d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$d(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function ownKeys$b(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$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var FormatInputs = function FormatInputs(props) {
     var format = props.format,
       enableAlpha = props.enableAlpha,
@@ -54489,7 +54727,7 @@
     return /* @__PURE__ */React__default["default"].createElement("div", {
       className: "input-group"
     }, inputConfigs().map(function (config) {
-      var commonProps = _objectSpread$d(_objectSpread$d({}, inputProps), {}, {
+      var commonProps = _objectSpread$b(_objectSpread$b({}, inputProps), {}, {
         title: formatValue.current[config.key],
         value: formatValue.current[config.key],
         align: "center",
@@ -54508,9 +54746,9 @@
         style: {
           flex: config.flex || 1
         }
-      }, config.type === "input" ? /* @__PURE__ */React__default["default"].createElement(Input, _objectSpread$d(_objectSpread$d({}, commonProps), {}, {
+      }, config.type === "input" ? /* @__PURE__ */React__default["default"].createElement(Input, _objectSpread$b(_objectSpread$b({}, commonProps), {}, {
         maxlength: format === "HEX" ? 9 : void 0
-      })) : /* @__PURE__ */React__default["default"].createElement(InputNumber, _objectSpread$d(_objectSpread$d({}, commonProps), {}, {
+      })) : /* @__PURE__ */React__default["default"].createElement(InputNumber, _objectSpread$b(_objectSpread$b({}, commonProps), {}, {
         min: config.min,
         max: config.max,
         step: 1,
@@ -54521,8 +54759,8 @@
   };
   var FormatInput = /*#__PURE__*/React__default["default"].memo(FormatInputs);
 
-  function ownKeys$c(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$c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function ownKeys$a(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$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var FormatPanel = function FormatPanel(props) {
     var baseClassName = props.baseClassName,
       format = props.format,
@@ -54560,7 +54798,7 @@
       });
     }))), /* @__PURE__ */React__default["default"].createElement("div", {
       className: "".concat(baseClassName, "__format--item")
-    }, /* @__PURE__ */React__default["default"].createElement(FormatInput, _objectSpread$c(_objectSpread$c({}, props), {}, {
+    }, /* @__PURE__ */React__default["default"].createElement(FormatInput, _objectSpread$a(_objectSpread$a({}, props), {}, {
       format: formatMode
     }))));
   };
@@ -54648,8 +54886,8 @@
   };
   var SwatchesPanel = /*#__PURE__*/React__default["default"].memo(Swatches);
 
-  function ownKeys$b(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$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function ownKeys$9(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$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var mathRound = Math.round;
   var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var baseClassName = useClassNames();
@@ -54874,7 +55112,7 @@
       };
       return /* @__PURE__ */React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */React__default["default"].createElement("div", {
         className: "".concat(baseClassName, "__swatches-wrap")
-      }, showUsedColors && /* @__PURE__ */React__default["default"].createElement(SwatchesPanel, _objectSpread$b(_objectSpread$b({}, baseProps), {}, {
+      }, showUsedColors && /* @__PURE__ */React__default["default"].createElement(SwatchesPanel, _objectSpread$9(_objectSpread$9({}, baseProps), {}, {
         title: t(local.recentColorTitle),
         editable: true,
         handleAddColor: addRecentlyUsedColor,
@@ -54883,7 +55121,7 @@
           return handleSetColor(color, "recent");
         },
         onChange: handleRecentlyUsedColorsChange
-      })), showSystemColors && /* @__PURE__ */React__default["default"].createElement(SwatchesPanel, _objectSpread$b(_objectSpread$b({}, baseProps), {}, {
+      })), showSystemColors && /* @__PURE__ */React__default["default"].createElement(SwatchesPanel, _objectSpread$9(_objectSpread$9({}, baseProps), {}, {
         title: t(local.swatchColorTitle),
         colors: systemColors,
         onSetColor: function onSetColor(color) {
@@ -54897,7 +55135,7 @@
       onClick: function onClick(e) {
         return e.stopPropagation();
       },
-      style: _objectSpread$b({}, style),
+      style: _objectSpread$9({}, style),
       ref: ref
     }, /* @__PURE__ */React__default["default"].createElement(PanelHeader, {
       baseClassName: baseClassName,
@@ -54908,17 +55146,17 @@
       onModeChange: handleModeChange
     }), /* @__PURE__ */React__default["default"].createElement("div", {
       className: "".concat(baseClassName, "__body")
-    }, isGradient && /* @__PURE__ */React__default["default"].createElement(LinearGradient$1, _objectSpread$b(_objectSpread$b({}, baseProps), {}, {
+    }, isGradient && /* @__PURE__ */React__default["default"].createElement(LinearGradient$1, _objectSpread$9(_objectSpread$9({}, baseProps), {}, {
       onChange: handleGradientChange
-    })), /* @__PURE__ */React__default["default"].createElement(SaturationPanel, _objectSpread$b(_objectSpread$b({}, baseProps), {}, {
+    })), /* @__PURE__ */React__default["default"].createElement(SaturationPanel, _objectSpread$9(_objectSpread$9({}, baseProps), {}, {
       onChange: handleSaturationChange
     })), /* @__PURE__ */React__default["default"].createElement("div", {
       className: "".concat(baseClassName, "__sliders-wrapper")
     }, /* @__PURE__ */React__default["default"].createElement("div", {
       className: "".concat(baseClassName, "__sliders")
-    }, /* @__PURE__ */React__default["default"].createElement(HUESlider$1, _objectSpread$b(_objectSpread$b({}, baseProps), {}, {
+    }, /* @__PURE__ */React__default["default"].createElement(HUESlider$1, _objectSpread$9(_objectSpread$9({}, baseProps), {}, {
       onChange: handleHUEChange
-    })), enableAlpha && /* @__PURE__ */React__default["default"].createElement(AlphaSlider, _objectSpread$b(_objectSpread$b({}, baseProps), {}, {
+    })), enableAlpha && /* @__PURE__ */React__default["default"].createElement(AlphaSlider, _objectSpread$9(_objectSpread$9({}, baseProps), {}, {
       onChange: handleAlphaChange
     }))), showPrimaryColorPreview ? /* @__PURE__ */React__default["default"].createElement("div", {
       className: cx(["".concat(baseClassName, "__sliders-preview"), "".concat(baseClassName, "--bg-alpha")])
@@ -54927,7 +55165,7 @@
       style: {
         background: isGradient ? colorInstanceRef.current.linearGradient : colorInstanceRef.current.rgba
       }
-    })) : null), /* @__PURE__ */React__default["default"].createElement(FormatPanel$1, _objectSpread$b(_objectSpread$b(_objectSpread$b({}, props), baseProps), {}, {
+    })) : null), /* @__PURE__ */React__default["default"].createElement(FormatPanel$1, _objectSpread$9(_objectSpread$9(_objectSpread$9({}, props), baseProps), {}, {
       format: formatRef.current,
       onModeChange: handleFormatModeChange,
       onInputChange: handleInputChange
@@ -54935,10 +55173,10 @@
   });
   var ColorPanel = /*#__PURE__*/React__default["default"].memo(Panel);
 
-  function ownKeys$a(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$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function ownKeys$8(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$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var ColorPickerPanel$1 = function ColorPickerPanel(props) {
-    return /* @__PURE__ */React__default["default"].createElement(ColorPanel, _objectSpread$a(_objectSpread$a({}, props), {}, {
+    return /* @__PURE__ */React__default["default"].createElement(ColorPanel, _objectSpread$8(_objectSpread$8({}, props), {}, {
       popupProps: null,
       closeBtn: false
     }));
@@ -54946,8 +55184,8 @@
   ColorPickerPanel$1.displayName = "ColorPickerPanel";
   var _ColorPickerPanel = /*#__PURE__*/React__default["default"].memo(ColorPickerPanel$1);
 
-  function ownKeys$9(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$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function ownKeys$7(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$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var ColorPickerTrigger = function ColorPickerTrigger(props) {
     var baseClassName = useClassNames();
     var _props$disabled = props.disabled,
@@ -54967,7 +55205,7 @@
     };
     return /* @__PURE__ */React__default["default"].createElement("div", {
       className: "".concat(baseClassName, "__trigger--default")
-    }, /* @__PURE__ */React__default["default"].createElement(Input, _objectSpread$9(_objectSpread$9({}, inputProps), {}, {
+    }, /* @__PURE__ */React__default["default"].createElement(Input, _objectSpread$7(_objectSpread$7({}, inputProps), {}, {
       value: value,
       disabled: disabled,
       label: /* @__PURE__ */React__default["default"].createElement("div", {
@@ -54986,10 +55224,10 @@
   };
   var ColorTrigger = /*#__PURE__*/React__default["default"].memo(ColorPickerTrigger);
 
-  var _excluded$2 = ["popupProps", "disabled", "inputProps", "onChange", "colorModes"],
+  var _excluded$1 = ["popupProps", "disabled", "inputProps", "onChange", "colorModes"],
     _excluded2 = ["overlayClassName", "overlayInnerStyle"];
-  function ownKeys$8(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$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function ownKeys$6(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$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var ColorPicker$1 = function ColorPicker(props) {
     var baseClassName = useClassNames();
     var popupProps = props.popupProps,
@@ -54997,7 +55235,7 @@
       inputProps = props.inputProps,
       onChange = props.onChange,
       colorModes = props.colorModes,
-      rest = _objectWithoutProperties$2(props, _excluded$2);
+      rest = _objectWithoutProperties$2(props, _excluded$1);
     var _ref = popupProps || {},
       overlayClassName = _ref.overlayClassName,
       _ref$overlayInnerStyl = _ref.overlayInnerStyle,
@@ -55009,18 +55247,18 @@
       setInnerValue = _useControlled2[1];
     var triggerRef = React.useRef();
     var colorPanelRef = React.useRef();
-    var popProps = _objectSpread$8(_objectSpread$8({
+    var popProps = _objectSpread$6(_objectSpread$6({
       placement: "bottom-left",
       expandAnimation: true,
       trigger: "click"
     }, restPopupProps), {}, {
       overlayClassName: [baseClassName, overlayClassName],
-      overlayInnerStyle: _objectSpread$8({
+      overlayInnerStyle: _objectSpread$6({
         padding: 0
       }, overlayInnerStyle)
     });
-    return /* @__PURE__ */React__default["default"].createElement(Popup, _objectSpread$8(_objectSpread$8({}, popProps), {}, {
-      content: !disabled && /* @__PURE__ */React__default["default"].createElement(ColorPanel, _objectSpread$8(_objectSpread$8({}, rest), {}, {
+    return /* @__PURE__ */React__default["default"].createElement(Popup, _objectSpread$6(_objectSpread$6({}, popProps), {}, {
+      content: !disabled && /* @__PURE__ */React__default["default"].createElement(ColorPanel, _objectSpread$6(_objectSpread$6({}, rest), {}, {
         disabled: disabled,
         value: innerValue,
         colorModes: colorModes,
@@ -55174,8 +55412,8 @@
     expandIcon: void 0
   };
 
-  function ownKeys$7(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$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function ownKeys$5(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$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var CollapsePanel = function CollapsePanel(props) {
     var value = props.value,
       disabled = props.disabled,
@@ -55259,7 +55497,7 @@
           bodyRef.current.style.height = "0px";
         }
       };
-      return /* @__PURE__ */React__default["default"].createElement(CSSTransition$1, _objectSpread$7({
+      return /* @__PURE__ */React__default["default"].createElement(CSSTransition$1, _objectSpread$5({
         "in": isActive,
         appear: true,
         timeout: 300,
@@ -55278,7 +55516,7 @@
     };
     return /* @__PURE__ */React__default["default"].createElement("div", {
       className: classes,
-      style: _objectSpread$7({}, style)
+      style: _objectSpread$5({}, style)
     }, /* @__PURE__ */React__default["default"].createElement("div", {
       className: "".concat(componentName, "__wrapper")
     }, renderHeader(), renderBody()));
@@ -55286,9 +55524,9 @@
   CollapsePanel.displayName = "CollapsePanel";
   CollapsePanel.defaultProps = collapsePanelDefaultProps;
 
-  var _excluded$1 = ["defaultExpandAll", "disabled", "expandIconPlacement", "expandOnRowClick", "expandIcon"];
-  function ownKeys$6(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$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  var _excluded = ["defaultExpandAll", "disabled", "expandIconPlacement", "expandOnRowClick", "expandIcon"];
+  function ownKeys$4(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$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Collapse$1 = forwardRefWithStatics(function (props, ref) {
     var _useConfig = useConfig$1(),
       classPrefix = _useConfig.classPrefix;
@@ -55299,7 +55537,7 @@
       expandIconPlacement = props.expandIconPlacement,
       expandOnRowClick = props.expandOnRowClick,
       expandIcon = props.expandIcon,
-      rest = _objectWithoutProperties$2(props, _excluded$1);
+      rest = _objectWithoutProperties$2(props, _excluded);
     var children = rest.children,
       className = rest.className,
       style = rest.style,
@@ -55331,7 +55569,7 @@
     var collapsePanelList = function collapsePanelList() {
       return childrenList.map(function (child, index) {
         var key = child.key || String(index);
-        var childProps = _objectSpread$6({
+        var childProps = _objectSpread$4({
           key: key,
           index: index + 1
         }, child.props);
@@ -55361,8 +55599,8 @@
 
   var Collapse = Collapse$1;
 
-  function ownKeys$5(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$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function ownKeys$3(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$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   function generateBase64Url(_ref, onFinish) {
     var width = _ref.width,
       height = _ref.height,
@@ -55395,7 +55633,7 @@
     var markHeight = height * ratio;
     ctx.fillStyle = "transparent";
     ctx.fillRect(0, 0, markWidth, markHeight);
-    var contents = Array.isArray(watermarkContent) ? watermarkContent : [_objectSpread$5({}, watermarkContent)];
+    var contents = Array.isArray(watermarkContent) ? watermarkContent : [_objectSpread$3({}, watermarkContent)];
     var top = 0;
     contents.forEach(function (item) {
       if (item.url) {
@@ -55472,8 +55710,8 @@
     rotate: -22
   };
 
-  function ownKeys$4(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$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function ownKeys$2(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$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Watermark$1 = function Watermark(_ref) {
     var _ref$alpha = _ref.alpha,
       alpha = _ref$alpha === void 0 ? watermarkDefaultProps.alpha : _ref$alpha,
@@ -55581,7 +55819,7 @@
       ref: watermarkRef
     }, children || content, /* @__PURE__ */React__default["default"].createElement("div", {
       className: className,
-      style: _objectSpread$4({
+      style: _objectSpread$2({
         zIndex: zIndex,
         position: "absolute",
         left: 0,
@@ -55601,88 +55839,6 @@
 
   var Watermark = Watermark$1;
 
-  var spaceDefaultProps = {
-    breakLine: false,
-    direction: "horizontal",
-    size: "medium"
-  };
-
-  function ownKeys$3(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$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-  var SizeMap = {
-    small: "8px",
-    medium: "16px",
-    large: "24px"
-  };
-  var toArray = function toArray(children) {
-    var ret = [];
-    React__default["default"].Children.forEach(children, function (child) {
-      if (child === void 0 || child === null) {
-        return;
-      }
-      if (Array.isArray(child)) {
-        ret = ret.concat(toArray(child));
-      } else if (reactIs$2.exports.isFragment(child) && child.props) {
-        ret = ret.concat(toArray(child.props.children));
-      } else {
-        ret.push(child);
-      }
-    });
-    return ret;
-  };
-  var Space$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    var _classNames;
-    var className = props.className,
-      style = props.style,
-      align = props.align,
-      direction = props.direction,
-      size = props.size,
-      breakLine = props.breakLine,
-      separator = props.separator;
-    var _useConfig = useConfig$1(),
-      classPrefix = _useConfig.classPrefix;
-    var renderStyle = React.useMemo(function () {
-      var renderGap = "";
-      if (Array.isArray(size)) {
-        renderGap = size.map(function (s) {
-          if (typeof s === "number") return "".concat(s, "px");
-          if (typeof s === "string") return SizeMap[s] || s;
-          return s;
-        }).join(" ");
-      } else if (typeof size === "string") {
-        renderGap = SizeMap[size] || size;
-      } else if (typeof size === "number") {
-        renderGap = "".concat(size, "px");
-      }
-      return _objectSpread$3(_objectSpread$3({
-        gap: renderGap
-      }, breakLine ? {
-        flexWrap: "wrap"
-      } : {}), style);
-    }, [style, size, breakLine]);
-    function renderChildren() {
-      var children = toArray(props.children);
-      var childCount = React__default["default"].Children.count(children);
-      return React__default["default"].Children.map(children, function (child, index) {
-        var showSeparator = index + 1 !== childCount && separator;
-        return /* @__PURE__ */React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */React__default["default"].createElement("div", {
-          className: "".concat(classPrefix, "-space-item")
-        }, child), showSeparator && /* @__PURE__ */React__default["default"].createElement("div", {
-          className: "".concat(classPrefix, "-space-item-separator")
-        }, separator));
-      });
-    }
-    return /* @__PURE__ */React__default["default"].createElement("div", {
-      ref: ref,
-      style: renderStyle,
-      className: cx("".concat(classPrefix, "-space"), className, (_classNames = {}, _defineProperty$3(_classNames, "".concat(classPrefix, "-space-align-").concat(align), align), _defineProperty$3(_classNames, "".concat(classPrefix, "-space-").concat(direction), direction), _classNames))
-    }, renderChildren());
-  });
-  Space$1.displayName = "Space";
-  Space$1.defaultProps = spaceDefaultProps;
-
-  var Space = Space$1;
-
   var StepsContext = /*#__PURE__*/React__default["default"].createContext({
     theme: "default",
     reverse: false,
@@ -55855,155 +56011,6 @@
   var Timeline = Timeline$1;
   var TimelineItem = TimelineItem$1;
 
-  var imageDefaultProps = {
-    fit: "fill",
-    gallery: false,
-    lazy: false,
-    overlayTrigger: "always",
-    position: "center",
-    shape: "square"
-  };
-
-  var _excluded = ["className", "src", "style", "alt", "fit", "position", "shape", "placeholder", "loading", "error", "overlayTrigger", "overlayContent", "lazy", "gallery", "onLoad", "onError"];
-  function ownKeys$2(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$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-  var Image$2 = function Image(props) {
-    var className = props.className,
-      src = props.src,
-      style = props.style,
-      alt = props.alt,
-      fit = props.fit,
-      position = props.position,
-      shape = props.shape,
-      placeholder = props.placeholder,
-      loading = props.loading,
-      error = props.error,
-      overlayTrigger = props.overlayTrigger,
-      overlayContent = props.overlayContent,
-      lazy = props.lazy,
-      gallery = props.gallery,
-      onLoad = props.onLoad,
-      onError = props.onError,
-      rest = _objectWithoutProperties$2(props, _excluded);
-    var _useConfig = useConfig$1(),
-      classPrefix = _useConfig.classPrefix;
-    var imageRef = React.useRef(null);
-    var _useLocaleReceiver = useLocaleReceiver("image"),
-      _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 2),
-      local = _useLocaleReceiver2[0],
-      t = _useLocaleReceiver2[1];
-    var _useGlobalIcon = useGlobalIcon({
-        ImageErrorIcon: ImageErrorIcon,
-        ImageIcon: ImageIcon
-      }),
-      ImageErrorIcon$1 = _useGlobalIcon.ImageErrorIcon,
-      ImageIcon$1 = _useGlobalIcon.ImageIcon;
-    var _useState = React.useState(!lazy),
-      _useState2 = _slicedToArray(_useState, 2),
-      shouldLoad = _useState2[0],
-      setShouldLoad = _useState2[1];
-    var handleLoadImage = function handleLoadImage() {
-      setShouldLoad(true);
-    };
-    var _useState3 = React.useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isLoaded = _useState4[0],
-      setIsLoaded = _useState4[1];
-    var handleLoad = function handleLoad(e) {
-      setIsLoaded(true);
-      onLoad === null || onLoad === void 0 ? void 0 : onLoad({
-        e: e
-      });
-    };
-    React.useEffect(function () {
-      if (!lazy || !(imageRef !== null && imageRef !== void 0 && imageRef.current)) return;
-      var observerRefValue = null;
-      var io = observe(imageRef.current, null, handleLoadImage, 0);
-      observerRefValue = imageRef.current;
-      return function () {
-        observerRefValue && io && io.unobserve(observerRefValue);
-      };
-    }, [lazy, imageRef]);
-    var _useState5 = React.useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      hasError = _useState6[0],
-      setHasError = _useState6[1];
-    var handleError = function handleError(e) {
-      setHasError(true);
-      onError === null || onError === void 0 ? void 0 : onError({
-        e: e
-      });
-    };
-    var hasMouseEvent = overlayTrigger === "hover";
-    var _useState7 = React.useState(!hasMouseEvent),
-      _useState8 = _slicedToArray(_useState7, 2),
-      shouldShowOverlay = _useState8[0],
-      setShouldShowOverlay = _useState8[1];
-    var handleToggleOverlay = function handleToggleOverlay(overlay) {
-      setShouldShowOverlay(overlay);
-    };
-    var renderOverlay = function renderOverlay() {
-      if (!overlayContent) return null;
-      return /* @__PURE__ */React__default["default"].createElement("div", {
-        className: cx("".concat(classPrefix, "-image__overlay-content"), !shouldShowOverlay && "".concat(classPrefix, "-image__overlay-content--hidden"))
-      }, overlayContent);
-    };
-    var renderPlaceholder = function renderPlaceholder() {
-      if (!placeholder) {
-        return null;
-      }
-      return /* @__PURE__ */React__default["default"].createElement("div", {
-        className: "".concat(classPrefix, "-image__placeholder")
-      }, placeholder);
-    };
-    var renderGalleryShadow = function renderGalleryShadow() {
-      if (!gallery) return null;
-      return /* @__PURE__ */React__default["default"].createElement("div", {
-        className: "".concat(classPrefix, "-image__gallery-shadow")
-      });
-    };
-    return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$2(_objectSpread$2({
-      ref: imageRef,
-      className: cx("".concat(classPrefix, "-image__wrapper"), "".concat(classPrefix, "-image__wrapper--shape-").concat(shape), gallery && "".concat(classPrefix, "-image__wrapper--gallery"), hasMouseEvent && "".concat(classPrefix, "-image__wrapper--need-hover"), className),
-      style: style
-    }, hasMouseEvent ? {
-      onMouseEnter: function onMouseEnter() {
-        return handleToggleOverlay(true);
-      },
-      onMouseLeave: function onMouseLeave() {
-        return handleToggleOverlay(false);
-      }
-    } : null), rest), renderPlaceholder(), renderGalleryShadow(), hasError || !shouldLoad ? /* @__PURE__ */React__default["default"].createElement("div", {
-      className: "".concat(classPrefix, "-image")
-    }) : /* @__PURE__ */React__default["default"].createElement(React.Fragment, null, /* @__PURE__ */React__default["default"].createElement("img", {
-      src: src,
-      onError: handleError,
-      onLoad: handleLoad,
-      className: cx("".concat(classPrefix, "-image"), "".concat(classPrefix, "-image--fit-").concat(fit), "".concat(classPrefix, "-image--position-").concat(position)),
-      alt: alt
-    }), !isLoaded && /* @__PURE__ */React__default["default"].createElement("div", {
-      className: "".concat(classPrefix, "-image__loading")
-    }, loading || /* @__PURE__ */React__default["default"].createElement(Space, {
-      direction: "vertical",
-      size: 8,
-      align: "center"
-    }, /* @__PURE__ */React__default["default"].createElement(ImageIcon$1, {
-      size: 24
-    }), t(local.loadingText)))), hasError && /* @__PURE__ */React__default["default"].createElement("div", {
-      className: "".concat(classPrefix, "-image__error")
-    }, error || /* @__PURE__ */React__default["default"].createElement(Space, {
-      direction: "vertical",
-      size: 8,
-      align: "center"
-    }, /* @__PURE__ */React__default["default"].createElement(ImageErrorIcon$1, {
-      size: 24
-    }), t(local.errorText))), renderOverlay());
-  };
-  Image$2.displayName = "Image";
-  Image$2.defaultProps = imageDefaultProps;
-
-  var Image$1 = Image$2;
-
   var rateDefaultProps = {
     defaultValue: 0,
     allowHalf: false,