tdesign-react 0.28.0 → 0.30.0

package/dist/tdesign.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.28.0
+ * tdesign v0.30.0
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -2788,6 +2788,7 @@
         image: "\u70B9\u51FB\u4E0A\u4F20\u56FE\u7247",
         normal: "\u70B9\u51FB\u4E0A\u4F20",
         reupload: "\u91CD\u65B0\u4E0A\u4F20",
+        continueUpload: "\u7EE7\u7EED\u4E0A\u4F20",
         "delete": "\u5220\u9664"
       },
       dragger: {
@@ -2811,19 +2812,19 @@
     },
     form: {
       errorMessage: {
-        date: "\u8BF7\u8F93\u5165\u6B63\u786E\u7684{name}",
-        url: "\u8BF7\u8F93\u5165\u6B63\u786E\u7684{name}",
-        required: "{name}\u5FC5\u586B",
-        max: "{name}\u5B57\u7B26\u957F\u5EA6\u4E0D\u80FD\u8D85\u8FC7 {validate} \u4E2A\u5B57\u7B26\uFF0C\u4E00\u4E2A\u4E2D\u6587\u7B49\u4E8E\u4E24\u4E2A\u5B57\u7B26",
-        min: "{name}\u5B57\u7B26\u957F\u5EA6\u4E0D\u80FD\u5C11\u4E8E {validate} \u4E2A\u5B57\u7B26\uFF0C\u4E00\u4E2A\u4E2D\u6587\u7B49\u4E8E\u4E24\u4E2A\u5B57\u7B26",
-        len: "{name}\u5B57\u7B26\u957F\u5EA6\u5FC5\u987B\u662F {validate}",
-        "enum": "{name}\u53EA\u80FD\u662F{validate}\u7B49",
-        idcard: "\u8BF7\u8F93\u5165\u6B63\u786E\u7684{name}",
-        telnumber: "\u8BF7\u8F93\u5165\u6B63\u786E\u7684{name}",
-        pattern: "\u8BF7\u8F93\u5165\u6B63\u786E\u7684{name}",
-        validator: "{name}\u4E0D\u7B26\u5408\u8981\u6C42",
-        "boolean": "{name}\u6570\u636E\u7C7B\u578B\u5FC5\u987B\u662F\u5E03\u5C14\u7C7B\u578B",
-        number: "{name}\u5FC5\u987B\u662F\u6570\u5B57"
+        date: "\u8BF7\u8F93\u5165\u6B63\u786E\u7684${name}",
+        url: "\u8BF7\u8F93\u5165\u6B63\u786E\u7684${name}",
+        required: "${name}\u5FC5\u586B",
+        max: "${name}\u5B57\u7B26\u957F\u5EA6\u4E0D\u80FD\u8D85\u8FC7 ${validate} \u4E2A\u5B57\u7B26\uFF0C\u4E00\u4E2A\u4E2D\u6587\u7B49\u4E8E\u4E24\u4E2A\u5B57\u7B26",
+        min: "${name}\u5B57\u7B26\u957F\u5EA6\u4E0D\u80FD\u5C11\u4E8E ${validate} \u4E2A\u5B57\u7B26\uFF0C\u4E00\u4E2A\u4E2D\u6587\u7B49\u4E8E\u4E24\u4E2A\u5B57\u7B26",
+        len: "${name}\u5B57\u7B26\u957F\u5EA6\u5FC5\u987B\u662F ${validate}",
+        "enum": "${name}\u53EA\u80FD\u662F${validate}\u7B49",
+        idcard: "\u8BF7\u8F93\u5165\u6B63\u786E\u7684${name}",
+        telnumber: "\u8BF7\u8F93\u5165\u6B63\u786E\u7684${name}",
+        pattern: "\u8BF7\u8F93\u5165\u6B63\u786E\u7684${name}",
+        validator: "${name}\u4E0D\u7B26\u5408\u8981\u6C42",
+        "boolean": "${name}\u6570\u636E\u7C7B\u578B\u5FC5\u987B\u662F\u5E03\u5C14\u7C7B\u578B",
+        number: "${name}\u5FC5\u987B\u662F\u6570\u5B57"
       }
     },
     input: {
@@ -2840,6 +2841,11 @@
     anchor: {
       copySuccessText: "\u94FE\u63A5\u590D\u5236\u6210\u529F",
       copyText: "\u590D\u5236\u94FE\u63A5"
+    },
+    colorPicker: {
+      swatchColorTitle: "\u7CFB\u7EDF\u9884\u8BBE\u989C\u8272",
+      recentColorTitle: "\u6700\u8FD1\u4F7F\u7528\u989C\u8272",
+      clearConfirmText: "\u786E\u5B9A\u6E05\u7A7A\u6700\u8FD1\u4F7F\u7528\u7684\u989C\u8272\u5417\uFF1F"
     }
   };
 
@@ -3020,7 +3026,7 @@
     return React.useContext(ConfigContext$1).globalConfig;
   });
 
-  var _excluded$v = ["width", "className", "style", "children"];
+  var _excluded$w = ["width", "className", "style", "children"];
 
   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; }
 
@@ -3031,7 +3037,7 @@
         className = props.className,
         style = props.style,
         children = props.children,
-        otherAsideProps = _objectWithoutProperties$1(props, _excluded$v);
+        otherAsideProps = _objectWithoutProperties$1(props, _excluded$w);
 
     var _useConfig = useConfig$1(),
         classPrefix = _useConfig.classPrefix;
@@ -3057,7 +3063,7 @@
   };
   Aside.displayName = "Aside";
 
-  var _excluded$u = ["className", "style", "children"],
+  var _excluded$v = ["className", "style", "children"],
       _excluded2$2 = ["className", "style", "children"],
       _excluded3 = ["className", "style", "children"],
       _excluded4 = ["direction", "className", "style", "children"];
@@ -3073,7 +3079,7 @@
     var className = props.className,
         style = props.style,
         children = props.children,
-        others = _objectWithoutProperties$1(props, _excluded$u);
+        others = _objectWithoutProperties$1(props, _excluded$v);
 
     var headerClassNames = classNames$1("".concat(classPrefix, "-layout__header"), className);
     return /* @__PURE__ */React__default["default"].createElement("header", _objectSpread$2a({
@@ -3156,7 +3162,7 @@
 
   var Layout = Layout$1;
 
-  var _excluded$t = ["flex", "offset", "order", "pull", "push", "span", "tag", "className", "children", "style"];
+  var _excluded$u = ["flex", "offset", "order", "pull", "push", "span", "tag", "className", "children", "style"];
 
   function ownKeys$29(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; }
 
@@ -3220,7 +3226,7 @@
         className = props.className,
         children = props.children,
         propStyle = props.style,
-        otherColProps = _objectWithoutProperties$1(props, _excluded$t);
+        otherColProps = _objectWithoutProperties$1(props, _excluded$u);
 
     var rowGutter = otherColProps.gutter,
         rowSize = otherColProps.size;
@@ -3530,7 +3536,7 @@
     return getComputedStyle(el).getPropertyValue(name);
   };
 
-  var _excluded$s = ["align", "gutter", "justify", "tag", "style", "className", "children"];
+  var _excluded$t = ["align", "gutter", "justify", "tag", "style", "className", "children"];
 
   function ownKeys$28(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; }
 
@@ -3629,7 +3635,7 @@
         propStyle = props.style,
         className = props.className,
         children = props.children,
-        otherRowProps = _objectWithoutProperties$1(props, _excluded$s);
+        otherRowProps = _objectWithoutProperties$1(props, _excluded$t);
 
     var _useState = React.useState(canUseDocument ? calcSize(window.innerWidth) : "md"),
         _useState2 = _slicedToArray(_useState, 2),
@@ -3969,16 +3975,16 @@
     if (attach) {
       return /* @__PURE__ */React__default["default"].createElement(Portal, {
         attach: attach
-      }, /* @__PURE__ */React__default["default"].createElement("div", {
+      }, loading ? /* @__PURE__ */React__default["default"].createElement("div", {
         className: classNames$1(name, baseClasses, fullClass, _defineProperty$2({}, overlayClass, showOverlay)),
         style: calcStyles
-      }, commonContent()));
+      }, commonContent()) : null);
     }
 
-    return /* @__PURE__ */React__default["default"].createElement("div", {
+    return loading ? /* @__PURE__ */React__default["default"].createElement("div", {
       className: classNames$1(name, baseClasses),
       style: calcStyles
-    }, commonContent());
+    }, commonContent()) : null;
   };
 
   function ownKeys$25(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; }
@@ -9374,6 +9380,37 @@
     }, [targetEl, options]);
   }
 
+  function useWindowSize() {
+    var validWindow = (typeof window === "undefined" ? "undefined" : _typeof(window)) === "object";
+    var getSize = React.useCallback(function () {
+      return {
+        width: validWindow ? window.innerWidth : void 0,
+        height: validWindow ? window.innerHeight : void 0
+      };
+    }, [validWindow]);
+
+    var _useState = React.useState(getSize()),
+        _useState2 = _slicedToArray(_useState, 2),
+        size = _useState2[0],
+        setSize = _useState2[1];
+
+    React.useEffect(function () {
+      function handleResize() {
+        setSize(getSize());
+      }
+
+      var debounceResize = debounce_1(handleResize, 400);
+
+      if (validWindow) {
+        window.addEventListener("resize", debounceResize);
+        return function () {
+          window.removeEventListener("resize", debounceResize);
+        };
+      }
+    }, [getSize, validWindow]);
+    return size;
+  }
+
   function ownKeys$24(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$24(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$24(Object(source), !0).forEach(function (key) { _defineProperty$2(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$24(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -9422,6 +9459,10 @@
         visible = _useDefault2[0],
         setVisible = _useDefault2[1];
 
+    var _useWindowSize = useWindowSize(),
+        windowHeight = _useWindowSize.height,
+        windowWidth = _useWindowSize.width;
+
     var _useState = React.useState(null),
         _useState2 = _slicedToArray(_useState, 2),
         triggerRef = _useState2[0],
@@ -9506,10 +9547,8 @@
         triggerProps = _useTriggerProps2[0],
         popupProps = _useTriggerProps2[1];
 
-    var disabledClassName = classNames$1(_defineProperty$2({}, "".concat(classPrefix, "-is-disabled"), disabled));
     var triggerNode = /*#__PURE__*/React.cloneElement(triggerNodeTemp, _objectSpread$24({
-      ref: composeRefs(triggerNodeTemp.ref, setTriggerRef),
-      className: classNames$1(disabledClassName, triggerNodeTemp.props.className)
+      ref: composeRefs(triggerNodeTemp.ref, setTriggerRef)
     }, triggerProps));
 
     var handleExited = function handleExited() {
@@ -9533,7 +9572,7 @@
       var _popperRef$current$up2, _popperRef$current3;
 
       (_popperRef$current$up2 = (_popperRef$current3 = popperRef.current).update) === null || _popperRef$current$up2 === void 0 ? void 0 : _popperRef$current$up2.call(_popperRef$current3);
-    }, [content]);
+    }, [content, visible, windowHeight, windowWidth]);
     var portal = visible || overlayRef ? /* @__PURE__ */React__default["default"].createElement(CSSTransition$1, {
       appear: true,
       "in": visible,
@@ -9716,7 +9755,7 @@
     }, [handleAddRipple, fixedRippleColor, ref]);
   }
 
-  var _excluded$r = ["type", "theme", "variant", "icon", "disabled", "loading", "size", "block", "ghost", "shape", "children", "content", "className", "onClick"];
+  var _excluded$s = ["type", "theme", "variant", "icon", "disabled", "loading", "size", "block", "ghost", "shape", "children", "content", "className", "onClick"];
 
   function ownKeys$23(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; }
 
@@ -9742,7 +9781,7 @@
         className = _ref.className,
         _ref$onClick = _ref.onClick,
         onClick = _ref$onClick === void 0 ? noop$1 : _ref$onClick,
-        buttonProps = _objectWithoutProperties$1(_ref, _excluded$r);
+        buttonProps = _objectWithoutProperties$1(_ref, _excluded$s);
 
     var _useConfig = useConfig$1(),
         classPrefix = _useConfig.classPrefix;
@@ -9968,7 +10007,7 @@
     };
   }
 
-  var _excluded$q = ["icon", "id", "className", "size", "style"];
+  var _excluded$r = ["icon", "id", "className", "size", "style"];
 
   function ownKeys$22(object, enumerableOnly) {
     var keys = Object.keys(object);
@@ -10010,7 +10049,7 @@
         className = props.className,
         size = props.size,
         style = props.style,
-        restProps = _objectWithoutProperties(props, _excluded$q);
+        restProps = _objectWithoutProperties(props, _excluded$r);
 
     var _useSizeProps = useSizeProps(size),
         sizeClassName = _useSizeProps.className,
@@ -12856,7 +12895,7 @@
     return typeof param === "number" ? "".concat(param, "px") : param;
   }
 
-  var _excluded$p = ["separate", "children", "className"];
+  var _excluded$q = ["separate", "children", "className"];
 
   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; }
 
@@ -12868,7 +12907,7 @@
     var separate = props.separate,
         children = props.children,
         className = props.className,
-        wrapperProps = _objectWithoutProperties$1(props, _excluded$p);
+        wrapperProps = _objectWithoutProperties$1(props, _excluded$q);
 
     return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$1u({
       ref: ref,
@@ -12877,7 +12916,7 @@
   });
   InputGroup.displayName = "InputGroup";
 
-  var _excluded$o = ["defaultValue", "value", "onChange"];
+  var _excluded$p = ["defaultValue", "value", "onChange"];
 
   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; }
 
@@ -12887,7 +12926,7 @@
         value = props.value,
         _props$onChange = props.onChange,
         onChange = _props$onChange === void 0 ? noop$1 : _props$onChange,
-        restProps = _objectWithoutProperties$1(props, _excluded$o);
+        restProps = _objectWithoutProperties$1(props, _excluded$p);
 
     var _useDefault = useDefault(value, typeof defaultValue === "undefined" ? defaultDefaultValue : defaultValue, onChange),
         _useDefault2 = _slicedToArray(_useDefault, 2),
@@ -12900,11 +12939,114 @@
     }, restProps);
   }
 
-  var _excluded$n = ["type", "autoWidth", "placeholder", "disabled", "status", "size", "className", "style", "prefixIcon", "suffixIcon", "clearable", "value", "tips", "align", "maxlength", "maxcharacter", "format", "onClick", "onChange", "onClear", "onEnter", "onKeydown", "onKeyup", "onKeypress", "onFocus", "onBlur", "onPaste", "onMouseenter", "onMouseleave", "onWheel", "onCompositionstart", "onCompositionend", "showClearIconOnEmpty", "autofocus", "autocomplete", "readonly", "label", "suffix"];
+  var baseMerge = _baseMerge,
+      createAssigner$1 = _createAssigner;
+  /**
+   * This method is like `_.merge` except that it accepts `customizer` which
+   * is invoked to produce the merged values of the destination and source
+   * properties. If `customizer` returns `undefined`, merging is handled by the
+   * method instead. The `customizer` is invoked with six arguments:
+   * (objValue, srcValue, key, object, source, stack).
+   *
+   * **Note:** This method mutates `object`.
+   *
+   * @static
+   * @memberOf _
+   * @since 4.0.0
+   * @category Object
+   * @param {Object} object The destination object.
+   * @param {...Object} sources The source objects.
+   * @param {Function} customizer The function to customize assigned values.
+   * @returns {Object} Returns `object`.
+   * @example
+   *
+   * function customizer(objValue, srcValue) {
+   *   if (_.isArray(objValue)) {
+   *     return objValue.concat(srcValue);
+   *   }
+   * }
+   *
+   * var object = { 'a': [1], 'b': [2] };
+   * var other = { 'a': [3], 'b': [4] };
+   *
+   * _.mergeWith(object, other, customizer);
+   * // => { 'a': [1, 3], 'b': [2, 4] }
+   */
+
+  var mergeWith = createAssigner$1(function (object, source, srcIndex, customizer) {
+    baseMerge(object, source, srcIndex, customizer);
+  });
+  var mergeWith_1 = mergeWith;
+
+  var merge$1 = function merge(src, config) {
+    return mergeWith_1(src, config, function (objValue, srcValue) {
+      if (Array.isArray(objValue)) {
+        return srcValue;
+      }
+    });
+  };
+  function ConfigProvider(_ref) {
+    var children = _ref.children,
+        globalConfig = _ref.globalConfig;
+    var mergedGlobalConfig = merge$1(defaultGlobalConfig, globalConfig);
+    return /* @__PURE__ */React__default["default"].createElement(ConfigContext$1.Provider, {
+      value: {
+        globalConfig: mergedGlobalConfig
+      }
+    }, children);
+  }
+  ConfigProvider.displayName = "ConfigProvider";
 
   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$1s(Object(source), !0).forEach(function (key) { _defineProperty$2(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;
+
+    function transformLocale(pattern, placement) {
+      var REGX = /\{\s*([\w-]+)\s*\}/g;
+
+      if (typeof pattern === "string") {
+        if (!placement || !REGX.test(pattern)) return pattern;
+        var translated = pattern.replace(REGX, function (_, key) {
+          if (placement) return String(placement[key]);
+          return "";
+        });
+        return translated;
+      }
+
+      if (Array.isArray(pattern)) {
+        return pattern.map(function (p, index) {
+          var translated = p.replace(REGX, function (_, key) {
+            if (placement) return String(placement[index][key]);
+            return "";
+          });
+          return translated;
+        });
+      }
+
+      if (typeof pattern === "function") {
+        return pattern(placement);
+      }
+
+      return "";
+    }
+
+    var componentLocale = React__default["default"].useMemo(function () {
+      var locale = defaultLocale || {};
+      var connectLocaleByName = globalConfig[componentName];
+      var localeFromContext = componentName && globalConfig ? connectLocaleByName : {};
+      return _objectSpread$1s(_objectSpread$1s({}, typeof locale === "function" ? locale() : locale), localeFromContext || {});
+    }, [componentName, defaultLocale, globalConfig]);
+    return [componentLocale, transformLocale];
+  }
+
+  var _excluded$o = ["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$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$1r(Object(source), !0).forEach(function (key) { _defineProperty$2(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;
@@ -12924,14 +13066,21 @@
   var Input$1 = forwardRefWithStatics(function (props, ref) {
     var _classNames;
 
+    var _useLocaleReceiver = useLocaleReceiver("input"),
+        _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 2),
+        local = _useLocaleReceiver2[0],
+        t = _useLocaleReceiver2[1];
+
     var _useDefaultValue = useDefaultValue$1(props, ""),
         type = _useDefaultValue.type,
         autoWidth = _useDefaultValue.autoWidth,
-        placeholder = _useDefaultValue.placeholder,
+        _useDefaultValue$plac = _useDefaultValue.placeholder,
+        placeholder = _useDefaultValue$plac === void 0 ? t(local.placeholder) : _useDefaultValue$plac,
         disabled = _useDefaultValue.disabled,
         status = _useDefaultValue.status,
         size = _useDefaultValue.size,
         className = _useDefaultValue.className,
+        inputClass = _useDefaultValue.inputClass,
         style = _useDefaultValue.style,
         prefixIcon = _useDefaultValue.prefixIcon,
         suffixIcon = _useDefaultValue.suffixIcon,
@@ -12963,7 +13112,7 @@
         readonly = _useDefaultValue.readonly,
         label = _useDefaultValue.label,
         suffix = _useDefaultValue.suffix,
-        restProps = _objectWithoutProperties$1(_useDefaultValue, _excluded$n);
+        restProps = _objectWithoutProperties$1(_useDefaultValue, _excluded$o);
 
     var _useConfig = useConfig$1(),
         classPrefix = _useConfig.classPrefix;
@@ -13001,7 +13150,7 @@
       onClick: handleClear
     });
 
-    if (type === "password") {
+    if (type === "password" && typeof suffixIcon === "undefined") {
       if (renderType === "password") {
         suffixIconNew = /* @__PURE__ */React__default["default"].createElement(BrowseOffIcon, {
           className: "".concat(classPrefix, "-input__suffix-clear"),
@@ -13022,6 +13171,9 @@
       if (!autoWidth) return;
       inputRef.current.style.width = "".concat(inputPreRef.current.offsetWidth, "px");
     }, [autoWidth, value, placeholder]);
+    React.useEffect(function () {
+      setRenderType(type);
+    }, [type]);
     var renderInput = /* @__PURE__ */React__default["default"].createElement("input", {
       ref: inputRef,
       placeholder: placeholder,
@@ -13044,7 +13196,7 @@
       onPaste: handlePaste
     });
     var renderInputNode = /* @__PURE__ */React__default["default"].createElement("div", {
-      className: classNames$1(className, "".concat(classPrefix, "-input"), (_classNames = {}, _defineProperty$2(_classNames, "".concat(classPrefix, "-is-readonly"), readonly), _defineProperty$2(_classNames, "".concat(classPrefix, "-is-disabled"), disabled), _defineProperty$2(_classNames, "".concat(classPrefix, "-is-focused"), isFocused), _defineProperty$2(_classNames, "".concat(classPrefix, "-size-s"), size === "small"), _defineProperty$2(_classNames, "".concat(classPrefix, "-size-l"), size === "large"), _defineProperty$2(_classNames, "".concat(classPrefix, "-align-").concat(align), align), _defineProperty$2(_classNames, "".concat(classPrefix, "-is-").concat(status), status), _defineProperty$2(_classNames, "".concat(classPrefix, "-input--prefix"), prefixIcon || labelContent), _defineProperty$2(_classNames, "".concat(classPrefix, "-input--suffix"), suffixIconContent || suffixContent), _defineProperty$2(_classNames, "".concat(classPrefix, "-input--focused"), isFocused), _classNames)),
+      className: classNames$1(inputClass, "".concat(classPrefix, "-input"), (_classNames = {}, _defineProperty$2(_classNames, "".concat(classPrefix, "-is-readonly"), readonly), _defineProperty$2(_classNames, "".concat(classPrefix, "-is-disabled"), disabled), _defineProperty$2(_classNames, "".concat(classPrefix, "-is-focused"), isFocused), _defineProperty$2(_classNames, "".concat(classPrefix, "-size-s"), size === "small"), _defineProperty$2(_classNames, "".concat(classPrefix, "-size-l"), size === "large"), _defineProperty$2(_classNames, "".concat(classPrefix, "-align-").concat(align), align), _defineProperty$2(_classNames, "".concat(classPrefix, "-is-").concat(status), status), _defineProperty$2(_classNames, "".concat(classPrefix, "-input--prefix"), prefixIcon || labelContent), _defineProperty$2(_classNames, "".concat(classPrefix, "-input--suffix"), suffixIconContent || suffixContent), _defineProperty$2(_classNames, "".concat(classPrefix, "-input--focused"), isFocused), _classNames)),
       onMouseEnter: handleMouseEnter,
       onMouseLeave: handleMouseLeave,
       onWheel: handleWheel,
@@ -13211,10 +13363,10 @@
         }
       };
     });
-    return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$1s({
+    return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$1r({
       ref: wrapperRef,
       style: style,
-      className: classNames$1("".concat(classPrefix, "-input__wrap"), _defineProperty$2({}, "".concat(classPrefix, "-input--auto-width"), autoWidth))
+      className: classNames$1(className, "".concat(classPrefix, "-input__wrap"), _defineProperty$2({}, "".concat(classPrefix, "-input--auto-width"), autoWidth))
     }, restProps), renderInputNode, tips && /* @__PURE__ */React__default["default"].createElement("div", {
       className: classNames$1("".concat(classPrefix, "-input__tips"), "".concat(classPrefix, "-input__tips--").concat(status || "normal"))
     }, tips));
@@ -13225,11 +13377,11 @@
 
   var Input = Input$1;
 
-  var _excluded$m = ["prepend", "append", "children", "className"];
+  var _excluded$n = ["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$1r(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$2(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$1q(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$2(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;
@@ -13259,9 +13411,9 @@
         append = props.append,
         children = props.children,
         className = props.className,
-        wrapperProps = _objectWithoutProperties$1(props, _excluded$m);
+        wrapperProps = _objectWithoutProperties$1(props, _excluded$n);
 
-    return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$1r({
+    return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$1q({
       ref: ref,
       className: classNames$1(className, "".concat(classPrefix, "-addon"), (_classNames = {}, _defineProperty$2(_classNames, "".concat(classPrefix, "-addon--prepend"), !!prepend), _defineProperty$2(_classNames, "".concat(classPrefix, "-addon--append"), !!append), _classNames))
     }, wrapperProps), renderAddon("prepend", classPrefix, prepend), children, renderAddon("append", classPrefix, append));
@@ -13270,110 +13422,7 @@
 
   var Addon = Addon$1;
 
-  var baseMerge = _baseMerge,
-      createAssigner$1 = _createAssigner;
-  /**
-   * This method is like `_.merge` except that it accepts `customizer` which
-   * is invoked to produce the merged values of the destination and source
-   * properties. If `customizer` returns `undefined`, merging is handled by the
-   * method instead. The `customizer` is invoked with six arguments:
-   * (objValue, srcValue, key, object, source, stack).
-   *
-   * **Note:** This method mutates `object`.
-   *
-   * @static
-   * @memberOf _
-   * @since 4.0.0
-   * @category Object
-   * @param {Object} object The destination object.
-   * @param {...Object} sources The source objects.
-   * @param {Function} customizer The function to customize assigned values.
-   * @returns {Object} Returns `object`.
-   * @example
-   *
-   * function customizer(objValue, srcValue) {
-   *   if (_.isArray(objValue)) {
-   *     return objValue.concat(srcValue);
-   *   }
-   * }
-   *
-   * var object = { 'a': [1], 'b': [2] };
-   * var other = { 'a': [3], 'b': [4] };
-   *
-   * _.mergeWith(object, other, customizer);
-   * // => { 'a': [1, 3], 'b': [2, 4] }
-   */
-
-  var mergeWith = createAssigner$1(function (object, source, srcIndex, customizer) {
-    baseMerge(object, source, srcIndex, customizer);
-  });
-  var mergeWith_1 = mergeWith;
-
-  var merge$1 = function merge(src, config) {
-    return mergeWith_1(src, config, function (objValue, srcValue) {
-      if (Array.isArray(objValue)) {
-        return srcValue;
-      }
-    });
-  };
-  function ConfigProvider(_ref) {
-    var children = _ref.children,
-        globalConfig = _ref.globalConfig;
-    var mergedGlobalConfig = merge$1(defaultGlobalConfig, globalConfig);
-    return /* @__PURE__ */React__default["default"].createElement(ConfigContext$1.Provider, {
-      value: {
-        globalConfig: mergedGlobalConfig
-      }
-    }, children);
-  }
-  ConfigProvider.displayName = "ConfigProvider";
-
-  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$1q(Object(source), !0).forEach(function (key) { _defineProperty$2(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 useLocaleReceiver(componentName, defaultLocale) {
-    var _React$useContext = React__default["default"].useContext(ConfigContext$1),
-        globalConfig = _React$useContext.globalConfig;
-
-    function transformLocale(pattern, placement) {
-      var REGX = /\{\s*([\w-]+)\s*\}/g;
-
-      if (typeof pattern === "string") {
-        if (!placement || !REGX.test(pattern)) return pattern;
-        var translated = pattern.replace(REGX, function (_, key) {
-          if (placement) return String(placement[key]);
-          return "";
-        });
-        return translated;
-      }
-
-      if (Array.isArray(pattern)) {
-        return pattern.map(function (p, index) {
-          var translated = p.replace(REGX, function (_, key) {
-            if (placement) return String(placement[index][key]);
-            return "";
-          });
-          return translated;
-        });
-      }
-
-      if (typeof pattern === "function") {
-        return pattern(placement);
-      }
-
-      return "";
-    }
-
-    var componentLocale = React__default["default"].useMemo(function () {
-      var locale = defaultLocale || {};
-      var connectLocaleByName = globalConfig[componentName];
-      var localeFromContext = componentName && globalConfig ? connectLocaleByName : {};
-      return _objectSpread$1q(_objectSpread$1q({}, typeof locale === "function" ? locale() : locale), localeFromContext || {});
-    }, [componentName, defaultLocale, globalConfig]);
-    return [componentLocale, transformLocale];
-  }
-
-  var _excluded$l = ["message", "title", "operation", "theme", "icon", "close", "maxLine", "onClose", "className"];
+  var _excluded$m = ["message", "title", "operation", "theme", "icon", "close", "maxLine", "onClose", "className"];
 
   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; }
 
@@ -13390,7 +13439,7 @@
         _props$onClose = props.onClose,
         onClose = _props$onClose === void 0 ? noop$1 : _props$onClose,
         className = props.className,
-        alertProps = _objectWithoutProperties$1(props, _excluded$l);
+        alertProps = _objectWithoutProperties$1(props, _excluded$m);
 
     var _React$useState = React__default["default"].useState(false),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -13493,7 +13542,7 @@
 
   var Alert = Alert$1;
 
-  var _excluded$k = ["color", "dot", "maxCount", "count", "size", "shape", "showZero", "offset", "className", "content", "children", "style"];
+  var _excluded$l = ["color", "dot", "maxCount", "count", "size", "shape", "showZero", "offset", "className", "content", "children", "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; }
 
@@ -13522,7 +13571,7 @@
         children = _ref$children === void 0 ? null : _ref$children,
         _ref$style = _ref.style,
         style = _ref$style === void 0 ? {} : _ref$style,
-        restProps = _objectWithoutProperties$1(_ref, _excluded$k);
+        restProps = _objectWithoutProperties$1(_ref, _excluded$l);
 
     var _useConfig = useConfig$1(),
         classPrefix = _useConfig.classPrefix;
@@ -13576,7 +13625,7 @@
 
   var Badge = Badge$1;
 
-  var _excluded$j = ["allowUncheck", "type", "checked", "defaultChecked", "disabled", "name", "value", "onChange", "indeterminate", "children", "label", "className", "style"];
+  var _excluded$k = ["allowUncheck", "type", "checked", "defaultChecked", "disabled", "name", "value", "onChange", "indeterminate", "children", "label", "className", "style"];
 
   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; }
 
@@ -13603,7 +13652,7 @@
         label = props.label,
         className = props.className,
         style = props.style,
-        htmlProps = _objectWithoutProperties$1(props, _excluded$j);
+        htmlProps = _objectWithoutProperties$1(props, _excluded$k);
 
     var _useConfig = useConfig$1(),
         classPrefix = _useConfig.classPrefix;
@@ -13755,7 +13804,9 @@
     var calcBarStyle = function calcBarStyle() {
       if (!variant.includes("filled")) return;
       var checkedRadio = groupRef.current.querySelector(checkedRadioCls);
-      if (!checkedRadio) return;
+      if (!checkedRadio) return setBarStyle({
+        width: 0
+      });
       var offsetWidth = checkedRadio.offsetWidth,
           offsetLeft = checkedRadio.offsetLeft;
       setBarStyle({
@@ -13766,7 +13817,7 @@
 
     React.useEffect(function () {
       calcBarStyle();
-    }, [groupRef.current]);
+    }, [groupRef.current, internalValue]);
     useMutationObservable(groupRef.current, calcBarStyle);
 
     var renderBlock = function renderBlock() {
@@ -14001,7 +14052,7 @@
           {
             var vs = v;
             return /* @__PURE__ */React__default["default"].createElement(Checkbox$1, {
-              key: vs,
+              key: index,
               label: vs,
               value: vs
             }, v);
@@ -14011,7 +14062,7 @@
           {
             var _vs = v;
             return /* @__PURE__ */React__default["default"].createElement(Checkbox$1, {
-              key: _vs,
+              key: index,
               label: _vs,
               value: _vs
             }, v);
@@ -14024,7 +14075,7 @@
               key: "checkAll_".concat(index),
               indeterminate: indeterminate
             })) : /* @__PURE__ */React__default["default"].createElement(Checkbox$1, _objectSpread$1k(_objectSpread$1k({}, v), {}, {
-              key: _vs2.value,
+              key: index,
               disabled: _vs2.disabled || disabled
             }));
           }
@@ -14187,7 +14238,7 @@
     return Number(filterVal);
   };
 
-  var _excluded$i = ["align", "className", "style", "defaultValue", "value", "disabled", "size", "theme", "step", "max", "min", "decimalPlaces", "format", "onChange", "onBlur", "onFocus", "onEnter", "onKeydown", "onKeyup", "onKeypress"],
+  var _excluded$j = ["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$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; }
@@ -14222,7 +14273,7 @@
         onKeydown = props.onKeydown,
         onKeyup = props.onKeyup,
         onKeypress = props.onKeypress,
-        restInputProps = _objectWithoutProperties$1(props, _excluded$i);
+        restInputProps = _objectWithoutProperties$1(props, _excluded$j);
 
     var _useConfig = useConfig$1(),
         classPrefix = _useConfig.classPrefix;
@@ -14335,6 +14386,11 @@
         });
       }
 
+      if (inputStr.endsWith(".")) {
+        setInternalInputValue(inputStr);
+        return;
+      }
+
       var filteredInputStr = strToNumber(inputStr);
 
       if (Number.isNaN(filteredInputStr)) {
@@ -15978,7 +16034,7 @@
       return /* @__PURE__ */React__default["default"].createElement(Input, _objectSpread$1d(_objectSpread$1d(_objectSpread$1d({
         ref: inputRef
       }, commonInputProps), {}, {
-        autoWidth: props.borderless || props.autoWidth,
+        autoWidth: props.autoWidth,
         placeholder: singleValueDisplay ? "" : props.placeholder,
         value: singleValueDisplay ? void 0 : displayedValue,
         label: /* @__PURE__ */React__default["default"].createElement(React__default["default"].Fragment, null, props.label, singleValueDisplay),
@@ -16001,9 +16057,16 @@
           !popupVisible && setInputValue(getInputValue(value, keys), _objectSpread$1d(_objectSpread$1d({}, context), {}, {
             trigger: "input"
           }));
+        },
+        onEnter: function onEnter(val, context) {
+          var _props$onEnter;
+
+          (_props$onEnter = props.onEnter) === null || _props$onEnter === void 0 ? void 0 : _props$onEnter.call(props, value, _objectSpread$1d(_objectSpread$1d({}, context), {}, {
+            inputValue: val
+          }));
         }
       }, props.inputProps), {}, {
-        className: classNames$1((_props$inputProps = props.inputProps) === null || _props$inputProps === void 0 ? void 0 : _props$inputProps.className, _defineProperty$2({}, "".concat(classPrefix, "-input--focused"), popupVisible))
+        inputClass: classNames$1((_props$inputProps = props.inputProps) === null || _props$inputProps === void 0 ? void 0 : _props$inputProps.className, _defineProperty$2({}, "".concat(classPrefix, "-input--focused"), popupVisible))
       }));
     };
 
@@ -25718,7 +25781,7 @@
   freeExports._=_;}else {// Export to the global object.
   root._=_;}}).call(commonjsGlobal);})(lodash,lodash.exports);
 
-  var _excluded$h = ["checked", "content", "defaultChecked", "onChange", "onClick", "disabled", "children", "className", "size"];
+  var _excluded$i = ["checked", "content", "defaultChecked", "onChange", "onClick", "disabled", "children", "className", "size"];
 
   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; }
 
@@ -25737,7 +25800,7 @@
         className = props.className,
         _props$size = props.size,
         size = _props$size === void 0 ? "medium" : _props$size,
-        tagOtherProps = _objectWithoutProperties$1(props, _excluded$h);
+        tagOtherProps = _objectWithoutProperties$1(props, _excluded$i);
 
     var _useDefault = useDefault(checked, defaultChecked, onChange),
         _useDefault2 = _slicedToArray(_useDefault, 2),
@@ -25772,7 +25835,7 @@
   });
   CheckTag.displayName = "CheckTag";
 
-  var _excluded$g = ["theme", "size", "shape", "variant", "closable", "maxWidth", "icon", "content", "onClick", "onClose", "className", "style", "disabled", "children"];
+  var _excluded$h = ["theme", "size", "shape", "variant", "closable", "maxWidth", "icon", "content", "onClick", "onClose", "className", "style", "disabled", "children"];
 
   function ownKeys$1b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -25801,7 +25864,7 @@
         style = _props$style === void 0 ? {} : _props$style,
         disabled = props.disabled,
         children = props.children,
-        otherTagProps = _objectWithoutProperties$1(props, _excluded$g);
+        otherTagProps = _objectWithoutProperties$1(props, _excluded$h);
 
     var _useConfig = useConfig$1(),
         classPrefix = _useConfig.classPrefix;
@@ -25951,7 +26014,7 @@
           value: item
         }) : tag;
         return /* @__PURE__ */React__default["default"].createElement(Tag, _objectSpread$1a(_objectSpread$1a({
-          key: item,
+          key: index,
           size: size,
           disabled: disabled,
           onClose: function onClose(context) {
@@ -26253,7 +26316,7 @@
         ref: tagInputRef
       }, p.commonInputProps), {}, {
         readonly: !props.allowInput || props.readonly,
-        autoWidth: props.borderless || props.autoWidth,
+        autoWidth: props.autoWidth,
         minCollapsedNum: props.minCollapsedNum,
         collapsedItems: props.collapsedItems,
         tag: props.tag,
@@ -26286,7 +26349,9 @@
           }));
         }
       }, props.tagInputProps), {}, {
-        className: classNames$1((_props$tagInputProps = props.tagInputProps) === null || _props$tagInputProps === void 0 ? void 0 : _props$tagInputProps.className, _defineProperty$2({}, "".concat(classPrefix, "-input--focused"), p.popupVisible))
+        inputProps: {
+          inputClass: classNames$1((_props$tagInputProps = props.tagInputProps) === null || _props$tagInputProps === void 0 ? void 0 : _props$tagInputProps.className, _defineProperty$2({}, "".concat(classPrefix, "-input--focused"), p.popupVisible))
+        }
       }));
     };
 
@@ -26304,7 +26369,6 @@
   var MAX_POPUP_WIDTH = 1e3;
   function useOverlayStyle(props) {
     var popupProps = props.popupProps,
-        borderless = props.borderless,
         autoWidth = props.autoWidth;
 
     var _useState = React.useState(false),
@@ -26342,12 +26406,12 @@
 
       if (isFunction_1(overlayStyle) || isObject_1(overlayStyle) && overlayStyle.width) {
         result = overlayStyle;
-      } else if (!borderless && !autoWidth) {
+      } else if (!autoWidth) {
         result = macthWidthFunc;
       }
 
       return result;
-    }, [borderless, popupProps === null || popupProps === void 0 ? void 0 : popupProps.overlayStyle]);
+    }, [autoWidth, popupProps === null || popupProps === void 0 ? void 0 : popupProps.overlayStyle]);
     return {
       tOverlayStyle: tOverlayStyle,
       innerPopupVisible: innerPopupVisible,
@@ -26425,13 +26489,15 @@
 
   var SelectInput = SelectInput$1;
 
-  var _excluded$f = ["value", "label", "disabled"];
+  var _excluded$g = ["value", "label", "disabled"];
 
   function ownKeys$15(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$15(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$15(Object(source), !0).forEach(function (key) { _defineProperty$2(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$15(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   var PopupContent = function PopupContent(props) {
+    var _classNames;
+
     var onChange = props.onChange,
         value = props.value,
         size = props.size,
@@ -26527,7 +26593,7 @@
           var optionValue = _ref2.value,
               label = _ref2.label,
               disabled = _ref2.disabled,
-              restData = _objectWithoutProperties$1(_ref2, _excluded$f);
+              restData = _objectWithoutProperties$1(_ref2, _excluded$g);
 
           return /* @__PURE__ */React__default["default"].createElement(Option$1, {
             key: index,
@@ -26552,7 +26618,7 @@
 
     var isEmpty = Array.isArray(childrenWithProps) && !childrenWithProps.length || options && options.length === 0;
     return /* @__PURE__ */React__default["default"].createElement("div", {
-      className: "".concat(classPrefix, "-select__dropdown-inner")
+      className: classNames$1("".concat(classPrefix, "-select__dropdown-inner"), (_classNames = {}, _defineProperty$2(_classNames, "".concat(classPrefix, "-select__dropdown-inner--size-s"), size === "small"), _defineProperty$2(_classNames, "".concat(classPrefix, "-select__dropdown-inner--size-l"), size === "large"), _defineProperty$2(_classNames, "".concat(classPrefix, "-select__dropdown-inner--size-m"), size === "medium"), _classNames))
     }, panelTopContent, isEmpty && /* @__PURE__ */React__default["default"].createElement("div", {
       className: "".concat(classPrefix, "-select__empty")
     }, empty ? empty : /* @__PURE__ */React__default["default"].createElement("p", null, emptyText)), !isEmpty && loading && /* @__PURE__ */React__default["default"].createElement("div", {
@@ -26560,6 +26626,8 @@
     }, loadingText), !isEmpty && !loading && renderOptions(), panelBottomContent);
   };
 
+  var _excluded$f = ["overlayClassName"];
+
   function ownKeys$14(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$14(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$14(Object(source), !0).forEach(function (key) { _defineProperty$2(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$14(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -26632,6 +26700,10 @@
     var _useConfig = useConfig$1(),
         classPrefix = _useConfig.classPrefix;
 
+    var _ref = popupProps || {},
+        overlayClassName = _ref.overlayClassName,
+        restPopupProps = _objectWithoutProperties$1(_ref, _excluded$f);
+
     var name = "".concat(classPrefix, "-select");
 
     var _useState = React.useState(popupVisible || false),
@@ -26675,7 +26747,7 @@
     }, [selectedOptions, keys, multiple]);
     React.useEffect(function () {
       if (keys) {
-        var transformedOptions = options.map(function (option) {
+        var transformedOptions = options === null || options === void 0 ? void 0 : options.map(function (option) {
           return _objectSpread$14(_objectSpread$14({}, option), {}, {
             value: get_1(option, (keys === null || keys === void 0 ? void 0 : keys.value) || "value"),
             label: get_1(option, (keys === null || keys === void 0 ? void 0 : keys.label) || "label")
@@ -26698,11 +26770,11 @@
         if (Array.isArray(value)) {
           return value.map(function (item) {
             if (valueType === "value") {
-              var _ref;
+              var _ref2;
 
               return valueToOption[item] || oldSelectedOptions.find(function (option) {
                 return get_1(option, valueKey) === item;
-              }) || (_ref = {}, _defineProperty$2(_ref, valueKey, item), _defineProperty$2(_ref, labelKey, item), _ref);
+              }) || (_ref2 = {}, _defineProperty$2(_ref2, valueKey, item), _defineProperty$2(_ref2, labelKey, item), _ref2);
             }
 
             return item;
@@ -26711,11 +26783,11 @@
 
         if (value !== void 0 && value !== null) {
           if (valueType === "value") {
-            var _ref2;
+            var _ref3;
 
             return [valueToOption[value] || oldSelectedOptions.find(function (option) {
               return get_1(option, valueKey) === value;
-            }) || (_ref2 = {}, _defineProperty$2(_ref2, valueKey, value), _defineProperty$2(_ref2, labelKey, value), _ref2)].filter(Boolean);
+            }) || (_ref3 = {}, _defineProperty$2(_ref3, valueKey, value), _defineProperty$2(_ref3, labelKey, value), _ref3)].filter(Boolean);
           }
 
           return [value];
@@ -26819,6 +26891,7 @@
     };
 
     var handleInputChange = function handleInputChange(value2) {
+      if (selectedLabel === value2) return;
       onInputChange(value2);
 
       if (isFunction_1(onSearch)) {
@@ -26847,7 +26920,7 @@
     var renderSuffixIcon = function renderSuffixIcon() {
       if (loading) {
         return /* @__PURE__ */React__default["default"].createElement(Loading, {
-          className: classNames$1(className, "".concat(name, "__right-icon"), "".concat(name, "__active-icon")),
+          className: classNames$1("".concat(name, "__right-icon"), "".concat(name, "__active-icon")),
           loading: true,
           size: "small"
         });
@@ -26890,8 +26963,8 @@
       }
 
       if (multiple) {
-        return function (_ref3) {
-          var onClose = _ref3.onClose;
+        return function (_ref4) {
+          var onClose = _ref4.onClose;
           return valueDisplay({
             value: selectedLabel,
             onClose: onClose
@@ -26915,8 +26988,8 @@
       } : null;
     }, [selectedLabel, collapsedItems, minCollapsedNum]);
     return /* @__PURE__ */React__default["default"].createElement("div", {
-      className: "".concat(name, "__wrap"),
-      style: _objectSpread$14({}, style)
+      className: classNames$1("".concat(name, "__wrap"), className),
+      style: style
     }, /* @__PURE__ */React__default["default"].createElement(SelectInput, _objectSpread$14({
       autoWidth: !(style !== null && style !== void 0 && style.width) && autoWidth,
       className: name,
@@ -26942,8 +27015,8 @@
       minCollapsedNum: minCollapsedNum,
       collapsedItems: renderCollapsedItems,
       popupProps: _objectSpread$14({
-        overlayClassName: ["".concat(name, "__dropdown"), ["narrow-scrollbar"]]
-      }, popupProps),
+        overlayClassName: ["".concat(name, "__dropdown"), ["narrow-scrollbar"], overlayClassName]
+      }, restPopupProps),
       popupVisible: showPopup,
       onPopupVisibleChange: onPopupVisibleChange || handleShowPopup,
       onTagChange: onTagChange,
@@ -27296,7 +27369,8 @@
       max: pageCount,
       disabled: disabled,
       onChange: onPageInputChange,
-      onKeyup: onPageInputKeyUp
+      onKeyup: onPageInputKeyUp,
+      placeholder: ""
     }), t(locale.page)));
   };
 
@@ -31839,7 +31913,9 @@
         preventScrollThrough = props.preventScrollThrough,
         closeBtn = props.closeBtn,
         _props$closeOnEscKeyd = props.closeOnEscKeydown,
-        closeOnEscKeydown = _props$closeOnEscKeyd === void 0 ? true : _props$closeOnEscKeyd;
+        closeOnEscKeydown = _props$closeOnEscKeyd === void 0 ? true : _props$closeOnEscKeyd,
+        _props$closeOnOverlay = props.closeOnOverlayClick,
+        closeOnOverlayClick = _props$closeOnOverlay === void 0 ? true : _props$closeOnOverlay;
     var wrap = React.useRef();
     var dialog = React.useRef();
     var maskRef = React.useRef();
@@ -31918,7 +31994,7 @@
     };
 
     var onMaskClick = function onMaskClick(e) {
-      if (e.target === e.currentTarget) {
+      if (e.target === e.currentTarget && closeOnOverlayClick) {
         onOverlayClick({
           e: e
         });
@@ -31969,9 +32045,7 @@
       var footer = props.footer ? /* @__PURE__ */React__default["default"].createElement("div", {
         className: "".concat(prefixCls, "__footer")
       }, props.footer) : null;
-      var header = /* @__PURE__ */React__default["default"].createElement("div", {
-        className: "".concat(prefixCls, "__header")
-      }, props.header);
+      var header = props.header;
       var body = /* @__PURE__ */React__default["default"].createElement("div", {
         className: "".concat(prefixCls, "__body")
       }, props.body || props.children);
@@ -35790,7 +35864,8 @@
         filter: null,
         onLoad: null,
         onReflow: null,
-        onUpdate: null
+        onUpdate: null,
+        allowFoldNodeOnFilter: false
       }, options);
 
       this.config = config;
@@ -36067,6 +36142,8 @@
 
         if (this.updateTimer) return;
         this.updateTimer = +setTimeout(function () {
+          var _this3$config;
+
           clearTimeout(_this3.updateTimer);
           _this3.updateTimer = null;
 
@@ -36076,8 +36153,7 @@
             _this3.emit("reflow");
           }
 
-          _this3.lockFilterPathNodes();
-
+          if (!((_this3$config = _this3.config) !== null && _this3$config !== void 0 && _this3$config.allowFoldNodeOnFilter)) _this3.lockFilterPathNodes();
           var updatedList = Array.from(_this3.updatedMap.keys());
 
           if (updatedList.length > 0) {
@@ -36441,7 +36517,9 @@
         lazy = props.lazy,
         valueMode = props.valueMode,
         filter = props.filter,
-        _onLoad = props.onLoad;
+        _onLoad = props.onLoad,
+        _props$allowFoldNodeO = props.allowFoldNodeOnFilter,
+        allowFoldNodeOnFilter = _props$allowFoldNodeO === void 0 ? false : _props$allowFoldNodeO;
     var handleUpdate = usePersistFn(function () {
       refresh();
     });
@@ -36483,7 +36561,8 @@
             node: node.getModel()
           });
         },
-        onUpdate: handleUpdate
+        onUpdate: handleUpdate,
+        allowFoldNodeOnFilter: allowFoldNodeOnFilter
       });
       var list = cloneDeep_1(data);
 
@@ -37160,7 +37239,8 @@
         filter: handleFilter,
         data: data,
         disabled: disabled,
-        empty: empty
+        empty: empty,
+        allowFoldNodeOnFilter: true
       }, multiple ? {
         checkable: true,
         onChange: handleMultiChange,
@@ -42125,7 +42205,9 @@
   };
 
   function xhr(_ref) {
-    var action = _ref.action,
+    var _ref$method = _ref.method,
+        method = _ref$method === void 0 ? "POST" : _ref$method,
+        action = _ref.action,
         _ref$withCredentials = _ref.withCredentials,
         withCredentials = _ref$withCredentials === void 0 ? false : _ref$withCredentials,
         _ref$headers = _ref.headers,
@@ -42154,7 +42236,7 @@
     innerFiles.forEach(function (f) {
       formData.append(name, f.raw);
     });
-    xhr2.open("post", action, true);
+    xhr2.open(method, action, true);
     Object.keys(headers).forEach(function (key) {
       xhr2.setRequestHeader(key, headers[key]);
     });
@@ -42737,6 +42819,8 @@
 
   var Upload$1 = function Upload(props, ref) {
     var _useDefaultValue = useDefaultValue(props, []),
+        _useDefaultValue$meth = _useDefaultValue.method,
+        method = _useDefaultValue$meth === void 0 ? "post" : _useDefaultValue$meth,
         disabled = _useDefaultValue.disabled,
         multiple = _useDefaultValue.multiple,
         accept = _useDefaultValue.accept,
@@ -42754,7 +42838,6 @@
         tips = _useDefaultValue.tips,
         format = _useDefaultValue.format,
         data = _useDefaultValue.data,
-        headers = _useDefaultValue.headers,
         withCredentials = _useDefaultValue.withCredentials,
         _useDefaultValue$auto = _useDefaultValue.autoUpload,
         autoUpload = _useDefaultValue$auto === void 0 ? true : _useDefaultValue$auto,
@@ -42777,6 +42860,8 @@
         customDraggerRender = _useDefaultValue.customDraggerRender,
         children = _useDefaultValue.children;
 
+    var headers = props.headers;
+
     var _useConfig = useConfig$1(),
         classPrefix = _useConfig.classPrefix;
 
@@ -43032,6 +43117,7 @@
 
               case 10:
                 file.xhr = xhr({
+                  method: method,
                   action: action,
                   data: data,
                   file: file,
@@ -43054,7 +43140,7 @@
       return function (_x) {
         return _ref4.apply(this, arguments);
       };
-    }(), [action, data, handleProgress, handleRequestMethod, handleSuccess, headers, name, onError, requestMethod, withCredentials]);
+    }(), [method, action, data, handleProgress, handleRequestMethod, handleSuccess, headers, name, onError, requestMethod, withCredentials]);
 
     function handleRequestMethodResponse(res) {
       if (!res) {
@@ -44693,7 +44779,7 @@
     var labelStyle = {};
     var contentStyle = {};
 
-    if (labelWidth && labelAlign !== "top") {
+    if (label && labelWidth && labelAlign !== "top") {
       if (typeof labelWidth === "number") {
         labelStyle = {
           width: "".concat(labelWidth, "px")
@@ -44845,8 +44931,8 @@
     }
 
     function getResetValue(resetType) {
-      if (resetType === "initial" && "initialData" in props) {
-        return initialData;
+      if (resetType === "initial") {
+        return getDefaultInitialData(children, initialData);
       }
 
       var emptyValue = "";
@@ -44938,6 +45024,7 @@
       filterRules.length && validate$1("change");
     }, [formValue]);
     React.useEffect(function () {
+      if (!name) return;
       formItemsRef.current.push(currentFormItemRef);
       return function () {
         var index = formItemsRef.current.indexOf(currentFormItemRef);
@@ -44948,7 +45035,7 @@
           (_formItemsRef$current = formItemsRef.current) === null || _formItemsRef$current === void 0 ? void 0 : _formItemsRef$current.splice(index, 1);
         }
       };
-    }, []);
+    }, [name]);
     React.useImperativeHandle(currentFormItemRef, function () {
       return {
         name: name,
@@ -45441,7 +45528,7 @@
       style: _objectSpread$j({
         zIndex: zIndex
       }, style),
-      tabIndex: 0,
+      tabIndex: -1,
       onKeyDown: onKeyDownEsc,
       onTransitionEnd: onTransitionEnd
     }, renderOverlay, /* @__PURE__ */React__default["default"].createElement("div", {
@@ -45801,7 +45888,7 @@
         return null;
       }
 
-      return /* @__PURE__ */React__default["default"].createElement(Button$1, {
+      return /* @__PURE__ */React__default["default"].createElement(Button, {
         size: "small",
         variant: "outline",
         onClick: function onClick(e) {
@@ -45835,7 +45922,7 @@
         return null;
       }
 
-      return /* @__PURE__ */React__default["default"].createElement(Button$1, {
+      return /* @__PURE__ */React__default["default"].createElement(Button, {
         size: "small",
         theme: "primary",
         onClick: function onClick(e) {
@@ -45889,7 +45976,7 @@
         visible = _useDefault2[0],
         setVisible = _useDefault2[1];
 
-    return /* @__PURE__ */React__default["default"].createElement(Popup$1, _objectSpread$h(_objectSpread$h({
+    return /* @__PURE__ */React__default["default"].createElement(Popup, _objectSpread$h(_objectSpread$h({
       ref: ref
     }, props), {}, {
       visible: visible,
@@ -46066,11 +46153,6 @@
         setTextareaStyle(calcTextareaHeight(textareaRef.current));
       } else if (_typeof(autosize) === "object") {
         setTextareaStyle(calcTextareaHeight(textareaRef.current, autosize === null || autosize === void 0 ? void 0 : autosize.minRows, autosize === null || autosize === void 0 ? void 0 : autosize.maxRows));
-      } else {
-        setTextareaStyle({
-          height: "auto",
-          minHeight: "auto"
-        });
       }
     }, [autosize]);
 
@@ -46086,12 +46168,19 @@
       setValue(val, {
         e: e
       });
-      adjustTextareaHeight();
     }
 
+    React.useEffect(function () {
+      if (autosize === false) {
+        setTextareaStyle({
+          height: "auto",
+          minHeight: "auto"
+        });
+      }
+    }, [adjustTextareaHeight, autosize]);
     React.useEffect(function () {
       adjustTextareaHeight();
-    }, [adjustTextareaHeight]);
+    }, [adjustTextareaHeight, value]);
     React.useImperativeHandle(ref, function () {
       return {
         currentElement: wrapperRef.current,
@@ -47112,7 +47201,7 @@
         setExpend = cascaderContext.setExpend,
         value = cascaderContext.value,
         max = cascaderContext.max;
-    var isDisabled = node.disabled || multiple && value.length >= max && max !== 0;
+    var isDisabled = node.disabled || multiple && value && value.length >= max && max !== 0;
     if (isDisabled) return;
 
     if (propsTrigger === trigger && !node.isLeaf()) {
@@ -47213,7 +47302,7 @@
         max = cascaderContext.max;
     var expandedActive = !checkStrictly && node.expanded && (multiple ? !node.isLeaf() : true);
     var isLeaf = node.isLeaf();
-    var isDisabled = node.disabled || multiple && value.length >= max && max !== 0;
+    var isDisabled = node.disabled || multiple && value && value.length >= max && max !== 0;
     var isSelected = node.checked || multiple && !checkStrictly && node.expanded && !isLeaf;
     return [(_ref = {}, _defineProperty$2(_ref, CLASSNAMES.STATUS.selected, !isDisabled && isSelected), _defineProperty$2(_ref, CLASSNAMES.STATUS.expanded, !isDisabled && expandedActive), _defineProperty$2(_ref, CLASSNAMES.STATUS.disabled, isDisabled), _ref)];
   }
@@ -47321,7 +47410,7 @@
     return /* @__PURE__ */React__default["default"].createElement(Checkbox$1, _objectSpread$a(_objectSpread$a({}, checkProps), {}, {
       checked: node.checked,
       indeterminate: node.indeterminate,
-      disabled: node.isDisabled() || value.length >= max && max !== 0,
+      disabled: node.isDisabled() || value && value.length >= max && max !== 0,
       name: node.value,
       onChange: handleChange
     }), label);
@@ -49366,8 +49455,6 @@
 
   dayjs.extend(customParseFormat);
   var TimePicker$1 = forwardRefWithStatics(function (props, ref) {
-    var _classNames;
-
     var TEXT_CONFIG = useTimePickerTextConfig();
 
     var _useDefaultValue = useDefaultValue$1(props),
@@ -49409,7 +49496,7 @@
         classPrefix = _useConfig.classPrefix;
 
     var name = "".concat(classPrefix, "-time-picker");
-    var inputClasses = classNames$1("".concat(name, "__group"), (_classNames = {}, _defineProperty$2(_classNames, "".concat(classPrefix, "-is-focused"), isPanelShowed), _defineProperty$2(_classNames, "".concat(classPrefix, "-input--focused"), isPanelShowed), _classNames));
+    var inputClasses = classNames$1("".concat(name, "__group"), _defineProperty$2({}, "".concat(classPrefix, "-is-focused"), isPanelShowed));
 
     var handleShowPopup = function handleShowPopup(visible, context) {
       setPanelShow(visible);
@@ -49444,7 +49531,7 @@
       trigger: "click",
       expandAnimation: true
     }, /* @__PURE__ */React__default["default"].createElement("div", {
-      className: classNames$1(name, className),
+      className: classNames$1(name, className, inputClasses),
       ref: ref,
       style: style
     }, /* @__PURE__ */React__default["default"].createElement(Input, {
@@ -49455,7 +49542,6 @@
       value: value ? " " : void 0,
       onClear: handleClear,
       placeholder: !value ? placeholder : void 0,
-      className: inputClasses,
       suffixIcon: /* @__PURE__ */React__default["default"].createElement(TimeIcon, null)
     }), value ? /* @__PURE__ */React__default["default"].createElement(TimePickerInputItems, {
       disabled: disabled,