npm - @ant-design/pro-components - Versions diffs - 2.3.33 → 2.3.35 - Mend

@ant-design/pro-components 2.3.33 → 2.3.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/components.js CHANGED Viewed

@@ -361,7 +361,7 @@ module.exports = _default;
 var _interopRequireDefault = __webpack_require__(1593);
-var _interopRequireWildcard = __webpack_require__(7181);
+var _typeof = __webpack_require__(7537);
 Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
@@ -377,6 +377,45 @@ var _IconBase = _interopRequireDefault(__webpack_require__(197));
 var _twoTonePrimaryColor = __webpack_require__(2990);
 var _utils = __webpack_require__(4071);
 var _excluded = ["className", "icon", "spin", "rotate", "tabIndex", "onClick", "twoToneColor"];
+function _getRequireWildcardCache(nodeInterop) {
+  if (typeof WeakMap !== "function") return null;
+  var cacheBabelInterop = new WeakMap();
+  var cacheNodeInterop = new WeakMap();
+  return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {
+    return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+  })(nodeInterop);
+}
+function _interopRequireWildcard(obj, nodeInterop) {
+  if (!nodeInterop && obj && obj.__esModule) {
+    return obj;
+  }
+  if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") {
+    return {
+      default: obj
+    };
+  }
+  var cache = _getRequireWildcardCache(nodeInterop);
+  if (cache && cache.has(obj)) {
+    return cache.get(obj);
+  }
+  var newObj = {};
+  var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var key in obj) {
+    if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+      var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+      if (desc && (desc.get || desc.set)) {
+        Object.defineProperty(newObj, key, desc);
+      } else {
+        newObj[key] = obj[key];
+      }
+    }
+  }
+  newObj.default = obj;
+  if (cache) {
+    cache.set(obj, newObj);
+  }
+  return newObj;
+}
 // Initial setting
 // should move it to antd main repo?
 (0, _twoTonePrimaryColor.setTwoToneColor)('#1890ff');
@@ -392,8 +431,9 @@ var Icon = /*#__PURE__*/React.forwardRef(function (props, ref) {
     restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var _React$useContext = React.useContext(_Context.default),
     _React$useContext$pre = _React$useContext.prefixCls,
-    prefixCls = _React$useContext$pre === void 0 ? 'anticon' : _React$useContext$pre;
-  var classString = (0, _classnames.default)(prefixCls, (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-").concat(icon.name), !!icon.name), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-spin"), !!spin || icon.name === 'loading'), _classNames), className);
+    prefixCls = _React$useContext$pre === void 0 ? 'anticon' : _React$useContext$pre,
+    rootClassName = _React$useContext.rootClassName;
+  var classString = (0, _classnames.default)(rootClassName, prefixCls, (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-").concat(icon.name), !!icon.name), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-spin"), !!spin || icon.name === 'loading'), _classNames), className);
   var iconTabIndex = tabIndex;
   if (iconTabIndex === undefined && onClick) {
     iconTabIndex = -1;
@@ -531,8 +571,8 @@ var _interopRequireDefault = __webpack_require__(1593);
 Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
-exports.setTwoToneColor = setTwoToneColor;
 exports.getTwoToneColor = getTwoToneColor;
+exports.setTwoToneColor = setTwoToneColor;
 var _slicedToArray2 = _interopRequireDefault(__webpack_require__(9157));
 var _IconBase = _interopRequireDefault(__webpack_require__(197));
 var _utils = __webpack_require__(4071);
@@ -562,8 +602,8 @@ function getTwoToneColor() {
 "use strict";
-var _interopRequireWildcard = __webpack_require__(7181);
 var _interopRequireDefault = __webpack_require__(1593);
+var _typeof = __webpack_require__(7537);
 Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
@@ -572,9 +612,48 @@ var _objectSpread2 = _interopRequireDefault(__webpack_require__(6906));
 var React = _interopRequireWildcard(__webpack_require__(1024));
 var _ArrowLeftOutlined = _interopRequireDefault(__webpack_require__(5747));
 var _AntdIcon = _interopRequireDefault(__webpack_require__(3927));
+function _getRequireWildcardCache(nodeInterop) {
+  if (typeof WeakMap !== "function") return null;
+  var cacheBabelInterop = new WeakMap();
+  var cacheNodeInterop = new WeakMap();
+  return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {
+    return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+  })(nodeInterop);
+}
+function _interopRequireWildcard(obj, nodeInterop) {
+  if (!nodeInterop && obj && obj.__esModule) {
+    return obj;
+  }
+  if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") {
+    return {
+      default: obj
+    };
+  }
+  var cache = _getRequireWildcardCache(nodeInterop);
+  if (cache && cache.has(obj)) {
+    return cache.get(obj);
+  }
+  var newObj = {};
+  var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var key in obj) {
+    if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+      var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+      if (desc && (desc.get || desc.set)) {
+        Object.defineProperty(newObj, key, desc);
+      } else {
+        newObj[key] = obj[key];
+      }
+    }
+  }
+  newObj.default = obj;
+  if (cache) {
+    cache.set(obj, newObj);
+  }
+  return newObj;
+}
 // GENERATE BY ./scripts/generate.ts
 // DON NOT EDIT IT MANUALLY
 var ArrowLeftOutlined = function ArrowLeftOutlined(props, ref) {
   return /*#__PURE__*/React.createElement(_AntdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
     ref: ref,
@@ -593,8 +672,8 @@ exports["default"] = _default;
 "use strict";
-var _interopRequireWildcard = __webpack_require__(7181);
 var _interopRequireDefault = __webpack_require__(1593);
+var _typeof = __webpack_require__(7537);
 Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
@@ -603,9 +682,48 @@ var _objectSpread2 = _interopRequireDefault(__webpack_require__(6906));
 var React = _interopRequireWildcard(__webpack_require__(1024));
 var _ArrowRightOutlined = _interopRequireDefault(__webpack_require__(8552));
 var _AntdIcon = _interopRequireDefault(__webpack_require__(3927));
+function _getRequireWildcardCache(nodeInterop) {
+  if (typeof WeakMap !== "function") return null;
+  var cacheBabelInterop = new WeakMap();
+  var cacheNodeInterop = new WeakMap();
+  return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {
+    return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+  })(nodeInterop);
+}
+function _interopRequireWildcard(obj, nodeInterop) {
+  if (!nodeInterop && obj && obj.__esModule) {
+    return obj;
+  }
+  if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") {
+    return {
+      default: obj
+    };
+  }
+  var cache = _getRequireWildcardCache(nodeInterop);
+  if (cache && cache.has(obj)) {
+    return cache.get(obj);
+  }
+  var newObj = {};
+  var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var key in obj) {
+    if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+      var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+      if (desc && (desc.get || desc.set)) {
+        Object.defineProperty(newObj, key, desc);
+      } else {
+        newObj[key] = obj[key];
+      }
+    }
+  }
+  newObj.default = obj;
+  if (cache) {
+    cache.set(obj, newObj);
+  }
+  return newObj;
+}
 // GENERATE BY ./scripts/generate.ts
 // DON NOT EDIT IT MANUALLY
 var ArrowRightOutlined = function ArrowRightOutlined(props, ref) {
   return /*#__PURE__*/React.createElement(_AntdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
     ref: ref,
@@ -624,18 +742,19 @@ exports["default"] = _default;
 "use strict";
-var _interopRequireWildcard = __webpack_require__(7181);
 var _interopRequireDefault = __webpack_require__(1593);
+var _typeof3 = __webpack_require__(7537);
 Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
-exports.warning = warning;
-exports.isIconDefinition = isIconDefinition;
-exports.normalizeAttrs = normalizeAttrs;
 exports.generate = generate;
 exports.getSecondaryColor = getSecondaryColor;
+exports.iconStyles = void 0;
+exports.isIconDefinition = isIconDefinition;
+exports.normalizeAttrs = normalizeAttrs;
 exports.normalizeTwoToneColors = normalizeTwoToneColors;
-exports.useInsertStyles = exports.iconStyles = exports.svgBaseProps = void 0;
+exports.useInsertStyles = exports.svgBaseProps = void 0;
+exports.warning = warning;
 var _objectSpread2 = _interopRequireDefault(__webpack_require__(6906));
 var _typeof2 = _interopRequireDefault(__webpack_require__(7537));
 var _colors = __webpack_require__(6089);
@@ -643,6 +762,45 @@ var _react = _interopRequireWildcard(__webpack_require__(1024));
 var _warning = _interopRequireDefault(__webpack_require__(3193));
 var _dynamicCSS = __webpack_require__(535);
 var _Context = _interopRequireDefault(__webpack_require__(6785));
+function _getRequireWildcardCache(nodeInterop) {
+  if (typeof WeakMap !== "function") return null;
+  var cacheBabelInterop = new WeakMap();
+  var cacheNodeInterop = new WeakMap();
+  return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {
+    return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+  })(nodeInterop);
+}
+function _interopRequireWildcard(obj, nodeInterop) {
+  if (!nodeInterop && obj && obj.__esModule) {
+    return obj;
+  }
+  if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") {
+    return {
+      default: obj
+    };
+  }
+  var cache = _getRequireWildcardCache(nodeInterop);
+  if (cache && cache.has(obj)) {
+    return cache.get(obj);
+  }
+  var newObj = {};
+  var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var key in obj) {
+    if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+      var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+      if (desc && (desc.get || desc.set)) {
+        Object.defineProperty(newObj, key, desc);
+      } else {
+        newObj[key] = obj[key];
+      }
+    }
+  }
+  newObj.default = obj;
+  if (cache) {
+    cache.set(obj, newObj);
+  }
+  return newObj;
+}
 function warning(valid, message) {
   (0, _warning.default)(valid, "[@ant-design/icons] ".concat(message));
 }
@@ -687,9 +845,9 @@ function normalizeTwoToneColors(twoToneColor) {
     return [];
   }
   return Array.isArray(twoToneColor) ? twoToneColor : [twoToneColor];
-} // These props make sure that the SVG behaviours like general text.
+}
+// These props make sure that the SVG behaviours like general text.
 // Reference: https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4
 var svgBaseProps = {
   width: '1em',
   height: '1em',
@@ -27163,9 +27321,9 @@ function normalizeTwoToneColors(twoToneColor) {
     return [];
   }
   return Array.isArray(twoToneColor) ? twoToneColor : [twoToneColor];
-} // These props make sure that the SVG behaviours like general text.
+}
+// These props make sure that the SVG behaviours like general text.
 // Reference: https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4
 var svgBaseProps = {
   width: '1em',
   height: '1em',
@@ -27278,9 +27436,9 @@ var AntdIcon_excluded = ["className", "icon", "spin", "rotate", "tabIndex", "onC
- // Initial setting
-// should move it to antd main repo?
+// Initial setting
+// should move it to antd main repo?
 setTwoToneColor('#1890ff');
 var Icon = /*#__PURE__*/external_React_.forwardRef(function (props, ref) {
   var _classNames;
@@ -27294,8 +27452,9 @@ var Icon = /*#__PURE__*/external_React_.forwardRef(function (props, ref) {
     restProps = objectWithoutProperties_objectWithoutProperties(props, AntdIcon_excluded);
   var _React$useContext = external_React_.useContext(Context),
     _React$useContext$pre = _React$useContext.prefixCls,
-    prefixCls = _React$useContext$pre === void 0 ? 'anticon' : _React$useContext$pre;
-  var classString = classnames_default()(prefixCls, (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-").concat(icon.name), !!icon.name), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-spin"), !!spin || icon.name === 'loading'), _classNames), className);
+    prefixCls = _React$useContext$pre === void 0 ? 'anticon' : _React$useContext$pre,
+    rootClassName = _React$useContext.rootClassName;
+  var classString = classnames_default()(rootClassName, prefixCls, (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-").concat(icon.name), !!icon.name), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-spin"), !!spin || icon.name === 'loading'), _classNames), className);
   var iconTabIndex = tabIndex;
   if (iconTabIndex === undefined && onClick) {
     iconTabIndex = -1;
@@ -37541,6 +37700,7 @@ var proFieldParsingText = function proFieldParsingText(text, valueEnumParams, ke
     return (0,jsx_runtime.jsx)(external_antd_.Space, {
       split: ",",
       size: 2,
+      wrap: true,
       children: text.map(function (value, index) {
         return (
           // @ts-ignore
@@ -40813,6 +40973,7 @@ var FieldDatePicker = function FieldDatePicker(_ref2, ref) {
 // 兼容代码-----------
 /**
  * 数字组件
  *
@@ -40827,6 +40988,8 @@ var FieldDigit = function FieldDigit(_ref, ref) {
     placeholder = _ref.placeholder,
     renderFormItem = _ref.renderFormItem,
     fieldProps = _ref.fieldProps;
+  var intl = useIntl();
+  var placeholderValue = placeholder || intl.getMessage('tableForm.inputPlaceholder', '请输入');
   var proxyChange = (0,external_React_.useCallback)(function (value) {
     var _fieldProps$onChange;
     var val = value !== null && value !== void 0 ? value : undefined;
@@ -40867,7 +41030,7 @@ var FieldDigit = function FieldDigit(_ref, ref) {
     var _dom = (0,jsx_runtime.jsx)(external_antd_.InputNumber, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
       ref: ref,
       min: 0,
-      placeholder: placeholder
+      placeholder: placeholderValue
     }, es(fieldProps, ['onChange'])), {}, {
       onChange: proxyChange
     }));
@@ -40891,6 +41054,7 @@ var FieldDigit = function FieldDigit(_ref, ref) {
 // 兼容代码-----------
 /**
  * 数字范围组件
  *
@@ -40911,6 +41075,7 @@ var FieldDigitRange = function FieldDigitRange(_ref, ref) {
     defaultValue = fieldProps.defaultValue,
     onChange = fieldProps.onChange,
     id = fieldProps.id;
+  var intl = useIntl();
   var _useMergedState = (0,useMergedState/* default */.Z)(function () {
       return defaultValue;
     }, {
@@ -40959,7 +41124,7 @@ var FieldDigitRange = function FieldDigitRange(_ref, ref) {
       newValuePair[index] = changedValue === null ? undefined : changedValue;
       setValuePair(newValuePair);
     };
-    var placeholderValue = (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.placeholder) || placeholder;
+    var placeholderValue = (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.placeholder) || placeholder || [intl.getMessage('tableForm.inputPlaceholder', '请输入'), intl.getMessage('tableForm.inputPlaceholder', '请输入')];
     var _dom = (0,jsx_runtime.jsxs)(external_antd_.Input.Group, {
       compact: true,
       onBlur: handleGroupBlur,
@@ -41081,6 +41246,7 @@ var FieldFromNow = function FieldFromNow(_ref, ref) {
 // 兼容代码-----------
 /**
  * 数字组件
  *
@@ -41096,6 +41262,8 @@ var FieldImage = /*#__PURE__*/external_React_default().forwardRef(function (_ref
     fieldProps = _ref.fieldProps,
     placeholder = _ref.placeholder,
     width = _ref.width;
+  var intl = useIntl();
+  var placeholderValue = placeholder || intl.getMessage('tableForm.inputPlaceholder', '请输入');
   if (type === 'read') {
     var dom = (0,jsx_runtime.jsx)(external_antd_.Image, objectSpread2_objectSpread2({
       ref: ref,
@@ -41112,7 +41280,7 @@ var FieldImage = /*#__PURE__*/external_React_default().forwardRef(function (_ref
   if (type === 'edit' || type === 'update') {
     var _dom = (0,jsx_runtime.jsx)(external_antd_.Input, objectSpread2_objectSpread2({
       ref: ref,
-      placeholder: placeholder
+      placeholder: placeholderValue
     }, fieldProps));
     if (renderFormItem) {
       return renderFormItem(text, objectSpread2_objectSpread2({
@@ -41347,6 +41515,7 @@ var FieldMoney = function FieldMoney(_ref4, ref) {
   if (locale && intlMap[locale]) {
     intl = intlMap[locale];
   }
+  var placeholderValue = placeholder || intl.getMessage('tableForm.inputPlaceholder', '请输入');
   /**
    * 获取货币的符号
    * 如果 customSymbol 存在直接使用 customSymbol
@@ -41425,7 +41594,7 @@ var FieldMoney = function FieldMoney(_ref4, ref) {
         }
         return value;
       },
-      placeholder: placeholder
+      placeholder: placeholderValue
     }, es(fieldProps, ['numberFormatOptions', 'precision', 'numberPopoverRender', 'customSymbol', 'moneySymbol', 'visible', 'open'])));
     if (renderFormItem) {
       return renderFormItem(text, objectSpread2_objectSpread2({
@@ -41688,6 +41857,7 @@ function getRealTextWithPrecision(realValue) {
 // 兼容代码-----------
 /**
  * 百分比组件
  *
@@ -41707,6 +41877,8 @@ var FieldPercent = function FieldPercent(_ref, ref) {
     fieldProps = _ref.fieldProps,
     placeholder = _ref.placeholder,
     propsShowSymbol = _ref.showSymbol;
+  var intl = useIntl();
+  var placeholderValue = placeholder || intl.getMessage('tableForm.inputPlaceholder', '请输入');
   var realValue = (0,external_React_.useMemo)(function () {
     return typeof text === 'string' && text.includes('%') ? lodash_tonumber_default()(text.replace('%', '')) : lodash_tonumber_default()(text);
   }, [text]);
@@ -41754,7 +41926,7 @@ var FieldPercent = function FieldPercent(_ref, ref) {
       parser: function parser(value) {
         return value ? value.replace(/.*\s|,/g, '') : '';
       },
-      placeholder: placeholder
+      placeholder: placeholderValue
     }, fieldProps));
     if (renderFormItem) {
       return renderFormItem(text, objectSpread2_objectSpread2({
@@ -41775,6 +41947,7 @@ var FieldPercent = function FieldPercent(_ref, ref) {
 // 兼容代码-----------
 //------------
 function getProgressStatus(text) {
   if (text === 100) {
@@ -41801,6 +41974,8 @@ var FieldProgress = function FieldProgress(_ref, ref) {
     renderFormItem = _ref.renderFormItem,
     fieldProps = _ref.fieldProps,
     placeholder = _ref.placeholder;
+  var intl = useIntl();
+  var placeholderValue = placeholder || intl.getMessage('tableForm.inputPlaceholder', '请输入');
   var realValue = (0,external_React_.useMemo)(function () {
     return typeof text === 'string' && text.includes('%') ? lodash_tonumber_default()(text.replace('%', '')) : lodash_tonumber_default()(text);
   }, [text]);
@@ -41826,7 +42001,7 @@ var FieldProgress = function FieldProgress(_ref, ref) {
   if (mode === 'edit' || mode === 'update') {
     var _dom = (0,jsx_runtime.jsx)(external_antd_.InputNumber, objectSpread2_objectSpread2({
       ref: ref,
-      placeholder: placeholder
+      placeholder: placeholderValue
     }, fieldProps));
     if (renderFormItem) {
       return renderFormItem(text, objectSpread2_objectSpread2({
@@ -42066,6 +42241,7 @@ var FieldRate = function FieldRate(_ref, ref) {
 // 兼容代码-----------
 /**
  * 格式化秒
  *
@@ -42102,6 +42278,8 @@ var Second = function Second(_ref, ref) {
     renderFormItem = _ref.renderFormItem,
     fieldProps = _ref.fieldProps,
     placeholder = _ref.placeholder;
+  var intl = useIntl();
+  var placeholderValue = placeholder || intl.getMessage('tableForm.inputPlaceholder', '请输入');
   if (type === 'read') {
     var secondText = formatSecond(Number(text));
     var dom = (0,jsx_runtime.jsx)("span", {
@@ -42122,7 +42300,7 @@ var Second = function Second(_ref, ref) {
       style: {
         width: '100%'
       },
-      placeholder: placeholder
+      placeholder: placeholderValue
     }, fieldProps));
     if (renderFormItem) {
       return renderFormItem(text, objectSpread2_objectSpread2({
@@ -42641,6 +42819,7 @@ var TreeSelect_excluded = ["radioType", "renderFormItem", "mode", "light", "labe
 // 兼容代码-----------
 /**
  * Tree select
  * A function that returns a React component.
@@ -42673,6 +42852,7 @@ var FieldTreeSelect = function FieldTreeSelect(_ref, ref) {
     propsSearchValue = _ref2.searchValue,
     fieldProps = objectWithoutProperties_objectWithoutProperties(_ref2, TreeSelect_excluded2);
   var size = (0,external_React_.useContext)(external_antd_.ConfigProvider.SizeContext);
+  var intl = useIntl();
   var _useFieldFetchData = useFieldFetchData(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, rest), {}, {
       defaultKeyWords: propsSearchValue
     })),
@@ -42752,6 +42932,7 @@ var FieldTreeSelect = function FieldTreeSelect(_ref, ref) {
         onDropdownVisibleChange: setOpen,
         ref: treeSelectRef,
         dropdownMatchSelectWidth: !light,
+        placeholder: intl.getMessage('tableForm.selectPlaceholder', '请选择'),
         tagRender: light ? function (item) {
           var _fieldProps$value2;
           if (valuesLength < 2) return (0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
@@ -42877,7 +43058,8 @@ var localeData_default = /*#__PURE__*/__webpack_require__.n(localeData);
-var es_excluded = ["text", "valueType", "mode", "onChange", "renderFormItem", "value", "readonly"];
+var es_excluded = ["text", "valueType", "mode", "onChange", "renderFormItem", "value", "readonly"],
+  es_excluded2 = ["placeholder"];
@@ -43277,7 +43459,7 @@ var defaultRenderText = function defaultRenderText(dataValue, valueType, props,
 };
 var ProFieldComponent = function ProFieldComponent(_ref, ref) {
-  var _ref2, _fieldProps$value, _ref3;
+  var _ref2, _fieldProps$value, _ref3, _rest$placeholder, _rest$placeholder2;
   var text = _ref.text,
     _ref$valueType = _ref.valueType,
     valueType = _ref$valueType === void 0 ? 'text' : _ref$valueType,
@@ -43288,7 +43470,6 @@ var ProFieldComponent = function ProFieldComponent(_ref, ref) {
     value = _ref.value,
     readonly = _ref.readonly,
     rest = objectWithoutProperties_objectWithoutProperties(_ref, es_excluded);
-  var intl = useIntl();
   var context = (0,external_React_.useContext)(provider_es);
   var fieldProps = (value !== undefined || _onChange || (rest === null || rest === void 0 ? void 0 : rest.fieldProps)) && objectSpread2_objectSpread2(objectSpread2_objectSpread2({
     value: value
@@ -43303,21 +43484,23 @@ var ProFieldComponent = function ProFieldComponent(_ref, ref) {
     }
   });
   return (0,jsx_runtime.jsx)((external_React_default()).Fragment, {
-    children: defaultRenderText(mode === 'edit' ? (_ref2 = (_fieldProps$value = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.value) !== null && _fieldProps$value !== void 0 ? _fieldProps$value : text) !== null && _ref2 !== void 0 ? _ref2 : '' : (_ref3 = text !== null && text !== void 0 ? text : fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.value) !== null && _ref3 !== void 0 ? _ref3 : '', valueType || 'text', objectSpread2_objectSpread2(objectSpread2_objectSpread2({
+    children: defaultRenderText(mode === 'edit' ? (_ref2 = (_fieldProps$value = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.value) !== null && _fieldProps$value !== void 0 ? _fieldProps$value : text) !== null && _ref2 !== void 0 ? _ref2 : '' : (_ref3 = text !== null && text !== void 0 ? text : fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.value) !== null && _ref3 !== void 0 ? _ref3 : '', valueType || 'text', omitUndefined(objectSpread2_objectSpread2(objectSpread2_objectSpread2({
       ref: ref
     }, rest), {}, {
       mode: readonly ? 'read' : mode,
-      renderFormItem: renderFormItem ? function () {
-        var newDom = renderFormItem.apply(void 0, arguments);
+      renderFormItem: renderFormItem ? function (curText, props, dom) {
+        var _placeholder = props.placeholder,
+          restProps = objectWithoutProperties_objectWithoutProperties(props, es_excluded2);
+        var newDom = renderFormItem(curText, restProps, dom);
         // renderFormItem 之后的dom可能没有props，这里会帮忙注入一下
-        if ( /*#__PURE__*/external_React_default().isValidElement(newDom)) return /*#__PURE__*/external_React_default().cloneElement(newDom, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
-          placeholder: rest.placeholder || intl.getMessage('tableForm.inputPlaceholder', '请输入')
-        }, fieldProps), newDom.props || {}));
+        if ( /*#__PURE__*/external_React_default().isValidElement(newDom)) return /*#__PURE__*/external_React_default().cloneElement(newDom, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, fieldProps), newDom.props || {}));
         return newDom;
       } : undefined,
-      placeholder: rest.placeholder || intl.getMessage('tableForm.inputPlaceholder', '请输入'),
-      fieldProps: pickProProps(fieldProps)
-    }), context.valueTypeMap || {})
+      placeholder: renderFormItem ? undefined : (_rest$placeholder = rest === null || rest === void 0 ? void 0 : rest.placeholder) !== null && _rest$placeholder !== void 0 ? _rest$placeholder : fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.placeholder,
+      fieldProps: pickProProps(omitUndefined(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, fieldProps), {}, {
+        placeholder: renderFormItem ? undefined : (_rest$placeholder2 = rest === null || rest === void 0 ? void 0 : rest.placeholder) !== null && _rest$placeholder2 !== void 0 ? _rest$placeholder2 : fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.placeholder
+      })))
+    })), context.valueTypeMap || {})
   });
 };
 var ProField = /*#__PURE__*/external_React_default().forwardRef(ProFieldComponent);
@@ -50986,7 +51169,7 @@ var useFetchData_useFetchData = function useFetchData(getData, options) {
 var descriptions_es_excluded = ["valueEnum", "render", "renderText", "mode", "plain", "dataIndex", "request", "params", "editable"],
-  es_excluded2 = ["request", "columns", "params", "dataSource", "onDataSourceChange", "formProps", "editable", "loading", "onLoadingChange", "actionRef", "onRequestError"];
+  descriptions_es_excluded2 = ["request", "columns", "params", "dataSource", "onDataSourceChange", "formProps", "editable", "loading", "onLoadingChange", "actionRef", "onRequestError"];
@@ -51210,7 +51393,7 @@ var ProDescriptions = function ProDescriptions(props) {
     onLoadingChange = props.onLoadingChange,
     actionRef = props.actionRef,
     onRequestError = props.onRequestError,
-    rest = objectWithoutProperties_objectWithoutProperties(props, es_excluded2);
+    rest = objectWithoutProperties_objectWithoutProperties(props, descriptions_es_excluded2);
   var context = (0,external_React_.useContext)(external_antd_.ConfigProvider.ConfigContext);
   var action = es_useFetchData( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
     var data;
@@ -53202,8 +53385,9 @@ var Icon_Icon = /*#__PURE__*/external_React_.forwardRef(function (props, ref) {
   useInsertStyles();
   var _React$useContext = external_React_.useContext(Context),
     _React$useContext$pre = _React$useContext.prefixCls,
-    prefixCls = _React$useContext$pre === void 0 ? 'anticon' : _React$useContext$pre;
-  var classString = classnames_default()(prefixCls, className);
+    prefixCls = _React$useContext$pre === void 0 ? 'anticon' : _React$useContext$pre,
+    rootClassName = _React$useContext.rootClassName;
+  var classString = classnames_default()(rootClassName, prefixCls, className);
   var svgClassString = classnames_default()(defineProperty_defineProperty({}, "".concat(prefixCls, "-spin"), !!spin));
   var svgStyle = rotate ? {
     msTransform: "rotate(".concat(rotate, "deg)"),
@@ -53216,8 +53400,8 @@ var Icon_Icon = /*#__PURE__*/external_React_.forwardRef(function (props, ref) {
   });
   if (!viewBox) {
     delete innerSvgProps.viewBox;
-  } // component > children
+  }
+  // component > children
   var renderInnerNode = function renderInnerNode() {
     if (Component) {
       return /*#__PURE__*/external_React_.createElement(Component, objectSpread2_objectSpread2({}, innerSvgProps), children);
@@ -53285,7 +53469,6 @@ function create() {
    * The Custom Icon will create a <script/>
    * that loads SVG symbols and insert the SVG Element into the document body.
    */
   if (scriptUrl && typeof document !== 'undefined' && typeof window !== 'undefined' && typeof document.createElement === 'function') {
     if (Array.isArray(scriptUrl)) {
       // 因为iconfont资源会把svg插入before，所以前加载相同type会覆盖后加载，为了数组覆盖顺序，倒叙插入
@@ -53297,8 +53480,8 @@ function create() {
   var Iconfont = /*#__PURE__*/external_React_.forwardRef(function (props, ref) {
     var type = props.type,
       children = props.children,
-      restProps = objectWithoutProperties_objectWithoutProperties(props, IconFont_excluded); // children > type
+      restProps = objectWithoutProperties_objectWithoutProperties(props, IconFont_excluded);
+    // children > type
     var content = null;
     if (props.type) {
       content = /*#__PURE__*/external_React_.createElement("use", {
@@ -63350,17 +63533,16 @@ var style_genProListStyle = function genProListStyle(token) {
         animationTimingFunction: 'linear',
         animationIterationCount: 'infinite'
       }
-    }),
-    'td${token.antCls}-table-cell': {
-      '>a': {
-        fontSize: token.fontSize
-      }
+    })
+  }, defineProperty_defineProperty(_token$componentCls2, "td".concat(token.antCls, "-table-cell"), {
+    '>a': {
+      fontSize: token.fontSize
     }
-  }, defineProperty_defineProperty(_token$componentCls2, "".concat(token.antCls, "-table").concat(token.antCls, "-table-tbody").concat(token.antCls, "-table-wrapper:only-child").concat(token.antCls, "-table"), {
+  }), defineProperty_defineProperty(_token$componentCls2, "".concat(token.antCls, "-table").concat(token.antCls, "-table-tbody").concat(token.antCls, "-table-wrapper:only-child").concat(token.antCls, "-table"), {
     marginBlock: 0,
     marginInline: 0
   }), defineProperty_defineProperty(_token$componentCls2, "".concat(token.antCls, "-table").concat(token.antCls, "-table-middle ").concat(token.componentCls), {
-    marginBlock: -12,
+    marginBlock: 0,
     marginInline: -8
   }), defineProperty_defineProperty(_token$componentCls2, '& &-search', (_search = {
     marginBlockEnd: '16px',
@@ -70238,7 +70420,7 @@ es_Checkbox.defaultProps = {
 var context_defaultIconPrefixCls = 'anticon';
 var defaultGetPrefixCls = function defaultGetPrefixCls(suffixCls, customizePrefixCls) {
   if (customizePrefixCls) return customizePrefixCls;
-  return suffixCls ? "ant-".concat(suffixCls) : 'ant';
+  return suffixCls ? "ant-" + suffixCls : 'ant';
 };
 // zombieJ: 🚨 Do not pass `defaultRenderEmpty` here since it will case circular dependency.
 var context_ConfigContext = /*#__PURE__*/external_React_.createContext({
@@ -70461,7 +70643,7 @@ var genLinkStyle = function genLinkStyle(token) {
       backgroundColor: 'transparent',
       outline: 'none',
       cursor: 'pointer',
-      transition: "color ".concat(token.motionDurationSlow),
+      transition: "color " + token.motionDurationSlow,
       '-webkit-text-decoration-skip': 'objects',
       '&:hover': {
         color: token.colorLinkHover
@@ -70484,7 +70666,7 @@ var genLinkStyle = function genLinkStyle(token) {
 var genCommonStyle = function genCommonStyle(token, componentPrefixCls) {
   var fontFamily = token.fontFamily,
     fontSize = token.fontSize;
-  var rootPrefixSelector = "[class^=\"".concat(componentPrefixCls, "\"], [class*=\" ").concat(componentPrefixCls, "\"]");
+  var rootPrefixSelector = "[class^=\"" + componentPrefixCls + "\"], [class*=\" " + componentPrefixCls + "\"]";
   return defineProperty_defineProperty({}, rootPrefixSelector, defineProperty_defineProperty({
     fontFamily: fontFamily,
     fontSize: fontSize,
@@ -70501,7 +70683,7 @@ var genCommonStyle = function genCommonStyle(token, componentPrefixCls) {
 };
 var genFocusOutline = function genFocusOutline(token) {
   return {
-    outline: "".concat(token.lineWidth * 4, "px solid ").concat(token.colorPrimaryBorder),
+    outline: token.lineWidth * 4 + "px solid " + token.colorPrimaryBorder,
     outlineOffset: 1,
     transition: 'outline-offset 0s, outline 0s'
   };
@@ -70512,7 +70694,7 @@ var genFocusStyle = function genFocusStyle(token) {
   };
 };
 ;// CONCATENATED MODULE: ./node_modules/antd/es/version/version.js
-/* harmony default export */ var version = ('5.0.0-beta.0');
+/* harmony default export */ var version = ('5.0.0');
 ;// CONCATENATED MODULE: ./node_modules/antd/es/version/index.js
 /* eslint import/no-unresolved: 0 */
 // @ts-ignore
@@ -70584,6 +70766,7 @@ var seedToken = extends_extends(extends_extends({}, defaultPresetColors), {
   motionEaseOut: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
   motionEaseInOut: "cubic-bezier(0.645, 0.045, 0.355, 1)",
   motionEaseOutBack: "cubic-bezier(0.12, 0.4, 0.29, 1.46)",
+  motionEaseInBack: "cubic-bezier(0.71, -0.46, 0.88, 0.6)",
   motionEaseInQuint: "cubic-bezier(0.645, 0.045, 0.355, 1)",
   motionEaseOutQuint: "cubic-bezier(0.23, 1, 0.32, 1)",
   // Radius
@@ -70756,9 +70939,9 @@ function genCommonMapToken(token) {
   var fontSizes = getFontSizes(fontSize);
   return extends_extends({
     // motion
-    motionDurationFast: "".concat((motionBase + motionUnit).toFixed(1), "s"),
-    motionDurationMid: "".concat((motionBase + motionUnit * 2).toFixed(1), "s"),
-    motionDurationSlow: "".concat((motionBase + motionUnit * 3).toFixed(1), "s"),
+    motionDurationFast: (motionBase + motionUnit).toFixed(1) + "s",
+    motionDurationMid: (motionBase + motionUnit * 2).toFixed(1) + "s",
+    motionDurationSlow: (motionBase + motionUnit * 3).toFixed(1) + "s",
     // font
     fontSizes: fontSizes.map(function (fs) {
       return fs.size;
@@ -70836,7 +71019,7 @@ function derivative(token) {
   var colorPalettes = Object.keys(defaultPresetColors).map(function (colorKey) {
     var colors = (0,index_esm.generate)(token[colorKey]);
     return new Array(10).fill(1).reduce(function (prev, _, i) {
-      prev["".concat(colorKey, "-").concat(i + 1)] = colors[i];
+      prev[colorKey + "-" + (i + 1)] = colors[i];
       return prev;
     }, {});
   }).reduce(function (prev, cur) {
@@ -71036,7 +71219,7 @@ function formatToken(derivativeToken) {
     screenXXLMax: screenXXL - 1,
     // FIXME: component box-shadow, should be removed
     boxShadowPopoverArrow: "3px 3px 7px rgba(0, 0, 0, 0.1)",
-    boxShadowCard: "\n      0 1px 2px -2px ".concat(new TinyColor('rgba(0, 0, 0, 0.16)').toRgbString(), ",\n      0 3px 6px 0 ").concat(new TinyColor('rgba(0, 0, 0, 0.12)').toRgbString(), ",\n      0 5px 12px 4px ").concat(new TinyColor('rgba(0, 0, 0, 0.09)').toRgbString(), "\n    "),
+    boxShadowCard: "\n      0 1px 2px -2px " + new TinyColor('rgba(0, 0, 0, 0.16)').toRgbString() + ",\n      0 3px 6px 0 " + new TinyColor('rgba(0, 0, 0, 0.12)').toRgbString() + ",\n      0 5px 12px 4px " + new TinyColor('rgba(0, 0, 0, 0.09)').toRgbString() + "\n    ",
     boxShadowDrawerRight: "\n      -6px 0 16px 0 rgba(0, 0, 0, 0.08),\n      -3px 0 6px -4px rgba(0, 0, 0, 0.12),\n      -9px 0 28px 8px rgba(0, 0, 0, 0.05)\n    ",
     boxShadowDrawerLeft: "\n      6px 0 16px 0 rgba(0, 0, 0, 0.08),\n      3px 0 6px -4px rgba(0, 0, 0, 0.12),\n      9px 0 28px 8px rgba(0, 0, 0, 0.05)\n    ",
     boxShadowDrawerUp: "\n      0 6px 16px 0 rgba(0, 0, 0, 0.08),\n      0 3px 6px -4px rgba(0, 0, 0, 0.12),\n      0 9px 28px 8px rgba(0, 0, 0, 0.05)\n    ",
@@ -71079,7 +71262,7 @@ function theme_useToken() {
     hashed = _React$useContext.hashed,
     theme = _React$useContext.theme,
     components = _React$useContext.components;
-  var salt = "".concat(saltPrefix, "-").concat(hashed || '');
+  var salt = saltPrefix + "-" + (hashed || '');
   var mergedTheme = theme || theme_defaultTheme;
   var _useCacheToken = useCacheToken(mergedTheme, [seed, rootDesignToken], {
       salt: salt,
@@ -71135,12 +71318,12 @@ function genComponentStyleHook(component, styleFn, getDefaultToken) {
         flush = _statisticToken.flush;
       var defaultComponentToken = typeof getDefaultToken === 'function' ? getDefaultToken(proxyToken) : getDefaultToken;
       var mergedComponentToken = extends_extends(extends_extends({}, defaultComponentToken), token[component]);
-      var componentCls = ".".concat(prefixCls);
+      var componentCls = "." + prefixCls;
       var mergedToken = statistic_merge(proxyToken, {
         componentCls: componentCls,
         prefixCls: prefixCls,
-        iconCls: ".".concat(iconPrefixCls),
-        antCls: ".".concat(rootPrefixCls)
+        iconCls: "." + iconPrefixCls,
+        antCls: "." + rootPrefixCls
       }, mergedComponentToken);
       var styleInterpolation = styleFn(mergedToken, {
         hashId: hashId,
@@ -71173,12 +71356,12 @@ var antCheckboxEffect = new Keyframes('antCheckboxEffect', {
 });
 // ============================== Styles ==============================
 var genCheckboxStyle = function genCheckboxStyle(token) {
-  var _extends2, _ref, _ref3, _$concat2, _ref4, _$concat3, _ref5;
+  var _extends2, _ref2, _ref5, _ref6, _ref8, _ref9, _ref10;
   var checkboxCls = token.checkboxCls;
-  var wrapperCls = "".concat(checkboxCls, "-wrapper");
-  return [(_ref = {}, defineProperty_defineProperty(_ref, "".concat(checkboxCls, "-group"), extends_extends(extends_extends({}, style_resetComponent(token)), {
+  var wrapperCls = checkboxCls + "-wrapper";
+  return [(_ref2 = {}, defineProperty_defineProperty(_ref2, checkboxCls + "-group", extends_extends(extends_extends({}, style_resetComponent(token)), {
     display: 'inline-flex'
-  })), defineProperty_defineProperty(_ref, wrapperCls, extends_extends(extends_extends({}, style_resetComponent(token)), {
+  })), defineProperty_defineProperty(_ref2, wrapperCls, extends_extends(extends_extends({}, style_resetComponent(token)), {
     display: 'inline-flex',
     alignItems: 'baseline',
     lineHeight: 'unset',
@@ -71200,13 +71383,13 @@ var genCheckboxStyle = function genCheckboxStyle(token) {
         height: 14 // FIXME: magic
       }
     }
-  })), defineProperty_defineProperty(_ref, checkboxCls, extends_extends(extends_extends({}, style_resetComponent(token)), (_extends2 = {
+  })), defineProperty_defineProperty(_ref2, checkboxCls, extends_extends(extends_extends({}, style_resetComponent(token)), (_extends2 = {
     top: '0.2em',
     position: 'relative',
     whiteSpace: 'nowrap',
     lineHeight: 1,
     cursor: 'pointer'
-  }, defineProperty_defineProperty(_extends2, "".concat(checkboxCls, "-input"), defineProperty_defineProperty({
+  }, defineProperty_defineProperty(_extends2, checkboxCls + "-input", defineProperty_defineProperty({
     position: 'absolute',
     inset: 0,
     zIndex: 1,
@@ -71214,7 +71397,7 @@ var genCheckboxStyle = function genCheckboxStyle(token) {
     height: '100%',
     cursor: 'pointer',
     opacity: 0
-  }, "&:focus-visible + ".concat(checkboxCls, "-inner"), extends_extends({}, genFocusOutline(token)))), defineProperty_defineProperty(_extends2, "".concat(checkboxCls, "-inner"), {
+  }, "&:focus-visible + " + checkboxCls + "-inner", extends_extends({}, genFocusOutline(token)))), defineProperty_defineProperty(_extends2, checkboxCls + "-inner", {
     boxSizing: 'border-box',
     position: 'relative',
     top: 0,
@@ -71224,10 +71407,10 @@ var genCheckboxStyle = function genCheckboxStyle(token) {
     height: token.checkboxSize,
     direction: 'ltr',
     backgroundColor: token.colorBgContainer,
-    border: "".concat(token.lineWidth, "px ").concat(token.lineType, " ").concat(token.colorBorder),
+    border: token.lineWidth + "px " + token.lineType + " " + token.colorBorder,
     borderRadius: token.borderRadiusSM,
     borderCollapse: 'separate',
-    transition: "all ".concat(token.motionDurationFast),
+    transition: "all " + token.motionDurationSlow,
     '&:after': {
       boxSizing: 'border-box',
       position: 'absolute',
@@ -71236,21 +71419,21 @@ var genCheckboxStyle = function genCheckboxStyle(token) {
       display: 'table',
       width: token.checkboxSize / 14 * 5,
       height: token.checkboxSize / 14 * 8,
-      border: "".concat(token.lineWidthBold, "px solid ").concat(token.colorWhite),
+      border: token.lineWidthBold + "px solid " + token.colorWhite,
       borderTop: 0,
       borderInlineStart: 0,
       transform: 'rotate(45deg) scale(0) translate(-50%,-50%)',
       opacity: 0,
-      transition: "all ".concat(token.motionDurationFast, " cubic-bezier(.71,-.46,.88,.6), opacity ").concat(token.motionDurationFast),
-      content: '""'
+      content: '""',
+      transition: "all " + token.motionDurationFast + " " + token.motionEaseInBack + ", opacity " + token.motionDurationFast
     }
   }), defineProperty_defineProperty(_extends2, '& + span', {
     paddingInlineStart: token.paddingXS,
     paddingInlineEnd: token.paddingXS
-  }), _extends2))), _ref),
+  }), _extends2))), _ref2),
   // ================= Indeterminate =================
   defineProperty_defineProperty({}, checkboxCls, {
-    '&-indeterminate': defineProperty_defineProperty({}, "".concat(checkboxCls, "-inner"), {
+    '&-indeterminate': defineProperty_defineProperty({}, checkboxCls + "-inner", {
       '&:after': {
         top: '50%',
         insetInlineStart: '50%',
@@ -71263,20 +71446,20 @@ var genCheckboxStyle = function genCheckboxStyle(token) {
         content: '""'
       }
     })
-  }), (_ref3 = {}, defineProperty_defineProperty(_ref3, "".concat(wrapperCls, ":hover ").concat(checkboxCls, ":after"), {
+  }), (_ref5 = {}, defineProperty_defineProperty(_ref5, wrapperCls + ":hover " + checkboxCls + ":after", {
     visibility: 'visible'
-  }), defineProperty_defineProperty(_ref3, "\n        ".concat(wrapperCls, ":not(").concat(wrapperCls, "-disabled),\n        ").concat(checkboxCls, ":not(").concat(checkboxCls, "-disabled)\n      "), defineProperty_defineProperty({}, "&:hover ".concat(checkboxCls, "-inner"), {
+  }), defineProperty_defineProperty(_ref5, "\n        " + wrapperCls + ":not(" + wrapperCls + "-disabled),\n        " + checkboxCls + ":not(" + checkboxCls + "-disabled)\n      ", defineProperty_defineProperty({}, "&:hover " + checkboxCls + "-inner", {
     borderColor: token.colorPrimary
-  })), _ref3), (_ref4 = {}, defineProperty_defineProperty(_ref4, "".concat(checkboxCls, "-checked"), (_$concat2 = {}, defineProperty_defineProperty(_$concat2, "".concat(checkboxCls, "-inner"), {
+  })), _ref5), (_ref8 = {}, defineProperty_defineProperty(_ref8, checkboxCls + "-checked", (_ref6 = {}, defineProperty_defineProperty(_ref6, checkboxCls + "-inner", {
     backgroundColor: token.colorPrimary,
     borderColor: token.colorPrimary,
     zIndex: 2,
     '&:after': {
       opacity: 1,
       transform: 'rotate(45deg) scale(1) translate(-50%,-50%)',
-      transition: "all ".concat(token.motionDurationSlow, " ").concat(token.motionEaseOutBack, " ").concat(token.motionDurationFast)
+      transition: "all " + token.motionDurationMid + " " + token.motionEaseOutBack + " " + token.motionDurationFast
     }
-  }), defineProperty_defineProperty(_$concat2, '&:after', {
+  }), defineProperty_defineProperty(_ref6, '&:after', {
     position: 'absolute',
     zIndex: 1,
     top: 0,
@@ -71285,41 +71468,41 @@ var genCheckboxStyle = function genCheckboxStyle(token) {
     height: '100%',
     borderRadius: token.borderRadiusSM,
     visibility: 'hidden',
-    border: "".concat(token.lineWidthBold, "px solid ").concat(token.colorPrimary),
+    border: token.lineWidthBold + "px solid " + token.colorPrimary,
     animationName: antCheckboxEffect,
     animationDuration: token.motionDurationSlow,
     animationTimingFunction: 'ease-in-out',
     animationFillMode: 'backwards',
     content: '""'
-  }), _$concat2)), defineProperty_defineProperty(_ref4, "\n        ".concat(wrapperCls, "-checked:not(").concat(wrapperCls, "-disabled),\n        ").concat(checkboxCls, "-checked:not(").concat(checkboxCls, "-disabled)\n      "), defineProperty_defineProperty({}, "&:hover ".concat(checkboxCls, "-inner"), {
+  }), _ref6)), defineProperty_defineProperty(_ref8, "\n        " + wrapperCls + "-checked:not(" + wrapperCls + "-disabled),\n        " + checkboxCls + "-checked:not(" + checkboxCls + "-disabled)\n      ", defineProperty_defineProperty({}, "&:hover " + checkboxCls + "-inner", {
     backgroundColor: token.colorPrimaryHover,
     borderColor: 'transparent'
-  })), _ref4), (_ref5 = {}, defineProperty_defineProperty(_ref5, "".concat(wrapperCls, "-disabled"), {
+  })), _ref8), (_ref10 = {}, defineProperty_defineProperty(_ref10, wrapperCls + "-disabled", {
     cursor: 'not-allowed'
-  }), defineProperty_defineProperty(_ref5, "".concat(checkboxCls, "-disabled"), (_$concat3 = {}, defineProperty_defineProperty(_$concat3, "&, ".concat(checkboxCls, "-input"), {
+  }), defineProperty_defineProperty(_ref10, checkboxCls + "-disabled", (_ref9 = {}, defineProperty_defineProperty(_ref9, "&, " + checkboxCls + "-input", {
     cursor: 'not-allowed'
-  }), defineProperty_defineProperty(_$concat3, "".concat(checkboxCls, "-inner"), {
+  }), defineProperty_defineProperty(_ref9, checkboxCls + "-inner", {
     background: token.colorBgContainerDisabled,
     borderColor: token.colorBorder,
     '&:after': {
       borderColor: token.colorTextDisabled
     }
-  }), defineProperty_defineProperty(_$concat3, '&:after', {
+  }), defineProperty_defineProperty(_ref9, '&:after', {
     display: 'none'
-  }), defineProperty_defineProperty(_$concat3, '& + span', {
+  }), defineProperty_defineProperty(_ref9, '& + span', {
     color: token.colorTextDisabled
-  }), _$concat3)), _ref5)];
+  }), _ref9)), _ref10)];
 };
 // ============================== Export ==============================
 function getStyle(prefixCls, token) {
   var checkboxToken = statistic_merge(token, {
-    checkboxCls: ".".concat(prefixCls),
+    checkboxCls: "." + prefixCls,
     checkboxSize: token.controlInteractiveSize
   });
   return [genCheckboxStyle(checkboxToken)];
 }
-/* harmony default export */ var checkbox_style = (genComponentStyleHook('Checkbox', function (token, _ref6) {
-  var prefixCls = _ref6.prefixCls;
+/* harmony default export */ var checkbox_style = (genComponentStyleHook('Checkbox', function (token, _ref11) {
+  var prefixCls = _ref11.prefixCls;
   return [getStyle(prefixCls, token)];
 }));
 ;// CONCATENATED MODULE: ./node_modules/antd/es/checkbox/Group.js
@@ -71418,7 +71601,7 @@ var InternalCheckboxGroup = function InternalCheckboxGroup(_a, ref) {
     }));
   };
   var prefixCls = getPrefixCls('checkbox', customizePrefixCls);
-  var groupPrefixCls = "".concat(prefixCls, "-group");
+  var groupPrefixCls = prefixCls + "-group";
   var _useStyle = checkbox_style(prefixCls),
     _useStyle2 = slicedToArray_slicedToArray(_useStyle, 2),
     wrapSSR = _useStyle2[0],
@@ -71433,7 +71616,7 @@ var InternalCheckboxGroup = function InternalCheckboxGroup(_a, ref) {
         value: option.value,
         checked: value.includes(option.value),
         onChange: option.onChange,
-        className: "".concat(groupPrefixCls, "-item"),
+        className: groupPrefixCls + "-item",
         style: option.style
       }, option.label);
     });
@@ -71448,7 +71631,7 @@ var InternalCheckboxGroup = function InternalCheckboxGroup(_a, ref) {
     registerValue: registerValue,
     cancelValue: cancelValue
   };
-  var classString = classnames_default()(groupPrefixCls, defineProperty_defineProperty({}, "".concat(groupPrefixCls, "-rtl"), direction === 'rtl'), className, hashId);
+  var classString = classnames_default()(groupPrefixCls, defineProperty_defineProperty({}, groupPrefixCls + "-rtl", direction === 'rtl'), className, hashId);
   return wrapSSR( /*#__PURE__*/external_React_.createElement("div", extends_extends({
     className: classString,
     style: style
@@ -71558,8 +71741,8 @@ var InternalCheckbox = function InternalCheckbox(_a, ref) {
     checkboxProps.name = checkboxGroup.name;
     checkboxProps.checked = checkboxGroup.value.includes(restProps.value);
   }
-  var classString = classnames_default()((_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-wrapper"), true), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-wrapper-checked"), checkboxProps.checked), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-wrapper-disabled"), mergedDisabled), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-wrapper-in-form-item"), isFormItemInput), _classNames), className, hashId);
-  var checkboxClass = classnames_default()(defineProperty_defineProperty({}, "".concat(prefixCls, "-indeterminate"), indeterminate), hashId);
+  var classString = classnames_default()((_classNames = {}, defineProperty_defineProperty(_classNames, prefixCls + "-wrapper", true), defineProperty_defineProperty(_classNames, prefixCls + "-rtl", direction === 'rtl'), defineProperty_defineProperty(_classNames, prefixCls + "-wrapper-checked", checkboxProps.checked), defineProperty_defineProperty(_classNames, prefixCls + "-wrapper-disabled", mergedDisabled), defineProperty_defineProperty(_classNames, prefixCls + "-wrapper-in-form-item", isFormItemInput), _classNames), className, hashId);
+  var checkboxClass = classnames_default()(defineProperty_defineProperty({}, prefixCls + "-indeterminate", indeterminate), hashId);
   var ariaChecked = indeterminate ? 'mixed' : undefined;
   return wrapSSR( /*#__PURE__*/
   // eslint-disable-next-line jsx-a11y/label-has-associated-control
@@ -72582,45 +72765,31 @@ function dist_web_ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
-    if (enumerableOnly) {
-      symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-    keys.push.apply(keys, symbols);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
   }
   return keys;
 }
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-    if (i % 2) {
-      dist_web_ownKeys(Object(source), true).forEach(function (key) {
-        dist_web_defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      dist_web_ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? dist_web_ownKeys(Object(source), !0).forEach(function (key) {
+      dist_web_defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : dist_web_ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
   }
   return target;
 }
 function dist_web_typeof(obj) {
   "@babel/helpers - typeof";
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    dist_web_typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    dist_web_typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-  return dist_web_typeof(obj);
+  return dist_web_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, dist_web_typeof(obj);
 }
 function dist_web_defineProperty(obj, key, value) {
   if (key in obj) {
@@ -72729,13 +72898,13 @@ function setTransformXY(node, xy) {
   }
 }
 var RE_NUM = /[\-+]?(?:\d*\.|)\d+(?:[eE][\-+]?\d+|)/.source;
-var getComputedStyleX; // https://stackoverflow.com/a/3485654/3040605
+var getComputedStyleX;
+// https://stackoverflow.com/a/3485654/3040605
 function forceRelayout(elem) {
   var originalStyle = elem.style.display;
   elem.style.display = 'none';
   elem.offsetHeight; // eslint-disable-line
   elem.style.display = originalStyle;
 }
 function css(el, name, v) {
@@ -72763,23 +72932,29 @@ function getClientPosition(elem) {
   var y;
   var doc = elem.ownerDocument;
   var body = doc.body;
-  var docElem = doc && doc.documentElement; // 根据 GBS 最新数据，A-Grade Browsers 都已支持 getBoundingClientRect 方法，不用再考虑传统的实现方式
+  var docElem = doc && doc.documentElement;
+  // 根据 GBS 最新数据，A-Grade Browsers 都已支持 getBoundingClientRect 方法，不用再考虑传统的实现方式
+  box = elem.getBoundingClientRect();
-  box = elem.getBoundingClientRect(); // 注：jQuery 还考虑减去 docElem.clientLeft/clientTop
+  // 注：jQuery 还考虑减去 docElem.clientLeft/clientTop
   // 但测试发现，这样反而会导致当 html 和 body 有边距/边框样式时，获取的值不正确
   // 此外，ie6 会忽略 html 的 margin 值，幸运地是没有谁会去设置 html 的 margin
   x = Math.floor(box.left);
-  y = Math.floor(box.top); // In IE, most of the time, 2 extra pixels are added to the top and left
+  y = Math.floor(box.top);
+  // In IE, most of the time, 2 extra pixels are added to the top and left
   // due to the implicit 2-pixel inset border.  In IE6/7 quirks mode and
   // IE6 standards mode, this border can be overridden by setting the
   // document element's border to zero -- thus, we cannot rely on the
   // offset always being 2 pixels.
   // In quirks mode, the offset can be determined by querying the body's
   // clientLeft/clientTop, but in standards mode, it is found by querying
   // the document element's clientLeft/clientTop.  Since we already called
   // getClientBoundingRect we have already forced a reflow, so it is not
   // too expensive just to query them all.
   // ie 下应该减去窗口的边框吧，毕竟默认 absolute 都是相对窗口定位的
   // 窗口边框标准是设 documentElement ,quirks 时设置 body
   // 最好禁止在 body 和 html 上边框 ，但 ie < 9 html 默认有 2px ，减去
@@ -72799,8 +72974,8 @@ function dist_web_getScroll(w, top) {
   var ret = w["page".concat(top ? 'Y' : 'X', "Offset")];
   var method = "scroll".concat(top ? 'Top' : 'Left');
   if (typeof ret !== 'number') {
-    var d = w.document; // ie6,7,8 standard mode
+    var d = w.document;
+    // ie6,7,8 standard mode
     ret = d.documentElement[method];
     if (typeof ret !== 'number') {
       // quirks mode
@@ -72823,14 +72998,13 @@ function dist_web_getOffset(el) {
   pos.top += getScrollTop(w);
   return pos;
 }
 /**
  * A crude way of determining if an object is a window
  * @member util
  */
 function isWindow(obj) {
   // must use == for ie8
   /* eslint eqeqeq:0 */
   return obj !== null && obj !== undefined && obj == obj.window;
 }
@@ -72847,8 +73021,9 @@ function _getComputedStyle(elem, name, cs) {
   var computedStyle = cs;
   var val = '';
   var d = getDocument(elem);
-  computedStyle = computedStyle || d.defaultView.getComputedStyle(elem, null); // https://github.com/kissyteam/kissy/issues/61
+  computedStyle = computedStyle || d.defaultView.getComputedStyle(elem, null);
+  // https://github.com/kissyteam/kissy/issues/61
   if (computedStyle) {
     val = computedStyle.getPropertyValue(name) || computedStyle[name];
   }
@@ -72863,27 +73038,32 @@ var PX = 'px';
 function _getComputedStyleIE(elem, name) {
   // currentStyle maybe null
   // http://msdn.microsoft.com/en-us/library/ms535231.aspx
-  var ret = elem[CURRENT_STYLE] && elem[CURRENT_STYLE][name]; // 当 width/height 设置为百分比时，通过 pixelLeft 方式转换的 width/height 值
+  var ret = elem[CURRENT_STYLE] && elem[CURRENT_STYLE][name];
+  // 当 width/height 设置为百分比时，通过 pixelLeft 方式转换的 width/height 值
   // 一开始就处理了! CUSTOM_STYLE.height,CUSTOM_STYLE.width ,cssHook 解决@2011-08-19
   // 在 ie 下不对，需要直接用 offset 方式
   // borderWidth 等值也有问题，但考虑到 borderWidth 设为百分比的概率很小，这里就不考虑了
   // From the awesome hack by Dean Edwards
   // http://erik.eae.net/archives/2007/07/27/18.54.15/#comment-102291
   // If we're not dealing with a regular pixel number
   // but a number that has a weird ending, we need to convert it to pixels
   // exclude left right for relativity
   if (_RE_NUM_NO_PX.test(ret) && !RE_POS.test(name)) {
     // Remember the original values
     var style = elem.style;
     var left = style[LEFT];
-    var rsLeft = elem[RUNTIME_STYLE][LEFT]; // prevent flashing of content
+    var rsLeft = elem[RUNTIME_STYLE][LEFT];
-    elem[RUNTIME_STYLE][LEFT] = elem[CURRENT_STYLE][LEFT]; // Put in the new values to get a computed value out
+    // prevent flashing of content
+    elem[RUNTIME_STYLE][LEFT] = elem[CURRENT_STYLE][LEFT];
+    // Put in the new values to get a computed value out
     style[LEFT] = name === 'fontSize' ? '1em' : ret || 0;
-    ret = style.pixelLeft + PX; // Revert the changed values
+    ret = style.pixelLeft + PX;
+    // Revert the changed values
     style[LEFT] = left;
     elem[RUNTIME_STYLE][LEFT] = rsLeft;
   }
@@ -72908,8 +73088,9 @@ function oppositeOffsetDirection(dir) {
   } else if (dir === 'bottom') {
     return 'top';
   }
-} // 设置 elem 相对 elem.ownerDocument 的坐标
+}
+// 设置 elem 相对 elem.ownerDocument 的坐标
 function setLeftTop(elem, offset, option) {
   // set position first, in-case top/left are set even on static elem
   if (css(elem, 'position') === 'static') {
@@ -72940,8 +73121,8 @@ function setLeftTop(elem, offset, option) {
   if ('top' in offset) {
     elem.style[oppositeVerticalProperty] = '';
     elem.style[verticalProperty] = "".concat(presetV, "px");
-  } // force relayout
+  }
+  // force relayout
   forceRelayout(elem);
   var old = dist_web_getOffset(elem);
   var originalStyle = {};
@@ -72957,8 +73138,8 @@ function setLeftTop(elem, offset, option) {
       }
     }
   }
-  css(elem, originalStyle); // force relayout
+  css(elem, originalStyle);
+  // force relayout
   forceRelayout(elem);
   if ('left' in offset || 'top' in offset) {
     setTransitionProperty(elem, originalTransition);
@@ -73027,16 +73208,18 @@ var MARGIN_INDEX = 0;
 function swap(elem, options, callback) {
   var old = {};
   var style = elem.style;
-  var name; // Remember the old values, and insert the new ones
+  var name;
+  // Remember the old values, and insert the new ones
   for (name in options) {
     if (options.hasOwnProperty(name)) {
       old[name] = style[name];
       style[name] = options[name];
     }
   }
-  callback.call(elem); // Revert the old values
+  callback.call(elem);
+  // Revert the old values
   for (name in options) {
     if (options.hasOwnProperty(name)) {
       style[name] = old[name];
@@ -73093,12 +73276,13 @@ dist_web_each(['Width', 'Height'], function (name) {
     var doc = win.document;
     var body = doc.body;
     var documentElement = doc.documentElement;
-    var documentElementProp = documentElement[prop]; // 标准模式取 documentElement
+    var documentElementProp = documentElement[prop];
+    // 标准模式取 documentElement
     // backcompat 取 body
     return doc.compatMode === 'CSS1Compat' && documentElementProp || body && body[prop] || documentElementProp;
   };
 });
 /*
  得到元素的大小信息
  @param elem
@@ -73107,7 +73291,6 @@ dist_web_each(['Width', 'Height'], function (name) {
  'border' : (css width) + padding + border
  'margin' : (css width) + padding + border + margin
  */
 function getWH(elem, name, ex) {
   var extra = ex;
   if (isWindow(elem)) {
@@ -73120,14 +73303,14 @@ function getWH(elem, name, ex) {
   var isBorderBox = isBorderBoxFn(elem);
   var cssBoxValue = 0;
   if (borderBoxValue === null || borderBoxValue === undefined || borderBoxValue <= 0) {
-    borderBoxValue = undefined; // Fall back to computed then un computed css if necessary
+    borderBoxValue = undefined;
+    // Fall back to computed then un computed css if necessary
     cssBoxValue = getComputedStyleX(elem, name);
     if (cssBoxValue === null || cssBoxValue === undefined || Number(cssBoxValue) < 0) {
       cssBoxValue = elem.style[name] || 0;
-    } // Normalize '', auto, and prepare for extra
-    cssBoxValue = parseFloat(cssBoxValue) || 0;
+    }
+    // Normalize '', auto, and prepare for extra
+    cssBoxValue = Math.floor(parseFloat(cssBoxValue)) || 0;
   }
   if (extra === undefined) {
     extra = isBorderBox ? BORDER_INDEX : CONTENT_INDEX;
@@ -73151,16 +73334,17 @@ var cssShow = {
   position: 'absolute',
   visibility: 'hidden',
   display: 'block'
-}; // fix #119 : https://github.com/kissyteam/kissy/issues/119
+};
+// fix #119 : https://github.com/kissyteam/kissy/issues/119
 function getWHIgnoreDisplay() {
   for (var _len = arguments.length, args = new Array(_len), _key2 = 0; _key2 < _len; _key2++) {
     args[_key2] = arguments[_key2];
   }
   var val;
-  var elem = args[0]; // in case elem is window
+  var elem = args[0];
+  // in case elem is window
   // elem.offsetWidth === undefined
   if (elem.offsetWidth !== 0) {
     val = getWH.apply(undefined, args);
   } else {
@@ -73258,13 +73442,12 @@ mix(utils, domUtils);
 /**
  * 得到会导致元素显示不全的祖先元素
  */
 var getParent = utils.getParent;
 function getOffsetParent(element) {
   if (utils.isWindow(element) || element.nodeType === 9) {
     return null;
-  } // ie 这个也不是完全可行
+  }
+  // ie 这个也不是完全可行
   /*
    <div style="width: 50px;height: 100px;overflow: hidden">
    <div style="width: 50px;height: 100px;position: relative;" id="d6">
@@ -73279,7 +73462,6 @@ function getOffsetParent(element) {
   //            return element.offsetParent;
   //        }
   // 统一的 offsetParent 方法
   var doc = utils.getDocument(element);
   var body = doc.body;
   var parent;
@@ -73318,7 +73500,6 @@ function isAncestorFixed(element) {
 /**
  * 获得元素的显示部分的区域
  */
 function getVisibleRectForElement(element, alwaysByViewport) {
   var visibleRect = {
     left: 0,
@@ -73330,9 +73511,10 @@ function getVisibleRectForElement(element, alwaysByViewport) {
   var doc = utils.getDocument(element);
   var win = doc.defaultView || doc.parentWindow;
   var body = doc.body;
-  var documentElement = doc.documentElement; // Determine the size of the visible rect by climbing the dom accounting for
-  // all scrollable containers.
+  var documentElement = doc.documentElement;
+  // Determine the size of the visible rect by climbing the dom accounting for
+  // all scrollable containers.
   while (el) {
     // clientWidth is zero for inline block elements in ie.
     if ((navigator.userAgent.indexOf('MSIE') === -1 || el.clientWidth !== 0) &&
@@ -73340,8 +73522,8 @@ function getVisibleRectForElement(element, alwaysByViewport) {
     // viewport. In some browsers, el.offsetParent may be
     // document.documentElement, so check for that too.
     el !== body && el !== documentElement && utils.css(el, 'overflow') !== 'visible') {
-      var pos = utils.offset(el); // add border
+      var pos = utils.offset(el);
+      // add border
       pos.left += el.clientLeft;
       pos.top += el.clientTop;
       visibleRect.top = Math.max(visibleRect.top, pos.top);
@@ -73354,10 +73536,11 @@ function getVisibleRectForElement(element, alwaysByViewport) {
       break;
     }
     el = getOffsetParent(el);
-  } // Set element position to fixed
+  }
+  // Set element position to fixed
   // make sure absolute element itself don't affect it's visible area
   // https://github.com/ant-design/ant-design/issues/7601
   var originalPosition = null;
   if (!utils.isWindow(element) && element.nodeType !== 9) {
     originalPosition = element.style.position;
@@ -73371,17 +73554,19 @@ function getVisibleRectForElement(element, alwaysByViewport) {
   var viewportWidth = utils.viewportWidth(win);
   var viewportHeight = utils.viewportHeight(win);
   var documentWidth = documentElement.scrollWidth;
-  var documentHeight = documentElement.scrollHeight; // scrollXXX on html is sync with body which means overflow: hidden on body gets wrong scrollXXX.
-  // We should cut this ourself.
+  var documentHeight = documentElement.scrollHeight;
+  // scrollXXX on html is sync with body which means overflow: hidden on body gets wrong scrollXXX.
+  // We should cut this ourself.
   var bodyStyle = window.getComputedStyle(body);
   if (bodyStyle.overflowX === 'hidden') {
     documentWidth = win.innerWidth;
   }
   if (bodyStyle.overflowY === 'hidden') {
     documentHeight = win.innerHeight;
-  } // Reset element position after calculate the visible area
+  }
+  // Reset element position after calculate the visible area
   if (element.style) {
     element.style.position = originalPosition;
   }
@@ -73408,25 +73593,30 @@ function adjustForViewport(elFuturePos, elRegion, visibleRect, overflow) {
   };
   if (overflow.adjustX && pos.left < visibleRect.left) {
     pos.left = visibleRect.left;
-  } // Left edge inside and right edge outside viewport, try to resize it.
+  }
+  // Left edge inside and right edge outside viewport, try to resize it.
   if (overflow.resizeWidth && pos.left >= visibleRect.left && pos.left + size.width > visibleRect.right) {
     size.width -= pos.left + size.width - visibleRect.right;
-  } // Right edge outside viewport, try to move it.
+  }
+  // Right edge outside viewport, try to move it.
   if (overflow.adjustX && pos.left + size.width > visibleRect.right) {
     // 保证左边界和可视区域左边界对齐
     pos.left = Math.max(visibleRect.right - size.width, visibleRect.left);
-  } // Top edge outside viewport, try to move it.
+  }
+  // Top edge outside viewport, try to move it.
   if (overflow.adjustY && pos.top < visibleRect.top) {
     pos.top = visibleRect.top;
-  } // Top edge inside and bottom edge outside viewport, try to resize it.
+  }
+  // Top edge inside and bottom edge outside viewport, try to resize it.
   if (overflow.resizeHeight && pos.top >= visibleRect.top && pos.top + size.height > visibleRect.bottom) {
     size.height -= pos.top + size.height - visibleRect.bottom;
-  } // Bottom edge outside viewport, try to move it.
+  }
+  // Bottom edge outside viewport, try to move it.
   if (overflow.adjustY && pos.top + size.height > visibleRect.bottom) {
     // 保证上边界和可视区域上边界对齐
     pos.top = Math.max(visibleRect.bottom - size.height, visibleRect.top);
@@ -73458,6 +73648,7 @@ function getRegion(node) {
 /**
  * 获取 node 上的 align 对齐点 相对于页面的坐标
  */
 function getAlignOffset(region, align) {
   var V = align.charAt(0);
   var H = align.charAt(1);
@@ -73495,6 +73686,8 @@ function getElFuturePos(elRegion, refNodeRegion, points, offset, targetOffset) {
  * @author yiminghe@gmail.com
  */
+// http://yiminghe.iteye.com/blog/1124720
 function isFailX(elFuturePos, elRegion, visibleRect) {
   return elFuturePos.left < visibleRect.left || elFuturePos.left + elRegion.width > visibleRect.right;
 }
@@ -73533,12 +73726,12 @@ function normalizeOffset(offset, el) {
   offset[0] = convertOffset(offset[0], el.width);
   offset[1] = convertOffset(offset[1], el.height);
 }
 /**
  * @param el
  * @param tgtRegion 参照节点所占的区域: { left, top, width, height }
  * @param align
  */
 function doAlign(el, tgtRegion, align, isTgtRegionVisible) {
   var points = align.points;
   var offset = align.offset || [0, 0];
@@ -73550,19 +73743,20 @@ function doAlign(el, tgtRegion, align, isTgtRegionVisible) {
   overflow = overflow || {};
   var newOverflowCfg = {};
   var fail = 0;
-  var alwaysByViewport = !!(overflow && overflow.alwaysByViewport); // 当前节点可以被放置的显示区域
-  var visibleRect = getVisibleRectForElement(source, alwaysByViewport); // 当前节点所占的区域, left/top/width/height
-  var elRegion = getRegion(source); // 将 offset 转换成数值，支持百分比
+  var alwaysByViewport = !!(overflow && overflow.alwaysByViewport);
+  // 当前节点可以被放置的显示区域
+  var visibleRect = getVisibleRectForElement(source, alwaysByViewport);
+  // 当前节点所占的区域, left/top/width/height
+  var elRegion = getRegion(source);
+  // 将 offset 转换成数值，支持百分比
   normalizeOffset(offset, elRegion);
-  normalizeOffset(targetOffset, tgtRegion); // 当前节点将要被放置的位置
-  var elFuturePos = getElFuturePos(elRegion, tgtRegion, points, offset, targetOffset); // 当前节点将要所处的区域
-  var newElRegion = utils.merge(elRegion, elFuturePos); // 如果可视区域不能完全放置当前节点时允许调整
+  normalizeOffset(targetOffset, tgtRegion);
+  // 当前节点将要被放置的位置
+  var elFuturePos = getElFuturePos(elRegion, tgtRegion, points, offset, targetOffset);
+  // 当前节点将要所处的区域
+  var newElRegion = utils.merge(elRegion, elFuturePos);
+  // 如果可视区域不能完全放置当前节点时允许调整
   if (visibleRect && (overflow.adjustX || overflow.adjustY) && isTgtRegionVisible) {
     if (overflow.adjustX) {
       // 如果横向不能放下
@@ -73571,8 +73765,8 @@ function doAlign(el, tgtRegion, align, isTgtRegionVisible) {
         var newPoints = flip(points, /[lr]/gi, {
           l: 'r',
           r: 'l'
-        }); // 偏移量也反下
+        });
+        // 偏移量也反下
         var newOffset = flipOffset(offset, 0);
         var newTargetOffset = flipOffset(targetOffset, 0);
         var newElFuturePos = getElFuturePos(elRegion, tgtRegion, newPoints, newOffset, newTargetOffset);
@@ -73591,8 +73785,8 @@ function doAlign(el, tgtRegion, align, isTgtRegionVisible) {
         var _newPoints = flip(points, /[tb]/gi, {
           t: 'b',
           b: 't'
-        }); // 偏移量也反下
+        });
+        // 偏移量也反下
         var _newOffset = flipOffset(offset, 1);
         var _newTargetOffset = flipOffset(targetOffset, 1);
         var _newElFuturePos = getElFuturePos(elRegion, tgtRegion, _newPoints, _newOffset, _newTargetOffset);
@@ -73603,19 +73797,21 @@ function doAlign(el, tgtRegion, align, isTgtRegionVisible) {
           targetOffset = _newTargetOffset;
         }
       }
-    } // 如果失败，重新计算当前节点将要被放置的位置
+    }
+    // 如果失败，重新计算当前节点将要被放置的位置
     if (fail) {
       elFuturePos = getElFuturePos(elRegion, tgtRegion, points, offset, targetOffset);
       utils.mix(newElRegion, elFuturePos);
     }
     var isStillFailX = isFailX(elFuturePos, elRegion, visibleRect);
-    var isStillFailY = isFailY(elFuturePos, elRegion, visibleRect); // 检查反下后的位置是否可以放下了，如果仍然放不下：
+    var isStillFailY = isFailY(elFuturePos, elRegion, visibleRect);
+    // 检查反下后的位置是否可以放下了，如果仍然放不下：
     // 1. 复原修改过的定位参数
     if (isStillFailX || isStillFailY) {
-      var _newPoints2 = points; // 重置对应部分的翻转逻辑
+      var _newPoints2 = points;
+      // 重置对应部分的翻转逻辑
       if (isStillFailX) {
         _newPoints2 = flip(points, /[lr]/gi, {
           l: 'r',
@@ -73631,25 +73827,28 @@ function doAlign(el, tgtRegion, align, isTgtRegionVisible) {
       points = _newPoints2;
       offset = align.offset || [0, 0];
       targetOffset = align.targetOffset || [0, 0];
-    } // 2. 只有指定了可以调整当前方向才调整
+    }
+    // 2. 只有指定了可以调整当前方向才调整
     newOverflowCfg.adjustX = overflow.adjustX && isStillFailX;
-    newOverflowCfg.adjustY = overflow.adjustY && isStillFailY; // 确实要调整，甚至可能会调整高度宽度
+    newOverflowCfg.adjustY = overflow.adjustY && isStillFailY;
+    // 确实要调整，甚至可能会调整高度宽度
     if (newOverflowCfg.adjustX || newOverflowCfg.adjustY) {
       newElRegion = adjustForViewport(elFuturePos, elRegion, visibleRect, newOverflowCfg);
     }
-  } // need judge to in case set fixed with in css on height auto element
+  }
+  // need judge to in case set fixed with in css on height auto element
   if (newElRegion.width !== elRegion.width) {
     utils.css(source, 'width', utils.width(source) + newElRegion.width - elRegion.width);
   }
   if (newElRegion.height !== elRegion.height) {
     utils.css(source, 'height', utils.height(source) + newElRegion.height - elRegion.height);
-  } // https://github.com/kissyteam/kissy/issues/190
+  }
+  // https://github.com/kissyteam/kissy/issues/190
   // 相对于屏幕位置没变，而 left/top 变了
   // 例如 <div 'relative'><el absolute></div>
   utils.offset(source, {
     left: newElRegion.left,
     top: newElRegion.top
@@ -73719,8 +73918,9 @@ function alignPoint(el, tgtPoint, align) {
     width: 0,
     height: 0
   };
-  var pointInView = pageX >= 0 && pageX <= scrollX + viewportWidth && pageY >= 0 && pageY <= scrollY + viewportHeight; // Provide default target point
+  var pointInView = pageX >= 0 && pageX <= scrollX + viewportWidth && pageY >= 0 && pageY <= scrollY + viewportHeight;
+  // Provide default target point
   var points = [align.points[0], 'cc'];
   return doAlign(el, tgtRegion, _objectSpread2(_objectSpread2({}, align), {}, {
     points: points
@@ -76529,7 +76729,8 @@ function useDirectionStyle(level) {
 ;// CONCATENATED MODULE: ./node_modules/rc-menu/es/context/PathContext.js
-var EmptyList = [];
+var EmptyList = []; // ========================= Path Register =========================
 var PathRegisterContext = /*#__PURE__*/external_React_.createContext(null);
 function useMeasure() {
   return external_React_.useContext(PathRegisterContext);
@@ -76541,7 +76742,8 @@ function useFullPath(eventKey) {
   return external_React_.useMemo(function () {
     return eventKey !== undefined ? [].concat(toConsumableArray_toConsumableArray(parentKeyPath), [eventKey]) : parentKeyPath;
   }, [parentKeyPath, eventKey]);
-}
+} // =========================== Path User ===========================
 var PathUserContext = /*#__PURE__*/external_React_.createContext(null);
 ;// CONCATENATED MODULE: ./node_modules/rc-menu/es/context/IdContext.js
@@ -76590,10 +76792,11 @@ var MenuItem_excluded = ["title", "attribute", "elementRef"],
- // Since Menu event provide the `info.item` which point to the MenuItem node instance.
+// Since Menu event provide the `info.item` which point to the MenuItem node instance.
 // We have to use class component here.
 // This should be removed from doc & api in future.
 var LegacyMenuItem = /*#__PURE__*/function (_React$Component) {
   _inherits(LegacyMenuItem, _React$Component);
   var _super = _createSuper(LegacyMenuItem);
@@ -76770,9 +76973,9 @@ var nodeUtil_excluded = ["label", "children", "key", "type"];
 function parseChildren(children, keyPath) {
   return toArray_toArray(children).map(function (child, index) {
     if ( /*#__PURE__*/external_React_.isValidElement(child)) {
-      var _child$props$eventKey, _child$props;
+      var _eventKey, _child$props;
       var key = child.key;
-      var eventKey = (_child$props$eventKey = (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.eventKey) !== null && _child$props$eventKey !== void 0 ? _child$props$eventKey : key;
+      var eventKey = (_eventKey = (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.eventKey) !== null && _eventKey !== void 0 ? _eventKey : key;
       var emptyKey = eventKey === null || eventKey === undefined;
       if (emptyKey) {
         eventKey = "tmp_key-".concat([].concat(toConsumableArray_toConsumableArray(keyPath), [index]).join('-'));
@@ -76790,11 +76993,12 @@ function parseChildren(children, keyPath) {
 function convertItemsToNodes(list) {
   return (list || []).map(function (opt, index) {
     if (opt && typeof_typeof(opt) === 'object') {
-      var label = opt.label,
-        children = opt.children,
-        key = opt.key,
-        type = opt.type,
-        restProps = objectWithoutProperties_objectWithoutProperties(opt, nodeUtil_excluded);
+      var _ref = opt,
+        label = _ref.label,
+        children = _ref.children,
+        key = _ref.key,
+        type = _ref.type,
+        restProps = objectWithoutProperties_objectWithoutProperties(_ref, nodeUtil_excluded);
       var mergedKey = key !== null && key !== void 0 ? key : "tmp-".concat(index); // MenuItemGroup & SubMenuItem
       if (children || type === 'group') {
@@ -77275,8 +77479,10 @@ var InternalSubMenu = function InternalSubMenu(props) {
   }))); // Cache mode if it change to `inline` which do not have popup motion
   var triggerModeRef = external_React_.useRef(mode);
-  if (mode !== 'inline') {
-    triggerModeRef.current = connectedPath.length > 1 ? 'vertical' : mode;
+  if (mode !== 'inline' && connectedPath.length > 1) {
+    triggerModeRef.current = 'vertical';
+  } else {
+    triggerModeRef.current = mode;
   }
   if (!overflowDisabled) {
     var triggerMode = triggerModeRef.current; // Still wrap with Trigger here since we need avoid react re-mount dom node
@@ -77540,7 +77746,7 @@ function useAccessibility_useAccessibility(mode, activeKey, isRtl, id, container
           var focusTargetElement = menuElement; // Focus to link instead of menu item if possible
           var link = menuElement.querySelector('a');
-          if (link === null || link === void 0 ? void 0 : link.getAttribute('href')) {
+          if (link !== null && link !== void 0 && link.getAttribute('href')) {
             focusTargetElement = link;
           }
           var targetKey = element2key.get(menuElement);
@@ -77785,60 +77991,61 @@ var Menu_excluded = ["prefixCls", "rootClassName", "style", "className", "tabInd
 var EMPTY_LIST = [];
 var Menu = /*#__PURE__*/external_React_.forwardRef(function (props, ref) {
   var _childList$, _classNames;
-  var _props$prefixCls = props.prefixCls,
-    prefixCls = _props$prefixCls === void 0 ? 'rc-menu' : _props$prefixCls,
-    rootClassName = props.rootClassName,
-    style = props.style,
-    className = props.className,
-    _props$tabIndex = props.tabIndex,
-    tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,
-    items = props.items,
-    children = props.children,
-    direction = props.direction,
-    id = props.id,
-    _props$mode = props.mode,
-    mode = _props$mode === void 0 ? 'vertical' : _props$mode,
-    inlineCollapsed = props.inlineCollapsed,
-    disabled = props.disabled,
-    disabledOverflow = props.disabledOverflow,
-    _props$subMenuOpenDel = props.subMenuOpenDelay,
-    subMenuOpenDelay = _props$subMenuOpenDel === void 0 ? 0.1 : _props$subMenuOpenDel,
-    _props$subMenuCloseDe = props.subMenuCloseDelay,
-    subMenuCloseDelay = _props$subMenuCloseDe === void 0 ? 0.1 : _props$subMenuCloseDe,
-    forceSubMenuRender = props.forceSubMenuRender,
-    defaultOpenKeys = props.defaultOpenKeys,
-    openKeys = props.openKeys,
-    activeKey = props.activeKey,
-    defaultActiveFirst = props.defaultActiveFirst,
-    _props$selectable = props.selectable,
-    selectable = _props$selectable === void 0 ? true : _props$selectable,
-    _props$multiple = props.multiple,
-    multiple = _props$multiple === void 0 ? false : _props$multiple,
-    defaultSelectedKeys = props.defaultSelectedKeys,
-    selectedKeys = props.selectedKeys,
-    onSelect = props.onSelect,
-    onDeselect = props.onDeselect,
-    _props$inlineIndent = props.inlineIndent,
-    inlineIndent = _props$inlineIndent === void 0 ? 24 : _props$inlineIndent,
-    motion = props.motion,
-    defaultMotions = props.defaultMotions,
-    _props$triggerSubMenu = props.triggerSubMenuAction,
-    triggerSubMenuAction = _props$triggerSubMenu === void 0 ? 'hover' : _props$triggerSubMenu,
-    builtinPlacements = props.builtinPlacements,
-    itemIcon = props.itemIcon,
-    expandIcon = props.expandIcon,
-    _props$overflowedIndi = props.overflowedIndicator,
-    overflowedIndicator = _props$overflowedIndi === void 0 ? '...' : _props$overflowedIndi,
-    overflowedIndicatorPopupClassName = props.overflowedIndicatorPopupClassName,
-    getPopupContainer = props.getPopupContainer,
-    onClick = props.onClick,
-    onOpenChange = props.onOpenChange,
-    onKeyDown = props.onKeyDown,
-    openAnimation = props.openAnimation,
-    openTransitionName = props.openTransitionName,
-    _internalRenderMenuItem = props._internalRenderMenuItem,
-    _internalRenderSubMenuItem = props._internalRenderSubMenuItem,
-    restProps = objectWithoutProperties_objectWithoutProperties(props, Menu_excluded);
+  var _ref = props,
+    _ref$prefixCls = _ref.prefixCls,
+    prefixCls = _ref$prefixCls === void 0 ? 'rc-menu' : _ref$prefixCls,
+    rootClassName = _ref.rootClassName,
+    style = _ref.style,
+    className = _ref.className,
+    _ref$tabIndex = _ref.tabIndex,
+    tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex,
+    items = _ref.items,
+    children = _ref.children,
+    direction = _ref.direction,
+    id = _ref.id,
+    _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? 'vertical' : _ref$mode,
+    inlineCollapsed = _ref.inlineCollapsed,
+    disabled = _ref.disabled,
+    disabledOverflow = _ref.disabledOverflow,
+    _ref$subMenuOpenDelay = _ref.subMenuOpenDelay,
+    subMenuOpenDelay = _ref$subMenuOpenDelay === void 0 ? 0.1 : _ref$subMenuOpenDelay,
+    _ref$subMenuCloseDela = _ref.subMenuCloseDelay,
+    subMenuCloseDelay = _ref$subMenuCloseDela === void 0 ? 0.1 : _ref$subMenuCloseDela,
+    forceSubMenuRender = _ref.forceSubMenuRender,
+    defaultOpenKeys = _ref.defaultOpenKeys,
+    openKeys = _ref.openKeys,
+    activeKey = _ref.activeKey,
+    defaultActiveFirst = _ref.defaultActiveFirst,
+    _ref$selectable = _ref.selectable,
+    selectable = _ref$selectable === void 0 ? true : _ref$selectable,
+    _ref$multiple = _ref.multiple,
+    multiple = _ref$multiple === void 0 ? false : _ref$multiple,
+    defaultSelectedKeys = _ref.defaultSelectedKeys,
+    selectedKeys = _ref.selectedKeys,
+    onSelect = _ref.onSelect,
+    onDeselect = _ref.onDeselect,
+    _ref$inlineIndent = _ref.inlineIndent,
+    inlineIndent = _ref$inlineIndent === void 0 ? 24 : _ref$inlineIndent,
+    motion = _ref.motion,
+    defaultMotions = _ref.defaultMotions,
+    _ref$triggerSubMenuAc = _ref.triggerSubMenuAction,
+    triggerSubMenuAction = _ref$triggerSubMenuAc === void 0 ? 'hover' : _ref$triggerSubMenuAc,
+    builtinPlacements = _ref.builtinPlacements,
+    itemIcon = _ref.itemIcon,
+    expandIcon = _ref.expandIcon,
+    _ref$overflowedIndica = _ref.overflowedIndicator,
+    overflowedIndicator = _ref$overflowedIndica === void 0 ? '...' : _ref$overflowedIndica,
+    overflowedIndicatorPopupClassName = _ref.overflowedIndicatorPopupClassName,
+    getPopupContainer = _ref.getPopupContainer,
+    onClick = _ref.onClick,
+    onOpenChange = _ref.onOpenChange,
+    onKeyDown = _ref.onKeyDown,
+    openAnimation = _ref.openAnimation,
+    openTransitionName = _ref.openTransitionName,
+    _internalRenderMenuItem = _ref._internalRenderMenuItem,
+    _internalRenderSubMenuItem = _ref._internalRenderSubMenuItem,
+    restProps = objectWithoutProperties_objectWithoutProperties(_ref, Menu_excluded);
   var childList = external_React_.useMemo(function () {
     return parseItems(children, items, EMPTY_LIST);
   }, [children, items]);
@@ -78284,7 +78491,7 @@ var skipOpacityTransition = function skipOpacityTransition(_, event) {
 var initCollapseMotion = function initCollapseMotion() {
   var rootCls = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'ant';
   return {
-    motionName: "".concat(rootCls, "-motion-collapse"),
+    motionName: rootCls + "-motion-collapse",
     onAppearStart: getCollapsedHeight,
     onEnterStart: getCollapsedHeight,
     onAppearActive: getRealHeight,
@@ -78308,7 +78515,7 @@ var motion_getTransitionName = function getTransitionName(rootPrefixCls, motion,
   if (transitionName !== undefined) {
     return transitionName;
   }
-  return "".concat(rootPrefixCls, "-").concat(motion);
+  return rootPrefixCls + "-" + motion;
 };
 /* harmony default export */ var motion = (initCollapseMotion);
@@ -78332,14 +78539,14 @@ function cloneElement(element, props) {
 var genCollapseMotion = function genCollapseMotion(token) {
   var _token$componentCls;
-  return defineProperty_defineProperty({}, token.componentCls, (_token$componentCls = {}, defineProperty_defineProperty(_token$componentCls, "".concat(token.antCls, "-motion-collapse-legacy"), {
+  return defineProperty_defineProperty({}, token.componentCls, (_token$componentCls = {}, defineProperty_defineProperty(_token$componentCls, token.antCls + "-motion-collapse-legacy", {
     overflow: 'hidden',
     '&-active': {
-      transition: "height ".concat(token.motionDurationMid, " ").concat(token.motionEaseInOut, ",\n        opacity ").concat(token.motionDurationMid, " ").concat(token.motionEaseInOut, " !important")
+      transition: "height " + token.motionDurationMid + " " + token.motionEaseInOut + ",\n        opacity " + token.motionDurationMid + " " + token.motionEaseInOut + " !important"
     }
-  }), defineProperty_defineProperty(_token$componentCls, "".concat(token.antCls, "-motion-collapse"), {
+  }), defineProperty_defineProperty(_token$componentCls, token.antCls + "-motion-collapse", {
     overflow: 'hidden',
-    transition: "height ".concat(token.motionDurationMid, " ").concat(token.motionEaseInOut, ",\n        opacity ").concat(token.motionDurationMid, " ").concat(token.motionEaseInOut, " !important")
+    transition: "height " + token.motionDurationMid + " " + token.motionEaseInOut + ",\n        opacity " + token.motionDurationMid + " " + token.motionEaseInOut + " !important"
   }), _token$componentCls));
 };
 /* harmony default export */ var collapse = (genCollapseMotion);
@@ -78361,14 +78568,16 @@ var initMotionCommonLeave = function initMotionCommonLeave(duration) {
 };
 var initMotion = function initMotion(motionCls, inKeyframes, outKeyframes, duration) {
   var _ref;
-  return _ref = {}, defineProperty_defineProperty(_ref, "\n    ".concat(motionCls, "-enter,\n    ").concat(motionCls, "-appear\n  "), extends_extends(extends_extends({}, initMotionCommon(duration)), {
+  var sameLevel = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  var sameLevelPrefix = sameLevel ? '&' : '';
+  return _ref = {}, defineProperty_defineProperty(_ref, "\n      " + sameLevelPrefix + motionCls + "-enter,\n      " + sameLevelPrefix + motionCls + "-appear\n    ", extends_extends(extends_extends({}, initMotionCommon(duration)), {
     animationPlayState: 'paused'
-  })), defineProperty_defineProperty(_ref, "".concat(motionCls, "-leave"), extends_extends(extends_extends({}, initMotionCommonLeave(duration)), {
+  })), defineProperty_defineProperty(_ref, "" + sameLevelPrefix + motionCls + "-leave", extends_extends(extends_extends({}, initMotionCommonLeave(duration)), {
     animationPlayState: 'paused'
-  })), defineProperty_defineProperty(_ref, "\n    ".concat(motionCls, "-enter").concat(motionCls, "-enter-active,\n    ").concat(motionCls, "-appear").concat(motionCls, "-appear-active\n  "), {
+  })), defineProperty_defineProperty(_ref, "\n      " + sameLevelPrefix + motionCls + "-enter" + motionCls + "-enter-active,\n      " + sameLevelPrefix + motionCls + "-appear" + motionCls + "-appear-active\n    ", {
     animationName: inKeyframes,
     animationPlayState: 'running'
-  }), defineProperty_defineProperty(_ref, "".concat(motionCls, "-leave").concat(motionCls, "-leave-active"), {
+  }), defineProperty_defineProperty(_ref, "" + sameLevelPrefix + motionCls + "-leave" + motionCls + "-leave-active", {
     animationName: outKeyframes,
     animationPlayState: 'running',
     pointerEvents: 'none'
@@ -78495,14 +78704,14 @@ var slideMotion = {
 var initSlideMotion = function initSlideMotion(token, motionName) {
   var _ref;
   var antCls = token.antCls;
-  var motionCls = "".concat(antCls, "-").concat(motionName);
+  var motionCls = antCls + "-" + motionName;
   var _slideMotion$motionNa = slideMotion[motionName],
     inKeyframes = _slideMotion$motionNa.inKeyframes,
     outKeyframes = _slideMotion$motionNa.outKeyframes;
-  return [initMotion(motionCls, inKeyframes, outKeyframes, token.motionDurationMid), (_ref = {}, defineProperty_defineProperty(_ref, "\n      ".concat(motionCls, "-enter,\n      ").concat(motionCls, "-appear\n    "), {
+  return [initMotion(motionCls, inKeyframes, outKeyframes, token.motionDurationMid), (_ref = {}, defineProperty_defineProperty(_ref, "\n      " + motionCls + "-enter,\n      " + motionCls + "-appear\n    ", {
     opacity: 0,
     animationTimingFunction: token.motionEaseOutQuint
-  }), defineProperty_defineProperty(_ref, "".concat(motionCls, "-leave"), {
+  }), defineProperty_defineProperty(_ref, motionCls + "-leave", {
     animationTimingFunction: token.motionEaseInQuint
   }), _ref)];
 };
@@ -78669,25 +78878,25 @@ var zoomMotion = {
 var initZoomMotion = function initZoomMotion(token, motionName) {
   var _ref;
   var antCls = token.antCls;
-  var motionCls = "".concat(antCls, "-").concat(motionName);
+  var motionCls = antCls + "-" + motionName;
   var _zoomMotion$motionNam = zoomMotion[motionName],
     inKeyframes = _zoomMotion$motionNam.inKeyframes,
     outKeyframes = _zoomMotion$motionNam.outKeyframes;
-  return [initMotion(motionCls, inKeyframes, outKeyframes, motionName === 'zoom-big-fast' ? token.motionDurationFast : token.motionDurationMid), (_ref = {}, defineProperty_defineProperty(_ref, "\n        ".concat(motionCls, "-enter,\n        ").concat(motionCls, "-appear\n      "), {
+  return [initMotion(motionCls, inKeyframes, outKeyframes, motionName === 'zoom-big-fast' ? token.motionDurationMid : token.motionDurationMid), (_ref = {}, defineProperty_defineProperty(_ref, "\n        " + motionCls + "-enter,\n        " + motionCls + "-appear\n      ", {
     transform: 'scale(0)',
     opacity: 0,
     animationTimingFunction: token.motionEaseOutCirc,
     '&-prepare': {
       transform: 'none'
     }
-  }), defineProperty_defineProperty(_ref, "".concat(motionCls, "-leave"), {
+  }), defineProperty_defineProperty(_ref, motionCls + "-leave", {
     animationTimingFunction: token.motionEaseInOutCirc
   }), _ref)];
 };
 ;// CONCATENATED MODULE: ./node_modules/antd/es/menu/style/horizontal.js
 var getHorizontalStyle = function getHorizontalStyle(token) {
-  var _$concat;
+  var _ref;
   var componentCls = token.componentCls,
     motionDurationSlow = token.motionDurationSlow,
     menuHorizontalHeight = token.menuHorizontalHeight,
@@ -78696,10 +78905,10 @@ var getHorizontalStyle = function getHorizontalStyle(token) {
     lineType = token.lineType,
     menuItemPaddingInline = token.menuItemPaddingInline,
     menuItemMarginInline = token.menuItemMarginInline;
-  return defineProperty_defineProperty({}, "".concat(componentCls, "-horizontal"), (_$concat = {
-    lineHeight: "".concat(menuHorizontalHeight, "px"),
+  return defineProperty_defineProperty({}, componentCls + "-horizontal", (_ref = {
+    lineHeight: menuHorizontalHeight + "px",
     border: 0,
-    borderBottom: "".concat(lineWidth, "px ").concat(lineType, " ").concat(colorSplit),
+    borderBottom: lineWidth + "px " + lineType + " " + colorSplit,
     boxShadow: 'none',
     '&::after': {
       display: 'block',
@@ -78707,39 +78916,39 @@ var getHorizontalStyle = function getHorizontalStyle(token) {
       height: 0,
       content: '"\\20"'
     }
-  }, defineProperty_defineProperty(_$concat, "".concat(componentCls, "-item, ").concat(componentCls, "-submenu"), {
+  }, defineProperty_defineProperty(_ref, componentCls + "-item, " + componentCls + "-submenu", {
     position: 'relative',
     display: 'inline-block',
     verticalAlign: 'bottom',
     paddingInline: menuItemPaddingInline,
     marginInline: menuItemMarginInline
-  }), defineProperty_defineProperty(_$concat, "> ".concat(componentCls, "-item:hover,\n        > ").concat(componentCls, "-item-active,\n        > ").concat(componentCls, "-submenu ").concat(componentCls, "-submenu-title:hover"), {
+  }), defineProperty_defineProperty(_ref, "> " + componentCls + "-item:hover,\n        > " + componentCls + "-item-active,\n        > " + componentCls + "-submenu " + componentCls + "-submenu-title:hover", {
     backgroundColor: 'transparent'
-  }), defineProperty_defineProperty(_$concat, "".concat(componentCls, "-item, ").concat(componentCls, "-submenu-title"), {
-    transition: ["border-color ".concat(motionDurationSlow), "background ".concat(motionDurationSlow)].join(',')
-  }), defineProperty_defineProperty(_$concat, "".concat(componentCls, "-submenu-arrow"), {
+  }), defineProperty_defineProperty(_ref, componentCls + "-item, " + componentCls + "-submenu-title", {
+    transition: ["border-color " + motionDurationSlow, "background " + motionDurationSlow].join(',')
+  }), defineProperty_defineProperty(_ref, componentCls + "-submenu-arrow", {
     display: 'none'
-  }), _$concat));
+  }), _ref));
 };
 /* harmony default export */ var horizontal = (getHorizontalStyle);
 ;// CONCATENATED MODULE: ./node_modules/antd/es/menu/style/rtl.js
 var getRTLStyle = function getRTLStyle(_ref) {
-  var _ref2;
+  var _ref3;
   var componentCls = _ref.componentCls,
     menuArrowOffset = _ref.menuArrowOffset;
-  return _ref2 = {}, defineProperty_defineProperty(_ref2, "".concat(componentCls, "-rtl"), {
+  return _ref3 = {}, defineProperty_defineProperty(_ref3, componentCls + "-rtl", {
     direction: 'rtl'
-  }), defineProperty_defineProperty(_ref2, "".concat(componentCls, "-submenu-rtl"), {
+  }), defineProperty_defineProperty(_ref3, componentCls + "-submenu-rtl", {
     transformOrigin: '100% 0'
-  }), defineProperty_defineProperty(_ref2, "".concat(componentCls, "-rtl").concat(componentCls, "-vertical,\n    ").concat(componentCls, "-submenu-rtl ").concat(componentCls, "-vertical"), defineProperty_defineProperty({}, "".concat(componentCls, "-submenu-arrow"), {
+  }), defineProperty_defineProperty(_ref3, componentCls + "-rtl" + componentCls + "-vertical,\n    " + componentCls + "-submenu-rtl " + componentCls + "-vertical", defineProperty_defineProperty({}, componentCls + "-submenu-arrow", {
     '&::before': {
-      transform: "rotate(-45deg) translateY(-".concat(menuArrowOffset, ")")
+      transform: "rotate(-45deg) translateY(-" + menuArrowOffset + ")"
     },
     '&::after': {
-      transform: "rotate(45deg) translateY(".concat(menuArrowOffset, ")")
+      transform: "rotate(45deg) translateY(" + menuArrowOffset + ")"
     }
-  })), _ref2;
+  })), _ref3;
 };
 /* harmony default export */ var rtl = (getRTLStyle);
 ;// CONCATENATED MODULE: ./node_modules/antd/es/menu/style/theme.js
@@ -78750,7 +78959,7 @@ var accessibilityFocus = function accessibilityFocus(token) {
   return extends_extends({}, genFocusOutline(token));
 };
 var getThemeStyle = function getThemeStyle(token, themeSuffix) {
-  var _not$concat, _$concat3, _$concat4, _$concat$concat3, _$concat8, _$concat$concat4;
+  var _ref3, _ref5, _ref6, _ref9, _ref13, _ref14;
   var componentCls = token.componentCls,
     colorItemText = token.colorItemText,
     colorItemTextSelected = token.colorItemTextSelected,
@@ -78767,98 +78976,67 @@ var getThemeStyle = function getThemeStyle(token, themeSuffix) {
     motionEaseInOut = token.motionEaseInOut,
     motionEaseOut = token.motionEaseOut,
     menuItemPaddingInline = token.menuItemPaddingInline,
-    itemMarginInline = token.itemMarginInline,
-    motionDurationFast = token.motionDurationFast,
+    motionDurationMid = token.motionDurationMid,
     colorItemTextHover = token.colorItemTextHover,
     lineType = token.lineType,
     colorSplit = token.colorSplit,
-    colorItemBgActive = token.colorItemBgActive,
     colorItemTextDisabled = token.colorItemTextDisabled,
     colorDangerItemText = token.colorDangerItemText,
     colorDangerItemTextHover = token.colorDangerItemTextHover,
     colorDangerItemTextSelected = token.colorDangerItemTextSelected,
     colorDangerItemBgActive = token.colorDangerItemBgActive,
     colorDangerItemBgSelected = token.colorDangerItemBgSelected,
-    radiusItem = token.radiusItem,
     colorItemBgHover = token.colorItemBgHover;
-  return defineProperty_defineProperty({}, "".concat(componentCls, "-").concat(themeSuffix), (_$concat$concat4 = {
+  return defineProperty_defineProperty({}, componentCls + "-" + themeSuffix, (_ref14 = {
     color: colorItemText,
     background: colorItemBg
-  }, defineProperty_defineProperty(_$concat$concat4, "&".concat(componentCls, "-root:focus-visible"), extends_extends({}, accessibilityFocus(token))), defineProperty_defineProperty(_$concat$concat4, "".concat(componentCls, "-item-group-title"), {
+  }, defineProperty_defineProperty(_ref14, "&" + componentCls + "-root:focus-visible", extends_extends({}, accessibilityFocus(token))), defineProperty_defineProperty(_ref14, componentCls + "-item-group-title", {
     color: colorGroupTitle
-  }), defineProperty_defineProperty(_$concat$concat4, "".concat(componentCls, "-submenu-selected"), defineProperty_defineProperty({}, "> ".concat(componentCls, "-submenu-title"), {
+  }), defineProperty_defineProperty(_ref14, componentCls + "-submenu-selected", defineProperty_defineProperty({}, "> " + componentCls + "-submenu-title", {
     color: colorItemTextSelected
-  })), defineProperty_defineProperty(_$concat$concat4, "".concat(componentCls, "-item-disabled, ").concat(componentCls, "-submenu-disabled"), {
-    color: "".concat(colorItemTextDisabled, " !important")
-  }), defineProperty_defineProperty(_$concat$concat4, "".concat(componentCls, "-item:hover, ").concat(componentCls, "-submenu-title:hover"), defineProperty_defineProperty({}, "&:not(".concat(componentCls, "-item-selected):not(").concat(componentCls, "-submenu-selected)"), {
+  })), defineProperty_defineProperty(_ref14, componentCls + "-item-disabled, " + componentCls + "-submenu-disabled", {
+    color: colorItemTextDisabled + " !important"
+  }), defineProperty_defineProperty(_ref14, componentCls + "-item:hover, " + componentCls + "-submenu-title:hover", defineProperty_defineProperty({}, "&:not(" + componentCls + "-item-selected):not(" + componentCls + "-submenu-selected)", {
     color: colorItemTextHover
-  })), defineProperty_defineProperty(_$concat$concat4, "&:not(".concat(componentCls, "-horizontal)"), (_not$concat = {}, defineProperty_defineProperty(_not$concat, "".concat(componentCls, "-item:not(").concat(componentCls, "-item-selected)"), {
+  })), defineProperty_defineProperty(_ref14, "&:not(" + componentCls + "-horizontal)", (_ref3 = {}, defineProperty_defineProperty(_ref3, componentCls + "-item:not(" + componentCls + "-item-selected)", {
     '&:hover': {
       backgroundColor: colorItemBgHover
     },
-    '&:active::before': {
-      content: '""',
-      position: 'absolute',
-      insetInlineStart: 0,
-      top: 0,
-      width: "100%",
-      height: '100%',
-      flex: 1,
-      borderRadius: radiusItem,
-      backgroundColor: colorItemBgActive,
-      transition: "background-color ".concat(motionDurationFast)
+    '&:active': {
+      backgroundColor: colorItemBgSelected
     }
-  }), defineProperty_defineProperty(_not$concat, "".concat(componentCls, "-submenu-title"), {
-    '&::before': {
-      content: '""',
-      position: 'absolute',
-      insetInlineStart: itemMarginInline,
-      top: 0,
-      width: "calc(100% - ".concat(itemMarginInline * 2, "px)"),
-      height: '100%',
-      borderRadius: radiusItem,
-      backgroundColor: 'transparent',
-      transition: "background-color ".concat(motionDurationFast)
-    },
-    '&:hover::before': {
+  }), defineProperty_defineProperty(_ref3, componentCls + "-submenu-title", {
+    '&:hover': {
       backgroundColor: colorItemBgHover
     },
-    '&:active::after': {
-      content: '""',
-      position: 'absolute',
-      insetInlineStart: itemMarginInline,
-      top: 0,
-      width: "calc(100% - ".concat(itemMarginInline * 2, "px)"),
-      height: '100%',
-      borderRadius: radiusItem,
-      backgroundColor: colorItemBgActive,
-      transition: "background-color ".concat(motionDurationFast)
+    '&:active': {
+      backgroundColor: colorItemBgSelected
     }
-  }), _not$concat)), defineProperty_defineProperty(_$concat$concat4, "".concat(componentCls, "-item-danger"), (_$concat3 = {
+  }), _ref3)), defineProperty_defineProperty(_ref14, componentCls + "-item-danger", (_ref5 = {
     color: colorDangerItemText
-  }, defineProperty_defineProperty(_$concat3, "&".concat(componentCls, "-item:hover"), defineProperty_defineProperty({}, "&:not(".concat(componentCls, "-item-selected):not(").concat(componentCls, "-submenu-selected)"), {
+  }, defineProperty_defineProperty(_ref5, "&" + componentCls + "-item:hover", defineProperty_defineProperty({}, "&:not(" + componentCls + "-item-selected):not(" + componentCls + "-submenu-selected)", {
     color: colorDangerItemTextHover
-  })), defineProperty_defineProperty(_$concat3, "&".concat(componentCls, "-item:active"), {
+  })), defineProperty_defineProperty(_ref5, "&" + componentCls + "-item:active", {
     background: colorDangerItemBgActive
-  }), _$concat3)), defineProperty_defineProperty(_$concat$concat4, "".concat(componentCls, "-item a"), {
+  }), _ref5)), defineProperty_defineProperty(_ref14, componentCls + "-item a", {
     '&, &:hover': {
       color: 'inherit'
     }
-  }), defineProperty_defineProperty(_$concat$concat4, "".concat(componentCls, "-item-selected"), (_$concat4 = {
+  }), defineProperty_defineProperty(_ref14, componentCls + "-item-selected", (_ref6 = {
     color: colorItemTextSelected
-  }, defineProperty_defineProperty(_$concat4, "&".concat(componentCls, "-item-danger"), {
+  }, defineProperty_defineProperty(_ref6, "&" + componentCls + "-item-danger", {
     color: colorDangerItemTextSelected
-  }), defineProperty_defineProperty(_$concat4, "a, a:hover", {
+  }), defineProperty_defineProperty(_ref6, "a, a:hover", {
     color: 'inherit'
-  }), _$concat4)), defineProperty_defineProperty(_$concat$concat4, "&:not(".concat(componentCls, "-horizontal) ").concat(componentCls, "-item-selected"), defineProperty_defineProperty({
+  }), _ref6)), defineProperty_defineProperty(_ref14, "&:not(" + componentCls + "-horizontal) " + componentCls + "-item-selected", defineProperty_defineProperty({
     backgroundColor: colorItemBgSelected
-  }, "&".concat(componentCls, "-item-danger"), {
+  }, "&" + componentCls + "-item-danger", {
     backgroundColor: colorDangerItemBgSelected
-  })), defineProperty_defineProperty(_$concat$concat4, "".concat(componentCls, "-item, ").concat(componentCls, "-submenu-title"), defineProperty_defineProperty({}, "&:not(".concat(componentCls, "-item-disabled):focus-visible"), extends_extends({}, accessibilityFocus(token)))), defineProperty_defineProperty(_$concat$concat4, "&".concat(componentCls, "-submenu > ").concat(componentCls), {
+  })), defineProperty_defineProperty(_ref14, componentCls + "-item, " + componentCls + "-submenu-title", defineProperty_defineProperty({}, "&:not(" + componentCls + "-item-disabled):focus-visible", extends_extends({}, accessibilityFocus(token)))), defineProperty_defineProperty(_ref14, "&" + componentCls + "-submenu > " + componentCls, {
     backgroundColor: colorItemBg
-  }), defineProperty_defineProperty(_$concat$concat4, "&".concat(componentCls, "-popup > ").concat(componentCls), {
+  }), defineProperty_defineProperty(_ref14, "&" + componentCls + "-popup > " + componentCls, {
     backgroundColor: colorItemBg
-  }), defineProperty_defineProperty(_$concat$concat4, "&".concat(componentCls, "-horizontal"), defineProperty_defineProperty({}, "> ".concat(componentCls, "-item, > ").concat(componentCls, "-submenu"), (_$concat$concat3 = {
+  }), defineProperty_defineProperty(_ref14, "&" + componentCls + "-horizontal", defineProperty_defineProperty({}, "> " + componentCls + "-item, > " + componentCls + "-submenu", (_ref9 = {
     top: colorActiveBarBorderSize,
     marginTop: -colorActiveBarBorderSize,
     marginBottom: 0,
@@ -78867,52 +79045,52 @@ var getThemeStyle = function getThemeStyle(token, themeSuffix) {
       position: 'absolute',
       insetInline: menuItemPaddingInline,
       bottom: 0,
-      borderBottom: "".concat(colorActiveBarHeight, "px solid transparent"),
-      transition: "border-color ".concat(motionDurationSlow, " ").concat(motionEaseInOut),
+      borderBottom: colorActiveBarHeight + "px solid transparent",
+      transition: "border-color " + motionDurationSlow + " " + motionEaseInOut,
       content: '""'
     }
-  }, defineProperty_defineProperty(_$concat$concat3, "&:hover, &-active, &-open", {
+  }, defineProperty_defineProperty(_ref9, "&:hover, &-active, &-open", {
     color: colorItemTextSelectedHorizontal,
     '&::after': {
-      borderWidth: "".concat(colorActiveBarHeight, "px"),
+      borderWidth: colorActiveBarHeight + "px",
       borderBottomColor: colorItemTextSelectedHorizontal
     }
-  }), defineProperty_defineProperty(_$concat$concat3, "&-selected", {
+  }), defineProperty_defineProperty(_ref9, "&-selected", {
     color: colorItemTextSelectedHorizontal,
     backgroundColor: colorItemBgSelectedHorizontal,
     '&::after': {
-      borderWidth: "".concat(colorActiveBarHeight, "px"),
+      borderWidth: colorActiveBarHeight + "px",
       borderBottomColor: colorItemTextSelectedHorizontal
     }
-  }), _$concat$concat3))), defineProperty_defineProperty(_$concat$concat4, "&".concat(componentCls, "-root"), defineProperty_defineProperty({}, "&".concat(componentCls, "-inline, &").concat(componentCls, "-vertical"), {
-    borderInlineEnd: "".concat(colorActiveBarBorderSize, "px ").concat(lineType, " ").concat(colorSplit)
-  })), defineProperty_defineProperty(_$concat$concat4, "&".concat(componentCls, "-inline"), (_$concat8 = {}, defineProperty_defineProperty(_$concat8, "".concat(componentCls, "-sub").concat(componentCls, "-inline"), {
+  }), _ref9))), defineProperty_defineProperty(_ref14, "&" + componentCls + "-root", defineProperty_defineProperty({}, "&" + componentCls + "-inline, &" + componentCls + "-vertical", {
+    borderInlineEnd: colorActiveBarBorderSize + "px " + lineType + " " + colorSplit
+  })), defineProperty_defineProperty(_ref14, "&" + componentCls + "-inline", (_ref13 = {}, defineProperty_defineProperty(_ref13, componentCls + "-sub" + componentCls + "-inline", {
     background: colorSubItemBg
-  }), defineProperty_defineProperty(_$concat8, "".concat(componentCls, "-item, ").concat(componentCls, "-submenu-title"), colorActiveBarBorderSize && colorActiveBarWidth ? {
-    width: "calc(100% + ".concat(colorActiveBarBorderSize, "px)")
-  } : {}), defineProperty_defineProperty(_$concat8, "".concat(componentCls, "-item"), defineProperty_defineProperty({
+  }), defineProperty_defineProperty(_ref13, componentCls + "-item, " + componentCls + "-submenu-title", colorActiveBarBorderSize && colorActiveBarWidth ? {
+    width: "calc(100% + " + colorActiveBarBorderSize + "px)"
+  } : {}), defineProperty_defineProperty(_ref13, componentCls + "-item", defineProperty_defineProperty({
     position: 'relative',
     '&::after': {
       position: 'absolute',
       insetBlock: 0,
       insetInlineEnd: 0,
-      borderInlineEnd: "".concat(colorActiveBarWidth, "px solid ").concat(colorItemTextSelected),
+      borderInlineEnd: colorActiveBarWidth + "px solid " + colorItemTextSelected,
       transform: 'scaleY(0.0001)',
       opacity: 0,
-      transition: ["transform ".concat(motionDurationFast, " ").concat(motionEaseOut), "opacity ".concat(motionDurationFast, " ").concat(motionEaseOut)].join(','),
+      transition: ["transform " + motionDurationMid + " " + motionEaseOut, "opacity " + motionDurationMid + " " + motionEaseOut].join(','),
       content: '""'
     }
-  }, "&".concat(componentCls, "-item-danger"), {
+  }, "&" + componentCls + "-item-danger", {
     '&::after': {
       borderInlineEndColor: colorDangerItemTextSelected
     }
-  })), defineProperty_defineProperty(_$concat8, "".concat(componentCls, "-selected, ").concat(componentCls, "-item-selected"), {
+  })), defineProperty_defineProperty(_ref13, componentCls + "-selected, " + componentCls + "-item-selected", {
     '&::after': {
       transform: 'scaleY(1)',
       opacity: 1,
-      transition: ["transform ".concat(motionDurationFast, " ").concat(motionEaseInOut), "opacity ".concat(motionDurationFast, " ").concat(motionEaseInOut)].join(',')
+      transition: ["transform " + motionDurationMid + " " + motionEaseInOut, "opacity " + motionDurationMid + " " + motionEaseInOut].join(',')
     }
-  }), _$concat8)), _$concat$concat4));
+  }), _ref13)), _ref14));
 };
 /* harmony default export */ var theme = (getThemeStyle);
 ;// CONCATENATED MODULE: ./node_modules/antd/es/menu/style/vertical.js
@@ -78929,53 +79107,57 @@ var getVerticalInlineStyle = function getVerticalInlineStyle(token) {
     menuArrowSize = token.menuArrowSize,
     fontSize = token.fontSize;
   var paddingWithArrow = menuArrowSize + fontSize;
-  return _ref = {}, defineProperty_defineProperty(_ref, "".concat(componentCls, "-item"), {
+  return _ref = {}, defineProperty_defineProperty(_ref, componentCls + "-item", {
     position: 'relative'
-  }), defineProperty_defineProperty(_ref, "".concat(componentCls, "-item, ").concat(componentCls, "-submenu-title"), {
+  }), defineProperty_defineProperty(_ref, componentCls + "-item, " + componentCls + "-submenu-title", {
     height: menuItemHeight,
-    lineHeight: "".concat(menuItemHeight, "px"),
+    lineHeight: menuItemHeight + "px",
     paddingInline: padding,
     overflow: 'hidden',
-    textOverflow: 'ellipsis'
-  }), defineProperty_defineProperty(_ref, "".concat(componentCls, "-item"), {
+    textOverflow: 'ellipsis',
     marginInline: itemMarginInline,
     marginBlock: menuItemMarginInline,
-    width: "calc(100% - ".concat(itemMarginInline * 2, "px)")
-  }), defineProperty_defineProperty(_ref, "".concat(componentCls, "-submenu-title"), {
-    marginBlock: menuItemMarginInline
-  }), defineProperty_defineProperty(_ref, "".concat(componentCls, "-submenu"), {
+    width: "calc(100% - " + itemMarginInline * 2 + "px)"
+  }), defineProperty_defineProperty(_ref, componentCls + "-submenu", {
     paddingBottom: 0.02
-  }), defineProperty_defineProperty(_ref, "> ".concat(componentCls, "-item,\n            > ").concat(componentCls, "-submenu > ").concat(componentCls, "-submenu-title"), {
+  }), defineProperty_defineProperty(_ref, "> " + componentCls + "-item,\n            > " + componentCls + "-submenu > " + componentCls + "-submenu-title", {
     height: menuItemHeight,
-    lineHeight: "".concat(menuItemHeight, "px")
-  }), defineProperty_defineProperty(_ref, "".concat(componentCls, "-item-group-list ").concat(componentCls, "-submenu-title,\n            ").concat(componentCls, "-submenu-title"), {
+    lineHeight: menuItemHeight + "px"
+  }), defineProperty_defineProperty(_ref, componentCls + "-item-group-list " + componentCls + "-submenu-title,\n            " + componentCls + "-submenu-title", {
     paddingInlineEnd: paddingWithArrow
   }), _ref;
 };
 var getVerticalStyle = function getVerticalStyle(token) {
-  var _ref2, _$concat$concat, _$concat$concat2, _$concat3, _$concat$concat$con, _tooltip, _$concat5;
+  var _ref3, _ref5, _ref7, _ref8, _ref12, _tooltip, _ref13;
   var componentCls = token.componentCls,
     iconCls = token.iconCls,
     menuItemHeight = token.menuItemHeight,
     colorTextLightSolid = token.colorTextLightSolid,
     dropdownWidth = token.dropdownWidth,
     controlHeightLG = token.controlHeightLG,
-    motionDurationFast = token.motionDurationFast,
+    motionDurationMid = token.motionDurationMid,
     motionEaseOut = token.motionEaseOut,
     paddingXL = token.paddingXL,
+    fontSizeSM = token.fontSizeSM,
     fontSizeLG = token.fontSizeLG,
     motionDurationSlow = token.motionDurationSlow,
     paddingXS = token.paddingXS,
     boxShadowSecondary = token.boxShadowSecondary;
-  return [(_ref2 = {}, defineProperty_defineProperty(_ref2, componentCls, defineProperty_defineProperty({}, "&-inline, &-vertical", extends_extends(defineProperty_defineProperty({}, "&".concat(componentCls, "-root"), {
+  var inlineItemStyle = {
+    height: menuItemHeight,
+    lineHeight: menuItemHeight + "px",
+    listStylePosition: 'inside',
+    listStyleType: 'disc'
+  };
+  return [(_ref3 = {}, defineProperty_defineProperty(_ref3, componentCls, defineProperty_defineProperty({}, "&-inline, &-vertical", extends_extends(defineProperty_defineProperty({}, "&" + componentCls + "-root", {
     boxShadow: 'none'
-  }), getVerticalInlineStyle(token)))), defineProperty_defineProperty(_ref2, "".concat(componentCls, "-submenu-popup"), defineProperty_defineProperty({}, "".concat(componentCls, "-vertical"), extends_extends(extends_extends({}, getVerticalInlineStyle(token)), {
+  }), getVerticalInlineStyle(token)))), defineProperty_defineProperty(_ref3, componentCls + "-submenu-popup", defineProperty_defineProperty({}, componentCls + "-vertical", extends_extends(extends_extends({}, getVerticalInlineStyle(token)), {
     boxShadow: boxShadowSecondary
-  }))), _ref2),
+  }))), _ref3),
   // Vertical only
-  defineProperty_defineProperty({}, "".concat(componentCls, "-submenu-popup ").concat(componentCls, "-vertical").concat(componentCls, "-sub"), {
+  defineProperty_defineProperty({}, componentCls + "-submenu-popup " + componentCls + "-vertical" + componentCls + "-sub", {
     minWidth: dropdownWidth,
-    maxHeight: "calc(100vh - ".concat(controlHeightLG * 2.5, "px)"),
+    maxHeight: "calc(100vh - " + controlHeightLG * 2.5 + "px)",
     padding: '0',
     overflow: 'hidden',
     borderInlineEnd: 0,
@@ -78987,63 +79169,58 @@ var getVerticalStyle = function getVerticalStyle(token) {
     }
   }),
   // Inline Only
-  defineProperty_defineProperty({}, "".concat(componentCls, "-inline"), (_$concat3 = {
+  defineProperty_defineProperty({}, componentCls + "-inline", (_ref8 = {
     width: '100%'
-  }, defineProperty_defineProperty(_$concat3, "&".concat(componentCls, "-root"), defineProperty_defineProperty({}, "".concat(componentCls, "-item, ").concat(componentCls, "-submenu-title"), (_$concat$concat = {
+  }, defineProperty_defineProperty(_ref8, "&" + componentCls + "-root", defineProperty_defineProperty({}, componentCls + "-item, " + componentCls + "-submenu-title", (_ref5 = {
     display: 'flex',
     alignItems: 'center',
-    transition: ["border-color ".concat(motionDurationSlow), "background ".concat(motionDurationSlow), "padding ".concat(motionDurationFast, " ").concat(motionEaseOut)]
-  }, defineProperty_defineProperty(_$concat$concat, "> ".concat(componentCls, "-title-content"), {
+    transition: ["border-color " + motionDurationSlow, "background " + motionDurationSlow, "padding " + motionDurationMid + " " + motionEaseOut]
+  }, defineProperty_defineProperty(_ref5, "> " + componentCls + "-title-content", {
     flex: 'auto',
     minWidth: 0,
     overflow: 'hidden',
     textOverflow: 'ellipsis'
-  }), defineProperty_defineProperty(_$concat$concat, '> *', {
+  }), defineProperty_defineProperty(_ref5, '> *', {
     flex: 'none'
-  }), _$concat$concat))), defineProperty_defineProperty(_$concat3, "".concat(componentCls, "-sub").concat(componentCls, "-inline"), (_$concat$concat2 = {
+  }), _ref5))), defineProperty_defineProperty(_ref8, componentCls + "-sub" + componentCls + "-inline", (_ref7 = {
     padding: 0,
     border: 0,
     borderRadius: 0,
     boxShadow: 'none'
-  }, defineProperty_defineProperty(_$concat$concat2, "& > ".concat(componentCls, "-item,\n             & > ").concat(componentCls, "-submenu > ").concat(componentCls, "-submenu-title"), {
-    height: menuItemHeight,
-    lineHeight: "".concat(menuItemHeight, "px"),
-    listStylePosition: 'inside',
-    listStyleType: 'disc'
-  }), defineProperty_defineProperty(_$concat$concat2, "& ".concat(componentCls, "-item-group-title"), {
+  }, defineProperty_defineProperty(_ref7, "& > " + componentCls + "-submenu > " + componentCls + "-submenu-title", inlineItemStyle), defineProperty_defineProperty(_ref7, "& " + componentCls + "-item-group-title", {
     paddingInlineStart: paddingXL
-  }), _$concat$concat2)), _$concat3)),
+  }), _ref7)), defineProperty_defineProperty(_ref8, componentCls + "-item", inlineItemStyle), _ref8)),
   // Inline Collapse Only
-  defineProperty_defineProperty({}, "".concat(componentCls, "-inline-collapsed"), (_$concat5 = {
+  defineProperty_defineProperty({}, componentCls + "-inline-collapsed", (_ref13 = {
     width: menuItemHeight * 2
-  }, defineProperty_defineProperty(_$concat5, "&".concat(componentCls, "-root"), defineProperty_defineProperty({}, "".concat(componentCls, "-item, ").concat(componentCls, "-submenu ").concat(componentCls, "-submenu-title"), defineProperty_defineProperty({}, "> ".concat(componentCls, "-inline-collapsed-noicon"), {
+  }, defineProperty_defineProperty(_ref13, "&" + componentCls + "-root", defineProperty_defineProperty({}, componentCls + "-item, " + componentCls + "-submenu " + componentCls + "-submenu-title", defineProperty_defineProperty({}, "> " + componentCls + "-inline-collapsed-noicon", {
     fontSize: fontSizeLG,
     textAlign: 'center'
-  }))), defineProperty_defineProperty(_$concat5, "> ".concat(componentCls, "-item,\n          > ").concat(componentCls, "-item-group > ").concat(componentCls, "-item-group-list > ").concat(componentCls, "-item,\n          > ").concat(componentCls, "-item-group > ").concat(componentCls, "-item-group-list > ").concat(componentCls, "-submenu > ").concat(componentCls, "-submenu-title,\n          > ").concat(componentCls, "-submenu > ").concat(componentCls, "-submenu-title"), (_$concat$concat$con = {
+  }))), defineProperty_defineProperty(_ref13, "> " + componentCls + "-item,\n          > " + componentCls + "-item-group > " + componentCls + "-item-group-list > " + componentCls + "-item,\n          > " + componentCls + "-item-group > " + componentCls + "-item-group-list > " + componentCls + "-submenu > " + componentCls + "-submenu-title,\n          > " + componentCls + "-submenu > " + componentCls + "-submenu-title", (_ref12 = {
     insetInlineStart: 0,
-    paddingInline: "calc(50% - ".concat(fontSizeLG / 2, "px)"),
+    paddingInline: "calc(50% - " + fontSizeSM + "px)",
     textOverflow: 'clip'
-  }, defineProperty_defineProperty(_$concat$concat$con, "".concat(componentCls, "-submenu-arrow"), {
+  }, defineProperty_defineProperty(_ref12, componentCls + "-submenu-arrow", {
     opacity: 0
-  }), defineProperty_defineProperty(_$concat$concat$con, "".concat(componentCls, "-item-icon, ").concat(iconCls), {
+  }), defineProperty_defineProperty(_ref12, componentCls + "-item-icon, " + iconCls, {
     margin: 0,
     fontSize: fontSizeLG,
-    lineHeight: "".concat(menuItemHeight, "px"),
+    lineHeight: menuItemHeight + "px",
     '+ span': {
       display: 'inline-block',
       opacity: 0
     }
-  }), _$concat$concat$con)), defineProperty_defineProperty(_$concat5, "".concat(componentCls, "-item-icon, ").concat(iconCls), {
+  }), _ref12)), defineProperty_defineProperty(_ref13, componentCls + "-item-icon, " + iconCls, {
     display: 'inline-block'
-  }), defineProperty_defineProperty(_$concat5, '&-tooltip', (_tooltip = {
+  }), defineProperty_defineProperty(_ref13, '&-tooltip', (_tooltip = {
     pointerEvents: 'none'
-  }, defineProperty_defineProperty(_tooltip, "".concat(componentCls, "-item-icon, ").concat(iconCls), {
+  }, defineProperty_defineProperty(_tooltip, componentCls + "-item-icon, " + iconCls, {
     display: 'none'
   }), defineProperty_defineProperty(_tooltip, 'a, a:hover', {
     color: colorTextLightSolid
-  }), _tooltip)), defineProperty_defineProperty(_$concat5, "".concat(componentCls, "-item-group-title"), extends_extends(extends_extends({}, textEllipsis), {
+  }), _tooltip)), defineProperty_defineProperty(_ref13, componentCls + "-item-group-title", extends_extends(extends_extends({}, textEllipsis), {
     paddingInline: paddingXS
-  })), _$concat5))];
+  })), _ref13))];
 };
 /* harmony default export */ var vertical = (getVerticalStyle);
 ;// CONCATENATED MODULE: ./node_modules/antd/es/menu/style/index.js
@@ -79059,7 +79236,7 @@ var getVerticalStyle = function getVerticalStyle(token) {
 // =============================== Base ===============================
 var getBaseStyle = function getBaseStyle(token) {
-  var _$concat$concat, _$concat4, _$concat5, _extends3;
+  var _ref5, _ref9, _ref10, _extends2;
   var antCls = token.antCls,
     componentCls = token.componentCls,
     fontSize = token.fontSize,
@@ -79085,12 +79262,12 @@ var getBaseStyle = function getBaseStyle(token) {
   return [
   // Misc
   defineProperty_defineProperty({
-    '': defineProperty_defineProperty({}, "".concat(componentCls), extends_extends(extends_extends({}, clearFix()), defineProperty_defineProperty({}, "&-hidden", {
+    '': defineProperty_defineProperty({}, "" + componentCls, defineProperty_defineProperty({}, "&-hidden", {
       display: 'none'
-    })))
-  }, "".concat(componentCls, "-submenu-hidden"), {
+    }))
+  }, componentCls + "-submenu-hidden", {
     display: 'none'
-  }), defineProperty_defineProperty({}, componentCls, extends_extends(extends_extends({}, style_resetComponent(token)), (_extends3 = {
+  }), defineProperty_defineProperty({}, componentCls, extends_extends(extends_extends(extends_extends({}, style_resetComponent(token)), clearFix()), (_extends2 = {
     marginBottom: 0,
     paddingInlineStart: 0,
     // Override default ul/ol
@@ -79098,41 +79275,41 @@ var getBaseStyle = function getBaseStyle(token) {
     lineHeight: 0,
     listStyle: 'none',
     outline: 'none',
-    transition: ["background ".concat(motionDurationSlow),
+    transition: ["background " + motionDurationSlow,
     // Magic cubic here but smooth transition
-    "width ".concat(motionDurationSlow, " cubic-bezier(0.2, 0, 0, 1) 0s")].join(',')
-  }, defineProperty_defineProperty(_extends3, "ul, ol", {
+    "width " + motionDurationSlow + " cubic-bezier(0.2, 0, 0, 1) 0s"].join(',')
+  }, defineProperty_defineProperty(_extends2, "ul, ol", {
     margin: 0,
     padding: 0,
     listStyle: 'none'
-  }), defineProperty_defineProperty(_extends3, "&-overflow", defineProperty_defineProperty({
+  }), defineProperty_defineProperty(_extends2, "&-overflow", defineProperty_defineProperty({
     display: 'flex'
-  }, "".concat(componentCls, "-item"), {
+  }, componentCls + "-item", {
     flex: 'none'
-  })), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-item, ").concat(componentCls, "-submenu"), {
+  })), defineProperty_defineProperty(_extends2, componentCls + "-item, " + componentCls + "-submenu, " + componentCls + "-submenu-title", {
     borderRadius: token.radiusItem
-  }), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-item-group-title"), {
-    padding: "".concat(paddingXS, "px ").concat(padding, "px"),
+  }), defineProperty_defineProperty(_extends2, componentCls + "-item-group-title", {
+    padding: paddingXS + "px " + padding + "px",
     fontSize: fontSize,
     lineHeight: lineHeight,
-    transition: "all ".concat(motionDurationSlow)
-  }), defineProperty_defineProperty(_extends3, "&-horizontal ".concat(componentCls, "-submenu"), {
-    transition: ["border-color ".concat(motionDurationSlow, " ").concat(motionEaseInOut), "background ".concat(motionDurationSlow, " ").concat(motionEaseInOut)].join(',')
-  }), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-submenu, ").concat(componentCls, "-submenu-inline"), {
-    transition: ["border-color ".concat(motionDurationSlow, " ").concat(motionEaseInOut), "background ".concat(motionDurationSlow, " ").concat(motionEaseInOut), "padding ".concat(motionDurationMid, " ").concat(motionEaseInOut)].join(',')
-  }), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-submenu ").concat(componentCls, "-sub"), {
+    transition: "all " + motionDurationSlow
+  }), defineProperty_defineProperty(_extends2, "&-horizontal " + componentCls + "-submenu", {
+    transition: ["border-color " + motionDurationSlow + " " + motionEaseInOut, "background " + motionDurationSlow + " " + motionEaseInOut].join(',')
+  }), defineProperty_defineProperty(_extends2, componentCls + "-submenu, " + componentCls + "-submenu-inline", {
+    transition: ["border-color " + motionDurationSlow + " " + motionEaseInOut, "background " + motionDurationSlow + " " + motionEaseInOut, "padding " + motionDurationMid + " " + motionEaseInOut].join(',')
+  }), defineProperty_defineProperty(_extends2, componentCls + "-submenu " + componentCls + "-sub", {
     cursor: 'initial',
-    transition: ["background ".concat(motionDurationSlow, " ").concat(motionEaseInOut), "padding ".concat(motionDurationSlow, " ").concat(motionEaseInOut)]
-  }), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-title-content"), {
-    transition: "color ".concat(motionDurationSlow)
-  }), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-item a"), {
+    transition: ["background " + motionDurationSlow + " " + motionEaseInOut, "padding " + motionDurationSlow + " " + motionEaseInOut]
+  }), defineProperty_defineProperty(_extends2, componentCls + "-title-content", {
+    transition: "color " + motionDurationSlow
+  }), defineProperty_defineProperty(_extends2, componentCls + "-item a", {
     '&::before': {
       position: 'absolute',
       inset: 0,
       backgroundColor: 'transparent',
       content: '""'
     }
-  }), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-item-divider"), {
+  }), defineProperty_defineProperty(_extends2, componentCls + "-item-divider", {
     overflow: 'hidden',
     lineHeight: 0,
     borderColor: colorSplit,
@@ -79143,26 +79320,26 @@ var getBaseStyle = function getBaseStyle(token) {
     '&-dashed': {
       borderStyle: 'dashed'
     }
-  }), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-item, ").concat(componentCls, "-submenu-title"), (_$concat$concat = {
+  }), defineProperty_defineProperty(_extends2, componentCls + "-item, " + componentCls + "-submenu-title", (_ref5 = {
     position: 'relative',
     display: 'block',
     margin: 0,
     // paddingInline: menuItemPaddingInline,
     whiteSpace: 'nowrap',
     cursor: 'pointer',
-    transition: ["border-color ".concat(motionDurationSlow), "background ".concat(motionDurationSlow), "padding ".concat(motionDurationSlow, " ").concat(motionEaseInOut)].join(',')
-  }, defineProperty_defineProperty(_$concat$concat, "".concat(componentCls, "-item-icon, ").concat(iconCls), {
+    transition: ["border-color " + motionDurationSlow, "background " + motionDurationSlow, "padding " + motionDurationSlow + " " + motionEaseInOut].join(',')
+  }, defineProperty_defineProperty(_ref5, componentCls + "-item-icon, " + iconCls, {
     minWidth: fontSize,
     fontSize: fontSize,
-    transition: ["font-size ".concat(motionDurationMid, " ").concat(motionEaseOut), "margin ".concat(motionDurationSlow, " ").concat(motionEaseInOut), "color ".concat(motionDurationSlow)].join(','),
+    transition: ["font-size " + motionDurationMid + " " + motionEaseOut, "margin " + motionDurationSlow + " " + motionEaseInOut, "color " + motionDurationSlow].join(','),
     '+ span': {
       marginInlineStart: controlHeightSM - fontSize,
       opacity: 1,
-      transition: ["opacity ".concat(motionDurationSlow, " ").concat(motionEaseInOut), "margin ".concat(motionDurationSlow), "color ".concat(motionDurationSlow)].join(',')
+      transition: ["opacity " + motionDurationSlow + " " + motionEaseInOut, "margin " + motionDurationSlow, "color " + motionDurationSlow].join(',')
     }
-  }), defineProperty_defineProperty(_$concat$concat, "".concat(componentCls, "-item-icon"), extends_extends({}, resetIcon())), defineProperty_defineProperty(_$concat$concat, "&.".concat(componentCls, "-item-only-child"), defineProperty_defineProperty({}, "> ".concat(iconCls, ", > ").concat(componentCls, "-item-icon"), {
+  }), defineProperty_defineProperty(_ref5, componentCls + "-item-icon", extends_extends({}, resetIcon())), defineProperty_defineProperty(_ref5, "&" + componentCls + "-item-only-child", defineProperty_defineProperty({}, "> " + iconCls + ", > " + componentCls + "-item-icon", {
     marginInlineEnd: 0
-  })), _$concat$concat)), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-item-disabled, ").concat(componentCls, "-submenu-disabled"), defineProperty_defineProperty({
+  })), _ref5)), defineProperty_defineProperty(_extends2, componentCls + "-item-disabled, " + componentCls + "-submenu-disabled", defineProperty_defineProperty({
     background: 'none !important',
     cursor: 'not-allowed',
     '&::after': {
@@ -79171,15 +79348,15 @@ var getBaseStyle = function getBaseStyle(token) {
     a: {
       color: 'inherit !important'
     }
-  }, "> ".concat(componentCls, "-submenu-title"), {
+  }, "> " + componentCls + "-submenu-title", {
     color: 'inherit !important',
     cursor: 'not-allowed'
-  })), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-item-group"), defineProperty_defineProperty({}, "".concat(componentCls, "-item-group-list"), defineProperty_defineProperty({
+  })), defineProperty_defineProperty(_extends2, componentCls + "-item-group", defineProperty_defineProperty({}, componentCls + "-item-group-list", defineProperty_defineProperty({
     margin: 0,
     padding: 0
-  }, "".concat(componentCls, "-item, ").concat(componentCls, "-submenu-title"), {
-    paddingInline: "".concat(fontSize * 2, "px ").concat(padding, "px")
-  }))), defineProperty_defineProperty(_extends3, '&-submenu', defineProperty_defineProperty({
+  }, componentCls + "-item, " + componentCls + "-submenu-title", {
+    paddingInline: fontSize * 2 + "px " + padding + "px"
+  }))), defineProperty_defineProperty(_extends2, '&-submenu', defineProperty_defineProperty({
     '&-popup': {
       position: 'absolute',
       zIndex: zIndexPopup,
@@ -79190,7 +79367,7 @@ var getBaseStyle = function getBaseStyle(token) {
       // https://github.com/ant-design/ant-design/issues/13955
       '&::before': {
         position: 'absolute',
-        inset: "".concat(menuPanelMaskInset, "px 0 0"),
+        inset: menuPanelMaskInset + "px 0 0",
         zIndex: -1,
         width: '100%',
         height: '100%',
@@ -79203,21 +79380,21 @@ var getBaseStyle = function getBaseStyle(token) {
       top: 0,
       insetInlineStart: menuPanelMaskInset
     }
-  }, "> ".concat(componentCls), (_$concat4 = {
+  }, "> " + componentCls, (_ref9 = {
     borderRadius: borderRadiusLG
-  }, defineProperty_defineProperty(_$concat4, "> ".concat(componentCls, "-item"), {
+  }, defineProperty_defineProperty(_ref9, "> " + componentCls + "-item", {
     borderRadius: radiusSubMenuItem
-  }), defineProperty_defineProperty(_$concat4, "".concat(componentCls, "-submenu-title::after"), {
-    transition: "transform ".concat(motionDurationSlow, " ").concat(motionEaseInOut)
-  }), _$concat4))), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-submenu"), (_$concat5 = {}, defineProperty_defineProperty(_$concat5, "&-expand-icon, &-arrow", {
+  }), defineProperty_defineProperty(_ref9, componentCls + "-submenu-title::after", {
+    transition: "transform " + motionDurationSlow + " " + motionEaseInOut
+  }), _ref9))), defineProperty_defineProperty(_extends2, componentCls + "-submenu", (_ref10 = {}, defineProperty_defineProperty(_ref10, "&-expand-icon, &-arrow", {
     position: 'absolute',
     top: '50%',
     insetInlineEnd: token.margin,
     width: menuArrowSize,
     color: 'currentcolor',
     transform: 'translateY(-50%)',
-    transition: "transform ".concat(motionDurationSlow, " ").concat(motionEaseInOut)
-  }), defineProperty_defineProperty(_$concat5, '&-arrow', {
+    transition: "transform " + motionDurationSlow + " " + motionEaseInOut
+  }), defineProperty_defineProperty(_ref10, '&-arrow', {
     // →
     '&::before, &::after': {
       position: 'absolute',
@@ -79225,42 +79402,42 @@ var getBaseStyle = function getBaseStyle(token) {
       height: menuArrowSize * 0.15,
       backgroundColor: 'currentcolor',
       borderRadius: borderRadius,
-      transition: ["background ".concat(motionDurationSlow, " ").concat(motionEaseInOut), "transform ".concat(motionDurationSlow, " ").concat(motionEaseInOut), "top ".concat(motionDurationSlow, " ").concat(motionEaseInOut), "color ".concat(motionDurationSlow, " ").concat(motionEaseInOut)].join(','),
+      transition: ["background " + motionDurationSlow + " " + motionEaseInOut, "transform " + motionDurationSlow + " " + motionEaseInOut, "top " + motionDurationSlow + " " + motionEaseInOut, "color " + motionDurationSlow + " " + motionEaseInOut].join(','),
       content: '""'
     },
     '&::before': {
-      transform: "rotate(45deg) translateY(-".concat(menuArrowOffset, ")")
+      transform: "rotate(45deg) translateY(-" + menuArrowOffset + ")"
     },
     '&::after': {
-      transform: "rotate(-45deg) translateY(".concat(menuArrowOffset, ")")
+      transform: "rotate(-45deg) translateY(" + menuArrowOffset + ")"
     }
-  }), _$concat5)), defineProperty_defineProperty(_extends3, "&-inline-collapsed ".concat(componentCls, "-submenu-arrow,\n        &-inline ").concat(componentCls, "-submenu-arrow"), {
+  }), _ref10)), defineProperty_defineProperty(_extends2, "&-inline-collapsed " + componentCls + "-submenu-arrow,\n        &-inline " + componentCls + "-submenu-arrow", {
     // ↓
     '&::before': {
-      transform: "rotate(-45deg) translateX(".concat(menuArrowOffset, ")")
+      transform: "rotate(-45deg) translateX(" + menuArrowOffset + ")"
     },
     '&::after': {
-      transform: "rotate(45deg) translateX(-".concat(menuArrowOffset, ")")
+      transform: "rotate(45deg) translateX(-" + menuArrowOffset + ")"
     }
-  }), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-submenu-open").concat(componentCls, "-submenu-inline > ").concat(componentCls, "-submenu-title > ").concat(componentCls, "-submenu-arrow"), {
+  }), defineProperty_defineProperty(_extends2, componentCls + "-submenu-open" + componentCls + "-submenu-inline > " + componentCls + "-submenu-title > " + componentCls + "-submenu-arrow", {
     // ↑
-    transform: "translateY(-".concat(menuArrowSize * 0.2, "px)"),
+    transform: "translateY(-" + menuArrowSize * 0.2 + "px)",
     '&::after': {
-      transform: "rotate(-45deg) translateX(-".concat(menuArrowOffset, ")")
+      transform: "rotate(-45deg) translateX(-" + menuArrowOffset + ")"
     },
     '&::before': {
-      transform: "rotate(45deg) translateX(".concat(menuArrowOffset, ")")
+      transform: "rotate(45deg) translateX(" + menuArrowOffset + ")"
     }
-  }), _extends3))),
+  }), _extends2))),
   // Integration with header element so menu items have the same height
-  defineProperty_defineProperty({}, "".concat(antCls, "-layout-header"), defineProperty_defineProperty({}, componentCls, {
+  defineProperty_defineProperty({}, antCls + "-layout-header", defineProperty_defineProperty({}, componentCls, {
     lineHeight: 'inherit'
   }))];
 };
 // ============================== Export ==============================
 /* harmony default export */ var menu_style = (function (prefixCls, injectStyle) {
-  var useOriginHook = genComponentStyleHook('Menu', function (token, _ref5) {
-    var overrideComponentToken = _ref5.overrideComponentToken;
+  var useOriginHook = genComponentStyleHook('Menu', function (token, _ref14) {
+    var overrideComponentToken = _ref14.overrideComponentToken;
     // Dropdown will handle menu style self. We do not need to handle this.
     if (injectStyle === false) {
       return [];
@@ -79280,7 +79457,7 @@ var getBaseStyle = function getBaseStyle(token) {
       menuItemMarginInline: token.marginXXS,
       menuArrowSize: menuArrowSize,
       menuHorizontalHeight: controlHeightLG * 1.15,
-      menuArrowOffset: "".concat(menuArrowSize * 0.25, "px"),
+      menuArrowOffset: menuArrowSize * 0.25 + "px",
       menuPanelMaskInset: -7 // Still a hardcode here since it's offset by rc-align
     });
@@ -79423,7 +79600,7 @@ var MenuDivider = function MenuDivider(_a) {
   var _React$useContext = external_React_.useContext(context_ConfigContext),
     getPrefixCls = _React$useContext.getPrefixCls;
   var prefixCls = getPrefixCls('menu', customizePrefixCls);
-  var classString = classnames_default()(defineProperty_defineProperty({}, "".concat(prefixCls, "-item-divider-dashed"), !!dashed), className);
+  var classString = classnames_default()(defineProperty_defineProperty({}, prefixCls + "-item-divider-dashed", !!dashed), className);
   return /*#__PURE__*/external_React_.createElement(Divider_Divider, extends_extends({
     className: classString
   }, restProps));
@@ -79467,7 +79644,7 @@ var generateId = function () {
   return function () {
     var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     i += 1;
-    return "".concat(prefix).concat(i);
+    return "" + prefix + i;
   };
 }();
 var Sider_Sider = /*#__PURE__*/(/* unused pure expression or super */ null && (React.forwardRef(function (_a, ref) {
@@ -79533,7 +79710,7 @@ var Sider_Sider = /*#__PURE__*/(/* unused pure expression or super */ null && (R
       var _window = window,
         matchMedia = _window.matchMedia;
       if (matchMedia && breakpoint && breakpoint in dimensionMaxMap) {
-        mql = matchMedia("(max-width: ".concat(dimensionMaxMap[breakpoint], ")"));
+        mql = matchMedia("(max-width: " + dimensionMaxMap[breakpoint] + ")");
         try {
           mql.addEventListener('change', responsiveHandler);
         } catch (error) {
@@ -79568,11 +79745,11 @@ var Sider_Sider = /*#__PURE__*/(/* unused pure expression or super */ null && (R
     var divProps = omit(props, ['collapsed']);
     var rawWidth = collapsed ? collapsedWidth : width;
     // use "px" as fallback unit for width
-    var siderWidth = isNumeric(rawWidth) ? "".concat(rawWidth, "px") : String(rawWidth);
+    var siderWidth = isNumeric(rawWidth) ? rawWidth + "px" : String(rawWidth);
     // special trigger when collapsedWidth == 0
     var zeroWidthTrigger = parseFloat(String(collapsedWidth || 0)) === 0 ? /*#__PURE__*/React.createElement("span", {
       onClick: toggle,
-      className: classNames("".concat(prefixCls, "-zero-width-trigger"), "".concat(prefixCls, "-zero-width-trigger-").concat(reverseArrow ? 'right' : 'left')),
+      className: classNames(prefixCls + "-zero-width-trigger", prefixCls + "-zero-width-trigger-" + (reverseArrow ? 'right' : 'left')),
       style: zeroWidthTriggerStyle
     }, trigger || /*#__PURE__*/React.createElement(BarsOutlined, null)) : null;
     var iconObj = {
@@ -79582,26 +79759,26 @@ var Sider_Sider = /*#__PURE__*/(/* unused pure expression or super */ null && (R
     var status = collapsed ? 'collapsed' : 'expanded';
     var defaultTrigger = iconObj[status];
     var triggerDom = trigger !== null ? zeroWidthTrigger || /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-trigger"),
+      className: prefixCls + "-trigger",
       onClick: toggle,
       style: {
         width: siderWidth
       }
     }, trigger || defaultTrigger) : null;
     var divStyle = _extends(_extends({}, style), {
-      flex: "0 0 ".concat(siderWidth),
+      flex: "0 0 " + siderWidth,
       maxWidth: siderWidth,
       minWidth: siderWidth,
       width: siderWidth
     });
-    var siderCls = classNames(prefixCls, "".concat(prefixCls, "-").concat(theme), (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-collapsed"), !!collapsed), _defineProperty(_classNames, "".concat(prefixCls, "-has-trigger"), collapsible && trigger !== null && !zeroWidthTrigger), _defineProperty(_classNames, "".concat(prefixCls, "-below"), !!below), _defineProperty(_classNames, "".concat(prefixCls, "-zero-width"), parseFloat(siderWidth) === 0), _classNames), className);
+    var siderCls = classNames(prefixCls, prefixCls + "-" + theme, (_classNames = {}, _defineProperty(_classNames, prefixCls + "-collapsed", !!collapsed), _defineProperty(_classNames, prefixCls + "-has-trigger", collapsible && trigger !== null && !zeroWidthTrigger), _defineProperty(_classNames, prefixCls + "-below", !!below), _defineProperty(_classNames, prefixCls + "-zero-width", parseFloat(siderWidth) === 0), _classNames), className);
     return /*#__PURE__*/React.createElement("aside", _extends({
       className: siderCls
     }, divProps, {
       style: divStyle,
       ref: ref
     }), /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-children")
+      className: prefixCls + "-children"
     }, children), collapsible || below && zeroWidthTrigger ? triggerDom : null);
   };
   var contextValue = React.useMemo(function () {
@@ -79926,7 +80103,7 @@ var roundedArrow = function roundedArrow(width, innerRadius, outerRadius, bgColo
   return {
     borderRadius: {
       _skip_check_: true,
-      value: "0 0 ".concat(innerRadius, "px")
+      value: "0 0 " + innerRadius + "px"
     },
     pointerEvents: 'none',
     width: width * 2,
@@ -79942,7 +80119,7 @@ var roundedArrow = function roundedArrow(width, innerRadius, outerRadius, bgColo
       margin: 'auto',
       borderRadius: {
         _skip_check_: true,
-        value: "0 0 ".concat(innerRadius, "px 0")
+        value: "0 0 " + innerRadius + "px 0"
       },
       transform: 'translateY(50%) rotate(-135deg)',
       boxShadow: boxShadow,
@@ -79956,7 +80133,7 @@ var roundedArrow = function roundedArrow(width, innerRadius, outerRadius, bgColo
       width: width * 2,
       height: width / 2,
       background: bgColor,
-      clipPath: "path('M ".concat(ax, " ").concat(ay, " A ").concat(outerRadius, " ").concat(outerRadius, " 0 0 0 ").concat(bx, " ").concat(by, " L ").concat(cx, " ").concat(cy, " A ").concat(innerRadius, " ").concat(innerRadius, " 0 0 1 ").concat(dx, " ").concat(dy, " L ").concat(ex, " ").concat(ey, " A ").concat(outerRadius, " ").concat(outerRadius, " 0 0 0 ").concat(fx, " ").concat(fy, " Z')"),
+      clipPath: "path('M " + ax + " " + ay + " A " + outerRadius + " " + outerRadius + " 0 0 0 " + bx + " " + by + " L " + cx + " " + cy + " A " + innerRadius + " " + innerRadius + " 0 0 1 " + dx + " " + dy + " L " + ex + " " + ey + " A " + outerRadius + " " + outerRadius + " 0 0 0 " + fx + " " + fy + " Z')",
       content: '""'
     }
   };
@@ -79968,7 +80145,7 @@ var roundedArrow = function roundedArrow(width, innerRadius, outerRadius, bgColo
 function connectArrowCls(classList) {
   var showArrowCls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   return classList.map(function (cls) {
-    return "".concat(showArrowCls).concat(cls);
+    return "" + showArrowCls + cls;
   }).join(',');
 }
 var MAX_VERTICAL_CONTENT_RADIUS = 8;
@@ -80008,7 +80185,7 @@ function getArrowStyle(token, options) {
     dropdownArrowOffsetVertical = _getArrowOffset.dropdownArrowOffsetVertical,
     dropdownArrowOffset = _getArrowOffset.dropdownArrowOffset;
   var dropdownArrowDistance = sizePopupArrow / 2 + marginXXS;
-  return defineProperty_defineProperty({}, componentCls, (_componentCls = {}, defineProperty_defineProperty(_componentCls, "".concat(componentCls, "-arrow"), [extends_extends(extends_extends({
+  return defineProperty_defineProperty({}, componentCls, (_componentCls = {}, defineProperty_defineProperty(_componentCls, componentCls + "-arrow", [extends_extends(extends_extends({
     position: 'absolute',
     zIndex: 1,
     display: 'block'
@@ -80016,75 +80193,75 @@ function getArrowStyle(token, options) {
     '&:before': {
       background: colorBg
     }
-  })]), defineProperty_defineProperty(_componentCls, ["&-placement-top ".concat(componentCls, "-arrow"), "&-placement-topLeft ".concat(componentCls, "-arrow"), "&-placement-topRight ".concat(componentCls, "-arrow")].join(','), {
+  })]), defineProperty_defineProperty(_componentCls, ["&-placement-top " + componentCls + "-arrow", "&-placement-topLeft " + componentCls + "-arrow", "&-placement-topRight " + componentCls + "-arrow"].join(','), {
     bottom: 0,
     transform: 'translateY(100%) rotate(180deg)'
-  }), defineProperty_defineProperty(_componentCls, "&-placement-top ".concat(componentCls, "-arrow"), {
+  }), defineProperty_defineProperty(_componentCls, "&-placement-top " + componentCls + "-arrow", {
     left: {
       _skip_check_: true,
       value: '50%'
     },
     transform: 'translateX(-50%) translateY(100%) rotate(180deg)'
-  }), defineProperty_defineProperty(_componentCls, "&-placement-topLeft ".concat(componentCls, "-arrow"), {
+  }), defineProperty_defineProperty(_componentCls, "&-placement-topLeft " + componentCls + "-arrow", {
     left: {
       _skip_check_: true,
       value: dropdownArrowOffset
     }
-  }), defineProperty_defineProperty(_componentCls, "&-placement-topRight ".concat(componentCls, "-arrow"), {
+  }), defineProperty_defineProperty(_componentCls, "&-placement-topRight " + componentCls + "-arrow", {
     right: {
       _skip_check_: true,
       value: dropdownArrowOffset
     }
-  }), defineProperty_defineProperty(_componentCls, ["&-placement-bottom ".concat(componentCls, "-arrow"), "&-placement-bottomLeft ".concat(componentCls, "-arrow"), "&-placement-bottomRight ".concat(componentCls, "-arrow")].join(','), {
+  }), defineProperty_defineProperty(_componentCls, ["&-placement-bottom " + componentCls + "-arrow", "&-placement-bottomLeft " + componentCls + "-arrow", "&-placement-bottomRight " + componentCls + "-arrow"].join(','), {
     top: 0,
     transform: "translateY(-100%)"
-  }), defineProperty_defineProperty(_componentCls, "&-placement-bottom ".concat(componentCls, "-arrow"), {
+  }), defineProperty_defineProperty(_componentCls, "&-placement-bottom " + componentCls + "-arrow", {
     left: {
       _skip_check_: true,
       value: '50%'
     },
     transform: "translateX(-50%) translateY(-100%)"
-  }), defineProperty_defineProperty(_componentCls, "&-placement-bottomLeft ".concat(componentCls, "-arrow"), {
+  }), defineProperty_defineProperty(_componentCls, "&-placement-bottomLeft " + componentCls + "-arrow", {
     left: {
       _skip_check_: true,
       value: dropdownArrowOffset
     }
-  }), defineProperty_defineProperty(_componentCls, "&-placement-bottomRight ".concat(componentCls, "-arrow"), {
+  }), defineProperty_defineProperty(_componentCls, "&-placement-bottomRight " + componentCls + "-arrow", {
     right: {
       _skip_check_: true,
       value: dropdownArrowOffset
     }
-  }), defineProperty_defineProperty(_componentCls, ["&-placement-left ".concat(componentCls, "-arrow"), "&-placement-leftTop ".concat(componentCls, "-arrow"), "&-placement-leftBottom ".concat(componentCls, "-arrow")].join(','), {
+  }), defineProperty_defineProperty(_componentCls, ["&-placement-left " + componentCls + "-arrow", "&-placement-leftTop " + componentCls + "-arrow", "&-placement-leftBottom " + componentCls + "-arrow"].join(','), {
     right: {
       _skip_check_: true,
       value: 0
     },
     transform: 'translateX(100%) rotate(90deg)'
-  }), defineProperty_defineProperty(_componentCls, "&-placement-left ".concat(componentCls, "-arrow"), {
+  }), defineProperty_defineProperty(_componentCls, "&-placement-left " + componentCls + "-arrow", {
     top: {
       _skip_check_: true,
       value: '50%'
     },
     transform: 'translateY(-50%) translateX(100%) rotate(90deg)'
-  }), defineProperty_defineProperty(_componentCls, "&-placement-leftTop ".concat(componentCls, "-arrow"), {
+  }), defineProperty_defineProperty(_componentCls, "&-placement-leftTop " + componentCls + "-arrow", {
     top: dropdownArrowOffsetVertical
-  }), defineProperty_defineProperty(_componentCls, "&-placement-leftBottom ".concat(componentCls, "-arrow"), {
+  }), defineProperty_defineProperty(_componentCls, "&-placement-leftBottom " + componentCls + "-arrow", {
     bottom: dropdownArrowOffsetVertical
-  }), defineProperty_defineProperty(_componentCls, ["&-placement-right ".concat(componentCls, "-arrow"), "&-placement-rightTop ".concat(componentCls, "-arrow"), "&-placement-rightBottom ".concat(componentCls, "-arrow")].join(','), {
+  }), defineProperty_defineProperty(_componentCls, ["&-placement-right " + componentCls + "-arrow", "&-placement-rightTop " + componentCls + "-arrow", "&-placement-rightBottom " + componentCls + "-arrow"].join(','), {
     left: {
       _skip_check_: true,
       value: 0
     },
     transform: 'translateX(-100%) rotate(-90deg)'
-  }), defineProperty_defineProperty(_componentCls, "&-placement-right ".concat(componentCls, "-arrow"), {
+  }), defineProperty_defineProperty(_componentCls, "&-placement-right " + componentCls + "-arrow", {
     top: {
       _skip_check_: true,
       value: '50%'
     },
     transform: 'translateY(-50%) translateX(-100%) rotate(-90deg)'
-  }), defineProperty_defineProperty(_componentCls, "&-placement-rightTop ".concat(componentCls, "-arrow"), {
+  }), defineProperty_defineProperty(_componentCls, "&-placement-rightTop " + componentCls + "-arrow", {
     top: dropdownArrowOffsetVertical
-  }), defineProperty_defineProperty(_componentCls, "&-placement-rightBottom ".concat(componentCls, "-arrow"), {
+  }), defineProperty_defineProperty(_componentCls, "&-placement-rightBottom " + componentCls + "-arrow", {
     bottom: dropdownArrowOffsetVertical
   }), defineProperty_defineProperty(_componentCls, connectArrowCls(["&-placement-topLeft", "&-placement-top", "&-placement-topRight"], showArrowCls), {
     paddingBottom: dropdownArrowDistance
@@ -80112,13 +80289,13 @@ function getArrowStyle(token, options) {
 var generatorTooltipPresetColor = function generatorTooltipPresetColor(token) {
   var componentCls = token.componentCls;
   return PresetColors.reduce(function (previousValue, currentValue) {
-    var _previousValue$$conc;
-    var lightColor = token["".concat(currentValue, "-6")];
-    previousValue["&".concat(componentCls, "-").concat(currentValue)] = (_previousValue$$conc = {}, defineProperty_defineProperty(_previousValue$$conc, "".concat(componentCls, "-inner"), {
+    var _previousValue;
+    var lightColor = token[currentValue + "-6"];
+    previousValue["&" + componentCls + "-" + currentValue] = (_previousValue = {}, defineProperty_defineProperty(_previousValue, componentCls + "-inner", {
       backgroundColor: lightColor
-    }), defineProperty_defineProperty(_previousValue$$conc, "".concat(componentCls, "-arrow"), {
+    }), defineProperty_defineProperty(_previousValue, componentCls + "-arrow", {
       '--antd-arrow-background-color': lightColor
-    }), _previousValue$$conc);
+    }), _previousValue);
     return previousValue;
   }, {});
 };
@@ -80150,10 +80327,10 @@ var genTooltipStyle = function genTooltipStyle(token) {
       display: 'none'
     },
     '--antd-arrow-background-color': tooltipBg
-  }, defineProperty_defineProperty(_extends2, "".concat(componentCls, "-inner"), {
+  }, defineProperty_defineProperty(_extends2, componentCls + "-inner", {
     minWidth: controlHeight,
     minHeight: controlHeight,
-    padding: "".concat(paddingSM / 2, "px ").concat(paddingXS, "px"),
+    padding: paddingSM / 2 + "px " + paddingXS + "px",
     color: tooltipColor,
     textAlign: 'start',
     textDecoration: 'none',
@@ -80161,9 +80338,9 @@ var genTooltipStyle = function genTooltipStyle(token) {
     backgroundColor: tooltipBg,
     borderRadius: tooltipBorderRadius,
     boxShadow: boxShadowSecondary
-  }), defineProperty_defineProperty(_extends2, ["&-placement-left", "&-placement-leftTop", "&-placement-leftBottom", "&-placement-right", "&-placement-rightTop", "&-placement-rightBottom"].join(','), defineProperty_defineProperty({}, "".concat(componentCls, "-inner"), {
+  }), defineProperty_defineProperty(_extends2, ["&-placement-left", "&-placement-leftTop", "&-placement-leftBottom", "&-placement-right", "&-placement-rightTop", "&-placement-rightBottom"].join(','), defineProperty_defineProperty({}, componentCls + "-inner", {
     borderRadius: tooltipBorderRadius > MAX_VERTICAL_CONTENT_RADIUS ? MAX_VERTICAL_CONTENT_RADIUS : tooltipBorderRadius
-  })), defineProperty_defineProperty(_extends2, "".concat(componentCls, "-content"), {
+  })), defineProperty_defineProperty(_extends2, componentCls + "-content", {
     position: 'relative'
   }), _extends2)), generatorTooltipPresetColor(token)), {
     // RTL
@@ -80181,7 +80358,7 @@ var genTooltipStyle = function genTooltipStyle(token) {
     limitVerticalRadius: true
   }),
   // Pure Render
-  defineProperty_defineProperty({}, "".concat(componentCls, "-pure"), {
+  defineProperty_defineProperty({}, componentCls + "-pure", {
     position: 'relative',
     maxWidth: 'none'
   })];
@@ -80226,9 +80403,9 @@ var PresetColorTypes = tuple('pink', 'red', 'yellow', 'orange', 'cyan', 'green',
 /* eslint-disable import/prefer-default-export */
-var PresetColorRegex = new RegExp("^(".concat(PresetColorTypes.join('|'), ")(-inverse)?$"));
+var PresetColorRegex = new RegExp("^(" + PresetColorTypes.join('|') + ")(-inverse)?$");
 function parseColor(prefixCls, color) {
-  var className = classnames_default()(defineProperty_defineProperty({}, "".concat(prefixCls, "-").concat(color), color && PresetColorRegex.test(color)));
+  var className = classnames_default()(defineProperty_defineProperty({}, prefixCls + "-" + color, color && PresetColorRegex.test(color)));
   var overlayStyle;
   var arrowStyle;
   if (color && !PresetColorRegex.test(color)) {
@@ -80276,7 +80453,7 @@ function PurePanel(props) {
   var formattedOverlayInnerStyle = extends_extends(extends_extends({}, overlayInnerStyle), colorInfo.overlayStyle);
   var arrowContentStyle = colorInfo.arrowStyle;
   return wrapSSR( /*#__PURE__*/external_React_.createElement("div", {
-    className: classnames_default()(hashId, prefixCls, "".concat(prefixCls, "-pure"), "".concat(prefixCls, "-placement-").concat(placement), className, colorInfo.className),
+    className: classnames_default()(hashId, prefixCls, prefixCls + "-pure", prefixCls + "-placement-" + placement, className, colorInfo.className),
     style: arrowContentStyle
   }, /*#__PURE__*/external_React_.createElement(Popup_Popup, extends_extends({}, props, {
     className: hashId,
@@ -80350,7 +80527,7 @@ function getDisabledCompatibleChildren(element, prefixCls) {
     });
     return /*#__PURE__*/external_React_.createElement("span", {
       style: spanStyle,
-      className: classnames_default()(element.props.className, "".concat(prefixCls, "-disabled-compatible-wrapper"))
+      className: classnames_default()(element.props.className, prefixCls + "-disabled-compatible-wrapper")
     }, child);
   }
   return element;
@@ -80421,16 +80598,16 @@ var tooltip_Tooltip = /*#__PURE__*/external_React_.forwardRef(function (props, r
       left: '50%'
     };
     if (/top|Bottom/.test(placement)) {
-      transformOrigin.top = "".concat(rect.height - align.offset[1], "px");
+      transformOrigin.top = rect.height - align.offset[1] + "px";
     } else if (/Top|bottom/.test(placement)) {
-      transformOrigin.top = "".concat(-align.offset[1], "px");
+      transformOrigin.top = -align.offset[1] + "px";
     }
     if (/left|Right/.test(placement)) {
-      transformOrigin.left = "".concat(rect.width - align.offset[0], "px");
+      transformOrigin.left = rect.width - align.offset[0] + "px";
     } else if (/right|Left/.test(placement)) {
-      transformOrigin.left = "".concat(-align.offset[0], "px");
+      transformOrigin.left = -align.offset[0] + "px";
     }
-    domNode.style.transformOrigin = "".concat(transformOrigin.left, " ").concat(transformOrigin.top);
+    domNode.style.transformOrigin = transformOrigin.left + " " + transformOrigin.top;
   };
   var getOverlay = function getOverlay() {
     var title = props.title,
@@ -80459,7 +80636,7 @@ var tooltip_Tooltip = /*#__PURE__*/external_React_.forwardRef(function (props, r
   }
   var child = getDisabledCompatibleChildren(isValidElement(children) && !isFragment(children) ? children : /*#__PURE__*/external_React_.createElement("span", null, children), prefixCls);
   var childProps = child.props;
-  var childCls = !childProps.className || typeof childProps.className === 'string' ? classnames_default()(childProps.className, defineProperty_defineProperty({}, openClassName || "".concat(prefixCls, "-open"), true)) : childProps.className;
+  var childCls = !childProps.className || typeof childProps.className === 'string' ? classnames_default()(childProps.className, defineProperty_defineProperty({}, openClassName || prefixCls + "-open", true)) : childProps.className;
   // Style
   var _useStyle = tooltip_style(prefixCls, !injectFromPopover),
     _useStyle2 = slicedToArray_slicedToArray(_useStyle, 2),
@@ -80469,7 +80646,7 @@ var tooltip_Tooltip = /*#__PURE__*/external_React_.forwardRef(function (props, r
   var colorInfo = parseColor(prefixCls, color);
   var formattedOverlayInnerStyle = extends_extends(extends_extends({}, overlayInnerStyle), colorInfo.overlayStyle);
   var arrowContentStyle = colorInfo.arrowStyle;
-  var customOverlayClassName = classnames_default()(overlayClassName, defineProperty_defineProperty({}, "".concat(prefixCls, "-rtl"), direction === 'rtl'), colorInfo.className, hashId);
+  var customOverlayClassName = classnames_default()(overlayClassName, defineProperty_defineProperty({}, prefixCls + "-rtl", direction === 'rtl'), colorInfo.className, hashId);
   return wrapSSR( /*#__PURE__*/external_React_.createElement(rc_tooltip_es, extends_extends({}, otherProps, {
     placement: placement,
     mouseEnterDelay: mouseEnterDelay,
@@ -80487,7 +80664,7 @@ var tooltip_Tooltip = /*#__PURE__*/external_React_.forwardRef(function (props, r
     onPopupAlign: onPopupAlign,
     overlayInnerStyle: formattedOverlayInnerStyle,
     arrowContent: /*#__PURE__*/external_React_.createElement("span", {
-      className: "".concat(prefixCls, "-arrow-content")
+      className: prefixCls + "-arrow-content"
     }),
     motion: {
       motionName: motion_getTransitionName(rootPrefixCls, 'zoom-big-fast', props.transitionName),
@@ -80575,15 +80752,15 @@ var MenuItem_MenuItem = /*#__PURE__*/function (_React$Component) {
       }
       var childrenLength = toArray_toArray(children).length;
       var returnNode = /*#__PURE__*/external_React_.createElement(es_MenuItem, extends_extends({}, rest, {
-        className: classnames_default()((_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-item-danger"), danger), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-item-only-child"), (icon ? childrenLength + 1 : childrenLength) === 1), _classNames), className),
+        className: classnames_default()((_classNames = {}, defineProperty_defineProperty(_classNames, prefixCls + "-item-danger", danger), defineProperty_defineProperty(_classNames, prefixCls + "-item-only-child", (icon ? childrenLength + 1 : childrenLength) === 1), _classNames), className),
         title: typeof title === 'string' ? title : undefined
       }), cloneElement(icon, {
-        className: classnames_default()(isValidElement(icon) ? (_a = icon.props) === null || _a === void 0 ? void 0 : _a.className : '', "".concat(prefixCls, "-item-icon"))
+        className: classnames_default()(isValidElement(icon) ? (_a = icon.props) === null || _a === void 0 ? void 0 : _a.className : '', prefixCls + "-item-icon")
       }), _this.renderItemChildren(inlineCollapsed));
       if (!disableMenuItemTitleTooltip) {
         returnNode = /*#__PURE__*/external_React_.createElement(tooltip, extends_extends({}, tooltipProps, {
           placement: direction === 'rtl' ? 'left' : 'right',
-          overlayClassName: "".concat(prefixCls, "-inline-collapsed-tooltip")
+          overlayClassName: prefixCls + "-inline-collapsed-tooltip"
         }), returnNode);
       }
       return returnNode;
@@ -80600,14 +80777,14 @@ var MenuItem_MenuItem = /*#__PURE__*/function (_React$Component) {
         icon = _this$props2.icon,
         children = _this$props2.children;
       var wrapNode = /*#__PURE__*/external_React_.createElement("span", {
-        className: "".concat(prefixCls, "-title-content")
+        className: prefixCls + "-title-content"
       }, children);
       // inline-collapsed.md demo 依赖 span 来隐藏文字,有 icon 属性，则内部包裹一个 span
       // ref: https://github.com/ant-design/ant-design/pull/23456
       if (!icon || isValidElement(children) && children.type === 'span') {
         if (children && inlineCollapsed && firstLevel && typeof children === 'string') {
           return /*#__PURE__*/external_React_.createElement("div", {
-            className: "".concat(prefixCls, "-inline-collapsed-noicon")
+            className: prefixCls + "-inline-collapsed-noicon"
           }, children.charAt(0));
         }
       }
@@ -80640,23 +80817,24 @@ function SubMenu_SubMenu(props) {
   var context = external_React_.useContext(menu_MenuContext);
   var prefixCls = context.prefixCls,
     inlineCollapsed = context.inlineCollapsed,
-    contextTheme = context.theme;
+    contextTheme = context.theme,
+    mode = context.mode;
   var parentPath = useFullPath();
   var titleNode;
   if (!icon) {
     titleNode = inlineCollapsed && !parentPath.length && title && typeof title === 'string' ? /*#__PURE__*/external_React_.createElement("div", {
-      className: "".concat(prefixCls, "-inline-collapsed-noicon")
+      className: prefixCls + "-inline-collapsed-noicon"
     }, title.charAt(0)) : /*#__PURE__*/external_React_.createElement("span", {
-      className: "".concat(prefixCls, "-title-content")
+      className: prefixCls + "-title-content"
     }, title);
   } else {
     // inline-collapsed.md demo 依赖 span 来隐藏文字,有 icon 属性，则内部包裹一个 span
     // ref: https://github.com/ant-design/ant-design/pull/23456
     var titleIsSpan = isValidElement(title) && title.type === 'span';
     titleNode = /*#__PURE__*/external_React_.createElement(external_React_.Fragment, null, cloneElement(icon, {
-      className: classnames_default()(isValidElement(icon) ? (_a = icon.props) === null || _a === void 0 ? void 0 : _a.className : '', "".concat(prefixCls, "-item-icon"))
+      className: classnames_default()(isValidElement(icon) ? (_a = icon.props) === null || _a === void 0 ? void 0 : _a.className : '', prefixCls + "-item-icon")
     }), titleIsSpan ? title : /*#__PURE__*/external_React_.createElement("span", {
-      className: "".concat(prefixCls, "-title-content")
+      className: prefixCls + "-title-content"
     }, title));
   }
   var contextValue = external_React_.useMemo(function () {
@@ -80664,11 +80842,14 @@ function SubMenu_SubMenu(props) {
       firstLevel: false
     });
   }, [context]);
+  var popupOffset = mode === 'horizontal' ? [0, 8] : [10, 0];
   return /*#__PURE__*/external_React_.createElement(menu_MenuContext.Provider, {
     value: contextValue
-  }, /*#__PURE__*/external_React_.createElement(SubMenu, extends_extends({}, omit_omit(props, ['icon']), {
+  }, /*#__PURE__*/external_React_.createElement(SubMenu, extends_extends({
+    popupOffset: popupOffset
+  }, omit_omit(props, ['icon']), {
     title: titleNode,
-    popupClassName: classnames_default()(prefixCls, popupClassName, "".concat(prefixCls, "-").concat(customTheme || contextTheme))
+    popupClassName: classnames_default()(prefixCls, popupClassName, prefixCls + "-" + (customTheme || contextTheme))
   })));
 }
 /* harmony default export */ var menu_SubMenu = (SubMenu_SubMenu);
@@ -80699,7 +80880,7 @@ function useItems_convertItemsToNodes(list) {
         key = _a.key,
         type = _a.type,
         restProps = useItems_rest(_a, ["label", "children", "key", "type"]);
-      var mergedKey = key !== null && key !== void 0 ? key : "tmp-".concat(index);
+      var mergedKey = key !== null && key !== void 0 ? key : "tmp-" + index;
       // MenuItemGroup & SubMenuItem
       if (children || type === 'group') {
         if (type === 'group') {
@@ -80828,11 +81009,11 @@ var InternalMenu = /*#__PURE__*/(0,external_React_.forwardRef)(function (props,
   }, [inlineCollapsed, siderCollapsed]);
   var defaultMotions = {
     horizontal: {
-      motionName: "".concat(rootPrefixCls, "-slide-up")
+      motionName: rootPrefixCls + "-slide-up"
     },
     inline: motion(rootPrefixCls),
     other: {
-      motionName: "".concat(rootPrefixCls, "-zoom-big")
+      motionName: rootPrefixCls + "-zoom-big"
     }
   };
   var prefixCls = getPrefixCls('menu', customizePrefixCls || overrideObj.prefixCls);
@@ -80840,14 +81021,14 @@ var InternalMenu = /*#__PURE__*/(0,external_React_.forwardRef)(function (props,
     _useStyle2 = slicedToArray_slicedToArray(_useStyle, 2),
     wrapSSR = _useStyle2[0],
     hashId = _useStyle2[1];
-  var menuClassName = classnames_default()("".concat(prefixCls, "-").concat(theme), className);
+  var menuClassName = classnames_default()(prefixCls + "-" + theme, className);
   // ====================== Expand Icon ========================
   var mergedExpandIcon;
   if (typeof expandIcon === 'function') {
     mergedExpandIcon = expandIcon;
   } else {
     mergedExpandIcon = cloneElement(expandIcon || overrideObj.expandIcon, {
-      className: "".concat(prefixCls, "-submenu-expand-icon")
+      className: prefixCls + "-submenu-expand-icon"
     });
   }
   // ======================== Context ==========================
@@ -80858,6 +81039,7 @@ var InternalMenu = /*#__PURE__*/(0,external_React_.forwardRef)(function (props,
       direction: direction,
       firstLevel: true,
       theme: theme,
+      mode: mergedMode,
       disableMenuItemTitleTooltip: _internalDisableMenuItemTitleTooltip
     };
   }, [prefixCls, mergedInlineCollapsed, direction, _internalDisableMenuItemTitleTooltip, theme]);
@@ -80869,7 +81051,7 @@ var InternalMenu = /*#__PURE__*/(0,external_React_.forwardRef)(function (props,
   }, /*#__PURE__*/external_React_.createElement(rc_menu_es, extends_extends({
     getPopupContainer: getPopupContainer,
     overflowedIndicator: /*#__PURE__*/external_React_.createElement(icons_EllipsisOutlined, null),
-    overflowedIndicatorPopupClassName: "".concat(prefixCls, "-").concat(theme),
+    overflowedIndicatorPopupClassName: prefixCls + "-" + theme,
     mode: mergedMode,
     selectable: mergedSelectable,
     onClick: onItemClick
@@ -81225,7 +81407,7 @@ var useLocaleReceiver = function useLocaleReceiver(componentName, defaultLocale)
-var dynamicStyleMark = "-ant-".concat(Date.now(), "-").concat(Math.random());
+var dynamicStyleMark = "-ant-" + Date.now() + "-" + Math.random();
 function cssVariables_getStyle(globalPrefixCls, theme) {
   var variables = {};
   var formatColor = function formatColor(color, updater) {
@@ -81236,13 +81418,13 @@ function cssVariables_getStyle(globalPrefixCls, theme) {
   var fillColor = function fillColor(colorVal, type) {
     var baseColor = new TinyColor(colorVal);
     var colorPalettes = (0,index_esm.generate)(baseColor.toRgbString());
-    variables["".concat(type, "-color")] = formatColor(baseColor);
-    variables["".concat(type, "-color-disabled")] = colorPalettes[1];
-    variables["".concat(type, "-color-hover")] = colorPalettes[4];
-    variables["".concat(type, "-color-active")] = colorPalettes[6];
-    variables["".concat(type, "-color-outline")] = baseColor.clone().setAlpha(0.2).toRgbString();
-    variables["".concat(type, "-color-deprecated-bg")] = colorPalettes[0];
-    variables["".concat(type, "-color-deprecated-border")] = colorPalettes[2];
+    variables[type + "-color"] = formatColor(baseColor);
+    variables[type + "-color-disabled"] = colorPalettes[1];
+    variables[type + "-color-hover"] = colorPalettes[4];
+    variables[type + "-color-active"] = colorPalettes[6];
+    variables[type + "-color-outline"] = baseColor.clone().setAlpha(0.2).toRgbString();
+    variables[type + "-color-deprecated-bg"] = colorPalettes[0];
+    variables[type + "-color-deprecated-border"] = colorPalettes[2];
   };
   // ================ Primary Color ================
   if (theme.primaryColor) {
@@ -81251,7 +81433,7 @@ function cssVariables_getStyle(globalPrefixCls, theme) {
     var primaryColors = (0,index_esm.generate)(primaryColor.toRgbString());
     // Legacy - We should use semantic naming standard
     primaryColors.forEach(function (color, index) {
-      variables["primary-".concat(index + 1)] = color;
+      variables["primary-" + (index + 1)] = color;
     });
     // Deprecated
     variables['primary-color-deprecated-l-35'] = formatColor(primaryColor, function (c) {
@@ -81295,14 +81477,14 @@ function cssVariables_getStyle(globalPrefixCls, theme) {
   }
   // Convert to css variables
   var cssList = Object.keys(variables).map(function (key) {
-    return "--".concat(globalPrefixCls, "-").concat(key, ": ").concat(variables[key], ";");
+    return "--" + globalPrefixCls + "-" + key + ": " + variables[key] + ";";
   });
-  return "\n  :root {\n    ".concat(cssList.join('\n'), "\n  }\n  ").trim();
+  return ("\n  :root {\n    " + cssList.join('\n') + "\n  }\n  ").trim();
 }
 function registerTheme(globalPrefixCls, theme) {
   var style = cssVariables_getStyle(globalPrefixCls, theme);
   if (canUseDom()) {
-    updateCSS(style, "".concat(dynamicStyleMark, "-dynamic-theme"));
+    updateCSS(style, dynamicStyleMark + "-dynamic-theme");
   } else {
      false ? 0 : void 0;
   }
@@ -81314,7 +81496,7 @@ function registerTheme(globalPrefixCls, theme) {
 function useTheme(theme, parentTheme) {
   var themeConfig = theme || {};
-  var parentThemeConfig = parentTheme || theme_defaultConfig;
+  var parentThemeConfig = themeConfig.inherit === false || !parentTheme ? theme_defaultConfig : parentTheme;
   var mergedTheme = useMemo_useMemo(function () {
     if (!theme) {
       return parentTheme;
@@ -81350,6 +81532,28 @@ var SizeContextProvider = function SizeContextProvider(_ref) {
   });
 };
 /* harmony default export */ var config_provider_SizeContext = (SizeContext);
+;// CONCATENATED MODULE: ./node_modules/antd/es/config-provider/style/index.js
+var config_provider_style_useStyle = function useStyle(iconPrefixCls) {
+  var _useToken = theme_useToken(),
+    _useToken2 = slicedToArray_slicedToArray(_useToken, 2),
+    theme = _useToken2[0],
+    token = _useToken2[1];
+  // Generate style for icons
+  return useStyleRegister({
+    theme: theme,
+    token: token,
+    hashId: '',
+    path: ['ant-design-icons', iconPrefixCls]
+  }, function () {
+    return [defineProperty_defineProperty({}, "." + iconPrefixCls, resetIcon())];
+  });
+};
+/* harmony default export */ var config_provider_style = (config_provider_style_useStyle);
 ;// CONCATENATED MODULE: ./node_modules/antd/es/config-provider/index.js
 var config_provider_rest = undefined && undefined.__rest || function (s, e) {
@@ -81379,6 +81583,7 @@ var config_provider_rest = undefined && undefined.__rest || function (s, e) {
 var configConsumerProps = (/* unused pure expression or super */ null && (['getTargetContainer', 'getPopupContainer', 'rootPrefixCls', 'getPrefixCls', 'renderEmpty', 'csp', 'autoInsertSpaceInButton', 'locale', 'pageHeader']));
 // These props is used by `useContext` directly in sub component
 var PASSED_PROPS = ['getTargetContainer', 'getPopupContainer', 'renderEmpty', 'pageHeader', 'input', 'pagination', 'form'];
@@ -81409,7 +81614,7 @@ var globalConfig = function globalConfig() {
   return {
     getPrefixCls: function getPrefixCls(suffixCls, customizePrefixCls) {
       if (customizePrefixCls) return customizePrefixCls;
-      return suffixCls ? "".concat(getGlobalPrefixCls(), "-").concat(suffixCls) : getGlobalPrefixCls();
+      return suffixCls ? getGlobalPrefixCls() + "-" + suffixCls : getGlobalPrefixCls();
     },
     getIconPrefixCls: getGlobalIconPrefixCls,
     getRootPrefixCls: function getRootPrefixCls() {
@@ -81443,10 +81648,12 @@ var ProviderChildren = function ProviderChildren(props) {
     var prefixCls = props.prefixCls;
     if (customizePrefixCls) return customizePrefixCls;
     var mergedPrefixCls = prefixCls || parentContext.getPrefixCls('');
-    return suffixCls ? "".concat(mergedPrefixCls, "-").concat(suffixCls) : mergedPrefixCls;
+    return suffixCls ? mergedPrefixCls + "-" + suffixCls : mergedPrefixCls;
   }, [parentContext.getPrefixCls, props.prefixCls]);
   var iconPrefixCls = customIconPrefixCls || parentContext.iconPrefixCls || context_defaultIconPrefixCls;
+  var shouldWrapSSR = iconPrefixCls !== parentContext.iconPrefixCls;
   var csp = customCsp || parentContext.csp;
+  var wrapSSR = config_provider_style(iconPrefixCls);
   var mergedTheme = useTheme(theme, parentContext.theme);
   var config = extends_extends(extends_extends({}, parentContext), {
     csp: csp,
@@ -81484,7 +81691,7 @@ var ProviderChildren = function ProviderChildren(props) {
       csp: csp
     };
   }, [iconPrefixCls, csp]);
-  var childNode = children;
+  var childNode = shouldWrapSSR ? wrapSSR(children) : children;
   // Additional Form provider
   var validateMessages = {};
   if (locale) {
@@ -81595,7 +81802,7 @@ function genPurePanel(Component, defaultPrefixCls, getDropdownCls) {
         });
         var interval = setInterval(function () {
           var _a;
-          var dropdownCls = getDropdownCls ? ".".concat(getDropdownCls(prefixCls)) : ".".concat(prefixCls, "-dropdown");
+          var dropdownCls = getDropdownCls ? "." + getDropdownCls(prefixCls) : "." + prefixCls + "-dropdown";
           var popup = (_a = holderRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(dropdownCls);
           if (popup) {
             clearInterval(interval);
@@ -81682,7 +81889,7 @@ var genSpaceStyle = function genSpaceStyle(token) {
         alignItems: 'flex-baseline'
       }
     }
-  }, "".concat(componentCls, "-space-item"), {
+  }, componentCls + "-space-item", {
     '&:empty': {
       display: 'none'
     }
@@ -81721,7 +81928,7 @@ var useCompactItemContext = function useCompactItemContext(prefixCls, direction)
       isFirstItem = compactItemContext.isFirstItem,
       isLastItem = compactItemContext.isLastItem;
     var separator = compactDirection === 'vertical' ? '-vertical-' : '-';
-    return classnames_default()((_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-compact").concat(separator, "item"), true), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-compact").concat(separator, "first-item"), isFirstItem), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-compact").concat(separator, "last-item"), isLastItem), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-compact").concat(separator, "item-rtl"), direction === 'rtl'), _classNames));
+    return classnames_default()((_classNames = {}, defineProperty_defineProperty(_classNames, prefixCls + "-compact" + separator + "item", true), defineProperty_defineProperty(_classNames, prefixCls + "-compact" + separator + "first-item", isFirstItem), defineProperty_defineProperty(_classNames, prefixCls + "-compact" + separator + "last-item", isLastItem), defineProperty_defineProperty(_classNames, prefixCls + "-compact" + separator + "item-rtl", direction === 'rtl'), _classNames));
   }, [prefixCls, direction, compactItemContext]);
   return {
     compactSize: compactItemContext === null || compactItemContext === void 0 ? void 0 : compactItemContext.compactSize,
@@ -81760,12 +81967,12 @@ var Compact = function Compact(props) {
     _useStyle2 = slicedToArray_slicedToArray(_useStyle, 2),
     wrapSSR = _useStyle2[0],
     hashId = _useStyle2[1];
-  var clx = classnames_default()(prefixCls, hashId, (_classNames2 = {}, defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-rtl"), directionConfig === 'rtl'), defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-block"), block), defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-vertical"), direction === 'vertical'), _classNames2), className);
+  var clx = classnames_default()(prefixCls, hashId, (_classNames2 = {}, defineProperty_defineProperty(_classNames2, prefixCls + "-rtl", directionConfig === 'rtl'), defineProperty_defineProperty(_classNames2, prefixCls + "-block", block), defineProperty_defineProperty(_classNames2, prefixCls + "-vertical", direction === 'vertical'), _classNames2), className);
   var compactItemContext = external_React_.useContext(SpaceCompactItemContext);
   var childNodes = toArray_toArray(children);
   var nodes = external_React_.useMemo(function () {
     return childNodes.map(function (child, i) {
-      var key = child && child.key || "".concat(prefixCls, "-item-").concat(i);
+      var key = child && child.key || prefixCls + "-item-" + i;
       return /*#__PURE__*/external_React_.createElement(CompactItem, {
         key: key,
         compactSize: size,
@@ -81831,11 +82038,11 @@ var genWaveStyle = function genWaveStyle(token) {
       opacity: 0
     }
   });
-  return [(_ref = {}, defineProperty_defineProperty(_ref, "".concat(token.clickAnimatingWithoutExtraNodeTrue, ",\n      ").concat(token.clickAnimatingTrue), {
+  return [(_ref = {}, defineProperty_defineProperty(_ref, token.clickAnimatingWithoutExtraNodeTrue + ",\n      " + token.clickAnimatingTrue, {
     '--antd-wave-shadow-color': token.colorPrimary,
     '--scroll-bar': 0,
     position: 'relative'
-  }), defineProperty_defineProperty(_ref, "".concat(token.clickAnimatingWithoutExtraNodeTrueAfter, ",\n      & ").concat(token.clickAnimatingNode), {
+  }), defineProperty_defineProperty(_ref, token.clickAnimatingWithoutExtraNodeTrueAfter + ",\n      & " + token.clickAnimatingNode, {
     position: 'absolute',
     top: 0,
     insetInlineStart: 0,
@@ -81847,7 +82054,7 @@ var genWaveStyle = function genWaveStyle(token) {
     opacity: 0.2,
     animation: {
       _skip_check_: true,
-      value: "".concat(fadeEffect.getName(token.hashId), " 2s ").concat(token.motionEaseOutCirc, ", ").concat(waveEffect.getName(token.hashId), " 0.4s ").concat(token.motionEaseOutCirc)
+      value: fadeEffect.getName(token.hashId) + " 2s " + token.motionEaseOutCirc + ", " + waveEffect.getName(token.hashId) + " 0.4s " + token.motionEaseOutCirc
     },
     animationFillMode: 'forwards',
     content: '""',
@@ -81863,15 +82070,15 @@ var genWaveStyle = function genWaveStyle(token) {
   var _useContext = (0,external_React_.useContext)(context_ConfigContext),
     getPrefixCls = _useContext.getPrefixCls;
   var rootPrefixCls = getPrefixCls();
-  var clickAnimatingTrue = "[".concat(rootPrefixCls, "-click-animating='true']");
-  var clickAnimatingWithoutExtraNodeTrue = "[".concat(rootPrefixCls, "-click-animating-without-extra-node='true']");
-  var clickAnimatingNode = ".".concat(rootPrefixCls, "-click-animating-node");
+  var clickAnimatingTrue = "[" + rootPrefixCls + "-click-animating='true']";
+  var clickAnimatingWithoutExtraNodeTrue = "[" + rootPrefixCls + "-click-animating-without-extra-node='true']";
+  var clickAnimatingNode = "." + rootPrefixCls + "-click-animating-node";
   var waveToken = extends_extends(extends_extends({}, token), {
     hashId: hashId,
     clickAnimatingNode: clickAnimatingNode,
     clickAnimatingTrue: clickAnimatingTrue,
     clickAnimatingWithoutExtraNodeTrue: clickAnimatingWithoutExtraNodeTrue,
-    clickAnimatingWithoutExtraNodeTrueAfter: "".concat(clickAnimatingWithoutExtraNodeTrue, "::after")
+    clickAnimatingWithoutExtraNodeTrueAfter: clickAnimatingWithoutExtraNodeTrue + "::after"
   });
   return [useStyleRegister({
     theme: theme,
@@ -81959,7 +82166,7 @@ var InternalWave = /*#__PURE__*/function (_React$Component) {
       var _assertThisInitialize = _assertThisInitialized(_this),
         extraNode = _assertThisInitialize.extraNode;
       var getPrefixCls = _this.context.getPrefixCls;
-      extraNode.className = "".concat(getPrefixCls(''), "-click-animating-node");
+      extraNode.className = getPrefixCls('') + "-click-animating-node";
       var attributeName = _this.getAttributeName();
       node.setAttribute(attributeName, 'true');
       // Not white or transparent or grey
@@ -81967,7 +82174,7 @@ var InternalWave = /*#__PURE__*/function (_React$Component) {
         extraNode.style.borderColor = waveColor;
         var nodeRoot = ((_a = node.getRootNode) === null || _a === void 0 ? void 0 : _a.call(node)) || node.ownerDocument;
         var nodeBody = (_b = getValidateContainer(nodeRoot)) !== null && _b !== void 0 ? _b : nodeRoot;
-        styleForPseudo = updateCSS("\n      [".concat(getPrefixCls(''), "-click-animating-without-extra-node='true']::after, .").concat(getPrefixCls(''), "-click-animating-node {\n        --antd-wave-shadow-color: ").concat(waveColor, ";\n      }"), 'antd-wave', {
+        styleForPseudo = updateCSS("\n      [" + getPrefixCls('') + "-click-animating-without-extra-node='true']::after, ." + getPrefixCls('') + "-click-animating-node {\n        --antd-wave-shadow-color: " + waveColor + ";\n      }", 'antd-wave', {
           csp: _this.csp,
           attachTo: nodeBody
         });
@@ -81976,8 +82183,8 @@ var InternalWave = /*#__PURE__*/function (_React$Component) {
         node.appendChild(extraNode);
       }
       ['transition', 'animation'].forEach(function (name) {
-        node.addEventListener("".concat(name, "start"), _this.onTransitionStart);
-        node.addEventListener("".concat(name, "end"), _this.onTransitionEnd);
+        node.addEventListener(name + "start", _this.onTransitionStart);
+        node.addEventListener(name + "end", _this.onTransitionEnd);
       });
     };
     _this.onTransitionStart = function (e) {
@@ -82066,7 +82273,7 @@ var InternalWave = /*#__PURE__*/function (_React$Component) {
     value: function getAttributeName() {
       var getPrefixCls = this.context.getPrefixCls;
       var insertExtraNode = this.props.insertExtraNode;
-      return insertExtraNode ? "".concat(getPrefixCls(''), "-click-animating") : "".concat(getPrefixCls(''), "-click-animating-without-extra-node");
+      return insertExtraNode ? getPrefixCls('') + "-click-animating" : getPrefixCls('') + "-click-animating-without-extra-node";
     }
   }, {
     key: "resetEffect",
@@ -82085,8 +82292,8 @@ var InternalWave = /*#__PURE__*/function (_React$Component) {
         node.removeChild(this.extraNode);
       }
       ['transition', 'animation'].forEach(function (name) {
-        node.removeEventListener("".concat(name, "start"), _this2.onTransitionStart);
-        node.removeEventListener("".concat(name, "end"), _this2.onTransitionEnd);
+        node.removeEventListener(name + "start", _this2.onTransitionStart);
+        node.removeEventListener(name + "end", _this2.onTransitionEnd);
       });
     }
   }, {
@@ -82155,7 +82362,7 @@ var ButtonGroup = function ButtonGroup(props) {
     default:
        false ? 0 : void 0;
   }
-  var classes = classnames_default()(prefixCls, (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-").concat(sizeCls), sizeCls), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames), className, hashId);
+  var classes = classnames_default()(prefixCls, (_classNames = {}, defineProperty_defineProperty(_classNames, prefixCls + "-" + sizeCls, sizeCls), defineProperty_defineProperty(_classNames, prefixCls + "-rtl", direction === 'rtl'), _classNames), className, hashId);
   return /*#__PURE__*/external_React_.createElement(GroupSizeContext.Provider, {
     value: size
   }, /*#__PURE__*/external_React_.createElement("div", extends_extends({}, others, {
@@ -82188,13 +82395,13 @@ var LoadingIcon = function LoadingIcon(_ref) {
   var visible = !!loading;
   if (existIcon) {
     return /*#__PURE__*/external_React_default().createElement("span", {
-      className: "".concat(prefixCls, "-loading-icon")
+      className: prefixCls + "-loading-icon"
     }, /*#__PURE__*/external_React_default().createElement(icons_LoadingOutlined, null));
   }
   return /*#__PURE__*/external_React_default().createElement(rc_motion_es, {
     visible: visible,
     // We do not really use this motionName
-    motionName: "".concat(prefixCls, "-loading-icon-motion"),
+    motionName: prefixCls + "-loading-icon-motion",
     removeOnLeave: true,
     onAppearStart: getCollapsedWidth,
     onAppearActive: getRealWidth,
@@ -82206,7 +82413,7 @@ var LoadingIcon = function LoadingIcon(_ref) {
     var className = _ref2.className,
       style = _ref2.style;
     return /*#__PURE__*/external_React_default().createElement("span", {
-      className: "".concat(prefixCls, "-loading-icon"),
+      className: prefixCls + "-loading-icon",
       style: style,
       ref: ref
     }, /*#__PURE__*/external_React_default().createElement(icons_LoadingOutlined, {
@@ -82218,13 +82425,13 @@ var LoadingIcon = function LoadingIcon(_ref) {
 ;// CONCATENATED MODULE: ./node_modules/antd/es/button/style/group.js
 var genButtonBorderStyle = function genButtonBorderStyle(buttonTypeCls, borderColor) {
-  return defineProperty_defineProperty({}, "> span, > ".concat(buttonTypeCls), {
-    '&:not(:last-child)': defineProperty_defineProperty({}, "&, & > ".concat(buttonTypeCls), {
+  return defineProperty_defineProperty({}, "> span, > " + buttonTypeCls, {
+    '&:not(:last-child)': defineProperty_defineProperty({}, "&, & > " + buttonTypeCls, {
       '&:not(:disabled)': {
         borderInlineEndColor: borderColor
       }
     }),
-    '&:not(:first-child)': defineProperty_defineProperty({}, "&, & > ".concat(buttonTypeCls), {
+    '&:not(:first-child)': defineProperty_defineProperty({}, "&, & > " + buttonTypeCls, {
       '&:not(:disabled)': {
         borderInlineStartColor: borderColor
       }
@@ -82238,17 +82445,17 @@ var genGroupStyle = function genGroupStyle(token) {
     lineWidth = token.lineWidth,
     colorPrimaryHover = token.colorPrimaryHover,
     colorErrorHover = token.colorErrorHover;
-  return defineProperty_defineProperty({}, "".concat(componentCls, "-group"), [(_ref2 = {
+  return defineProperty_defineProperty({}, componentCls + "-group", [(_ref2 = {
     position: 'relative',
     display: 'inline-flex'
-  }, defineProperty_defineProperty(_ref2, "> span, > ".concat(componentCls), {
-    '&:not(:last-child)': defineProperty_defineProperty({}, "&, & > ".concat(componentCls), {
+  }, defineProperty_defineProperty(_ref2, "> span, > " + componentCls, {
+    '&:not(:last-child)': defineProperty_defineProperty({}, "&, & > " + componentCls, {
       borderStartEndRadius: 0,
       borderEndEndRadius: 0
     }),
     '&:not(:first-child)': defineProperty_defineProperty({
       marginInlineStart: -lineWidth
-    }, "&, & > ".concat(componentCls), {
+    }, "&, & > " + componentCls, {
       borderStartStartRadius: 0,
       borderEndStartRadius: 0
     })
@@ -82259,11 +82466,11 @@ var genGroupStyle = function genGroupStyle(token) {
     zIndex: 2
   }), defineProperty_defineProperty(_componentCls, '&[disabled]', {
     zIndex: 0
-  }), _componentCls)), defineProperty_defineProperty(_ref2, "".concat(componentCls, "-icon-only"), {
+  }), _componentCls)), defineProperty_defineProperty(_ref2, componentCls + "-icon-only", {
     fontSize: fontSize
   }), _ref2),
   // Border Color
-  genButtonBorderStyle("".concat(componentCls, "-primary"), colorPrimaryHover), genButtonBorderStyle("".concat(componentCls, "-danger"), colorErrorHover)]);
+  genButtonBorderStyle(componentCls + "-primary", colorPrimaryHover), genButtonBorderStyle(componentCls + "-danger", colorErrorHover)]);
 };
 /* harmony default export */ var style_group = (genGroupStyle);
 ;// CONCATENATED MODULE: ./node_modules/antd/es/style/compact-item.js
@@ -82276,11 +82483,11 @@ function compactItemBorder(token, borderedItemCls, popoverFocusedCls) {
     '&-item:not(&-last-item)': {
       marginInlineEnd: -token.lineWidth
     },
-    '&-item': extends_extends(extends_extends(defineProperty_defineProperty({}, "&:hover ".concat(childCombinator, ", &:focus ").concat(childCombinator, ", &:active ").concat(childCombinator), {
+    '&-item': extends_extends(extends_extends(defineProperty_defineProperty({}, "&:hover " + childCombinator + ", &:focus " + childCombinator + ", &:active " + childCombinator, {
       zIndex: 2
-    }), popoverFocusedCls ? defineProperty_defineProperty({}, "&".concat(popoverFocusedCls), {
+    }), popoverFocusedCls ? defineProperty_defineProperty({}, "&" + popoverFocusedCls, {
       zIndex: 2
-    }) : {}), defineProperty_defineProperty({}, "&[disabled] ".concat(childCombinator), {
+    }) : {}), defineProperty_defineProperty({}, "&[disabled] " + childCombinator, {
       zIndex: 0
     }))
   };
@@ -82288,13 +82495,13 @@ function compactItemBorder(token, borderedItemCls, popoverFocusedCls) {
 // handle border-radius
 function compactItemBorderRadius(prefixCls, borderedElementCls) {
   var _ref2;
-  var childCombinator = borderedElementCls ? "> ".concat(borderedElementCls) : '';
-  return _ref2 = {}, defineProperty_defineProperty(_ref2, "&-item:not(&-first-item):not(&-last-item) ".concat(childCombinator), {
+  var childCombinator = borderedElementCls ? "> " + borderedElementCls : '';
+  return _ref2 = {}, defineProperty_defineProperty(_ref2, "&-item:not(&-first-item):not(&-last-item) " + childCombinator, {
     borderRadius: 0
-  }), defineProperty_defineProperty(_ref2, '&-item&-first-item', defineProperty_defineProperty({}, "& ".concat(childCombinator, ", &").concat(prefixCls, "-sm ").concat(childCombinator, ", &").concat(prefixCls, "-lg ").concat(childCombinator), {
+  }), defineProperty_defineProperty(_ref2, '&-item&-first-item', defineProperty_defineProperty({}, "& " + childCombinator + ", &" + prefixCls + "-sm " + childCombinator + ", &" + prefixCls + "-lg " + childCombinator, {
     borderStartEndRadius: 0,
     borderEndEndRadius: 0
-  })), defineProperty_defineProperty(_ref2, '&-item&-last-item', defineProperty_defineProperty({}, "& ".concat(childCombinator, ", &").concat(prefixCls, "-sm ").concat(childCombinator, ", &").concat(prefixCls, "-lg ").concat(childCombinator), {
+  })), defineProperty_defineProperty(_ref2, '&-item&-last-item', defineProperty_defineProperty({}, "& " + childCombinator + ", &" + prefixCls + "-sm " + childCombinator + ", &" + prefixCls + "-lg " + childCombinator, {
     borderStartStartRadius: 0,
     borderEndStartRadius: 0
   })), _ref2;
@@ -82334,11 +82541,11 @@ function compactItemBorderVerticalRadius(prefixCls) {
     '&-item:not(&-first-item):not(&-last-item)': {
       borderRadius: 0
     },
-    '&-item&-first-item': defineProperty_defineProperty({}, "&, &".concat(prefixCls, "-sm, &").concat(prefixCls, "-lg"), {
+    '&-item&-first-item': defineProperty_defineProperty({}, "&, &" + prefixCls + "-sm, &" + prefixCls + "-lg", {
       borderEndEndRadius: 0,
       borderEndStartRadius: 0
     }),
-    '&-item&-last-item': defineProperty_defineProperty({}, "&, &".concat(prefixCls, "-sm, &").concat(prefixCls, "-lg"), {
+    '&-item&-last-item': defineProperty_defineProperty({}, "&, &" + prefixCls + "-sm, &" + prefixCls + "-lg", {
       borderStartStartRadius: 0,
       borderStartEndRadius: 0
     })
@@ -82371,9 +82578,9 @@ var genSharedButtonStyle = function genSharedButtonStyle(token) {
     textAlign: 'center',
     backgroundImage: 'none',
     backgroundColor: 'transparent',
-    border: "".concat(token.lineWidth, "px ").concat(token.lineType, " transparent"),
+    border: token.lineWidth + "px " + token.lineType + " transparent",
     cursor: 'pointer',
-    transition: "all ".concat(token.motionDurationFast, " ").concat(token.motionEaseInOut),
+    transition: "all " + token.motionDurationMid + " " + token.motionEaseInOut,
     userSelect: 'none',
     touchAction: 'manipulation',
     lineHeight: token.lineHeight,
@@ -82381,16 +82588,16 @@ var genSharedButtonStyle = function genSharedButtonStyle(token) {
     '> span': {
       display: 'inline-block'
     }
-  }, defineProperty_defineProperty(_extends2, "> ".concat(iconCls, " + span, > span + ").concat(iconCls), {
+  }, defineProperty_defineProperty(_extends2, "> " + iconCls + " + span, > span + " + iconCls, {
     marginInlineStart: token.marginXS
-  }), defineProperty_defineProperty(_extends2, "&".concat(componentCls, "-block"), {
+  }), defineProperty_defineProperty(_extends2, "&" + componentCls + "-block", {
     width: '100%'
   }), defineProperty_defineProperty(_extends2, '&:not(:disabled)', extends_extends({}, genFocusStyle(token))), _extends2), genCompactItemStyle(token, componentCls)), genCompactItemVerticalStyle(token, componentCls)), (_extends3 = {
     // make `btn-icon-only` not too narrow
     '&-icon-only&-compact-item': {
       flex: 'none'
     }
-  }, defineProperty_defineProperty(_extends3, "&-compact-item".concat(componentCls, "-primary"), {
+  }, defineProperty_defineProperty(_extends3, "&-compact-item" + componentCls + "-primary", {
     '&:not([disabled]) + &:not([disabled])': {
       position: 'relative',
       '&:after': {
@@ -82399,12 +82606,12 @@ var genSharedButtonStyle = function genSharedButtonStyle(token) {
         insetInlineStart: -token.lineWidth,
         display: 'inline-block',
         width: token.lineWidth,
-        height: "calc(100% + ".concat(token.lineWidth * 2, "px)"),
+        height: "calc(100% + " + token.lineWidth * 2 + "px)",
         backgroundColor: token.colorPrimaryBorder,
         content: '""'
       }
     }
-  }), defineProperty_defineProperty(_extends3, '&-compact-vertical-item', defineProperty_defineProperty({}, "&".concat(componentCls, "-primary"), {
+  }), defineProperty_defineProperty(_extends3, '&-compact-vertical-item', defineProperty_defineProperty({}, "&" + componentCls + "-primary", {
     '&:not([disabled]) + &:not([disabled])': {
       position: 'relative',
       '&:after': {
@@ -82412,7 +82619,7 @@ var genSharedButtonStyle = function genSharedButtonStyle(token) {
         top: -token.lineWidth,
         insetInlineStart: -token.lineWidth,
         display: 'inline-block',
-        width: "calc(100% + ".concat(token.lineWidth * 2, "px)"),
+        width: "calc(100% + " + token.lineWidth * 2 + "px)",
         height: token.lineWidth,
         backgroundColor: token.colorPrimaryBorder,
         content: '""'
@@ -82447,7 +82654,7 @@ var genRoundButtonStyle = function genRoundButtonStyle(token) {
 };
 // =============================== Type ===============================
 var genGhostButtonStyle = function genGhostButtonStyle(btnCls, textColor, borderColor, textColorDisabled, borderColorDisabled, hoverStyle, activeStyle) {
-  return defineProperty_defineProperty({}, "&".concat(btnCls, "-background-ghost"), extends_extends(extends_extends({
+  return defineProperty_defineProperty({}, "&" + btnCls + "-background-ghost", extends_extends(extends_extends({
     color: textColor || undefined,
     backgroundColor: 'transparent',
     borderColor: borderColor || undefined,
@@ -82491,14 +82698,14 @@ var genDefaultButtonStyle = function genDefaultButtonStyle(token) {
   return extends_extends(extends_extends(extends_extends(extends_extends(extends_extends({}, genSolidButtonStyle(token)), {
     backgroundColor: token.colorBgContainer,
     borderColor: token.colorBorder,
-    boxShadow: "0 ".concat(token.controlOutlineWidth, "px 0 ").concat(token.controlTmpOutline)
+    boxShadow: "0 " + token.controlOutlineWidth + "px 0 " + token.controlTmpOutline
   }), genHoverActiveButtonStyle({
     color: token.colorPrimaryHover,
     borderColor: token.colorPrimaryHover
   }, {
     color: token.colorPrimaryActive,
     borderColor: token.colorPrimaryActive
-  })), genGhostButtonStyle(token.componentCls, token.colorBgContainer, token.colorBgContainer, token.colorTextDisabled, token.colorBorder)), defineProperty_defineProperty({}, "&".concat(token.componentCls, "-dangerous"), extends_extends(extends_extends(extends_extends({
+  })), genGhostButtonStyle(token.componentCls, token.colorBgContainer, token.colorBgContainer, token.colorTextDisabled, token.colorBorder)), defineProperty_defineProperty({}, "&" + token.componentCls + "-dangerous", extends_extends(extends_extends(extends_extends({
     color: token.colorError,
     borderColor: token.colorError
   }, genHoverActiveButtonStyle({
@@ -82514,7 +82721,7 @@ var genPrimaryButtonStyle = function genPrimaryButtonStyle(token) {
   return extends_extends(extends_extends(extends_extends(extends_extends(extends_extends({}, genSolidButtonStyle(token)), {
     color: token.colorTextLightSolid,
     backgroundColor: token.colorPrimary,
-    boxShadow: "0 ".concat(token.controlOutlineWidth, "px 0 ").concat(token.controlOutline)
+    boxShadow: "0 " + token.controlOutlineWidth + "px 0 " + token.controlOutline
   }), genHoverActiveButtonStyle({
     color: token.colorTextLightSolid,
     backgroundColor: token.colorPrimaryHover
@@ -82527,9 +82734,9 @@ var genPrimaryButtonStyle = function genPrimaryButtonStyle(token) {
   }, {
     color: token.colorPrimaryActive,
     borderColor: token.colorPrimaryActive
-  })), defineProperty_defineProperty({}, "&".concat(token.componentCls, "-dangerous"), extends_extends(extends_extends(extends_extends({
+  })), defineProperty_defineProperty({}, "&" + token.componentCls + "-dangerous", extends_extends(extends_extends(extends_extends({
     backgroundColor: token.colorError,
-    boxShadow: "0 ".concat(token.controlOutlineWidth, "px 0 ").concat(token.colorErrorOutline)
+    boxShadow: "0 " + token.controlOutlineWidth + "px 0 " + token.colorErrorOutline
   }, genHoverActiveButtonStyle({
     backgroundColor: token.colorErrorHover
   }, {
@@ -82556,7 +82763,7 @@ var genLinkButtonStyle = function genLinkButtonStyle(token) {
     color: token.colorLinkHover
   }, {
     color: token.colorLinkActive
-  })), genPureDisabledButtonStyle(token)), defineProperty_defineProperty({}, "&".concat(token.componentCls, "-dangerous"), extends_extends(extends_extends({
+  })), genPureDisabledButtonStyle(token)), defineProperty_defineProperty({}, "&" + token.componentCls + "-dangerous", extends_extends(extends_extends({
     color: token.colorError
   }, genHoverActiveButtonStyle({
     color: token.colorErrorHover
@@ -82572,7 +82779,7 @@ var genTextButtonStyle = function genTextButtonStyle(token) {
   }, {
     color: token.colorText,
     backgroundColor: token.colorBgTextActive
-  })), genPureDisabledButtonStyle(token)), defineProperty_defineProperty({}, "&".concat(token.componentCls, "-dangerous"), extends_extends(extends_extends({
+  })), genPureDisabledButtonStyle(token)), defineProperty_defineProperty({}, "&" + token.componentCls + "-dangerous", extends_extends(extends_extends({
     color: token.colorError
   }, genPureDisabledButtonStyle(token)), genHoverActiveButtonStyle({
     color: token.colorErrorHover,
@@ -82585,41 +82792,41 @@ var genTextButtonStyle = function genTextButtonStyle(token) {
 var genTypeButtonStyle = function genTypeButtonStyle(token) {
   var _ref3;
   var componentCls = token.componentCls;
-  return _ref3 = {}, defineProperty_defineProperty(_ref3, "".concat(componentCls, "-default"), genDefaultButtonStyle(token)), defineProperty_defineProperty(_ref3, "".concat(componentCls, "-primary"), genPrimaryButtonStyle(token)), defineProperty_defineProperty(_ref3, "".concat(componentCls, "-dashed"), genDashedButtonStyle(token)), defineProperty_defineProperty(_ref3, "".concat(componentCls, "-link"), genLinkButtonStyle(token)), defineProperty_defineProperty(_ref3, "".concat(componentCls, "-text"), genTextButtonStyle(token)), _ref3;
+  return _ref3 = {}, defineProperty_defineProperty(_ref3, componentCls + "-default", genDefaultButtonStyle(token)), defineProperty_defineProperty(_ref3, componentCls + "-primary", genPrimaryButtonStyle(token)), defineProperty_defineProperty(_ref3, componentCls + "-dashed", genDashedButtonStyle(token)), defineProperty_defineProperty(_ref3, componentCls + "-link", genLinkButtonStyle(token)), defineProperty_defineProperty(_ref3, componentCls + "-text", genTextButtonStyle(token)), _ref3;
 };
 // =============================== Size ===============================
 var genSizeButtonStyle = function genSizeButtonStyle(token) {
-  var _$concat$concat;
+  var _ref4;
   var sizePrefixCls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   var componentCls = token.componentCls,
     iconCls = token.iconCls;
   var paddingVertical = Math.max(0, (token.controlHeight - token.fontSize * token.lineHeight) / 2 - token.lineWidth);
   var paddingHorizontal = token.buttonPaddingHorizontal - token.lineWidth;
-  var iconOnlyCls = "".concat(componentCls, "-icon-only");
+  var iconOnlyCls = componentCls + "-icon-only";
   return [
   // Size
-  defineProperty_defineProperty({}, "".concat(componentCls).concat(sizePrefixCls), (_$concat$concat = {
+  defineProperty_defineProperty({}, "" + componentCls + sizePrefixCls, (_ref4 = {
     fontSize: token.fontSize,
     height: token.controlHeight,
-    padding: "".concat(paddingVertical, "px ").concat(paddingHorizontal, "px"),
+    padding: paddingVertical + "px " + paddingHorizontal + "px",
     borderRadius: token.borderRadius
-  }, defineProperty_defineProperty(_$concat$concat, "&".concat(iconOnlyCls), {
+  }, defineProperty_defineProperty(_ref4, "&" + iconOnlyCls, {
     width: token.controlHeight,
     paddingInlineStart: 0,
     paddingInlineEnd: 0,
     '> span': {
       transform: 'scale(1.143)' // 14px -> 16px
     }
-  }), defineProperty_defineProperty(_$concat$concat, "&".concat(componentCls, "-loading"), {
+  }), defineProperty_defineProperty(_ref4, "&" + componentCls + "-loading", {
     opacity: token.opacityLoading,
     cursor: 'default'
-  }), defineProperty_defineProperty(_$concat$concat, "".concat(componentCls, "-loading-icon"), {
-    transition: "width ".concat(token.motionDurationSlow, " ").concat(token.motionEaseInOut, ", opacity ").concat(token.motionDurationSlow, " ").concat(token.motionEaseInOut)
-  }), defineProperty_defineProperty(_$concat$concat, "&:not(".concat(iconOnlyCls, ") ").concat(componentCls, "-loading-icon > ").concat(iconCls), {
+  }), defineProperty_defineProperty(_ref4, componentCls + "-loading-icon", {
+    transition: "width " + token.motionDurationSlow + " " + token.motionEaseInOut + ", opacity " + token.motionDurationSlow + " " + token.motionEaseInOut
+  }), defineProperty_defineProperty(_ref4, "&:not(" + iconOnlyCls + ") " + componentCls + "-loading-icon > " + iconCls, {
     marginInlineEnd: token.marginXS
-  }), _$concat$concat)),
+  }), _ref4)),
   // Shape - patch prefixCls again to override solid border radius style
-  defineProperty_defineProperty({}, "".concat(componentCls).concat(componentCls, "-circle").concat(sizePrefixCls), genCircleButtonStyle(token)), defineProperty_defineProperty({}, "".concat(componentCls).concat(componentCls, "-round").concat(sizePrefixCls), genRoundButtonStyle(token))];
+  defineProperty_defineProperty({}, "" + componentCls + componentCls + "-circle" + sizePrefixCls, genCircleButtonStyle(token)), defineProperty_defineProperty({}, "" + componentCls + componentCls + "-round" + sizePrefixCls, genRoundButtonStyle(token))];
 };
 var genSizeBaseButtonStyle = function genSizeBaseButtonStyle(token) {
   return genSizeButtonStyle(token);
@@ -82631,7 +82838,7 @@ var genSizeSmallButtonStyle = function genSizeSmallButtonStyle(token) {
     buttonPaddingHorizontal: 8,
     borderRadius: token.borderRadiusSM
   });
-  return genSizeButtonStyle(smallToken, "".concat(token.componentCls, "-sm"));
+  return genSizeButtonStyle(smallToken, token.componentCls + "-sm");
 };
 var genSizeLargeButtonStyle = function genSizeLargeButtonStyle(token) {
   var largeToken = statistic_merge(token, {
@@ -82639,7 +82846,7 @@ var genSizeLargeButtonStyle = function genSizeLargeButtonStyle(token) {
     fontSize: token.fontSizeLG,
     borderRadius: token.borderRadiusLG
   });
-  return genSizeButtonStyle(largeToken, "".concat(token.componentCls, "-lg"));
+  return genSizeButtonStyle(largeToken, token.componentCls + "-lg");
 };
 // ============================== Export ==============================
 /* harmony default export */ var button_style = (genComponentStyleHook('Button', function (token) {
@@ -82728,7 +82935,7 @@ function spaceChildren(children, needInserted) {
     if (isPrevChildPure && isCurrentChildPure) {
       var lastIndex = childList.length - 1;
       var lastChild = childList[lastIndex];
-      childList[lastIndex] = "".concat(lastChild).concat(child);
+      childList[lastIndex] = "" + lastChild + child;
     } else {
       childList.push(child);
     }
@@ -82861,7 +83068,7 @@ var InternalButton = function InternalButton(props, ref) {
   var sizeCls = sizeFullname ? sizeClassNameMap[sizeFullname] || '' : '';
   var iconType = innerLoading ? 'loading' : icon;
   var linkButtonRestProps = omit_omit(rest, ['navigate']);
-  var classes = classnames_default()(prefixCls, hashId, (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-").concat(shape), shape !== 'default' && shape), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-").concat(type), type), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-").concat(sizeCls), sizeCls), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-icon-only"), !children && children !== 0 && !!iconType), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-background-ghost"), ghost && !isUnBorderedButtonType(type)), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-loading"), innerLoading), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-two-chinese-chars"), hasTwoCNChar && autoInsertSpace && !innerLoading), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-block"), block), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-dangerous"), !!danger), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-disabled"), linkButtonRestProps.href !== undefined && mergedDisabled), _classNames), compactItemClassnames, className);
+  var classes = classnames_default()(prefixCls, hashId, (_classNames = {}, defineProperty_defineProperty(_classNames, prefixCls + "-" + shape, shape !== 'default' && shape), defineProperty_defineProperty(_classNames, prefixCls + "-" + type, type), defineProperty_defineProperty(_classNames, prefixCls + "-" + sizeCls, sizeCls), defineProperty_defineProperty(_classNames, prefixCls + "-icon-only", !children && children !== 0 && !!iconType), defineProperty_defineProperty(_classNames, prefixCls + "-background-ghost", ghost && !isUnBorderedButtonType(type)), defineProperty_defineProperty(_classNames, prefixCls + "-loading", innerLoading), defineProperty_defineProperty(_classNames, prefixCls + "-two-chinese-chars", hasTwoCNChar && autoInsertSpace && !innerLoading), defineProperty_defineProperty(_classNames, prefixCls + "-block", block), defineProperty_defineProperty(_classNames, prefixCls + "-dangerous", !!danger), defineProperty_defineProperty(_classNames, prefixCls + "-rtl", direction === 'rtl'), defineProperty_defineProperty(_classNames, prefixCls + "-disabled", linkButtonRestProps.href !== undefined && mergedDisabled), _classNames), compactItemClassnames, className);
   var iconNode = icon && !innerLoading ? icon : /*#__PURE__*/external_React_.createElement(button_LoadingIcon, {
     existIcon: !!icon,
     prefixCls: prefixCls,
@@ -82979,7 +83186,7 @@ function Item_Item(_ref) {
     className: className,
     style: style
   }, children), index < latestIndex && split && /*#__PURE__*/external_React_.createElement("span", {
-    className: "".concat(className, "-split"),
+    className: className + "-split",
     style: style
   }, split));
 }
@@ -83056,8 +83263,8 @@ var Space = function Space(props) {
     _useStyle2 = slicedToArray_slicedToArray(_useStyle, 2),
     wrapSSR = _useStyle2[0],
     hashId = _useStyle2[1];
-  var cn = classnames_default()(prefixCls, hashId, "".concat(prefixCls, "-").concat(direction), (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-rtl"), directionConfig === 'rtl'), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-align-").concat(mergedAlign), mergedAlign), _classNames), className);
-  var itemClassName = "".concat(prefixCls, "-item");
+  var cn = classnames_default()(prefixCls, hashId, prefixCls + "-" + direction, (_classNames = {}, defineProperty_defineProperty(_classNames, prefixCls + "-rtl", directionConfig === 'rtl'), defineProperty_defineProperty(_classNames, prefixCls + "-align-" + mergedAlign, mergedAlign), _classNames), className);
+  var itemClassName = prefixCls + "-item";
   var marginDirection = directionConfig === 'rtl' ? 'marginLeft' : 'marginRight';
   // Calculate latest one
   var latestIndex = 0;
@@ -83065,7 +83272,7 @@ var Space = function Space(props) {
     if (child !== null && child !== undefined) {
       latestIndex = i;
     }
-    var key = child && child.key || "".concat(itemClassName, "-").concat(i);
+    var key = child && child.key || itemClassName + "-" + i;
     return /*#__PURE__*/external_React_.createElement(Item_Item, {
       className: itemClassName,
       key: key,
@@ -83231,34 +83438,34 @@ var moveMotion = {
 var initMoveMotion = function initMoveMotion(token, motionName) {
   var _ref;
   var antCls = token.antCls;
-  var motionCls = "".concat(antCls, "-").concat(motionName);
+  var motionCls = antCls + "-" + motionName;
   var _moveMotion$motionNam = moveMotion[motionName],
     inKeyframes = _moveMotion$motionNam.inKeyframes,
     outKeyframes = _moveMotion$motionNam.outKeyframes;
-  return [initMotion(motionCls, inKeyframes, outKeyframes, token.motionDurationMid), (_ref = {}, defineProperty_defineProperty(_ref, "\n        ".concat(motionCls, "-enter,\n        ").concat(motionCls, "-appear\n      "), {
+  return [initMotion(motionCls, inKeyframes, outKeyframes, token.motionDurationMid), (_ref = {}, defineProperty_defineProperty(_ref, "\n        " + motionCls + "-enter,\n        " + motionCls + "-appear\n      ", {
     opacity: 0,
     animationTimingFunction: token.motionEaseOutCirc
-  }), defineProperty_defineProperty(_ref, "".concat(motionCls, "-leave"), {
+  }), defineProperty_defineProperty(_ref, motionCls + "-leave", {
     animationTimingFunction: token.motionEaseInOutCirc
   }), _ref)];
 };
 ;// CONCATENATED MODULE: ./node_modules/antd/es/dropdown/style/button.js
 var genButtonStyle = function genButtonStyle(token) {
-  var _$concat$concat;
+  var _ref;
   var componentCls = token.componentCls,
     antCls = token.antCls,
     paddingXS = token.paddingXS,
     opacityLoading = token.opacityLoading;
-  return defineProperty_defineProperty({}, "".concat(componentCls, "-button"), defineProperty_defineProperty({
+  return defineProperty_defineProperty({}, componentCls + "-button", defineProperty_defineProperty({
     whiteSpace: 'nowrap'
-  }, "&".concat(antCls, "-btn-group > ").concat(antCls, "-btn"), (_$concat$concat = {}, defineProperty_defineProperty(_$concat$concat, "&-loading, &-loading + ".concat(antCls, "-btn"), {
+  }, "&" + antCls + "-btn-group > " + antCls + "-btn", (_ref = {}, defineProperty_defineProperty(_ref, "&-loading, &-loading + " + antCls + "-btn", {
     cursor: 'default',
     pointerEvents: 'none',
     opacity: opacityLoading
-  }), defineProperty_defineProperty(_$concat$concat, "&:last-child:not(:first-child):not(".concat(antCls, "-btn-icon-only)"), {
+  }), defineProperty_defineProperty(_ref, "&:last-child:not(:first-child):not(" + antCls + "-btn-icon-only)", {
     paddingInline: paddingXS
-  }), _$concat$concat)));
+  }), _ref)));
 };
 /* harmony default export */ var style_button = (genButtonStyle);
 ;// CONCATENATED MODULE: ./node_modules/antd/es/dropdown/style/status.js
@@ -83268,8 +83475,8 @@ var genStatusStyle = function genStatusStyle(token) {
     menuCls = token.menuCls,
     colorError = token.colorError,
     colorTextLightSolid = token.colorTextLightSolid;
-  var itemCls = "".concat(menuCls, "-item");
-  return defineProperty_defineProperty({}, "".concat(componentCls, ", ").concat(componentCls, "-menu-submenu"), defineProperty_defineProperty({}, "".concat(menuCls, " ").concat(itemCls), defineProperty_defineProperty({}, "&".concat(itemCls, "-danger"), {
+  var itemCls = menuCls + "-item";
+  return defineProperty_defineProperty({}, componentCls + ", " + componentCls + "-menu-submenu", defineProperty_defineProperty({}, menuCls + " " + itemCls, defineProperty_defineProperty({}, "&" + itemCls + "-danger", {
     color: colorError,
     '&:hover': {
       color: colorTextLightSolid,
@@ -83289,7 +83496,7 @@ var genStatusStyle = function genStatusStyle(token) {
 // =============================== Base ===============================
 var genBaseStyle = function genBaseStyle(token) {
-  var _$concat, _extends2, _extends5, _ref2;
+  var _ref, _extends2, _extends5, _ref7;
   var componentCls = token.componentCls,
     menuCls = token.menuCls,
     zIndexPopup = token.zIndexPopup,
@@ -83299,7 +83506,6 @@ var genBaseStyle = function genBaseStyle(token) {
     antCls = token.antCls,
     iconCls = token.iconCls,
     motionDurationMid = token.motionDurationMid,
-    motionDurationFast = token.motionDurationFast,
     dropdownPaddingVertical = token.dropdownPaddingVertical,
     fontSize = token.fontSize,
     dropdownEdgeChildPadding = token.dropdownEdgeChildPadding,
@@ -83327,13 +83533,13 @@ var genBaseStyle = function genBaseStyle(token) {
       opacity: 0.0001,
       content: '""'
     }
-  }, defineProperty_defineProperty(_extends2, "".concat(componentCls, "-wrap"), (_$concat = {
+  }, defineProperty_defineProperty(_extends2, componentCls + "-wrap", (_ref = {
     position: 'relative'
-  }, defineProperty_defineProperty(_$concat, "".concat(antCls, "-btn > ").concat(iconCls, "-down"), {
+  }, defineProperty_defineProperty(_ref, antCls + "-btn > " + iconCls + "-down", {
     fontSize: fontSizeIcon
-  }), defineProperty_defineProperty(_$concat, "".concat(iconCls, "-down::before"), {
-    transition: "transform ".concat(motionDurationMid)
-  }), _$concat)), defineProperty_defineProperty(_extends2, "".concat(componentCls, "-wrap-open"), defineProperty_defineProperty({}, "".concat(iconCls, "-down::before"), {
+  }), defineProperty_defineProperty(_ref, iconCls + "-down::before", {
+    transition: "transform " + motionDurationMid
+  }), _ref)), defineProperty_defineProperty(_extends2, componentCls + "-wrap-open", defineProperty_defineProperty({}, iconCls + "-down::before", {
     transform: "rotate(180deg)"
   })), defineProperty_defineProperty(_extends2, "\n        &-hidden,\n        &-menu-hidden,\n        &-menu-submenu-hidden\n      ", {
     display: 'none'
@@ -83341,60 +83547,60 @@ var genBaseStyle = function genBaseStyle(token) {
     paddingBottom: dropdownArrowDistance
   }), defineProperty_defineProperty(_extends2, "\n        &-show-arrow&-placement-bottomLeft,\n        &-show-arrow&-placement-bottom,\n        &-show-arrow&-placement-bottomRight\n      ", {
     paddingTop: dropdownArrowDistance
-  }), defineProperty_defineProperty(_extends2, "".concat(componentCls, "-arrow"), extends_extends({
+  }), defineProperty_defineProperty(_extends2, componentCls + "-arrow", extends_extends({
     position: 'absolute',
     zIndex: 1,
     display: 'block'
-  }, roundedArrow(sizePopupArrow, token.borderRadiusXS, token.borderRadiusOuter, colorBgElevated, boxShadowPopoverArrow))), defineProperty_defineProperty(_extends2, "\n        &-placement-top > ".concat(componentCls, "-arrow,\n        &-placement-topLeft > ").concat(componentCls, "-arrow,\n        &-placement-topRight > ").concat(componentCls, "-arrow\n      "), {
+  }, roundedArrow(sizePopupArrow, token.borderRadiusXS, token.borderRadiusOuter, colorBgElevated, boxShadowPopoverArrow))), defineProperty_defineProperty(_extends2, "\n        &-placement-top > " + componentCls + "-arrow,\n        &-placement-topLeft > " + componentCls + "-arrow,\n        &-placement-topRight > " + componentCls + "-arrow\n      ", {
     bottom: dropdownArrowDistance,
     transform: 'translateY(100%) rotate(180deg)'
-  }), defineProperty_defineProperty(_extends2, "&-placement-top > ".concat(componentCls, "-arrow"), {
+  }), defineProperty_defineProperty(_extends2, "&-placement-top > " + componentCls + "-arrow", {
     left: {
       _skip_check_: true,
       value: '50%'
     },
     transform: 'translateX(-50%) translateY(100%) rotate(180deg)'
-  }), defineProperty_defineProperty(_extends2, "&-placement-topLeft > ".concat(componentCls, "-arrow"), {
+  }), defineProperty_defineProperty(_extends2, "&-placement-topLeft > " + componentCls + "-arrow", {
     left: {
       _skip_check_: true,
       value: dropdownArrowOffset
     }
-  }), defineProperty_defineProperty(_extends2, "&-placement-topRight > ".concat(componentCls, "-arrow"), {
+  }), defineProperty_defineProperty(_extends2, "&-placement-topRight > " + componentCls + "-arrow", {
     right: {
       _skip_check_: true,
       value: dropdownArrowOffset
     }
-  }), defineProperty_defineProperty(_extends2, "\n          &-placement-bottom > ".concat(componentCls, "-arrow,\n          &-placement-bottomLeft > ").concat(componentCls, "-arrow,\n          &-placement-bottomRight > ").concat(componentCls, "-arrow\n        "), {
+  }), defineProperty_defineProperty(_extends2, "\n          &-placement-bottom > " + componentCls + "-arrow,\n          &-placement-bottomLeft > " + componentCls + "-arrow,\n          &-placement-bottomRight > " + componentCls + "-arrow\n        ", {
     top: dropdownArrowDistance,
     transform: "translateY(-100%)"
-  }), defineProperty_defineProperty(_extends2, "&-placement-bottom > ".concat(componentCls, "-arrow"), {
+  }), defineProperty_defineProperty(_extends2, "&-placement-bottom > " + componentCls + "-arrow", {
     left: {
       _skip_check_: true,
       value: '50%'
     },
     transform: "translateY(-100%) translateX(-50%)"
-  }), defineProperty_defineProperty(_extends2, "&-placement-bottomLeft > ".concat(componentCls, "-arrow"), {
+  }), defineProperty_defineProperty(_extends2, "&-placement-bottomLeft > " + componentCls + "-arrow", {
     left: {
       _skip_check_: true,
       value: dropdownArrowOffset
     }
-  }), defineProperty_defineProperty(_extends2, "&-placement-bottomRight > ".concat(componentCls, "-arrow"), {
+  }), defineProperty_defineProperty(_extends2, "&-placement-bottomRight > " + componentCls + "-arrow", {
     right: {
       _skip_check_: true,
       value: dropdownArrowOffset
     }
-  }), defineProperty_defineProperty(_extends2, "&".concat(antCls, "-slide-down-enter").concat(antCls, "-slide-down-enter-active&-placement-bottomLeft,\n          &").concat(antCls, "-slide-down-appear").concat(antCls, "-slide-down-appear-active&-placement-bottomLeft\n          &").concat(antCls, "-slide-down-enter").concat(antCls, "-slide-down-enter-active&-placement-bottom,\n          &").concat(antCls, "-slide-down-appear").concat(antCls, "-slide-down-appear-active&-placement-bottom,\n          &").concat(antCls, "-slide-down-enter").concat(antCls, "-slide-down-enter-active&-placement-bottomRight,\n          &").concat(antCls, "-slide-down-appear").concat(antCls, "-slide-down-appear-active&-placement-bottomRight"), {
+  }), defineProperty_defineProperty(_extends2, "&" + antCls + "-slide-down-enter" + antCls + "-slide-down-enter-active&-placement-bottomLeft,\n          &" + antCls + "-slide-down-appear" + antCls + "-slide-down-appear-active&-placement-bottomLeft\n          &" + antCls + "-slide-down-enter" + antCls + "-slide-down-enter-active&-placement-bottom,\n          &" + antCls + "-slide-down-appear" + antCls + "-slide-down-appear-active&-placement-bottom,\n          &" + antCls + "-slide-down-enter" + antCls + "-slide-down-enter-active&-placement-bottomRight,\n          &" + antCls + "-slide-down-appear" + antCls + "-slide-down-appear-active&-placement-bottomRight", {
     animationName: slideUpIn
-  }), defineProperty_defineProperty(_extends2, "&".concat(antCls, "-slide-up-enter").concat(antCls, "-slide-up-enter-active&-placement-topLeft,\n          &").concat(antCls, "-slide-up-appear").concat(antCls, "-slide-up-appear-active&-placement-topLeft,\n          &").concat(antCls, "-slide-up-enter").concat(antCls, "-slide-up-enter-active&-placement-top,\n          &").concat(antCls, "-slide-up-appear").concat(antCls, "-slide-up-appear-active&-placement-top,\n          &").concat(antCls, "-slide-up-enter").concat(antCls, "-slide-up-enter-active&-placement-topRight,\n          &").concat(antCls, "-slide-up-appear").concat(antCls, "-slide-up-appear-active&-placement-topRight"), {
+  }), defineProperty_defineProperty(_extends2, "&" + antCls + "-slide-up-enter" + antCls + "-slide-up-enter-active&-placement-topLeft,\n          &" + antCls + "-slide-up-appear" + antCls + "-slide-up-appear-active&-placement-topLeft,\n          &" + antCls + "-slide-up-enter" + antCls + "-slide-up-enter-active&-placement-top,\n          &" + antCls + "-slide-up-appear" + antCls + "-slide-up-appear-active&-placement-top,\n          &" + antCls + "-slide-up-enter" + antCls + "-slide-up-enter-active&-placement-topRight,\n          &" + antCls + "-slide-up-appear" + antCls + "-slide-up-appear-active&-placement-topRight", {
     animationName: slideDownIn
-  }), defineProperty_defineProperty(_extends2, "&".concat(antCls, "-slide-down-leave").concat(antCls, "-slide-down-leave-active&-placement-bottomLeft,\n          &").concat(antCls, "-slide-down-leave").concat(antCls, "-slide-down-leave-active&-placement-bottom,\n          &").concat(antCls, "-slide-down-leave").concat(antCls, "-slide-down-leave-active&-placement-bottomRight"), {
+  }), defineProperty_defineProperty(_extends2, "&" + antCls + "-slide-down-leave" + antCls + "-slide-down-leave-active&-placement-bottomLeft,\n          &" + antCls + "-slide-down-leave" + antCls + "-slide-down-leave-active&-placement-bottom,\n          &" + antCls + "-slide-down-leave" + antCls + "-slide-down-leave-active&-placement-bottomRight", {
     animationName: slideUpOut
-  }), defineProperty_defineProperty(_extends2, "&".concat(antCls, "-slide-up-leave").concat(antCls, "-slide-up-leave-active&-placement-topLeft,\n          &").concat(antCls, "-slide-up-leave").concat(antCls, "-slide-up-leave-active&-placement-top,\n          &").concat(antCls, "-slide-up-leave").concat(antCls, "-slide-up-leave-active&-placement-topRight"), {
+  }), defineProperty_defineProperty(_extends2, "&" + antCls + "-slide-up-leave" + antCls + "-slide-up-leave-active&-placement-topLeft,\n          &" + antCls + "-slide-up-leave" + antCls + "-slide-up-leave-active&-placement-top,\n          &" + antCls + "-slide-up-leave" + antCls + "-slide-up-leave-active&-placement-topRight", {
     animationName: slideDownOut
-  }), _extends2))), (_ref2 = {}, defineProperty_defineProperty(_ref2, "".concat(componentCls, " ").concat(menuCls), {
+  }), _extends2))), (_ref7 = {}, defineProperty_defineProperty(_ref7, componentCls + " " + menuCls, {
     position: 'relative',
     margin: 0
-  }), defineProperty_defineProperty(_ref2, "".concat(menuCls, "-submenu-popup"), {
+  }), defineProperty_defineProperty(_ref7, menuCls + "-submenu-popup", {
     position: 'absolute',
     zIndex: zIndexPopup,
     background: 'transparent',
@@ -83406,7 +83612,7 @@ var genBaseStyle = function genBaseStyle(token) {
     ul: {
       marginInline: '0.3em'
     }
-  }), defineProperty_defineProperty(_ref2, "".concat(componentCls, ", ").concat(componentCls, "-menu-submenu"), defineProperty_defineProperty({}, menuCls, extends_extends(extends_extends({
+  }), defineProperty_defineProperty(_ref7, componentCls + ", " + componentCls + "-menu-submenu", defineProperty_defineProperty({}, menuCls, extends_extends(extends_extends({
     padding: dropdownEdgeChildPadding,
     listStyleType: 'none',
     backgroundColor: colorBgElevated,
@@ -83414,24 +83620,24 @@ var genBaseStyle = function genBaseStyle(token) {
     borderRadius: token.borderRadiusLG,
     outline: 'none',
     boxShadow: token.boxShadowSecondary
-  }, genFocusStyle(token)), (_extends5 = {}, defineProperty_defineProperty(_extends5, "".concat(menuCls, "-item-group-title"), {
-    padding: "".concat(dropdownPaddingVertical, "px ").concat(controlPaddingHorizontal, "px"),
+  }, genFocusStyle(token)), (_extends5 = {}, defineProperty_defineProperty(_extends5, menuCls + "-item-group-title", {
+    padding: dropdownPaddingVertical + "px " + controlPaddingHorizontal + "px",
     color: token.colorTextDescription,
-    transition: "all ".concat(motionDurationFast)
-  }), defineProperty_defineProperty(_extends5, "".concat(menuCls, "-item"), {
+    transition: "all " + motionDurationMid
+  }), defineProperty_defineProperty(_extends5, menuCls + "-item", {
     position: 'relative',
     display: 'flex',
     alignItems: 'center',
     borderRadius: token.borderRadiusSM
-  }), defineProperty_defineProperty(_extends5, "".concat(menuCls, "-item-icon"), {
+  }), defineProperty_defineProperty(_extends5, menuCls + "-item-icon", {
     minWidth: fontSize,
     marginInlineEnd: token.marginXS,
     fontSize: token.fontSizeSM
-  }), defineProperty_defineProperty(_extends5, "".concat(menuCls, "-title-content"), {
+  }), defineProperty_defineProperty(_extends5, menuCls + "-title-content", {
     flex: 'auto',
     '> a': {
       color: 'inherit',
-      transition: "all ".concat(motionDurationFast),
+      transition: "all " + motionDurationMid,
       '&:hover': {
         color: 'inherit'
       },
@@ -83441,21 +83647,21 @@ var genBaseStyle = function genBaseStyle(token) {
         content: '""'
       }
     }
-  }), defineProperty_defineProperty(_extends5, "".concat(menuCls, "-item, ").concat(menuCls, "-submenu-title"), extends_extends(extends_extends(defineProperty_defineProperty({
+  }), defineProperty_defineProperty(_extends5, menuCls + "-item, " + menuCls + "-submenu-title", extends_extends(extends_extends(defineProperty_defineProperty({
     clear: 'both',
     margin: 0,
-    padding: "".concat(dropdownPaddingVertical, "px ").concat(controlPaddingHorizontal, "px"),
+    padding: dropdownPaddingVertical + "px " + controlPaddingHorizontal + "px",
     color: token.colorText,
     fontWeight: 'normal',
     fontSize: fontSize,
     lineHeight: token.lineHeight,
     cursor: 'pointer',
-    transition: "all ".concat(motionDurationFast),
+    transition: "all " + motionDurationMid,
     '&:first-child': !dropdownEdgeChildPadding ? {
-      borderRadius: "".concat(borderRadius, "px ").concat(borderRadius, "px 0 0")
+      borderRadius: borderRadius + "px " + borderRadius + "px 0 0"
     } : [],
     '&:last-child': !dropdownEdgeChildPadding ? {
-      borderRadius: "0 0 ".concat(borderRadius, "px ").concat(borderRadius, "px")
+      borderRadius: "0 0 " + borderRadius + "px " + borderRadius + "px"
     } : []
   }, "&:hover, &-active", {
     backgroundColor: token.controlItemBgHover
@@ -83481,40 +83687,40 @@ var genBaseStyle = function genBaseStyle(token) {
     },
     '&-divider': {
       height: 1,
-      margin: "".concat(token.marginXXS, "px 0"),
+      margin: token.marginXXS + "px 0",
       overflow: 'hidden',
       lineHeight: 0,
       backgroundColor: token.colorSplit
     }
-  }, "".concat(componentCls, "-menu-submenu-expand-icon"), defineProperty_defineProperty({
+  }, componentCls + "-menu-submenu-expand-icon", defineProperty_defineProperty({
     position: 'absolute',
     insetInlineEnd: token.paddingXS
-  }, "".concat(componentCls, "-menu-submenu-arrow-icon"), {
+  }, componentCls + "-menu-submenu-arrow-icon", {
     marginInlineEnd: '0 !important',
     color: token.colorTextDescription,
     fontSize: fontSizeIcon,
     fontStyle: 'normal'
-  })))), defineProperty_defineProperty(_extends5, "".concat(menuCls, "-item-group-list"), {
-    margin: "0 ".concat(token.marginXS, "px"),
+  })))), defineProperty_defineProperty(_extends5, menuCls + "-item-group-list", {
+    margin: "0 " + token.marginXS + "px",
     padding: 0,
     listStyle: 'none'
-  }), defineProperty_defineProperty(_extends5, "".concat(menuCls, "-submenu-title"), {
+  }), defineProperty_defineProperty(_extends5, menuCls + "-submenu-title", {
     paddingInlineEnd: controlPaddingHorizontal + token.fontSizeSM
-  }), defineProperty_defineProperty(_extends5, "".concat(menuCls, "-submenu-vertical"), {
+  }), defineProperty_defineProperty(_extends5, menuCls + "-submenu-vertical", {
     position: 'relative'
-  }), defineProperty_defineProperty(_extends5, "".concat(menuCls, "-submenu").concat(menuCls, "-submenu-disabled ").concat(componentCls, "-menu-submenu-title"), defineProperty_defineProperty({}, "&, ".concat(componentCls, "-menu-submenu-arrow-icon"), {
+  }), defineProperty_defineProperty(_extends5, menuCls + "-submenu" + menuCls + "-submenu-disabled " + componentCls + "-menu-submenu-title", defineProperty_defineProperty({}, "&, " + componentCls + "-menu-submenu-arrow-icon", {
     color: colorTextDisabled,
     backgroundColor: colorBgElevated,
     cursor: 'not-allowed'
-  })), defineProperty_defineProperty(_extends5, "".concat(menuCls, "-submenu-selected ").concat(componentCls, "-menu-submenu-title"), {
+  })), defineProperty_defineProperty(_extends5, menuCls + "-submenu-selected " + componentCls + "-menu-submenu-title", {
     color: token.colorPrimary
-  }), _extends5)))), _ref2),
+  }), _extends5)))), _ref7),
   // Follow code may reuse in other components
   [initSlideMotion(token, 'slide-up'), initSlideMotion(token, 'slide-down'), initMoveMotion(token, 'move-up'), initMoveMotion(token, 'move-down')]];
 };
 // ============================== Export ==============================
-/* harmony default export */ var dropdown_style = (genComponentStyleHook('Dropdown', function (token, _ref3) {
-  var rootPrefixCls = _ref3.rootPrefixCls;
+/* harmony default export */ var dropdown_style = (genComponentStyleHook('Dropdown', function (token, _ref8) {
+  var rootPrefixCls = _ref8.rootPrefixCls;
   var marginXXS = token.marginXXS,
     sizePopupArrow = token.sizePopupArrow,
     controlHeight = token.controlHeight,
@@ -83532,7 +83738,7 @@ var genBaseStyle = function genBaseStyle(token) {
     }),
     dropdownArrowOffset = _getArrowOffset.dropdownArrowOffset;
   var dropdownToken = statistic_merge(token, {
-    menuCls: "".concat(componentCls, "-menu"),
+    menuCls: componentCls + "-menu",
     rootPrefixCls: rootPrefixCls,
     dropdownArrowDistance: sizePopupArrow / 2 + marginXXS,
     dropdownArrowOffset: dropdownArrowOffset,
@@ -83607,7 +83813,7 @@ var dropdown_button_DropdownButton = function DropdownButton(props) {
     destroyPopupOnHide = props.destroyPopupOnHide,
     restProps = dropdown_button_rest(props, ["prefixCls", "type", "danger", "disabled", "loading", "onClick", "htmlType", "children", "className", "menu", "arrow", "autoFocus", "overlay", "trigger", "align", "open", "onOpenChange", "placement", "getPopupContainer", "href", "icon", "title", "buttonsRender", "mouseEnterDelay", "mouseLeaveDelay", "overlayClassName", "overlayStyle", "destroyPopupOnHide"]);
   var prefixCls = getPrefixCls('dropdown', customizePrefixCls);
-  var buttonPrefixCls = "".concat(prefixCls, "-button");
+  var buttonPrefixCls = prefixCls + "-button";
   var _useStyle = dropdown_style(prefixCls),
     _useStyle2 = slicedToArray_slicedToArray(_useStyle, 2),
     wrapSSR = _useStyle2[0],
@@ -83617,7 +83823,6 @@ var dropdown_button_DropdownButton = function DropdownButton(props) {
     arrow: arrow,
     autoFocus: autoFocus,
     align: align,
-    overlay: overlay,
     disabled: disabled,
     trigger: disabled ? [] : trigger,
     onOpenChange: onOpenChange,
@@ -83632,6 +83837,9 @@ var dropdown_button_DropdownButton = function DropdownButton(props) {
     compactSize = _useCompactItemContex.compactSize,
     compactItemClassnames = _useCompactItemContex.compactItemClassnames;
   var classes = classnames_default()(buttonPrefixCls, compactItemClassnames, className, hashId);
+  if ('overlay' in props) {
+    dropdownProps.overlay = overlay;
+  }
   if ('open' in props) {
     dropdownProps.open = open;
   }
@@ -83705,9 +83913,9 @@ var dropdown_Dropdown = function Dropdown(props) {
       return transitionName;
     }
     if (placement.includes('top')) {
-      return "".concat(rootPrefixCls, "-slide-down");
+      return rootPrefixCls + "-slide-down";
     }
-    return "".concat(rootPrefixCls, "-slide-up");
+    return rootPrefixCls + "-slide-up";
   };
   var getPlacement = function getPlacement() {
     var placement = props.placement;
@@ -83746,7 +83954,7 @@ var dropdown_Dropdown = function Dropdown(props) {
     hashId = _useStyle2[1];
   var child = external_React_.Children.only(children);
   var dropdownTrigger = cloneElement(child, {
-    className: classnames_default()("".concat(prefixCls, "-trigger"), defineProperty_defineProperty({}, "".concat(prefixCls, "-rtl"), direction === 'rtl'), child.props.className),
+    className: classnames_default()(prefixCls + "-trigger", defineProperty_defineProperty({}, prefixCls + "-rtl", direction === 'rtl'), child.props.className),
     disabled: disabled
   });
   var triggerActions = disabled ? [] : trigger;
@@ -83767,7 +83975,7 @@ var dropdown_Dropdown = function Dropdown(props) {
     setOpen(nextOpen);
   });
   // =========================== Overlay ============================
-  var overlayClassNameCustomized = classnames_default()(overlayClassName, hashId, defineProperty_defineProperty({}, "".concat(prefixCls, "-rtl"), direction === 'rtl'));
+  var overlayClassNameCustomized = classnames_default()(overlayClassName, hashId, defineProperty_defineProperty({}, prefixCls + "-rtl", direction === 'rtl'));
   var builtinPlacements = getPlacements({
     arrowPointAtCenter: typeof_typeof(arrow) === 'object' && arrow.pointAtCenter,
     autoAdjustOverflow: true
@@ -83792,11 +84000,11 @@ var dropdown_Dropdown = function Dropdown(props) {
     }
     overlayNode = external_React_.Children.only(typeof overlayNode === 'string' ? /*#__PURE__*/external_React_.createElement("span", null, overlayNode) : overlayNode);
     return /*#__PURE__*/external_React_.createElement(OverrideProvider, {
-      prefixCls: "".concat(prefixCls, "-menu"),
+      prefixCls: prefixCls + "-menu",
       expandIcon: /*#__PURE__*/external_React_.createElement("span", {
-        className: "".concat(prefixCls, "-menu-submenu-arrow")
+        className: prefixCls + "-menu-submenu-arrow"
       }, /*#__PURE__*/external_React_.createElement(icons_RightOutlined, {
-        className: "".concat(prefixCls, "-menu-submenu-arrow-icon")
+        className: prefixCls + "-menu-submenu-arrow-icon"
       })),
       mode: "vertical",
       selectable: false,
@@ -83879,7 +84087,7 @@ var getGroupRadioStyle = function getGroupRadioStyle(token) {
   var _extends2;
   var componentCls = token.componentCls,
     antCls = token.antCls;
-  var groupPrefixCls = "".concat(componentCls, "-group");
+  var groupPrefixCls = componentCls + "-group";
   return defineProperty_defineProperty({}, groupPrefixCls, extends_extends(extends_extends({}, style_resetComponent(token)), (_extends2 = {
     display: 'inline-block',
     fontSize: 0,
@@ -83887,22 +84095,22 @@ var getGroupRadioStyle = function getGroupRadioStyle(token) {
     '&&-rtl': {
       direction: 'rtl'
     }
-  }, defineProperty_defineProperty(_extends2, "".concat(antCls, "-badge ").concat(antCls, "-badge-count"), {
+  }, defineProperty_defineProperty(_extends2, antCls + "-badge " + antCls + "-badge-count", {
     zIndex: 1
-  }), defineProperty_defineProperty(_extends2, "> ".concat(antCls, "-badge:not(:first-child) > ").concat(antCls, "-button-wrapper"), {
+  }), defineProperty_defineProperty(_extends2, "> " + antCls + "-badge:not(:first-child) > " + antCls + "-button-wrapper", {
     borderInlineStart: 'none'
   }), _extends2)));
 };
 // Styles from radio-wrapper
 var getRadioBasicStyle = function getRadioBasicStyle(token) {
-  var _$concat3, _extends3;
+  var _ref4, _extends3;
   var componentCls = token.componentCls,
     radioWrapperMarginRight = token.radioWrapperMarginRight,
     radioCheckedColor = token.radioCheckedColor,
     radioTop = token.radioTop,
     radioSize = token.radioSize,
     motionDurationSlow = token.motionDurationSlow,
-    motionDurationFast = token.motionDurationFast,
+    motionDurationMid = token.motionDurationMid,
     motionEaseInOut = token.motionEaseInOut,
     motionEaseInOutCirc = token.motionEaseInOutCirc,
     radioButtonBg = token.radioButtonBg,
@@ -83917,8 +84125,8 @@ var getRadioBasicStyle = function getRadioBasicStyle(token) {
     radioDotDisabledSize = token.radioDotDisabledSize,
     wireframe = token.wireframe,
     colorWhite = token.colorWhite;
-  var radioInnerPrefixCls = "".concat(componentCls, "-inner");
-  return defineProperty_defineProperty({}, "".concat(componentCls, "-wrapper"), extends_extends(extends_extends({}, style_resetComponent(token)), (_extends3 = {
+  var radioInnerPrefixCls = componentCls + "-inner";
+  return defineProperty_defineProperty({}, componentCls + "-wrapper", extends_extends(extends_extends({}, style_resetComponent(token)), (_extends3 = {
     position: 'relative',
     display: 'inline-flex',
     alignItems: 'baseline',
@@ -83938,13 +84146,13 @@ var getRadioBasicStyle = function getRadioBasicStyle(token) {
       overflow: 'hidden',
       content: '"\\a0"'
     }
-  }, defineProperty_defineProperty(_extends3, "".concat(componentCls, "-checked::after"), {
+  }, defineProperty_defineProperty(_extends3, componentCls + "-checked::after", {
     position: 'absolute',
     insetBlockStart: 0,
     insetInlineStart: 0,
     width: '100%',
     height: '100%',
-    border: "".concat(lineWidth, "px ").concat(lineType, " ").concat(radioCheckedColor),
+    border: lineWidth + "px " + lineType + " " + radioCheckedColor,
     borderRadius: '50%',
     visibility: 'hidden',
     animationName: antRadioEffect,
@@ -83958,11 +84166,11 @@ var getRadioBasicStyle = function getRadioBasicStyle(token) {
     display: 'inline-block',
     outline: 'none',
     cursor: 'pointer'
-  })), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-wrapper:hover &,\n        &:hover ").concat(radioInnerPrefixCls), {
+  })), defineProperty_defineProperty(_extends3, componentCls + "-wrapper:hover &,\n        &:hover " + radioInnerPrefixCls, {
     borderColor: radioCheckedColor
-  }), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-input:focus-visible + ").concat(radioInnerPrefixCls), extends_extends({}, genFocusOutline(token))), defineProperty_defineProperty(_extends3, "".concat(componentCls, ":hover::after, ").concat(componentCls, "-wrapper:hover &::after"), {
+  }), defineProperty_defineProperty(_extends3, componentCls + "-input:focus-visible + " + radioInnerPrefixCls, extends_extends({}, genFocusOutline(token))), defineProperty_defineProperty(_extends3, componentCls + ":hover::after, " + componentCls + "-wrapper:hover &::after", {
     visibility: 'visible'
-  }), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-inner"), {
+  }), defineProperty_defineProperty(_extends3, componentCls + "-inner", {
     '&::after': {
       boxSizing: 'border-box',
       position: 'absolute',
@@ -83979,7 +84187,7 @@ var getRadioBasicStyle = function getRadioBasicStyle(token) {
       borderRadius: radioSize,
       transform: 'scale(0)',
       opacity: 0,
-      transition: "all ".concat(motionDurationSlow, " ").concat(motionEaseInOutCirc),
+      transition: "all " + motionDurationSlow + " " + motionEaseInOutCirc,
       content: '""'
     },
     boxSizing: 'border-box',
@@ -83994,8 +84202,8 @@ var getRadioBasicStyle = function getRadioBasicStyle(token) {
     borderStyle: 'solid',
     borderWidth: lineWidth,
     borderRadius: '50%',
-    transition: "all ".concat(motionDurationFast)
-  }), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-input"), {
+    transition: "all " + motionDurationMid
+  }), defineProperty_defineProperty(_extends3, componentCls + "-input", {
     position: 'absolute',
     insetBlockStart: 0,
     insetInlineEnd: 0,
@@ -84004,40 +84212,40 @@ var getRadioBasicStyle = function getRadioBasicStyle(token) {
     zIndex: 1,
     cursor: 'pointer',
     opacity: 0
-  }), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-checked"), defineProperty_defineProperty({}, radioInnerPrefixCls, {
+  }), defineProperty_defineProperty(_extends3, componentCls + "-checked", defineProperty_defineProperty({}, radioInnerPrefixCls, {
     borderColor: radioCheckedColor,
     backgroundColor: wireframe ? radioButtonBg : radioCheckedColor,
     '&::after': {
-      transform: "scale(".concat(radioDotSize / radioSize, ")"),
+      transform: "scale(" + radioDotSize / radioSize + ")",
       opacity: 1,
-      transition: "all ".concat(motionDurationSlow, " ").concat(motionEaseInOutCirc)
+      transition: "all " + motionDurationSlow + " " + motionEaseInOutCirc
     }
-  })), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-disabled"), (_$concat3 = {
+  })), defineProperty_defineProperty(_extends3, componentCls + "-disabled", (_ref4 = {
     cursor: 'not-allowed'
-  }, defineProperty_defineProperty(_$concat3, radioInnerPrefixCls, {
+  }, defineProperty_defineProperty(_ref4, radioInnerPrefixCls, {
     backgroundColor: colorBgContainerDisabled,
     borderColor: colorBorder,
     cursor: 'not-allowed',
     '&::after': {
       backgroundColor: radioDotDisabledColor
     }
-  }), defineProperty_defineProperty(_$concat3, '&-input', {
+  }), defineProperty_defineProperty(_ref4, '&-input', {
     cursor: 'not-allowed'
-  }), defineProperty_defineProperty(_$concat3, "".concat(componentCls, "-disabled + span"), {
+  }), defineProperty_defineProperty(_ref4, componentCls + "-disabled + span", {
     color: colorTextDisabled,
     cursor: 'not-allowed'
-  }), defineProperty_defineProperty(_$concat3, "&".concat(componentCls, "-checked"), defineProperty_defineProperty({}, radioInnerPrefixCls, {
+  }), defineProperty_defineProperty(_ref4, "&" + componentCls + "-checked", defineProperty_defineProperty({}, radioInnerPrefixCls, {
     '&::after': {
-      transform: "scale(".concat(radioDotDisabledSize / radioSize, ")")
+      transform: "scale(" + radioDotDisabledSize / radioSize + ")"
     }
-  })), _$concat3)), defineProperty_defineProperty(_extends3, "span".concat(componentCls, " + *"), {
+  })), _ref4)), defineProperty_defineProperty(_extends3, "span" + componentCls + " + *", {
     paddingInlineStart: paddingXS,
     paddingInlineEnd: paddingXS
   }), _extends3)));
 };
 // Styles from radio-button
 var getRadioButtonStyle = function getRadioButtonStyle(token) {
-  var _$concat4;
+  var _ref6;
   var radioButtonColor = token.radioButtonColor,
     controlHeight = token.controlHeight,
     componentCls = token.componentCls,
@@ -84045,7 +84253,7 @@ var getRadioButtonStyle = function getRadioButtonStyle(token) {
     lineType = token.lineType,
     colorBorder = token.colorBorder,
     motionDurationSlow = token.motionDurationSlow,
-    motionDurationFast = token.motionDurationFast,
+    motionDurationMid = token.motionDurationMid,
     radioButtonPaddingHorizontal = token.radioButtonPaddingHorizontal,
     fontSize = token.fontSize,
     radioButtonBg = token.radioButtonBg,
@@ -84065,7 +84273,7 @@ var getRadioButtonStyle = function getRadioButtonStyle(token) {
     colorBgContainerDisabled = token.colorBgContainerDisabled,
     radioDisabledButtonCheckedColor = token.radioDisabledButtonCheckedColor,
     radioDisabledButtonCheckedBg = token.radioDisabledButtonCheckedBg;
-  return defineProperty_defineProperty({}, "".concat(componentCls, "-button-wrapper"), (_$concat4 = {
+  return defineProperty_defineProperty({}, componentCls + "-button-wrapper", (_ref6 = {
     position: 'relative',
     display: 'inline-block',
     height: controlHeight,
@@ -84074,27 +84282,27 @@ var getRadioButtonStyle = function getRadioButtonStyle(token) {
     paddingBlock: 0,
     color: radioButtonColor,
     fontSize: fontSize,
-    lineHeight: "".concat(controlHeight - lineWidth * 2, "px"),
+    lineHeight: controlHeight - lineWidth * 2 + "px",
     background: radioButtonBg,
-    border: "".concat(lineWidth, "px ").concat(lineType, " ").concat(colorBorder),
+    border: lineWidth + "px " + lineType + " " + colorBorder,
     // strange align fix for chrome but works
     // https://gw.alipayobjects.com/zos/rmsportal/VFTfKXJuogBAXcvfAUWJ.gif
     borderBlockStartWidth: lineWidth + 0.02,
     borderInlineStartWidth: 0,
     borderInlineEndWidth: lineWidth,
     cursor: 'pointer',
-    transition: ["color ".concat(motionDurationFast), "background ".concat(motionDurationFast), "border-color ".concat(motionDurationFast), "box-shadow ".concat(motionDurationFast)].join(','),
+    transition: ["color " + motionDurationMid, "background " + motionDurationMid, "border-color " + motionDurationMid, "box-shadow " + motionDurationMid].join(','),
     a: {
       color: radioButtonColor
     }
-  }, defineProperty_defineProperty(_$concat4, "> ".concat(componentCls, "-button"), {
+  }, defineProperty_defineProperty(_ref6, "> " + componentCls + "-button", {
     position: 'absolute',
     insetBlockStart: 0,
     insetInlineStart: 0,
     zIndex: -1,
     width: '100%',
     height: '100%'
-  }), defineProperty_defineProperty(_$concat4, '&:not(:first-child)', {
+  }), defineProperty_defineProperty(_ref6, '&:not(:first-child)', {
     '&::before': {
       position: 'absolute',
       insetBlockStart: -lineWidth,
@@ -84106,22 +84314,22 @@ var getRadioButtonStyle = function getRadioButtonStyle(token) {
       paddingBlock: lineWidth,
       paddingInline: 0,
       backgroundColor: colorBorder,
-      transition: "background-color ".concat(motionDurationSlow),
+      transition: "background-color " + motionDurationSlow,
       content: '""'
     }
-  }), defineProperty_defineProperty(_$concat4, '&:first-child', {
-    borderInlineStart: "".concat(lineWidth, "px ").concat(lineType, " ").concat(colorBorder),
+  }), defineProperty_defineProperty(_ref6, '&:first-child', {
+    borderInlineStart: lineWidth + "px " + lineType + " " + colorBorder,
     borderStartStartRadius: borderRadius,
     borderEndStartRadius: borderRadius
-  }), defineProperty_defineProperty(_$concat4, '&:last-child', {
+  }), defineProperty_defineProperty(_ref6, '&:last-child', {
     borderStartEndRadius: borderRadius,
     borderEndEndRadius: borderRadius
-  }), defineProperty_defineProperty(_$concat4, '&:first-child:last-child', {
+  }), defineProperty_defineProperty(_ref6, '&:first-child:last-child', {
     borderRadius: borderRadius
-  }), defineProperty_defineProperty(_$concat4, "".concat(componentCls, "-group-large &"), {
+  }), defineProperty_defineProperty(_ref6, componentCls + "-group-large &", {
     height: controlHeightLG,
     fontSize: fontSizeLG,
-    lineHeight: "".concat(controlHeightLG - lineWidth * 2, "px"),
+    lineHeight: controlHeightLG - lineWidth * 2 + "px",
     '&:first-child': {
       borderStartStartRadius: borderRadiusLG,
       borderEndStartRadius: borderRadiusLG
@@ -84130,11 +84338,11 @@ var getRadioButtonStyle = function getRadioButtonStyle(token) {
       borderStartEndRadius: borderRadiusLG,
       borderEndEndRadius: borderRadiusLG
     }
-  }), defineProperty_defineProperty(_$concat4, "".concat(componentCls, "-group-small &"), {
+  }), defineProperty_defineProperty(_ref6, componentCls + "-group-small &", {
     height: controlHeightSM,
     paddingInline: paddingXS - lineWidth,
     paddingBlock: 0,
-    lineHeight: "".concat(controlHeightSM - lineWidth * 2, "px"),
+    lineHeight: controlHeightSM - lineWidth * 2 + "px",
     '&:first-child': {
       borderStartStartRadius: borderRadiusSM,
       borderEndStartRadius: borderRadiusSM
@@ -84143,15 +84351,15 @@ var getRadioButtonStyle = function getRadioButtonStyle(token) {
       borderStartEndRadius: borderRadiusSM,
       borderEndEndRadius: borderRadiusSM
     }
-  }), defineProperty_defineProperty(_$concat4, '&:hover', {
+  }), defineProperty_defineProperty(_ref6, '&:hover', {
     position: 'relative',
     color: radioCheckedColor
-  }), defineProperty_defineProperty(_$concat4, '&:has(:focus-visible)', extends_extends({}, genFocusOutline(token))), defineProperty_defineProperty(_$concat4, "".concat(componentCls, "-inner, input[type='checkbox'], input[type='radio']"), {
+  }), defineProperty_defineProperty(_ref6, '&:has(:focus-visible)', extends_extends({}, genFocusOutline(token))), defineProperty_defineProperty(_ref6, componentCls + "-inner, input[type='checkbox'], input[type='radio']", {
     width: 0,
     height: 0,
     opacity: 0,
     pointerEvents: 'none'
-  }), defineProperty_defineProperty(_$concat4, '&-checked:not(&-disabled)', {
+  }), defineProperty_defineProperty(_ref6, '&-checked:not(&-disabled)', {
     zIndex: 1,
     color: radioCheckedColor,
     background: radioButtonCheckedBg,
@@ -84176,7 +84384,7 @@ var getRadioButtonStyle = function getRadioButtonStyle(token) {
         backgroundColor: radioButtonActiveColor
       }
     }
-  }), defineProperty_defineProperty(_$concat4, "".concat(componentCls, "-group-solid &-checked:not(&-disabled)"), {
+  }), defineProperty_defineProperty(_ref6, componentCls + "-group-solid &-checked:not(&-disabled)", {
     color: radioSolidCheckedColor,
     background: radioCheckedColor,
     borderColor: radioCheckedColor,
@@ -84190,7 +84398,7 @@ var getRadioButtonStyle = function getRadioButtonStyle(token) {
       background: radioButtonActiveColor,
       borderColor: radioButtonActiveColor
     }
-  }), defineProperty_defineProperty(_$concat4, '&-disabled', {
+  }), defineProperty_defineProperty(_ref6, '&-disabled', {
     color: colorTextDisabled,
     backgroundColor: colorBgContainerDisabled,
     borderColor: colorBorder,
@@ -84200,12 +84408,12 @@ var getRadioButtonStyle = function getRadioButtonStyle(token) {
       backgroundColor: colorBgContainerDisabled,
       borderColor: colorBorder
     }
-  }), defineProperty_defineProperty(_$concat4, '&-disabled&-checked', {
+  }), defineProperty_defineProperty(_ref6, '&-disabled&-checked', {
     color: radioDisabledButtonCheckedColor,
     backgroundColor: radioDisabledButtonCheckedBg,
     borderColor: colorBorder,
     boxShadow: 'none'
-  }), _$concat4));
+  }), _ref6));
 };
 // ============================== Export ==============================
 /* harmony default export */ var radio_style = (genComponentStyleHook('Radio', function (token) {
@@ -84226,7 +84434,7 @@ var getRadioButtonStyle = function getRadioButtonStyle(token) {
     controlOutlineWidth = token.controlOutlineWidth,
     wireframe = token.wireframe;
   // Radio
-  var radioFocusShadow = "0 0 0 ".concat(controlOutlineWidth, "px ").concat(controlOutline);
+  var radioFocusShadow = "0 0 0 " + controlOutlineWidth + "px " + controlOutline;
   var radioButtonFocusShadow = radioFocusShadow;
   var radioSize = fontSizeLG;
   var radioTop = (Math.round(fontSize * lineHeight) - radioSize) / 2;
@@ -84312,7 +84520,7 @@ var InternalRadio = function InternalRadio(props, ref) {
     customDisabled = props.disabled,
     restProps = radio_rest(props, ["prefixCls", "className", "children", "style", "disabled"]);
   var radioPrefixCls = getPrefixCls('radio', customizePrefixCls);
-  var prefixCls = ((groupContext === null || groupContext === void 0 ? void 0 : groupContext.optionType) || radioOptionTypeContext) === 'button' ? "".concat(radioPrefixCls, "-button") : radioPrefixCls;
+  var prefixCls = ((groupContext === null || groupContext === void 0 ? void 0 : groupContext.optionType) || radioOptionTypeContext) === 'button' ? radioPrefixCls + "-button" : radioPrefixCls;
   // Style
   var _useStyle = radio_style(radioPrefixCls),
     _useStyle2 = slicedToArray_slicedToArray(_useStyle, 2),
@@ -84328,7 +84536,7 @@ var InternalRadio = function InternalRadio(props, ref) {
     radioProps.checked = props.value === groupContext.value;
     radioProps.disabled = radioProps.disabled || groupContext.disabled;
   }
-  var wrapperClassString = classnames_default()("".concat(prefixCls, "-wrapper"), (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-wrapper-checked"), radioProps.checked), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-wrapper-disabled"), radioProps.disabled), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-wrapper-rtl"), direction === 'rtl'), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-wrapper-in-form-item"), isFormItemInput), _classNames), className, hashId);
+  var wrapperClassString = classnames_default()(prefixCls + "-wrapper", (_classNames = {}, defineProperty_defineProperty(_classNames, prefixCls + "-wrapper-checked", radioProps.checked), defineProperty_defineProperty(_classNames, prefixCls + "-wrapper-disabled", radioProps.disabled), defineProperty_defineProperty(_classNames, prefixCls + "-wrapper-rtl", direction === 'rtl'), defineProperty_defineProperty(_classNames, prefixCls + "-wrapper-in-form-item", isFormItemInput), _classNames), className, hashId);
   return wrapSSR( /*#__PURE__*/
   // eslint-disable-next-line jsx-a11y/label-has-associated-control
   external_React_.createElement("label", {
@@ -84397,7 +84605,7 @@ var group_RadioGroup = /*#__PURE__*/external_React_.forwardRef(function (props,
     onFocus = props.onFocus,
     onBlur = props.onBlur;
   var prefixCls = getPrefixCls('radio', customizePrefixCls);
-  var groupPrefixCls = "".concat(prefixCls, "-group");
+  var groupPrefixCls = prefixCls + "-group";
   // Style
   var _useStyle = radio_style(prefixCls),
     _useStyle2 = slicedToArray_slicedToArray(_useStyle, 2),
@@ -84419,7 +84627,7 @@ var group_RadioGroup = /*#__PURE__*/external_React_.forwardRef(function (props,
       }
       // 此处类型自动推导为 { label: string value: string }
       return /*#__PURE__*/external_React_.createElement(radio_radio, {
-        key: "radio-group-value-options-".concat(option.value),
+        key: "radio-group-value-options-" + option.value,
         prefixCls: prefixCls,
         disabled: option.disabled || disabled,
         value: option.value,
@@ -84429,7 +84637,7 @@ var group_RadioGroup = /*#__PURE__*/external_React_.forwardRef(function (props,
     });
   }
   var mergedSize = customizeSize || size;
-  var classString = classnames_default()(groupPrefixCls, "".concat(groupPrefixCls, "-").concat(buttonStyle), (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(groupPrefixCls, "-").concat(mergedSize), mergedSize), defineProperty_defineProperty(_classNames, "".concat(groupPrefixCls, "-rtl"), direction === 'rtl'), _classNames), className, hashId);
+  var classString = classnames_default()(groupPrefixCls, groupPrefixCls + "-" + buttonStyle, (_classNames = {}, defineProperty_defineProperty(_classNames, groupPrefixCls + "-" + mergedSize, mergedSize), defineProperty_defineProperty(_classNames, groupPrefixCls + "-rtl", direction === 'rtl'), _classNames), className, hashId);
   return wrapSSR( /*#__PURE__*/external_React_.createElement("div", extends_extends({}, getDataOrAriaProps(props), {
     className: classString,
     style: style,
@@ -84822,7 +85030,7 @@ function useSelection(rowSelection, config) {
           })
         };
         customizeSelections = /*#__PURE__*/external_React_.createElement("div", {
-          className: "".concat(prefixCls, "-selection-extra")
+          className: prefixCls + "-selection-extra"
         }, /*#__PURE__*/external_React_.createElement(es_dropdown, {
           menu: menu,
           getPopupContainer: getPopupContainer
@@ -84848,7 +85056,7 @@ function useSelection(rowSelection, config) {
         return checked;
       });
       title = !hideSelectAll && /*#__PURE__*/external_React_.createElement("div", {
-        className: "".concat(prefixCls, "-selection")
+        className: prefixCls + "-selection"
       }, /*#__PURE__*/external_React_.createElement(es_checkbox, {
         checked: !allDisabled ? !!flattedData.length && checkedCurrentAll : allDisabledAndChecked,
         indeterminate: !allDisabled ? !checkedCurrentAll && checkedCurrentSome : !allDisabledAndChecked && allDisabledSomeChecked,
@@ -85033,11 +85241,11 @@ function useSelection(rowSelection, config) {
     var selectionColumn = defineProperty_defineProperty({
       fixed: mergedFixed,
       width: selectionColWidth,
-      className: "".concat(prefixCls, "-selection-column"),
+      className: prefixCls + "-selection-column",
       title: rowSelection.columnTitle || title,
       render: renderSelectionCell
     }, INTERNAL_COL_DEFINE, {
-      className: "".concat(prefixCls, "-selection-col")
+      className: prefixCls + "-selection-col"
     });
     return cloneColumns.map(function (col) {
       return col === SELECTION_COLUMN ? selectionColumn : col;
@@ -85898,17 +86106,17 @@ function BaseProList(props) {
 ;// CONCATENATED MODULE: ./packages/components/src/version.ts
 var version_version = {
-  "@ant-design/pro-card": "2.0.26",
-  "@ant-design/pro-components": "2.3.32",
-  "@ant-design/pro-descriptions": "2.0.28",
-  "@ant-design/pro-field": "2.1.21",
-  "@ant-design/pro-form": "2.3.1",
-  "@ant-design/pro-layout": "7.2.3",
-  "@ant-design/pro-list": "2.0.29",
-  "@ant-design/pro-provider": "2.0.16",
-  "@ant-design/pro-skeleton": "2.0.5",
-  "@ant-design/pro-table": "3.1.6",
-  "@ant-design/pro-utils": "2.3.4"
+  "@ant-design/pro-card": "2.0.27",
+  "@ant-design/pro-components": "2.3.34",
+  "@ant-design/pro-descriptions": "2.0.30",
+  "@ant-design/pro-field": "2.1.22",
+  "@ant-design/pro-form": "2.3.2",
+  "@ant-design/pro-layout": "7.2.5",
+  "@ant-design/pro-list": "2.0.31",
+  "@ant-design/pro-provider": "2.0.17",
+  "@ant-design/pro-skeleton": "2.0.6",
+  "@ant-design/pro-table": "3.1.8",
+  "@ant-design/pro-utils": "2.3.5"
 };
 ;// CONCATENATED MODULE: ./packages/components/src/index.tsx