tdesign-react 1.1.9 → 1.1.10

package/dist/tdesign.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v1.1.9
+ * tdesign v1.1.10
  * (c) 2023 tdesign
  * @license MIT
  */
@@ -3163,7 +3163,7 @@
     return React.useContext(ConfigContext$1).globalConfig;
   });
 
-  var _excluded$D = ["width", "className", "style", "children"];
+  var _excluded$E = ["width", "className", "style", "children"];
   function ownKeys$3m(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$3l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3m(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Aside = function Aside(props) {
@@ -3171,7 +3171,7 @@
       className = props.className,
       style = props.style,
       children = props.children,
-      otherAsideProps = _objectWithoutProperties$2(props, _excluded$D);
+      otherAsideProps = _objectWithoutProperties$2(props, _excluded$E);
     var _useConfig = useConfig$1(),
       classPrefix = _useConfig.classPrefix;
     var asideClassNames = classNames$1("".concat(classPrefix, "-layout__sider"), className);
@@ -3192,8 +3192,8 @@
   };
   Aside.displayName = "Aside";
 
-  var _excluded$C = ["className", "style", "children", "height"],
-    _excluded2$1 = ["className", "style", "children", "height"],
+  var _excluded$D = ["className", "style", "children", "height"],
+    _excluded2$2 = ["className", "style", "children", "height"],
     _excluded3 = ["className", "style", "children"],
     _excluded4 = ["direction", "className", "style", "children"];
   function ownKeys$3l(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; }
@@ -3206,7 +3206,7 @@
       style = _props$style === void 0 ? {} : _props$style,
       children = props.children,
       height = props.height,
-      others = _objectWithoutProperties$2(props, _excluded$C);
+      others = _objectWithoutProperties$2(props, _excluded$D);
     var renderHeight = isNaN(Number(height)) ? height : "".concat(height, "px");
     var headerClassNames = classNames$1("".concat(classPrefix, "-layout__header"), className);
     return /* @__PURE__ */React__default["default"].createElement("header", _objectSpread$3k({
@@ -3224,7 +3224,7 @@
       style = _props$style2 === void 0 ? {} : _props$style2,
       children = props.children,
       height = props.height,
-      others = _objectWithoutProperties$2(props, _excluded2$1);
+      others = _objectWithoutProperties$2(props, _excluded2$2);
     var renderHeight = isNaN(Number(height)) ? height : "".concat(height, "px");
     var footerClassNames = classNames$1("".concat(classPrefix, "-layout__footer"), className);
     return /* @__PURE__ */React__default["default"].createElement("footer", _objectSpread$3k({
@@ -3663,7 +3663,7 @@
     tag: "div"
   };
 
-  var _excluded$B = ["align", "gutter", "justify", "tag", "style", "className", "children"];
+  var _excluded$C = ["align", "gutter", "justify", "tag", "style", "className", "children"];
   function ownKeys$3k(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$3j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3k(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var calcSize = function calcSize(width) {
@@ -3749,7 +3749,7 @@
       propStyle = props.style,
       className = props.className,
       children = props.children,
-      otherRowProps = _objectWithoutProperties$2(props, _excluded$B);
+      otherRowProps = _objectWithoutProperties$2(props, _excluded$C);
     var _useState = React.useState(canUseDocument ? calcSize(window.innerWidth) : "md"),
       _useState2 = _slicedToArray(_useState, 2),
       size = _useState2[0],
@@ -3784,7 +3784,7 @@
   Row$1.displayName = "Row";
   Row$1.defaultProps = rowDefaultProps;
 
-  var _excluded$A = ["flex", "offset", "order", "pull", "push", "span", "tag", "className", "children", "style"];
+  var _excluded$B = ["flex", "offset", "order", "pull", "push", "span", "tag", "className", "children", "style"];
   function ownKeys$3j(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$3i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3j(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var calcColPadding = function calcColPadding(gutter, currentSize) {
@@ -3836,7 +3836,7 @@
       className = props.className,
       children = props.children,
       propStyle = props.style,
-      otherColProps = _objectWithoutProperties$2(props, _excluded$A);
+      otherColProps = _objectWithoutProperties$2(props, _excluded$B);
     var _useContext = React.useContext(RowContext),
       rowGutter = _useContext.gutter,
       rowSize = _useContext.size;
@@ -10768,7 +10768,7 @@
     }, [originalProps, defaultProps]);
   }
 
-  var _excluded$z = ["type", "theme", "variant", "icon", "disabled", "loading", "size", "block", "ghost", "shape", "children", "content", "className", "suffix", "href", "tag", "onClick"];
+  var _excluded$A = ["type", "theme", "variant", "icon", "disabled", "loading", "size", "block", "ghost", "shape", "children", "content", "className", "suffix", "href", "tag", "onClick"];
   function ownKeys$3c(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$3b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3c(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Button$1 = /*#__PURE__*/React.forwardRef(function (originProps, ref) {
@@ -10791,7 +10791,7 @@
       href = props.href,
       tag = props.tag,
       onClick = props.onClick,
-      buttonProps = _objectWithoutProperties$2(props, _excluded$z);
+      buttonProps = _objectWithoutProperties$2(props, _excluded$A);
     var _useConfig = useConfig$1(),
       classPrefix = _useConfig.classPrefix;
     var _useDomRefCallback = useDomRefCallback(),
@@ -10997,7 +10997,7 @@
     document.head.appendChild(styleSheet);
   }
 
-  var _excluded$y = ["icon", "id", "className", "size", "style"];
+  var _excluded$z = ["icon", "id", "className", "size", "style"];
   function ownKeys$3b(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
@@ -11032,7 +11032,7 @@
       className = props.className,
       size = props.size,
       style = props.style,
-      restProps = _objectWithoutProperties$1(props, _excluded$y);
+      restProps = _objectWithoutProperties$1(props, _excluded$z);
     var _useSizeProps = useSizeProps(size),
       sizeClassName = _useSizeProps.className,
       sizeStyle = _useSizeProps.style;
@@ -13553,7 +13553,7 @@
     return resultIcon;
   }
 
-  var _excluded$x = ["separate", "children", "className"];
+  var _excluded$y = ["separate", "children", "className"];
   function ownKeys$2t(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$2s(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2t(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var InputGroup$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -13562,7 +13562,7 @@
     var separate = props.separate,
       children = props.children,
       className = props.className,
-      wrapperProps = _objectWithoutProperties$2(props, _excluded$x);
+      wrapperProps = _objectWithoutProperties$2(props, _excluded$y);
     return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$2s({
       ref: ref,
       className: classNames$1("".concat(classPrefix, "-input-group"), className, _defineProperty$3({}, "".concat(classPrefix, "-input-group--separate"), separate))
@@ -13745,7 +13745,7 @@
     };
   }
 
-  var _excluded$w = ["type", "autoWidth", "placeholder", "disabled", "status", "size", "className", "inputClass", "style", "prefixIcon", "suffixIcon", "clearable", "tips", "align", "maxlength", "maxcharacter", "showClearIconOnEmpty", "autofocus", "autocomplete", "readonly", "label", "suffix", "showInput", "keepWrapperWidth", "showLimitNumber", "allowInputOverMax", "name", "format", "onClick", "onClear", "onEnter", "onKeydown", "onKeyup", "onKeypress", "onFocus", "onBlur", "onPaste", "onMouseenter", "onMouseleave", "onWheel", "onCompositionstart", "onCompositionend", "onValidate", "onChange"];
+  var _excluded$x = ["type", "autoWidth", "placeholder", "disabled", "status", "size", "className", "inputClass", "style", "prefixIcon", "suffixIcon", "clearable", "tips", "align", "maxlength", "maxcharacter", "showClearIconOnEmpty", "autofocus", "autocomplete", "readonly", "label", "suffix", "showInput", "keepWrapperWidth", "showLimitNumber", "allowInputOverMax", "name", "format", "onClick", "onClear", "onEnter", "onKeydown", "onKeyup", "onKeypress", "onFocus", "onBlur", "onPaste", "onMouseenter", "onMouseleave", "onWheel", "onCompositionstart", "onCompositionend", "onValidate", "onChange"];
   function ownKeys$2r(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$2q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2r(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var renderIcon$1 = function renderIcon(classPrefix, type, icon) {
@@ -13815,7 +13815,7 @@
       onCompositionend = props.onCompositionend,
       onValidate = props.onValidate,
       onChangeFromProps = props.onChange,
-      restProps = _objectWithoutProperties$2(props, _excluded$w);
+      restProps = _objectWithoutProperties$2(props, _excluded$x);
     var _useControlled = useControlled(props, "value", onChangeFromProps),
       _useControlled2 = _slicedToArray(_useControlled, 2),
       value = _useControlled2[0],
@@ -14103,7 +14103,7 @@
   var Input = Input$1;
   var InputGroup = InputGroup$1;
 
-  var _excluded$v = ["prepend", "append", "children", "className", "style"];
+  var _excluded$w = ["prepend", "append", "children", "className", "style"];
   function ownKeys$2q(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$2p(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2q(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var InputAdornment$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -14114,7 +14114,7 @@
       children = props.children,
       className = props.className,
       style = props.style,
-      wrapperProps = _objectWithoutProperties$2(props, _excluded$v);
+      wrapperProps = _objectWithoutProperties$2(props, _excluded$w);
     var renderAddon = function renderAddon(type, classPrefix2, Content) {
       if (typeof Content === "undefined") return null;
       var addonNode;
@@ -14164,7 +14164,7 @@
     theme: "info"
   };
 
-  var _excluded$u = ["message", "title", "operation", "theme", "icon", "close", "maxLine", "onClose", "className", "onClosed"];
+  var _excluded$v = ["message", "title", "operation", "theme", "icon", "close", "maxLine", "onClose", "className", "onClosed"];
   function ownKeys$2p(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$2o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2p(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var transitionTime = 200;
@@ -14197,7 +14197,7 @@
       className = _useDefaultProps.className,
       _useDefaultProps$onCl = _useDefaultProps.onClosed,
       onClosed = _useDefaultProps$onCl === void 0 ? noop$1 : _useDefaultProps$onCl,
-      alertProps = _objectWithoutProperties$2(_useDefaultProps, _excluded$u);
+      alertProps = _objectWithoutProperties$2(_useDefaultProps, _excluded$v);
     var _React$useState = React__default["default"].useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       closed = _React$useState2[0],
@@ -14295,7 +14295,7 @@
     size: "medium"
   };
 
-  var _excluded$t = ["color", "dot", "maxCount", "count", "size", "shape", "showZero", "offset", "className", "content", "children", "style"];
+  var _excluded$u = ["color", "dot", "maxCount", "count", "size", "shape", "showZero", "offset", "className", "content", "children", "style"];
   function ownKeys$2o(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$2n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2o(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Badge$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -14312,7 +14312,7 @@
       content = _useDefaultProps.content,
       children = _useDefaultProps.children,
       style = _useDefaultProps.style,
-      restProps = _objectWithoutProperties$2(_useDefaultProps, _excluded$t);
+      restProps = _objectWithoutProperties$2(_useDefaultProps, _excluded$u);
     var _useConfig = useConfig$1(),
       classPrefix = _useConfig.classPrefix;
     var childNode = content || children;
@@ -14893,7 +14893,7 @@
     return typeof param === "number" ? "".concat(param, "px") : param;
   }
 
-  var _excluded$s = ["allowUncheck", "type", "disabled", "name", "value", "onChange", "indeterminate", "children", "label", "className", "style", "readonly", "onClick"];
+  var _excluded$t = ["allowUncheck", "type", "disabled", "name", "value", "onChange", "indeterminate", "children", "label", "className", "style", "readonly", "onClick"];
   function ownKeys$2m(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$2l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2m(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var CheckContext = /*#__PURE__*/React__default["default"].createContext(null);
@@ -14915,7 +14915,7 @@
       style = props.style,
       readonly = props.readonly,
       onClick = props.onClick,
-      htmlProps = _objectWithoutProperties$2(props, _excluded$s);
+      htmlProps = _objectWithoutProperties$2(props, _excluded$t);
     var _useConfig = useConfig$1(),
       classPrefix = _useConfig.classPrefix;
     var TOnChange = onChange;
@@ -15896,7 +15896,7 @@
           setUserInput(getUserInput(inputValue));
         }
         var fixedNumber = Number(largeNumberToFixed(inputValue, decimalPlaces, largeNumber));
-        if (decimalPlaces !== void 0 && fixedNumber !== tValue) {
+        if (decimalPlaces !== void 0 && ![void 0, null].includes(tValue) && Number(fixedNumber) !== Number(tValue)) {
           onChange(fixedNumber, {
             type: "props",
             e: void 0
@@ -18510,7 +18510,7 @@
     theme: "default"
   };
 
-  var _excluded$r = ["theme", "showArrow", "destroyOnClose", "overlayClassName", "children", "duration", "placement", "onVisibleChange"];
+  var _excluded$s = ["theme", "showArrow", "destroyOnClose", "overlayClassName", "children", "duration", "placement", "onVisibleChange"];
   function ownKeys$2a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
   function _objectSpread$29(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2a(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Tooltip$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -18522,7 +18522,7 @@
       duration = props.duration,
       placement = props.placement,
       onVisibleChange = props.onVisibleChange,
-      restProps = _objectWithoutProperties$2(props, _excluded$r);
+      restProps = _objectWithoutProperties$2(props, _excluded$s);
     var _useConfig = useConfig$1(),
       classPrefix = _useConfig.classPrefix;
     var _useState = React.useState(false),
@@ -21585,7 +21585,7 @@
     size: "medium"
   };
 
-  var _excluded$q = ["content", "onClick", "disabled", "children", "className", "size", "onChange"];
+  var _excluded$r = ["content", "onClick", "disabled", "children", "className", "size", "onChange"];
   function ownKeys$1_(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$1Z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1_(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1_(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var CheckTag$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -21598,7 +21598,7 @@
       className = props.className,
       size = props.size,
       onChange = props.onChange,
-      tagOtherProps = _objectWithoutProperties$2(props, _excluded$q);
+      tagOtherProps = _objectWithoutProperties$2(props, _excluded$r);
     var _useControlled = useControlled(props, "checked", onChange),
       _useControlled2 = _slicedToArray(_useControlled, 2),
       value = _useControlled2[0],
@@ -21629,7 +21629,7 @@
   CheckTag$1.displayName = "CheckTag";
   CheckTag$1.defaultProps = checkTagDefaultProps;
 
-  var _excluded$p = ["theme", "size", "shape", "variant", "closable", "maxWidth", "icon", "content", "onClick", "onClose", "className", "style", "disabled", "children"];
+  var _excluded$q = ["theme", "size", "shape", "variant", "closable", "maxWidth", "icon", "content", "onClick", "onClose", "className", "style", "disabled", "children"];
   function ownKeys$1Z(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$1Y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1Z(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1Z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Tag$1 = forwardRefWithStatics(function (props, ref) {
@@ -21650,7 +21650,7 @@
       style = props.style,
       disabled = props.disabled,
       children = props.children,
-      otherTagProps = _objectWithoutProperties$2(props, _excluded$p);
+      otherTagProps = _objectWithoutProperties$2(props, _excluded$q);
     var _useConfig = useConfig$1(),
       classPrefix = _useConfig.classPrefix;
     var _useGlobalIcon = useGlobalIcon({
@@ -22570,7 +22570,7 @@
     };
   };
 
-  var _excluded$o = ["value", "label", "disabled", "content", "children"];
+  var _excluded$p = ["value", "label", "disabled", "content", "children"];
   function ownKeys$1T(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
   function _objectSpread$1S(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1T(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1T(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var PopupContent = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -22689,7 +22689,7 @@
             disabled = _ref2.disabled,
             content = _ref2.content,
             children2 = _ref2.children,
-            restData = _objectWithoutProperties$2(_ref2, _excluded$o);
+            restData = _objectWithoutProperties$2(_ref2, _excluded$p);
           return /* @__PURE__ */React__default["default"].createElement(Option$1, _objectSpread$1S(_objectSpread$1S({
             key: index,
             max: max,
@@ -22827,7 +22827,7 @@
     };
   }
 
-  var _excluded$n = ["overlayClassName"];
+  var _excluded$o = ["overlayClassName"];
   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$1Q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1R(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1R(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Select$1 = forwardRefWithStatics(function (props, ref) {
@@ -22858,7 +22858,7 @@
       filterable = props.filterable,
       loading = props.loading,
       onFocus = props.onFocus,
-      onBlur = props.onBlur,
+      _onBlur = props.onBlur,
       _props$onClear = props.onClear,
       onClear = _props$onClear === void 0 ? noop$1 : _props$onClear,
       onCreate = props.onCreate,
@@ -22889,7 +22889,7 @@
       classPrefix = _useConfig.classPrefix;
     var _ref = popupProps || {},
       overlayClassName = _ref.overlayClassName,
-      restPopupProps = _objectWithoutProperties$2(_ref, _excluded$n);
+      restPopupProps = _objectWithoutProperties$2(_ref, _excluded$o);
     var name = "".concat(classPrefix, "-select");
     var _useControlled3 = useControlled(props, "popupVisible", props.onPopupVisibleChange),
       _useControlled4 = _slicedToArray(_useControlled3, 2),
@@ -23254,7 +23254,12 @@
       onInputChange: handleInputChange,
       onFocus: onFocus,
       onEnter: handleEnter,
-      onBlur: onBlur,
+      onBlur: function onBlur(_, context) {
+        _onBlur === null || _onBlur === void 0 ? void 0 : _onBlur({
+          value: value,
+          e: context.e
+        });
+      },
       onClear: function onClear(context) {
         onClearValue(context);
       }
@@ -23515,7 +23520,7 @@
     variant: "text"
   };
 
-  var _excluded$m = ["theme", "size", "total", "showPageSize", "showPageNumber", "showPreviousAndNextBtn", "showFirstAndLastPageBtn", "showJumper", "pageEllipsisMode", "disabled", "foldedMaxPageBtn", "maxPageBtn", "totalContent", "pageSizeOptions", "onChange", "onCurrentChange", "onPageSizeChange", "style", "className", "selectProps"];
+  var _excluded$n = ["theme", "size", "total", "showPageSize", "showPageNumber", "showPreviousAndNextBtn", "showFirstAndLastPageBtn", "showJumper", "pageEllipsisMode", "disabled", "foldedMaxPageBtn", "maxPageBtn", "totalContent", "pageSizeOptions", "onChange", "onCurrentChange", "onPageSizeChange", "style", "className", "selectProps"];
   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$1P(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1Q(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1Q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Option = Select.Option;
@@ -23542,7 +23547,7 @@
       style = props.style,
       className = props.className,
       selectProps = props.selectProps,
-      otherProps = _objectWithoutProperties$2(props, _excluded$m);
+      otherProps = _objectWithoutProperties$2(props, _excluded$n);
     var restProps = omit_1(otherProps, ["current", "pageSize", "defaultPageSize", "defaultCurrent"]);
     var _useLocaleReceiver = useLocaleReceiver("pagination"),
       _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 2),
@@ -24753,7 +24758,7 @@
     showOverlay: true
   };
 
-  var _excluded$l = ["theme", "header", "closeBtn", "footer", "body", "children", "className", "onCancel", "onConfirm", "onCloseBtnClick", "cancelBtn", "confirmBtn"];
+  var _excluded$m = ["theme", "header", "closeBtn", "footer", "body", "children", "className", "onCancel", "onConfirm", "onCloseBtnClick", "cancelBtn", "confirmBtn"];
   function ownKeys$1M(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
   function _objectSpread$1L(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1M(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1M(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var renderDialogButton = function renderDialogButton(btn, defaultProps) {
@@ -24802,7 +24807,7 @@
       cancelBtn = _useDefaultProps$canc === void 0 ? cancelText : _useDefaultProps$canc,
       _useDefaultProps$conf = _useDefaultProps.confirmBtn,
       confirmBtn = _useDefaultProps$conf === void 0 ? confirmText : _useDefaultProps$conf,
-      otherProps = _objectWithoutProperties$2(_useDefaultProps, _excluded$l);
+      otherProps = _objectWithoutProperties$2(_useDefaultProps, _excluded$m);
     var renderHeader = function renderHeader() {
       if (!header) {
         return null;
@@ -24911,7 +24916,7 @@
       visible = _ref.visible,
       mode = _ref.mode,
       showInAttachedElement = _ref.showInAttachedElement;
-    var lockStyleRef = React.useRef(document.createElement("style"));
+    var lockStyleRef = React.useRef(null);
     var timerRef = React.useRef(null);
     var clearStyleFunc = React.useCallback(function () {
       clearTimeout(timerRef.current);
@@ -24922,6 +24927,9 @@
     }, []);
     useIsomorphicLayoutEffect(function () {
       if (typeof document === "undefined") return;
+      if (!lockStyleRef.current) {
+        lockStyleRef.current = document.createElement("style");
+      }
       var hasScrollBar = document.documentElement.scrollHeight > document.documentElement.clientHeight;
       var scrollbarWidth = hasScrollBar ? getScrollbarWidth() : 0;
       lockStyleRef.current.dataset.id = "td_dialog_".concat(+new Date(), "_").concat(key$2 += 1);
@@ -25030,7 +25038,7 @@
     return value;
   }
 
-  var _excluded$k = ["style", "width", "mode", "zIndex", "visible", "attach", "onOpened", "onCancel", "onConfirm", "onClose", "onClosed", "isPlugin", "draggable", "onOverlayClick", "onEscKeydown", "closeOnEscKeydown", "confirmOnEnter", "showOverlay", "showInAttachedElement", "closeOnOverlayClick", "destroyOnClose", "preventScrollThrough", "onCloseBtnClick"];
+  var _excluded$l = ["style", "width", "mode", "zIndex", "visible", "attach", "onOpened", "onCancel", "onConfirm", "onClose", "onClosed", "isPlugin", "draggable", "onOverlayClick", "onEscKeydown", "closeOnEscKeydown", "confirmOnEnter", "showOverlay", "showInAttachedElement", "closeOnOverlayClick", "destroyOnClose", "preventScrollThrough", "onCloseBtnClick"];
   function ownKeys$1L(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
   function _objectSpread$1K(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1L(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1L(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Dialog$1 = /*#__PURE__*/React.forwardRef(function (originalProps, ref) {
@@ -25077,7 +25085,7 @@
       destroyOnClose = state.destroyOnClose,
       preventScrollThrough = state.preventScrollThrough,
       onCloseBtnClick = state.onCloseBtnClick,
-      restState = _objectWithoutProperties$2(state, _excluded$k);
+      restState = _objectWithoutProperties$2(state, _excluded$l);
     useDialogLockStyle({
       preventScrollThrough: preventScrollThrough,
       visible: visible,
@@ -25817,6 +25825,7 @@
       var selectedColIndex = props.columns.findIndex(function (item) {
         return item.colKey === "row-select";
       });
+      if (selectedColIndex === -1) return;
       var _getRowSelectDisabled2 = getRowSelectDisabledData({
           row: row,
           rowIndex: index,
@@ -27201,11 +27210,11 @@
       options[onName].call(sortable, evt);
     }
   }
-  var _excluded$j = ["evt"];
+  var _excluded$k = ["evt"];
   var pluginEvent = function pluginEvent(eventName, sortable) {
     var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
       originalEvent = _ref.evt,
-      data = _objectWithoutProperties(_ref, _excluded$j);
+      data = _objectWithoutProperties(_ref, _excluded$k);
     PluginManager.pluginEvent.bind(Sortable)(eventName, sortable, _objectSpread2({
       dragEl: dragEl,
       parentEl: parentEl,
@@ -32076,7 +32085,7 @@
     };
   }
 
-  var _excluded$i = ["store", "dataSource", "formatTreeColumn", "swapData"];
+  var _excluded$j = ["store", "dataSource", "formatTreeColumn", "swapData"];
   function ownKeys$1u(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
   function _objectSpread$1u(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1u(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1u(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var EnhancedTable$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -32091,7 +32100,7 @@
       dataSource = _useTreeData.dataSource,
       formatTreeColumn = _useTreeData.formatTreeColumn,
       swapData = _useTreeData.swapData,
-      treeInstanceFunctions = _objectWithoutProperties$2(_useTreeData, _excluded$i);
+      treeInstanceFunctions = _objectWithoutProperties$2(_useTreeData, _excluded$j);
     var treeDataMap = store === null || store === void 0 ? void 0 : store.treeDataMap;
     var _useTreeSelect = useTreeSelect(props, treeDataMap),
       tIndeterminateSelectedRowKeys = _useTreeSelect.tIndeterminateSelectedRowKeys,
@@ -33497,10 +33506,12 @@
     return DEFAULT_SUBMENU_PADDING_LEFT + level * INCREASE_SUBMENU_PADDING_LEFT;
   };
 
+  var _excluded$i = ["overlayClassName", "overlayInnerClassName"],
+    _excluded2$1 = ["overlayClassName", "overlayInnerClassName"];
   function ownKeys$1m(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
   function _objectSpread$1m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1m(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var SubAccordion = function SubAccordion(props) {
-    var _classNames, _classNames2;
+    var _classNames2, _classNames3;
     var content = props.content,
       _props$children = props.children,
       children = _props$children === void 0 ? content : _props$children,
@@ -33511,7 +33522,12 @@
       className = props.className,
       style = props.style,
       _props$level = props.level,
-      level = _props$level === void 0 ? 1 : _props$level;
+      level = _props$level === void 0 ? 1 : _props$level,
+      popupProps = props.popupProps;
+    var _ref = popupProps || {},
+      overlayClassName = _ref.overlayClassName,
+      overlayInnerClassName = _ref.overlayInnerClassName,
+      restPopupProps = _objectWithoutProperties$2(_ref, _excluded$i);
     var _useConfig = useConfig$1(),
       classPrefix = _useConfig.classPrefix;
     var _useState = React.useState(false),
@@ -33523,12 +33539,18 @@
       expanded = _useContext$expanded === void 0 ? [] : _useContext$expanded,
       onExpand = _useContext.onExpand,
       active = _useContext.active,
-      expandType = _useContext.expandType;
+      expandType = _useContext.expandType,
+      _useContext$theme = _useContext.theme,
+      theme = _useContext$theme === void 0 ? "light" : _useContext$theme;
     var isPopUp = expandType === "popup";
     var isExpand = expanded.includes(value) && !disabled && !isPopUp;
     var handleClick = function handleClick(e) {
       e.stopPropagation();
       onExpand(value, expanded);
+      setOpen(false);
+    };
+    var handleVisibleChange = function handleVisibleChange(visible) {
+      setOpen(visible);
     };
     var handleMouseEvent = function handleMouseEvent(type) {
       if (!isPopUp) return;
@@ -33551,8 +33573,13 @@
     var fakeArrowStyle = isPopUp && level > 1 ? {
       transform: "rotate(-90deg)"
     } : {};
-    return /* @__PURE__ */React__default["default"].createElement("li", {
-      className: classNames$1("".concat(classPrefix, "-submenu"), className, (_classNames = {}, _defineProperty$3(_classNames, "".concat(classPrefix, "-is-disabled"), disabled), _defineProperty$3(_classNames, "".concat(classPrefix, "-is-opened"), isOpen), _classNames)),
+    var pupContent = /* @__PURE__ */React__default["default"].createElement("ul", {
+      className: classNames$1("".concat(classPrefix, "-menu__popup-wrapper"), _defineProperty$3({}, "".concat(classPrefix, "-is-opened"), isOpen)),
+      key: "popup",
+      style: childStyle
+    }, childrens);
+    var submenu = /* @__PURE__ */React__default["default"].createElement("li", {
+      className: classNames$1("".concat(classPrefix, "-submenu"), className, (_classNames2 = {}, _defineProperty$3(_classNames2, "".concat(classPrefix, "-is-disabled"), disabled), _defineProperty$3(_classNames2, "".concat(classPrefix, "-is-opened"), isOpen), _classNames2)),
       onClick: handleClick,
       style: style,
       onMouseEnter: function onMouseEnter() {
@@ -33562,50 +33589,65 @@
         return handleMouseEvent("leave");
       }
     }, /* @__PURE__ */React__default["default"].createElement("div", {
-      className: classNames$1("".concat(classPrefix, "-menu__item"), (_classNames2 = {}, _defineProperty$3(_classNames2, "".concat(classPrefix, "-is-opened"), isOpen), _defineProperty$3(_classNames2, "".concat(classPrefix, "-is-active"), checkSubMenuChildrenActive(children, active)), _classNames2))
+      className: classNames$1("".concat(classPrefix, "-menu__item"), (_classNames3 = {}, _defineProperty$3(_classNames3, "".concat(classPrefix, "-is-opened"), isOpen), _defineProperty$3(_classNames3, "".concat(classPrefix, "-is-active"), checkSubMenuChildrenActive(children, active)), _classNames3))
     }, icon, " ", /* @__PURE__ */React__default["default"].createElement("span", {
       className: "".concat(classPrefix, "-menu__content")
     }, title), /* @__PURE__ */React__default["default"].createElement(FakeArrow, {
       style: fakeArrowStyle,
       isActive: level === 1 && isOpen,
       disabled: disabled
-    })), isPopUp ? /* @__PURE__ */React__default["default"].createElement("div", {
-      className: classNames$1("".concat(classPrefix, "-menu__popup"), "".concat(classPrefix, "-is-vertical"), _defineProperty$3({}, "".concat(classPrefix, "-is-opened"), isOpen))
-    }, /* @__PURE__ */React__default["default"].createElement("ul", {
-      className: classNames$1("".concat(classPrefix, "-menu__popup-wrapper"), _defineProperty$3({}, "".concat(classPrefix, "-is-opened"), isOpen)),
-      key: "popup",
-      style: childStyle
-    }, childrens)) : /* @__PURE__ */React__default["default"].createElement("ul", {
+    })), !isPopUp && /* @__PURE__ */React__default["default"].createElement("ul", {
       key: "normal",
       style: _objectSpread$1m(_objectSpread$1m({}, childStyle), {}, {
         "--padding-left": "".concat(menuPaddingLeft, "px")
       }),
       className: "".concat(classPrefix, "-menu__sub")
     }, childrens));
+    if (isPopUp) {
+      return /* @__PURE__ */React__default["default"].createElement(Popup, _objectSpread$1m(_objectSpread$1m({}, restPopupProps), {}, {
+        overlayInnerClassName: ["".concat(classPrefix, "-menu__popup"), "".concat(classPrefix, "-is-vertical"), _defineProperty$3({}, "".concat(classPrefix, "-is-opened"), isOpen), overlayInnerClassName],
+        overlayClassName: ["".concat(classPrefix, "-menu--").concat(theme), _defineProperty$3({}, "".concat(classPrefix, "-menu-is-nested"), level > 1), overlayClassName],
+        visible: open,
+        placement: "right-top",
+        content: pupContent,
+        onVisibleChange: handleVisibleChange
+      }), submenu);
+    }
+    return submenu;
   };
   var SubTitleMenu = function SubTitleMenu(props) {
-    var _popRef$current, _classNames6;
+    var _classNames6;
     var className = props.className,
       style = props.style,
       children = props.children,
+      disabled = props.disabled,
       title = props.title,
       value = props.value,
       _props$level2 = props.level,
-      level = _props$level2 === void 0 ? 1 : _props$level2;
+      level = _props$level2 === void 0 ? 1 : _props$level2,
+      popupProps = props.popupProps;
+    var _ref4 = popupProps || {},
+      overlayClassName = _ref4.overlayClassName,
+      overlayInnerClassName = _ref4.overlayInnerClassName,
+      restPopupProps = _objectWithoutProperties$2(_ref4, _excluded2$1);
     var _useContext2 = React.useContext(MenuContext),
       active = _useContext2.active,
       onChange = _useContext2.onChange,
-      expandType = _useContext2.expandType;
+      expandType = _useContext2.expandType,
+      _useContext2$theme = _useContext2.theme,
+      theme = _useContext2$theme === void 0 ? "light" : _useContext2$theme;
     var _useConfig2 = useConfig$1(),
       classPrefix = _useConfig2.classPrefix;
     var _useState3 = React.useState(false),
       _useState4 = _slicedToArray(_useState3, 2),
       open = _useState4[0],
       setOpen = _useState4[1];
-    var popRef = React.useRef();
     var handleClick = function handleClick() {
       return onChange(value);
     };
+    var handleVisibleChange = function handleVisibleChange(visible) {
+      setOpen(visible);
+    };
     var _useDomRefCallback = useDomRefCallback(),
       _useDomRefCallback2 = _slicedToArray(_useDomRefCallback, 2),
       subMenuDom = _useDomRefCallback2[0],
@@ -33617,13 +33659,22 @@
       if (!isPopUp) return;
       if (type === "enter") setOpen(true);else if (type === "leave") setOpen(false);
     };
+    var isOpen = React.useMemo(function () {
+      if (disabled) return false;
+      if (isPopUp) return open;
+      return false;
+    }, [disabled, isPopUp, open]);
     var fakeArrowStyle = level > 1 ? {
       transform: "rotate(-90deg)"
     } : {};
-    var submenuMaxHeight = getSubMenuMaxHeight(children);
-    var popupMaxHeight = ((_popRef$current = popRef.current) === null || _popRef$current === void 0 ? void 0 : _popRef$current.getBoundingClientRect().height) || submenuMaxHeight;
-    var showPopup = isPopUp && submenuMaxHeight > 0;
-    return /* @__PURE__ */React__default["default"].createElement("li", {
+    var pupContent = /* @__PURE__ */React__default["default"].createElement("ul", {
+      className: classNames$1("".concat(classPrefix, "-menu__popup-wrapper"), _defineProperty$3({}, "".concat(classPrefix, "-is-opened"), isOpen))
+    }, children);
+    var placement = "right-top";
+    if (level < 2) {
+      placement = "bottom-left";
+    }
+    var submenu = /* @__PURE__ */React__default["default"].createElement("li", {
       className: classNames$1("".concat(classPrefix, "-submenu"), className, _defineProperty$3({}, "".concat(classPrefix, "-is-opened"), open)),
       onMouseEnter: function onMouseEnter() {
         return handleMouseEvent("enter");
@@ -33636,18 +33687,21 @@
       className: classNames$1("".concat(classPrefix, "-menu__item"), (_classNames6 = {}, _defineProperty$3(_classNames6, "".concat(classPrefix, "-is-active"), isActive), _defineProperty$3(_classNames6, "".concat(classPrefix, "-is-opened"), open), _classNames6)),
       onClick: handleClick,
       style: style
-    }, /* @__PURE__ */React__default["default"].createElement("span", null, title), showPopup && /* @__PURE__ */React__default["default"].createElement(FakeArrow, {
+    }, /* @__PURE__ */React__default["default"].createElement("span", null, title), isPopUp && /* @__PURE__ */React__default["default"].createElement(FakeArrow, {
       style: fakeArrowStyle,
       isActive: level === 1 && open
-    })), showPopup && /* @__PURE__ */React__default["default"].createElement("div", {
-      className: classNames$1("".concat(classPrefix, "-menu__popup"), _defineProperty$3({}, "".concat(classPrefix, "-is-opened"), open)),
-      style: {
-        "--popup-max-height": "".concat(popupMaxHeight, "px")
-      }
-    }, /* @__PURE__ */React__default["default"].createElement("ul", {
-      ref: popRef,
-      className: classNames$1("".concat(classPrefix, "-menu__popup-wrapper"))
-    }, children)));
+    })));
+    if (isPopUp) {
+      return /* @__PURE__ */React__default["default"].createElement(Popup, _objectSpread$1m(_objectSpread$1m({}, restPopupProps), {}, {
+        overlayInnerClassName: ["".concat(classPrefix, "-menu__popup"), "".concat(classPrefix, "-is-vertical"), _defineProperty$3({}, "".concat(classPrefix, "-is-opened"), isOpen), overlayInnerClassName],
+        overlayClassName: ["".concat(classPrefix, "-menu--").concat(theme), "".concat(classPrefix, "-is-head-menu"), _defineProperty$3({}, "".concat(classPrefix, "-menu-is-nested"), level > 1), overlayClassName],
+        visible: open,
+        placement: placement,
+        content: pupContent,
+        onVisibleChange: handleVisibleChange
+      }), submenu);
+    }
+    return submenu;
   };
   var SubMenu = function SubMenu(props) {
     var _useContext3 = React.useContext(MenuContext),
@@ -47227,7 +47281,7 @@
       showInAttachedElement = props.showInAttachedElement,
       placement = props.placement,
       sizeValue = props.sizeValue;
-    var lockStyleRef = React.useRef(document.createElement("style"));
+    var lockStyleRef = React.useRef(null);
     var timerRef = React.useRef(null);
     var clearStyleFunc = React.useCallback(function () {
       clearTimeout(timerRef.current);
@@ -47246,6 +47300,9 @@
     }, [placement, sizeValue]);
     useIsomorphicLayoutEffect(function () {
       if (typeof document === "undefined") return;
+      if (!lockStyleRef.current) {
+        lockStyleRef.current = document.createElement("style");
+      }
       var hasScrollBar = document.documentElement.scrollHeight > document.documentElement.clientHeight;
       var scrollbarWidth = hasScrollBar ? getScrollbarWidth() : 0;
       lockStyleRef.current.dataset.id = "td_drawer_".concat(+new Date(), "_").concat(key += 1);
@@ -49026,6 +49083,7 @@
           e: e
         });
       } else {
+        var _tOptions$newIndex;
         var index = activeIndexRef.current;
         var newIndex;
         if (e.code === "ArrowUp" || e.key === "ArrowUp") {
@@ -49033,7 +49091,7 @@
         } else if (e.code === "ArrowDown" || e.key === "ArrowDown") {
           newIndex = index + 1 >= tOptions.length ? 0 : index + 1;
         }
-        setActive(tOptions[newIndex].text);
+        setActive((_tOptions$newIndex = tOptions[newIndex]) === null || _tOptions$newIndex === void 0 ? void 0 : _tOptions$newIndex.text);
       }
     };
     var addKeyboardListener = function addKeyboardListener() {
@@ -56805,7 +56863,7 @@
     };
     var isPopup = getCurrentCrossProps("mode") === "popup";
     var currentElmIsFixed = isFixed(currentHighlightLayerElm.current || document.body);
-    var setHighlightLayerPosition = function setHighlightLayerPosition(highlighLayer) {
+    var setHighlightLayerPosition = function setHighlightLayerPosition(highlightLayer) {
       var _getRelativePosition = getRelativePosition(currentHighlightLayerElm.current),
         top = _getRelativePosition.top,
         left = _getRelativePosition.left;
@@ -56825,7 +56883,7 @@
         top += scrollTop;
         left += scrollLeft;
       }
-      setStyle$1(highlighLayer, {
+      setStyle$1(highlightLayer, {
         width: "".concat(width, "px"),
         height: "".concat(height, "px"),
         top: "".concat(top, "px"),