tdesign-react 0.29.0 → 0.30.1

package/dist/tdesign.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.29.0
+ * tdesign v0.30.1
  * (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"
     }
   };
 
@@ -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; }
@@ -12933,11 +12939,114 @@
     }, restProps);
   }
 
-  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"];
+  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;
@@ -12957,10 +13066,16 @@
   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,
@@ -13248,7 +13363,7 @@
         }
       };
     });
-    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(className, "".concat(classPrefix, "-input__wrap"), _defineProperty$2({}, "".concat(classPrefix, "-input--auto-width"), autoWidth))
@@ -13264,9 +13379,9 @@
 
   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;
@@ -13298,7 +13413,7 @@
         className = props.className,
         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));
@@ -13307,109 +13422,6 @@
 
   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$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; }
@@ -14374,6 +14386,11 @@
         });
       }
 
+      if (inputStr.endsWith(".")) {
+        setInternalInputValue(inputStr);
+        return;
+      }
+
       var filteredInputStr = strToNumber(inputStr);
 
       if (Number.isNaN(filteredInputStr)) {
@@ -16017,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),
@@ -26299,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,
@@ -26352,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),
@@ -26390,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,
@@ -26875,6 +26891,7 @@
     };
 
     var handleInputChange = function handleInputChange(value2) {
+      if (selectedLabel === value2) return;
       onInputChange(value2);
 
       if (isFunction_1(onSearch)) {
@@ -27326,6 +27343,7 @@
     }, renderPaginationBtns), theme === "simple" && /* @__PURE__ */React__default["default"].createElement("div", {
       className: "".concat(name, "__select")
     }, /* @__PURE__ */React__default["default"].createElement(Select, {
+      autoWidth: true,
       size: size,
       value: current,
       disabled: disabled,
@@ -27352,7 +27370,8 @@
       max: pageCount,
       disabled: disabled,
       onChange: onPageInputChange,
-      onKeyup: onPageInputKeyUp
+      onKeyup: onPageInputKeyUp,
+      placeholder: ""
     }), t(locale.page)));
   };
 
@@ -30483,7 +30502,8 @@
         disabled = _props$disabled === void 0 ? false : _props$disabled,
         index = props.index,
         _props$onTabRemove = props.onTabRemove,
-        onTabRemove = _props$onTabRemove === void 0 ? noop$1 : _props$onTabRemove;
+        onTabRemove = _props$onTabRemove === void 0 ? noop$1 : _props$onTabRemove,
+        innerRef = props.innerRef;
     var isCard = theme === "card";
 
     var _useTabClass = useTabClass(),
@@ -30494,6 +30514,7 @@
     var rippleRef = React.useRef();
     useRipple(rippleRef);
     return /* @__PURE__ */React__default["default"].createElement("div", {
+      ref: innerRef,
       onClick: disabled ? noop$1 : onClick,
       className: classNames$1(tdTabsClassGenerator("nav-item"), isCard ? tdTabsClassGenerator("nav--card") : "", tdSizeClassGenerator(size), isActive ? tdClassGenerator("is-active") : "", tdClassGenerator("is-".concat(placement)), disabled ? tdClassGenerator("is-disabled") : "")
     }, isCard ? /* @__PURE__ */React__default["default"].createElement("span", {
@@ -30590,9 +30611,155 @@
 
   TabBar.displayName = "TabBar";
 
+  var getDomWidth = function getDomWidth(dom) {
+    return (dom === null || dom === void 0 ? void 0 : dom.offsetWidth) || 0;
+  };
+
+  var tabBase = {
+    calcScrollLeft: function calcScrollLeft(elements, scrollLeft) {
+      var container = elements.navsContainer;
+      var wrap = elements.navsWrap;
+      var rightOperations = elements.rightOperations;
+      var rightOperationsZoneWidth = getDomWidth(rightOperations);
+      if (!wrap || !container) return scrollLeft;
+      var containerWidth = getDomWidth(container);
+      var wrapWidth = getDomWidth(wrap);
+
+      if (wrapWidth <= containerWidth) {
+        return 0;
+      }
+
+      if (scrollLeft + containerWidth - rightOperationsZoneWidth > wrapWidth) {
+        return wrapWidth + rightOperationsZoneWidth - containerWidth;
+      }
+
+      return scrollLeft;
+    },
+    calculateCanToLeft: function calculateCanToLeft(depElement, scrollLeft, placement) {
+      if (["left", "right"].includes(placement.toLowerCase())) {
+        return false;
+      }
+
+      var container = depElement.navsContainer,
+          wrap = depElement.navsWrap,
+          leftOperations = depElement.leftOperations,
+          toLeftBtn = depElement.toLeftBtn;
+
+      if (!wrap || !container) {
+        return false;
+      }
+
+      var leftOperationsZoneWidth = getDomWidth(leftOperations);
+      var leftIconWidth = getDomWidth(toLeftBtn);
+      return scrollLeft + Math.round(leftOperationsZoneWidth - leftIconWidth) > 0;
+    },
+    calculateCanToRight: function calculateCanToRight(depElement, scrollLeft, placement) {
+      if (["left", "right"].includes(placement.toLowerCase())) {
+        return false;
+      }
+
+      var container = depElement.navsContainer,
+          wrap = depElement.navsWrap,
+          rightOperations = depElement.rightOperations,
+          toRightBtn = depElement.toRightBtn;
+
+      if (!wrap || !container) {
+        return false;
+      }
+
+      var rightOperationsZoneWidth = getDomWidth(rightOperations);
+      var rightIconWidth = getDomWidth(toRightBtn);
+      return scrollLeft + getDomWidth(container) - (rightOperationsZoneWidth - rightIconWidth) - getDomWidth(wrap) < -1;
+    },
+    moveActiveTabIntoView: function moveActiveTabIntoView(depElement, scrollLeft) {
+      var activeTab = depElement.activeTab,
+          container = depElement.navsContainer,
+          navsWrap = depElement.navsWrap,
+          leftOperations = depElement.leftOperations,
+          toLeftBtn = depElement.toLeftBtn,
+          rightOperations = depElement.rightOperations,
+          toRightBtn = depElement.toRightBtn;
+      if (!activeTab) return scrollLeft;
+      var totalWidthBeforeActiveTab = activeTab.offsetLeft;
+      if (!container) return scrollLeft;
+
+      var _getLeftCoverWidth = function _getLeftCoverWidth() {
+        var leftOperationsZoneWidth = getDomWidth(leftOperations);
+        var leftIconWidth = getDomWidth(toLeftBtn);
+
+        if (totalWidthBeforeActiveTab === 0) {
+          return leftOperationsZoneWidth - leftIconWidth;
+        }
+
+        return leftOperationsZoneWidth;
+      };
+
+      var leftCoverWidth = _getLeftCoverWidth();
+
+      var isCurrentTabHiddenInLeftZone = scrollLeft + leftCoverWidth > totalWidthBeforeActiveTab;
+
+      if (isCurrentTabHiddenInLeftZone) {
+        return totalWidthBeforeActiveTab - leftCoverWidth;
+      }
+
+      var activeTabWidth = activeTab.offsetWidth;
+      if (!container || !navsWrap) return scrollLeft;
+      var containerWidth = getDomWidth(container);
+
+      var _getRightCoverWidth = function _getRightCoverWidth() {
+        var rightOperationsZoneWidth = getDomWidth(rightOperations);
+        var rightIconWidth = getDomWidth(toRightBtn);
+        var wrapWidth = getDomWidth(navsWrap);
+
+        if (Math.abs(totalWidthBeforeActiveTab + activeTabWidth - wrapWidth) < 1) {
+          return rightOperationsZoneWidth - rightIconWidth;
+        }
+
+        return rightOperationsZoneWidth;
+      };
+
+      var rightCoverWidth = _getRightCoverWidth();
+
+      var isHiddenInRightZone = scrollLeft + containerWidth - rightCoverWidth < totalWidthBeforeActiveTab + activeTabWidth;
+
+      if (isHiddenInRightZone) {
+        return totalWidthBeforeActiveTab + activeTabWidth - containerWidth + rightCoverWidth;
+      }
+
+      return scrollLeft;
+    },
+    scrollToLeft: function scrollToLeft(depElement, scrollLeft) {
+      var container = depElement.navsContainer,
+          leftOperations = depElement.leftOperations,
+          toLeftBtn = depElement.toLeftBtn;
+      if (!container) return 0;
+      var leftOperationsZoneWidth = getDomWidth(leftOperations);
+      var leftIconWidth = getDomWidth(toLeftBtn);
+      var containerWidth = getDomWidth(container);
+      return Math.max(-(leftOperationsZoneWidth - leftIconWidth), scrollLeft - containerWidth);
+    },
+    scrollToRight: function scrollToRight(depElement, scrollLeft) {
+      var container = depElement.navsContainer,
+          wrap = depElement.navsWrap,
+          rightOperations = depElement.rightOperations,
+          toRightBtn = depElement.toRightBtn;
+      var rightOperationsZoneWidth = getDomWidth(rightOperations);
+      var rightIconWidth = getDomWidth(toRightBtn);
+      var containerWidth = getDomWidth(container);
+      var wrapWidth = getDomWidth(wrap);
+      return Math.min(scrollLeft + containerWidth, wrapWidth - containerWidth + rightOperationsZoneWidth - rightIconWidth);
+    }
+  };
+
   function ownKeys$N(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { 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$N(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$N(Object(source), !0).forEach(function (key) { _defineProperty$2(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$N(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  var moveActiveTabIntoView = tabBase.moveActiveTabIntoView,
+      calcScrollLeft = tabBase.calcScrollLeft,
+      scrollToLeft = tabBase.scrollToLeft,
+      scrollToRight = tabBase.scrollToRight,
+      calculateCanToLeft = tabBase.calculateCanToLeft,
+      calculateCanToRight = tabBase.calculateCanToRight;
 
   var TabNav = function TabNav(props) {
     var _props$placement = props.placement,
@@ -30619,107 +30786,120 @@
         tdClassGenerator = _useTabClass.tdClassGenerator,
         tdSizeClassGenerator = _useTabClass.tdSizeClassGenerator;
 
-    var navContainerRef = React.useRef(null);
+    var navsContainerRef = React.useRef(null);
+    var navsWrapRef = React.useRef(null);
     var getIndex = React.useCallback(function (value) {
-      var index = 0;
-      itemList.forEach(function (v, i) {
-        if (v.value === value) {
-          index = i;
-        }
+      var index = itemList.findIndex(function (item) {
+        return item.value === value;
       });
-      return index;
+      return index > -1 ? index : 0;
     }, [itemList]);
     var activeIndex = getIndex(activeValue);
 
     var _useState = React.useState(false),
         _useState2 = _slicedToArray(_useState, 2),
-        isScrollVisible = _useState2[0],
-        setIsScrollVisible = _useState2[1];
+        canToLeft = _useState2[0],
+        setToLeftBtnVisible = _useState2[1];
 
     var _useState3 = React.useState(false),
         _useState4 = _slicedToArray(_useState3, 2),
-        leftScrollBtnVisible = _useState4[0],
-        setLeftScrollBtnVisible = _useState4[1];
-
-    var _useState5 = React.useState(false),
-        _useState6 = _slicedToArray(_useState5, 2),
-        rightScrollBtnVisible = _useState6[0],
-        setRightScrollBtnVisible = _useState6[1];
+        canToRight = _useState4[0],
+        setToRightBtnVisible = _useState4[1];
 
     var scrollBarRef = React.useRef(null);
-    var leftScrollBtnRef = React.useRef(null);
-    var rightScrollBtnRef = React.useRef(null);
-
-    var getScrollBtnVisible = function getScrollBtnVisible() {
-      var scrollLeft = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : void 0;
-
-      if (!scrollBarRef.current || !navContainerRef.current) {
-        console.error("[tdesign-tabs]\u6EDA\u52A8\u6761\u548C\u5185\u5BB9\u533A dom \u7ED3\u6784\u5F02\u5E38");
-        return [false, false, false];
-      }
-
-      var innerScrollLeft = scrollBarRef.current.scrollLeft;
-
-      if (scrollLeft !== void 0) {
-        innerScrollLeft = scrollLeft;
-      }
-
-      var isScrollVisible2 = scrollBarRef.current.clientWidth < navContainerRef.current.clientWidth;
-      var leftVisible = innerScrollLeft > 0;
-      var rightVisible = isScrollVisible2 && innerScrollLeft < navContainerRef.current.clientWidth - scrollBarRef.current.clientWidth;
-      return [isScrollVisible2, leftVisible, rightVisible];
-    };
-
-    var setScrollBtnVisibleHandler = function setScrollBtnVisibleHandler() {
-      var scrollLeft = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : void 0;
-
-      var _getScrollBtnVisible = getScrollBtnVisible(scrollLeft),
-          _getScrollBtnVisible2 = _slicedToArray(_getScrollBtnVisible, 3),
-          isScrollVisible2 = _getScrollBtnVisible2[0],
-          leftVisible = _getScrollBtnVisible2[1],
-          rightVisible = _getScrollBtnVisible2[2];
-
-      setIsScrollVisible(isScrollVisible2);
-      setLeftScrollBtnVisible(leftVisible);
-      setRightScrollBtnVisible(rightVisible);
-    };
-
-    var scrollClickHandler = function scrollClickHandler(position) {
-      var _leftScrollBtnRef$cur, _rightScrollBtnRef$cu;
+    var leftOperationsRef = React.useRef(null);
+    var rightOperationsRef = React.useRef(null);
+    var toLeftBtnRef = React.useRef(null);
+    var toRightBtnRef = React.useRef(null);
 
-      var doubleScrollBtnWidth = (((_leftScrollBtnRef$cur = leftScrollBtnRef.current) === null || _leftScrollBtnRef$cur === void 0 ? void 0 : _leftScrollBtnRef$cur.clientWidth) || ((_rightScrollBtnRef$cu = rightScrollBtnRef.current) === null || _rightScrollBtnRef$cu === void 0 ? void 0 : _rightScrollBtnRef$cu.clientWidth) || 0) * 2;
-      var scrollLength = scrollBarRef.current.clientWidth - doubleScrollBtnWidth;
-      var ref = scrollBarRef.current;
+    var _useState5 = React.useState(0),
+        _useState6 = _slicedToArray(_useState5, 2),
+        scrollLeft = _useState6[0],
+        setScrollLeft = _useState6[1];
 
-      if (ref) {
-        var scrollLeft = position === "left" ? ref.scrollLeft - scrollLength : ref.scrollLeft + scrollLength;
-        ref.scrollTo({
-          left: scrollLeft,
-          behavior: "smooth"
-        });
-        setScrollBtnVisibleHandler(scrollLeft);
-      }
-    };
+    var _useState7 = React.useState(null),
+        _useState8 = _slicedToArray(_useState7, 2),
+        activeTab = _useState8[0],
+        setActiveTab = _useState8[1];
 
-    var scrollToRightEnd = function scrollToRightEnd() {
-      if (navContainerRef.current && scrollBarRef.current) {
-        var scrollLeft = navContainerRef.current.clientWidth - scrollBarRef.current.clientWidth;
-        scrollBarRef.current.scrollTo({
-          left: scrollLeft,
-          behavior: "smooth"
-        });
-        setScrollBtnVisibleHandler(scrollLeft);
-      }
+    React.useEffect(function () {
+      var left = moveActiveTabIntoView({
+        activeTab: activeTab,
+        navsContainer: navsContainerRef.current,
+        navsWrap: navsWrapRef.current,
+        toLeftBtn: toLeftBtnRef.current,
+        toRightBtn: toRightBtnRef.current,
+        leftOperations: leftOperationsRef.current,
+        rightOperations: rightOperationsRef.current
+      }, scrollLeft);
+      setScrollLeft(left);
+    }, [activeTab, scrollLeft]);
+    var setScrollBtnVisibleHandler = React.useCallback(function () {
+      var canToleft = calculateCanToLeft({
+        navsContainer: navsContainerRef.current,
+        navsWrap: navsWrapRef.current,
+        leftOperations: leftOperationsRef.current,
+        toLeftBtn: toLeftBtnRef.current
+      }, scrollLeft, placement);
+      var canToRight2 = calculateCanToRight({
+        navsContainer: navsContainerRef.current,
+        navsWrap: navsWrapRef.current,
+        rightOperations: rightOperationsRef.current,
+        toRightBtn: toRightBtnRef.current
+      }, scrollLeft, placement);
+      setToLeftBtnVisible(canToleft);
+      setToRightBtnVisible(canToRight2);
+    }, [scrollLeft, placement]);
+
+    var handleScroll = function handleScroll(position) {
+      var val = position === "left" ? scrollToLeft({
+        navsContainer: navsContainerRef.current,
+        leftOperations: leftOperationsRef.current,
+        toLeftBtn: toLeftBtnRef.current
+      }, scrollLeft) : scrollToRight({
+        navsWrap: navsWrapRef.current,
+        navsContainer: navsContainerRef.current,
+        rightOperations: rightOperationsRef.current,
+        toRightBtn: toRightBtnRef.current
+      }, scrollLeft);
+      setScrollLeft(val);
     };
 
+    React.useEffect(function () {
+      var onResize = debounce_1(function () {
+        if (["top", "bottom"].includes(placement.toLowerCase())) {
+          var left = calcScrollLeft({
+            navsContainer: navsContainerRef.current,
+            navsWrap: navsWrapRef.current,
+            rightOperations: rightOperationsRef.current
+          }, scrollLeft);
+          setScrollLeft(left);
+          setScrollBtnVisibleHandler();
+        }
+      }, 300);
+      window.addEventListener("resize", onResize);
+      return function () {
+        window.removeEventListener("resize", onResize);
+      };
+    });
+    React.useEffect(function () {
+      if (["top", "bottom"].includes(placement.toLowerCase())) {
+        var left = calcScrollLeft({
+          navsContainer: navsContainerRef.current,
+          navsWrap: navsWrapRef.current,
+          rightOperations: rightOperationsRef.current
+        }, scrollLeft);
+        setScrollLeft(left);
+      }
+    }, [itemList.length, scrollLeft, placement]);
     var TabBarCom = isCard ? null : /* @__PURE__ */React__default["default"].createElement(TabBar, {
       tabPosition: placement,
       activeId: activeIndex,
-      containerRef: navContainerRef
+      containerRef: navsWrapRef
     });
     React.useEffect(function () {
       setScrollBtnVisibleHandler();
-    }, [itemList.length]);
+    }, [setScrollBtnVisibleHandler]);
 
     var handleTabItemRemove = function handleTabItemRemove(removeItem) {
       var removeValue = removeItem.value,
@@ -30743,45 +30923,46 @@
       onAdd({
         e: e
       });
-      setTimeout(function () {
-        scrollToRightEnd();
-      }, 0);
     };
 
     return /* @__PURE__ */React__default["default"].createElement("div", {
-      className: classNames$1(tdTabsClassGenerator("header"), tdClassGenerator("is-".concat(placement)))
-    }, /* @__PURE__ */React__default["default"].createElement("div", {
+      ref: navsContainerRef,
       className: classNames$1(tdTabsClassGenerator("nav")),
       style: {
         minHeight: 48
       }
     }, /* @__PURE__ */React__default["default"].createElement("div", {
+      ref: leftOperationsRef,
       className: classNames$1(tdTabsClassGenerator("operations"), tdTabsClassGenerator("operations--left"))
-    }, leftScrollBtnVisible ? /* @__PURE__ */React__default["default"].createElement("div", {
+    }, canToLeft ? /* @__PURE__ */React__default["default"].createElement("div", {
       onClick: function onClick() {
-        scrollClickHandler("left");
+        handleScroll("left");
       },
       className: classNames$1(tdTabsClassGenerator("btn"), tdTabsClassGenerator("btn--left"), tdSizeClassGenerator(size)),
-      ref: leftScrollBtnRef
+      ref: toLeftBtnRef
     }, /* @__PURE__ */React__default["default"].createElement(ChevronLeftIcon, null)) : null), /* @__PURE__ */React__default["default"].createElement("div", {
+      ref: rightOperationsRef,
       className: classNames$1(tdTabsClassGenerator("operations"), tdTabsClassGenerator("operations--right"))
-    }, rightScrollBtnVisible ? /* @__PURE__ */React__default["default"].createElement("div", {
+    }, canToRight ? /* @__PURE__ */React__default["default"].createElement("div", {
       onClick: function onClick() {
-        scrollClickHandler("right");
+        handleScroll("right");
       },
       className: classNames$1(tdTabsClassGenerator("btn"), tdTabsClassGenerator("btn--right"), tdSizeClassGenerator(size)),
-      ref: rightScrollBtnRef
+      ref: toRightBtnRef
     }, /* @__PURE__ */React__default["default"].createElement(ChevronRightIcon, null)) : null, addable ? /* @__PURE__ */React__default["default"].createElement("div", {
       className: classNames$1(tdTabsClassGenerator("add-btn"), tdTabsClassGenerator("btn"), tdSizeClassGenerator(size)),
       onClick: handleTabAdd
     }, /* @__PURE__ */React__default["default"].createElement(AddIcon, null)) : null), /* @__PURE__ */React__default["default"].createElement("div", {
       className: classNames$1(tdTabsClassGenerator("nav-container"), isCard ? tdTabsClassGenerator("nav--card") : "", tdClassGenerator("is-".concat(placement)), addable ? tdClassGenerator("is-addable") : "")
     }, /* @__PURE__ */React__default["default"].createElement("div", {
-      className: classNames$1(tdTabsClassGenerator("nav-scroll"), isScrollVisible ? tdClassGenerator("is-scrollable") : ""),
+      className: classNames$1(tdTabsClassGenerator("nav-scroll"), canToLeft || canToRight ? tdClassGenerator("is-scrollable") : ""),
       ref: scrollBarRef
     }, /* @__PURE__ */React__default["default"].createElement("div", {
-      className: classNames$1(tdTabsClassGenerator("nav-wrap"), ["left", "right"].includes(placement) ? tdClassGenerator("is-vertical") : ""),
-      ref: navContainerRef
+      className: classNames$1(tdTabsClassGenerator("nav-wrap"), ["left", "right"].includes(placement) ? tdClassGenerator("is-vertical") : "", tdClassGenerator("is-smooth")),
+      style: {
+        transform: "translate(".concat(-scrollLeft, "px, 0)")
+      },
+      ref: navsWrapRef
     }, placement !== "bottom" ? TabBarCom : null, !isCard && /* @__PURE__ */React__default["default"].createElement("div", {
       className: classNames$1(tdTabsClassGenerator("bar"), tdClassGenerator("is-".concat(placement)))
     }), itemList.map(function (v, index) {
@@ -30797,9 +30978,14 @@
         onClick: function onClick() {
           return handleTabItemClick(v);
         },
-        onTabRemove: handleTabItemRemove
+        onTabRemove: handleTabItemRemove,
+        innerRef: function innerRef(ref) {
+          if (activeValue === v.value) {
+            setActiveTab(ref);
+          }
+        }
       }));
-    }), placement === "bottom" ? TabBarCom : null)))));
+    }), placement === "bottom" ? TabBarCom : null))));
   };
 
   TabNav.displayName = "TabNav";
@@ -30870,21 +31056,23 @@
       }
     };
 
-    var renderTabNav = function renderTabNav() {
-      return /* @__PURE__ */React__default["default"].createElement(TabNav, _objectSpread$M(_objectSpread$M({}, props), {}, {
+    var renderHeader = function renderHeader() {
+      return /* @__PURE__ */React__default["default"].createElement("div", {
+        className: classNames$1(tdTabsClassGenerator("header"), tdClassGenerator("is-".concat(placement)))
+      }, /* @__PURE__ */React__default["default"].createElement(TabNav, _objectSpread$M(_objectSpread$M({}, props), {}, {
         activeValue: value,
         onRemove: onRemove,
         itemList: itemList,
         tabClick: handleClickTab,
         onChange: handleChange
-      }));
+      })));
     };
 
     return /* @__PURE__ */React__default["default"].createElement("div", {
       ref: ref,
       className: classNames$1(tdTabsClassPrefix, className),
       style: style
-    }, placement !== "bottom" ? renderTabNav() : null, /* @__PURE__ */React__default["default"].createElement("div", {
+    }, placement !== "bottom" ? renderHeader() : null, /* @__PURE__ */React__default["default"].createElement("div", {
       className: classNames$1(tdTabsClassGenerator("content"), tdClassGenerator("is-".concat(placement)))
     }, React__default["default"].Children.map(children, function (child) {
       if (child && child.type === TabPanel$1) {
@@ -30902,11 +31090,14 @@
       }
 
       return null;
-    })), placement === "bottom" ? renderTabNav() : null);
+    })), placement === "bottom" ? renderHeader() : null);
   }, {
     TabPanel: TabPanel$1
   });
   Tabs$1.displayName = "Tabs";
+  Tabs$1.defaultProps = {
+    placement: "top"
+  };
 
   var Tabs = Tabs$1;
 
@@ -42203,7 +42394,7 @@
         onError = _ref.onError,
         onProgress = _ref.onProgress,
         onSuccess = _ref.onSuccess;
-    var innerFiles = Array.isArray(files) ? files : [file];
+    var innerFiles = files || [];
     var xhr2 = new XMLHttpRequest();
 
     if (withCredentials) {
@@ -42216,7 +42407,7 @@
       formData.append(key, data[key]);
     });
     innerFiles.forEach(function (f) {
-      formData.append(name, f.raw);
+      formData.append(name, f && f.raw);
     });
     xhr2.open(method, action, true);
     Object.keys(headers).forEach(function (key) {
@@ -44761,7 +44952,7 @@
     var labelStyle = {};
     var contentStyle = {};
 
-    if (labelWidth && labelAlign !== "top") {
+    if (label && labelWidth && labelAlign !== "top") {
       if (typeof labelWidth === "number") {
         labelStyle = {
           width: "".concat(labelWidth, "px")
@@ -45006,6 +45197,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);
@@ -45016,7 +45208,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,
@@ -45869,7 +46061,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) {
@@ -45903,7 +46095,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) {
@@ -45957,7 +46149,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,
@@ -46134,11 +46326,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]);
 
@@ -46154,12 +46341,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,
@@ -47180,7 +47374,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()) {
@@ -47281,7 +47475,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)];
   }
@@ -47389,7 +47583,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);