tdesign-react 0.28.0 → 0.29.0

package/dist/tdesign.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.28.0
+ * tdesign v0.29.0
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -3020,7 +3020,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 +3031,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 +3057,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 +3073,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 +3156,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 +3220,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 +3530,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 +3629,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),
@@ -9374,6 +9374,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 +9453,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 +9541,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 +9566,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 +9749,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 +9775,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 +10001,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 +10043,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 +12889,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 +12901,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 +12910,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 +12920,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,7 +12933,7 @@
     }, 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 _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$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; }
 
@@ -12932,6 +12965,7 @@
         status = _useDefaultValue.status,
         size = _useDefaultValue.size,
         className = _useDefaultValue.className,
+        inputClass = _useDefaultValue.inputClass,
         style = _useDefaultValue.style,
         prefixIcon = _useDefaultValue.prefixIcon,
         suffixIcon = _useDefaultValue.suffixIcon,
@@ -12963,7 +12997,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 +13035,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 +13056,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 +13081,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,
@@ -13214,7 +13251,7 @@
     return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$1s({
       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,7 +13262,7 @@
 
   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; }
 
@@ -13259,7 +13296,7 @@
         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({
       ref: ref,
@@ -13373,7 +13410,7 @@
     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 +13427,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 +13530,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 +13559,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 +13613,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 +13640,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 +13792,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 +13805,7 @@
 
     React.useEffect(function () {
       calcBarStyle();
-    }, [groupRef.current]);
+    }, [groupRef.current, internalValue]);
     useMutationObservable(groupRef.current, calcBarStyle);
 
     var renderBlock = function renderBlock() {
@@ -14001,7 +14040,7 @@
           {
             var vs = v;
             return /* @__PURE__ */React__default["default"].createElement(Checkbox$1, {
-              key: vs,
+              key: index,
               label: vs,
               value: vs
             }, v);
@@ -14011,7 +14050,7 @@
           {
             var _vs = v;
             return /* @__PURE__ */React__default["default"].createElement(Checkbox$1, {
-              key: _vs,
+              key: index,
               label: _vs,
               value: _vs
             }, v);
@@ -14024,7 +14063,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 +14226,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 +14261,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;
@@ -16001,9 +16040,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 +25764,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 +25783,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 +25818,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 +25847,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 +25997,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) {
@@ -26286,7 +26332,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))
+        }
       }));
     };
 
@@ -26425,13 +26473,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 +26577,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 +26602,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 +26610,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 +26684,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 +26731,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 +26754,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 +26767,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];
@@ -26847,7 +26903,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 +26946,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 +26971,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 +26998,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,
@@ -31839,7 +31895,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 +31976,7 @@
     };
 
     var onMaskClick = function onMaskClick(e) {
-      if (e.target === e.currentTarget) {
+      if (e.target === e.currentTarget && closeOnOverlayClick) {
         onOverlayClick({
           e: e
         });
@@ -31969,9 +32027,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 +35846,8 @@
         filter: null,
         onLoad: null,
         onReflow: null,
-        onUpdate: null
+        onUpdate: null,
+        allowFoldNodeOnFilter: false
       }, options);
 
       this.config = config;
@@ -36067,6 +36124,8 @@
 
         if (this.updateTimer) return;
         this.updateTimer = +setTimeout(function () {
+          var _this3$config;
+
           clearTimeout(_this3.updateTimer);
           _this3.updateTimer = null;
 
@@ -36076,8 +36135,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 +36499,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 +36543,8 @@
             node: node.getModel()
           });
         },
-        onUpdate: handleUpdate
+        onUpdate: handleUpdate,
+        allowFoldNodeOnFilter: allowFoldNodeOnFilter
       });
       var list = cloneDeep_1(data);
 
@@ -37160,7 +37221,8 @@
         filter: handleFilter,
         data: data,
         disabled: disabled,
-        empty: empty
+        empty: empty,
+        allowFoldNodeOnFilter: true
       }, multiple ? {
         checkable: true,
         onChange: handleMultiChange,
@@ -42125,7 +42187,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 +42218,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 +42801,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 +42820,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 +42842,8 @@
         customDraggerRender = _useDefaultValue.customDraggerRender,
         children = _useDefaultValue.children;
 
+    var headers = props.headers;
+
     var _useConfig = useConfig$1(),
         classPrefix = _useConfig.classPrefix;
 
@@ -43032,6 +43099,7 @@
 
               case 10:
                 file.xhr = xhr({
+                  method: method,
                   action: action,
                   data: data,
                   file: file,
@@ -43054,7 +43122,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) {
@@ -44845,8 +44913,8 @@
     }
 
     function getResetValue(resetType) {
-      if (resetType === "initial" && "initialData" in props) {
-        return initialData;
+      if (resetType === "initial") {
+        return getDefaultInitialData(children, initialData);
       }
 
       var emptyValue = "";
@@ -45441,7 +45509,7 @@
       style: _objectSpread$j({
         zIndex: zIndex
       }, style),
-      tabIndex: 0,
+      tabIndex: -1,
       onKeyDown: onKeyDownEsc,
       onTransitionEnd: onTransitionEnd
     }, renderOverlay, /* @__PURE__ */React__default["default"].createElement("div", {
@@ -49366,8 +49434,6 @@
 
   dayjs.extend(customParseFormat);
   var TimePicker$1 = forwardRefWithStatics(function (props, ref) {
-    var _classNames;
-
     var TEXT_CONFIG = useTimePickerTextConfig();
 
     var _useDefaultValue = useDefaultValue$1(props),
@@ -49409,7 +49475,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 +49510,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 +49521,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,