@ant-design/pro-components 2.3.25 → 2.3.27

package/dist/components.js

@@ -21170,7 +21170,7 @@ function parse(value, root, parent, rule, rules, rulesets, pseudo, points, decla
           // { rule/at-rule
           default:
             Utility_append(reference = ruleset(characters, root, parent, index, offset, rules, points, type, props = [], children = [], length), rulesets);
-            if (character === 123) if (offset === 0) parse(characters, root, reference, reference, props, rulesets, length, points, children);else switch (atrule) {
+            if (character === 123) if (offset === 0) parse(characters, root, reference, reference, props, rulesets, length, points, children);else switch (atrule === 99 && charat(characters, 3) === 110 ? 100 : atrule) {
               // d m s
               case 100:
               case 109:
@@ -26104,6 +26104,7 @@ var defaultAlgorithm = function defaultAlgorithm() {
 
 
 
+
 /**
  * 把一个颜色设置一下透明度
  * @example (#fff, 0.5) => rgba(255, 255, 255, 0.5)
@@ -26166,10 +26167,14 @@ var operationUnit = function operationUnit(token) {
  */
 function useStyle(componentName, styleFn) {
   var _useContext = (0,external_React_.useContext)(ProProvider),
-    token = _useContext.token,
+    _useContext$token = _useContext.token,
+    token = _useContext$token === void 0 ? {} : _useContext$token,
     _useContext$hashId = _useContext.hashId,
     hashId = _useContext$hashId === void 0 ? '' : _useContext$hashId,
     theme = _useContext.theme;
+  var _useContext2 = (0,external_React_.useContext)(external_antd_.ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext2.getPrefixCls;
+  token.antCls = ".".concat(getPrefixCls());
   return {
     wrapSSR: useStyleRegister({
       theme: theme,
@@ -26211,7 +26216,7 @@ var getLayoutDesignToken = function getLayoutDesignToken(designTokens, antdToken
     }, finalDesignTokens.header),
     sider: objectSpread2_objectSpread2({
       paddingInlineLayoutMenu: 8,
-      paddingBlockLayoutMenu: 8,
+      paddingBlockLayoutMenu: 0,
       colorBgCollapsedButton: '#fff',
       colorTextCollapsedButtonHover: antdToken.colorTextSecondary,
       colorTextCollapsedButton: setAlpha(antdToken.colorTextBase, 0.25),
@@ -26221,6 +26226,7 @@ var getLayoutDesignToken = function getLayoutDesignToken(designTokens, antdToken
       colorMenuItemDivider: setAlpha(antdToken.colorTextBase, 0.06),
       colorBgMenuItemHover: setAlpha(antdToken.colorTextBase, 0.03),
       colorBgMenuItemSelected: setAlpha(antdToken.colorTextBase, 0.04),
+      colorTextMenuItemHover: setAlpha(antdToken.colorTextBase, 0.88),
       colorTextMenuSelected: setAlpha(antdToken.colorTextBase, 0.95),
       colorTextMenuActive: antdToken.colorText,
       colorTextMenu: setAlpha(antdToken.colorTextBase, 0.65),
@@ -26399,7 +26405,6 @@ var es_ConfigContext = /*#__PURE__*/external_React_default().createContext({
   intl: objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, zhCNIntl), {}, {
     locale: 'default'
   }),
-  isDeps: false,
   valueTypeMap: {},
   theme: emptyTheme,
   token: defaultTheme
@@ -26459,7 +26464,7 @@ var ConfigProviderWrap = function ConfigProviderWrap(props) {
   // 如果 locale 不存在自动注入的 AntdConfigProvider
   var ANTDProvider = locale === undefined ? external_antd_.ConfigProvider : (external_React_default()).Fragment;
   var proProvide = (0,external_React_.useContext)(es_ConfigContext);
-  var isNullProvide = needDeps && proProvide.hashId && Object.keys(props).sort().join('-') === 'children-needDeps';
+  var isNullProvide = needDeps && proProvide.hashId !== undefined && Object.keys(props).sort().join('-') === 'children-needDeps';
   /**
    * pro 的 类
    * @type {string}
@@ -26469,7 +26474,7 @@ var ConfigProviderWrap = function ConfigProviderWrap(props) {
   var salt = "".concat(proComponentsCls);
   var antCls = '.' + getPrefixCls();
   var proProvideValue = (0,external_React_.useMemo)(function () {
-    var _proProvide$intl, _proProvide$token;
+    var _proProvide$intl, _proProvide$token, _proProvide$token2;
     if (isNullProvide) return null;
     var localeName = locale === null || locale === void 0 ? void 0 : locale.locale;
     var key = findIntlKeyByAntdLocaleKey(localeName);
@@ -26478,17 +26483,16 @@ var ConfigProviderWrap = function ConfigProviderWrap(props) {
     /**
      * 合并一下token，不然导致嵌套 token 失效
      */
-    var proLayoutTokenMerge = propsToken ? merge(((_proProvide$token = proProvide.token) === null || _proProvide$token === void 0 ? void 0 : _proProvide$token.layout) || {}, getLayoutDesignToken((propsToken === null || propsToken === void 0 ? void 0 : propsToken.layout) || {}, tokenContext.token)) : getLayoutDesignToken({}, defaultTheme);
+    var proLayoutTokenMerge = propsToken ? getLayoutDesignToken(merge((_proProvide$token = proProvide.token) === null || _proProvide$token === void 0 ? void 0 : _proProvide$token.layout, propsToken.layout || {}), defaultTheme) : getLayoutDesignToken(((_proProvide$token2 = proProvide.token) === null || _proProvide$token2 === void 0 ? void 0 : _proProvide$token2.layout) || {}, defaultTheme);
     return objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, proProvide), {}, {
-      token: objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, proProvide.token), {}, {
+      token: merge(proProvide.token, {
         proComponentsCls: proComponentsCls,
         antCls: antCls,
         layout: proLayoutTokenMerge
       }),
-      isDeps: true,
       intl: intl || zhCNIntl
     });
-  }, [isNullProvide, locale === null || locale === void 0 ? void 0 : locale.locale, proProvide, propsToken, tokenContext.token, proComponentsCls, antCls]);
+  }, [isNullProvide, locale === null || locale === void 0 ? void 0 : locale.locale, proProvide, propsToken, proComponentsCls, antCls]);
   var finalToken = objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, (proProvideValue === null || proProvideValue === void 0 ? void 0 : proProvideValue.token) || {}), {}, {
     proComponentsCls: proComponentsCls
   });
@@ -26527,13 +26531,12 @@ var ConfigProviderWrap = function ConfigProviderWrap(props) {
         })
       })
     }));
-    if (proProvide.isDeps) return provide;
     return (0,jsx_runtime.jsx)("div", {
       className: "".concat((getPrefixCls === null || getPrefixCls === void 0 ? void 0 : getPrefixCls('pro')) || 'ant-pro').concat(hashId ? ' ' + hashId : ''),
       children: provide
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [autoClearCache, children, getPrefixCls, hashId, locale, proProvide.isDeps, proProvideValue, token]);
+  }, [autoClearCache, children, getPrefixCls, hashId, locale, proProvideValue, token]);
   if (!autoClearCache) return configProviderDom;
   return (0,jsx_runtime.jsx)(SWRConfig, {
     value: {
@@ -30487,7 +30490,10 @@ var CheckCard_style_genProStyle = function genProStyle(token) {
       height: '14px',
       marginBlock: '4px',
       background: "linear-gradient(90deg, rgba(54, 61, 64, 0.2), rgba(54, 61, 64, 0.4), rgba(54, 61, 64, 0.2))",
-      animation: "card-loading 1.4s ease infinite"
+      animationName: 'card-loading',
+      animationDuration: '1.4s',
+      animationTimingFunction: 'ease',
+      animationIterationCount: 'infinite'
     }), defineProperty_defineProperty(_content, '@keyframes card-loading', {
       '0%': {
         backgroundPosition: '0 50%'
@@ -30907,7 +30913,6 @@ var Statistic = function Statistic(props) {
     className: iconClass,
     children: icon
   });
-  console.log('classString', classString);
   return wrapSSR((0,jsx_runtime.jsxs)("div", {
     className: classString,
     style: style,
@@ -31105,7 +31110,10 @@ var Loading_style_genProStyle = function genProStyle(token) {
     background: "linear-gradient(90deg, rgba(54, 61, 64, 0.2), rgba(54, 61, 64, 0.4), rgba(54, 61, 64, 0.2))",
     backgroundSize: '600% 600%',
     borderRadius: token.radiusBase,
-    animation: 'card-loading 1.4s ease infinite'
+    animationName: 'card-loading',
+    animationDuration: '1.4s',
+    animationTimingFunction: 'ease',
+    animationIterationCount: 'infinite'
   }), defineProperty_defineProperty(_token$componentCls, '@keyframes card-loading', {
     '0%': {
       backgroundPosition: '0 50%'
@@ -32268,8 +32276,8 @@ function toArray_toArray(children) {
 ;// CONCATENATED MODULE: ./node_modules/rc-field-form/es/FieldContext.js
 
 
-var HOOK_MARK = 'RC_FORM_INTERNAL_HOOKS'; // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+var HOOK_MARK = 'RC_FORM_INTERNAL_HOOKS';
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 var warningFunc = function warningFunc() {
   es_warning(false, 'Can not find FormContext. Please make sure you wrap Field under Form.');
 };
@@ -33536,7 +33544,6 @@ function cloneArrayDeep(val) {
  * 123 => [123]
  * ['a', 123] => ['a', 123]
  */
-
 function getNamePath(path) {
   return typeUtil_toArray(path);
 }
@@ -33569,7 +33576,6 @@ function valueUtil_isObject(obj) {
  * Copy values into store and return a new values object
  * ({ a: 1, b: { c: 2 } }, { a: 4, b: { d: 5 } }) => { a: 4, b: { c: 2, d: 5 } }
  */
-
 function internalSetValues(store, values) {
   var newStore = Array.isArray(store) ? toConsumableArray_toConsumableArray(store) : objectSpread2_objectSpread2({}, store);
   if (!values) {
@@ -33577,8 +33583,8 @@ function internalSetValues(store, values) {
   }
   Object.keys(values).forEach(function (key) {
     var prevValue = newStore[key];
-    var value = values[key]; // If both are object (but target is not array), we use recursion to set deep value
-
+    var value = values[key];
+    // If both are object (but target is not array), we use recursion to set deep value
     var recursive = valueUtil_isObject(prevValue) && valueUtil_isObject(value);
     newStore[key] = recursive ? internalSetValues(prevValue, value || {}) : utils_cloneDeep(value); // Clone deep for arrays
   });
@@ -33640,7 +33646,6 @@ function defaultGetValueFromEvent(valuePropName) {
  * @param moveIndex     The index of the item to move.          (required)
  * @param toIndex       The index to move item at moveIndex to. (required)
  */
-
 function valueUtil_move(array, moveIndex, toIndex) {
   var length = array.length;
   if (moveIndex < 0 || moveIndex >= length || toIndex < 0 || toIndex >= length) {
@@ -33668,14 +33673,13 @@ function valueUtil_move(array, moveIndex, toIndex) {
 
 
 
- // Remove incorrect original ts define
 
+// Remove incorrect original ts define
 var AsyncValidator = Schema;
 /**
  * Replace with template.
  *   `I'm ${name}` + { name: 'bamboo' } = I'm bamboo
  */
-
 function replaceMessage(template, kv) {
   return template.replace(/\$\{\w+\}/g, function (str) {
     var key = str.slice(2, -1);
@@ -33690,7 +33694,6 @@ function validateRule(_x, _x2, _x3, _x4, _x5) {
  * We use `async-validator` to validate the value.
  * But only check one value in a time to avoid namePath validate issue.
  */
-
 function _validateRule() {
   _validateRule = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(name, value, rule, options, messageVariables) {
     var cloneRule, originValidator, subRuleField, validator, messages, result, subResults, kv, fillVariableResult;
@@ -33701,7 +33704,6 @@ function _validateRule() {
             cloneRule = objectSpread2_objectSpread2({}, rule); // Bug of `async-validator`
             // https://github.com/react-component/field-form/issues/316
             // https://github.com/react-component/field-form/issues/313
-
             delete cloneRule.ruleIndex;
             if (cloneRule.validator) {
               originValidator = cloneRule.validator;
@@ -33713,8 +33715,8 @@ function _validateRule() {
                   return Promise.reject(CODE_LOGIC_ERROR);
                 }
               };
-            } // We should special handle array validate
-
+            }
+            // We should special handle array validate
             subRuleField = null;
             if (cloneRule && cloneRule.type === 'array' && cloneRule.defaultField) {
               subRuleField = cloneRule.defaultField;
@@ -33781,23 +33783,22 @@ function _validateRule() {
   return _validateRule.apply(this, arguments);
 }
 function validateRules(namePath, value, rules, options, validateFirst, messageVariables) {
-  var name = namePath.join('.'); // Fill rule with context
-
+  var name = namePath.join('.');
+  // Fill rule with context
   var filledRules = rules.map(function (currentRule, ruleIndex) {
     var originValidatorFunc = currentRule.validator;
     var cloneRule = objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, currentRule), {}, {
       ruleIndex: ruleIndex
-    }); // Replace validator if needed
-
+    });
+    // Replace validator if needed
     if (originValidatorFunc) {
       cloneRule.validator = function (rule, val, callback) {
-        var hasPromise = false; // Wrap callback only accept when promise not provided
-
+        var hasPromise = false;
+        // Wrap callback only accept when promise not provided
         var wrappedCallback = function wrappedCallback() {
           for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
             args[_key] = arguments[_key];
           }
-
           // Wait a tick to make sure return type is a promise
           Promise.resolve().then(function () {
             es_warning(!hasPromise, 'Your validator function has already return a promise. `callback` will be ignored.');
@@ -33805,15 +33806,14 @@ function validateRules(namePath, value, rules, options, validateFirst, messageVa
               callback.apply(void 0, args);
             }
           });
-        }; // Get promise
-
+        };
+        // Get promise
         var promise = originValidatorFunc(rule, val, wrappedCallback);
         hasPromise = promise && typeof promise.then === 'function' && typeof promise.catch === 'function';
         /**
          * 1. Use promise as the first priority.
          * 2. If promise not exist, use callback with warning instead
          */
-
         es_warning(hasPromise, '`callback` is deprecated. Please return a promise instead.');
         if (hasPromise) {
           promise.then(function () {
@@ -33838,8 +33838,8 @@ function validateRules(namePath, value, rules, options, validateFirst, messageVa
       return 1;
     }
     return -1;
-  }); // Do validate rules
-
+  });
+  // Do validate rules
   var summaryPromise;
   if (validateFirst === true) {
     // >>>>> Validate by serialization
@@ -33902,8 +33902,8 @@ function validateRules(namePath, value, rules, options, validateFirst, messageVa
       // Always change to rejection for Field to catch
       return Promise.reject(errors);
     });
-  } // Internal catch error to avoid console error log.
-
+  }
+  // Internal catch error to avoid console error log.
   summaryPromise.catch(function (e) {
     return e;
   });
@@ -33992,12 +33992,11 @@ function requireUpdate(shouldUpdate, prev, next, prevValue, nextValue, info) {
     } : {});
   }
   return prevValue !== nextValue;
-} // We use Class instead of Hooks here since it will cost much code by using Hooks.
-
+}
+// We use Class instead of Hooks here since it will cost much code by using Hooks.
 var Field = /*#__PURE__*/function (_React$Component) {
   _inherits(Field, _React$Component);
   var _super = _createSuper(Field);
-
   /**
    * Follow state should not management in State since it will async update by React.
    * This makes first render of form can not get correct state value.
@@ -34008,12 +34007,13 @@ var Field = /*#__PURE__*/function (_React$Component) {
    * Note that we do not think field with `initialValue` is dirty
    * but this will be by `isFieldDirty` func.
    */
+
   // ============================== Subscriptions ==============================
   function Field(props) {
     var _this;
     _classCallCheck(this, Field);
-    _this = _super.call(this, props); // Register on init
-
+    _this = _super.call(this, props);
+    // Register on init
     _this.state = {
       resetCount: 0
     };
@@ -34060,7 +34060,6 @@ var Field = /*#__PURE__*/function (_React$Component) {
       /**
        * Clean up current node.
        */
-
       _this.setState(function (_ref) {
         var resetCount = _ref.resetCount;
         return {
@@ -34084,8 +34083,8 @@ var Field = /*#__PURE__*/function (_React$Component) {
       var namePath = _this.getNamePath();
       var prevValue = _this.getValue(prevStore);
       var curValue = _this.getValue(store);
-      var namePathMatch = namePathList && containsNamePath(namePathList, namePath); // `setFieldsValue` is a quick access to update related status
-
+      var namePathMatch = namePathList && containsNamePath(namePathList, namePath);
+      // `setFieldsValue` is a quick access to update related status
       if (info.type === 'valueUpdate' && info.source === 'external' && prevValue !== curValue) {
         _this.touched = true;
         _this.dirty = true;
@@ -34109,14 +34108,12 @@ var Field = /*#__PURE__*/function (_React$Component) {
             return;
           }
           break;
-
         /**
          * In case field with `preserve = false` nest deps like:
          * - A = 1 => show B
          * - B = 1 => show C
          * - Reset A, need clean B, C
          */
-
         case 'remove':
           {
             if (shouldUpdate) {
@@ -34145,8 +34142,8 @@ var Field = /*#__PURE__*/function (_React$Component) {
               _this.triggerMetaEvent();
               _this.reRender();
               return;
-            } // Handle update by `setField` with `shouldUpdate`
-
+            }
+            // Handle update by `setField` with `shouldUpdate`
             if (shouldUpdate && !namePath.length && requireUpdate(shouldUpdate, prevStore, store, prevValue, curValue, info)) {
               _this.reRender();
               return;
@@ -34158,10 +34155,10 @@ var Field = /*#__PURE__*/function (_React$Component) {
             /**
              * Trigger when marked `dependencies` updated. Related fields will all update
              */
-            var dependencyList = dependencies.map(getNamePath); // No need for `namePathMath` check and `shouldUpdate` check, since `valueUpdate` will be
+            var dependencyList = dependencies.map(getNamePath);
+            // No need for `namePathMath` check and `shouldUpdate` check, since `valueUpdate` will be
             // emitted earlier and they will work there
             // If set it may cause unnecessary twice rerendering
-
             if (dependencyList.some(function (dependency) {
               return containsNamePath(info.relatedFields, dependency);
             })) {
@@ -34194,8 +34191,8 @@ var Field = /*#__PURE__*/function (_React$Component) {
     _this.validateRules = function (options) {
       // We should fixed namePath & value to avoid developer change then by form function
       var namePath = _this.getNamePath();
-      var currentValue = _this.getValue(); // Force change to async to avoid rule OOD under renderProps field
-
+      var currentValue = _this.getValue();
+      // Force change to async to avoid rule OOD under renderProps field
       var rootPromise = Promise.resolve().then(function () {
         if (!_this.mounted) {
           return [];
@@ -34209,6 +34206,8 @@ var Field = /*#__PURE__*/function (_React$Component) {
         var filteredRules = _this.getRules();
         if (triggerName) {
           filteredRules = filteredRules.filter(function (rule) {
+            return rule;
+          }).filter(function (rule) {
             var validateTrigger = rule.validateTrigger;
             if (!validateTrigger) {
               return true;
@@ -34224,8 +34223,8 @@ var Field = /*#__PURE__*/function (_React$Component) {
           var ruleErrors = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : EMPTY_ERRORS;
           if (_this.validatePromise === rootPromise) {
             var _ruleErrors$forEach;
-            _this.validatePromise = null; // Get errors & warnings
-
+            _this.validatePromise = null;
+            // Get errors & warnings
             var nextErrors = [];
             var nextWarnings = [];
             (_ruleErrors$forEach = ruleErrors.forEach) === null || _ruleErrors$forEach === void 0 ? void 0 : _ruleErrors$forEach.call(ruleErrors, function (_ref3) {
@@ -34250,8 +34249,8 @@ var Field = /*#__PURE__*/function (_React$Component) {
       _this.dirty = true;
       _this.errors = EMPTY_ERRORS;
       _this.warnings = EMPTY_ERRORS;
-      _this.triggerMetaEvent(); // Force trigger re-render since we need sync renderProps with new meta
-
+      _this.triggerMetaEvent();
+      // Force trigger re-render since we need sync renderProps with new meta
       _this.reRender();
       return rootPromise;
     };
@@ -34265,8 +34264,8 @@ var Field = /*#__PURE__*/function (_React$Component) {
       // Touched or validate or has initialValue
       if (_this.dirty || _this.props.initialValue !== undefined) {
         return true;
-      } // Form set initialValue
-
+      }
+      // Form set initialValue
       var fieldContext = _this.props.fieldContext;
       var _fieldContext$getInte = fieldContext.getInternalHooks(HOOK_MARK),
         getInitialValue = _fieldContext$getInte.getInitialValue;
@@ -34309,8 +34308,8 @@ var Field = /*#__PURE__*/function (_React$Component) {
         return objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, _this.getOnlyChild(children(_this.getControlled(), meta, _this.props.fieldContext))), {}, {
           isFunction: true
         });
-      } // Filed element only
-
+      }
+      // Filed element only
       var childList = toArray_toArray(children);
       if (childList.length !== 1 || ! /*#__PURE__*/external_React_.isValidElement(childList[0])) {
         return {
@@ -34347,11 +34346,11 @@ var Field = /*#__PURE__*/function (_React$Component) {
       var value = _this.getValue();
       var mergedGetValueProps = getValueProps || function (val) {
         return defineProperty_defineProperty({}, valuePropName, val);
-      }; // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+      };
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
       var originTriggerFunc = childProps[trigger];
-      var control = objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, childProps), mergedGetValueProps(value)); // Add trigger
-
+      var control = objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, childProps), mergedGetValueProps(value));
+      // Add trigger
       control[trigger] = function () {
         // Mark as touched
         _this.touched = true;
@@ -34377,8 +34376,8 @@ var Field = /*#__PURE__*/function (_React$Component) {
         if (originTriggerFunc) {
           originTriggerFunc.apply(void 0, args);
         }
-      }; // Add validateTrigger
-
+      };
+      // Add validateTrigger
       var validateTriggerList = typeUtil_toArray(mergedValidateTrigger || []);
       validateTriggerList.forEach(function (triggerName) {
         // Wrap additional function of component, so that we can get latest value from store
@@ -34386,8 +34385,8 @@ var Field = /*#__PURE__*/function (_React$Component) {
         control[triggerName] = function () {
           if (originTrigger) {
             originTrigger.apply(void 0, arguments);
-          } // Always use latest rules
-
+          }
+          // Always use latest rules
           var rules = _this.props.rules;
           if (rules && rules.length) {
             // We dispatch validate to root,
@@ -34416,15 +34415,15 @@ var Field = /*#__PURE__*/function (_React$Component) {
       var _this$props7 = this.props,
         shouldUpdate = _this$props7.shouldUpdate,
         fieldContext = _this$props7.fieldContext;
-      this.mounted = true; // Register on init
-
+      this.mounted = true;
+      // Register on init
       if (fieldContext) {
         var getInternalHooks = fieldContext.getInternalHooks;
         var _getInternalHooks3 = getInternalHooks(HOOK_MARK),
           registerField = _getInternalHooks3.registerField;
         this.cancelRegisterFunc = registerField(this);
-      } // One more render for component in case fields not ready
-
+      }
+      // One more render for component in case fields not ready
       if (shouldUpdate === true) {
         this.reRender();
       }
@@ -34449,8 +34448,8 @@ var Field = /*#__PURE__*/function (_React$Component) {
       var children = this.props.children;
       var _this$getOnlyChild = this.getOnlyChild(children),
         child = _this$getOnlyChild.child,
-        isFunction = _this$getOnlyChild.isFunction; // Not need to `cloneElement` since user can handle this in render function self
-
+        isFunction = _this$getOnlyChild.isFunction;
+      // Not need to `cloneElement` since user can handle this in render function self
       var returnChildNode;
       if (isFunction) {
         returnChildNode = child;
@@ -34480,9 +34479,9 @@ function WrapperField(_ref5) {
   var key = 'keep';
   if (!restProps.isListField) {
     key = "_".concat((namePath || []).join('_'));
-  } // Warning if it's a directly list field.
+  }
+  // Warning if it's a directly list field.
   // We can still support multiple level field preserve.
-
   if (false) {}
   return /*#__PURE__*/external_React_.createElement(Field, extends_extends({
     key: key,
@@ -34525,8 +34524,8 @@ var List = function List(_ref) {
     return objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, context), {}, {
       prefixName: prefixName
     });
-  }, [context, prefixName]); // List context
-
+  }, [context, prefixName]);
+  // List context
   var listContext = external_React_.useMemo(function () {
     return {
       getKey: function getKey(namePath) {
@@ -34535,8 +34534,8 @@ var List = function List(_ref) {
         return [keyManager.keys[pathName], namePath.slice(len + 1)];
       }
     };
-  }, [prefixName]); // User should not pass `children` as other type.
-
+  }, [prefixName]);
+  // User should not pass `children` as other type.
   if (typeof children !== 'function') {
     es_warning(false, 'Form.List only accepts function as children.');
     return null;
@@ -34571,7 +34570,6 @@ var List = function List(_ref) {
     /**
      * Always get latest value in case user update fields by `form` api.
      */
-
     var operations = {
       add: function add(defaultValue, index) {
         // Mapping keys
@@ -34594,8 +34592,8 @@ var List = function List(_ref) {
         }
         keyManager.keys = keyManager.keys.filter(function (_, keysIndex) {
           return !indexSet.has(keysIndex);
-        }); // Trigger store change
-
+        });
+        // Trigger store change
         onChange(newValue.filter(function (_, valueIndex) {
           return !indexSet.has(valueIndex);
         }));
@@ -34604,13 +34602,13 @@ var List = function List(_ref) {
         if (from === to) {
           return;
         }
-        var newValue = getNewValue(); // Do not handle out of range
-
+        var newValue = getNewValue();
+        // Do not handle out of range
         if (from < 0 || from >= newValue.length || to < 0 || to >= newValue.length) {
           return;
         }
-        keyManager.keys = valueUtil_move(keyManager.keys, from, to); // Trigger store change
-
+        keyManager.keys = valueUtil_move(keyManager.keys, from, to);
+        // Trigger store change
         onChange(valueUtil_move(newValue, from, to));
       }
     };
@@ -34672,17 +34670,16 @@ var SPLIT = '__@field_split__';
 /**
  * Convert name path into string to fast the fetch speed of Map.
  */
-
 function NameMap_normalize(namePath) {
   return namePath.map(function (cell) {
     return "".concat(typeof_typeof(cell), ":").concat(cell);
-  }) // Magic split
+  })
+  // Magic split
   .join(SPLIT);
 }
 /**
  * NameMap like a `Map` but accepts `string[]` as key.
  */
-
 var NameMap = /*#__PURE__*/function () {
   function NameMap() {
     _classCallCheck(this, NameMap);
@@ -34713,7 +34710,8 @@ var NameMap = /*#__PURE__*/function () {
     key: "delete",
     value: function _delete(key) {
       this.kvs.delete(NameMap_normalize(key));
-    } // Since we only use this in test, let simply realize this
+    }
+    // Since we only use this in test, let simply realize this
   }, {
     key: "map",
     value: function map(callback) {
@@ -34829,10 +34827,10 @@ var FormStore = /*#__PURE__*/_createClass(function FormStore(forceRootUpdate) {
     _this.initialValues = initialValues || {};
     if (init) {
       var _this$prevWithoutPres;
-      var nextStore = setValues({}, initialValues, _this.store); // We will take consider prev form unmount fields.
+      var nextStore = setValues({}, initialValues, _this.store);
+      // We will take consider prev form unmount fields.
       // When the field is not `preserve`, we need fill this with initialValues instead of store.
       // eslint-disable-next-line array-callback-return
-
       (_this$prevWithoutPres = _this.prevWithoutPreserves) === null || _this$prevWithoutPres === void 0 ? void 0 : _this$prevWithoutPres.map(function (_ref) {
         var namePath = _ref.key;
         nextStore = setValue(nextStore, namePath, valueUtil_getValue(initialValues, namePath));
@@ -34851,8 +34849,8 @@ var FormStore = /*#__PURE__*/_createClass(function FormStore(forceRootUpdate) {
     _this.prevWithoutPreserves = prevWithoutPreserves;
   };
   this.getInitialValue = function (namePath) {
-    var initValue = valueUtil_getValue(_this.initialValues, namePath); // Not cloneDeep when without `namePath`
-
+    var initValue = valueUtil_getValue(_this.initialValues, namePath);
+    // Not cloneDeep when without `namePath`
     return namePath.length ? utils_cloneDeep(initValue) : initValue;
   };
   this.setCallbacks = function (callbacks) {
@@ -34875,7 +34873,6 @@ var FormStore = /*#__PURE__*/_createClass(function FormStore(forceRootUpdate) {
   };
   this.notifyWatch = function () {
     var namePath = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-
     // No need to cost perf when nothing need to watch
     if (_this.watchList.length) {
       var values = _this.getFieldsValue();
@@ -34930,9 +34927,9 @@ var FormStore = /*#__PURE__*/_createClass(function FormStore(forceRootUpdate) {
     var filteredNameList = [];
     fieldEntities.forEach(function (entity) {
       var _entity$isListField;
-      var namePath = 'INVALIDATE_NAME_PATH' in entity ? entity.INVALIDATE_NAME_PATH : entity.getNamePath(); // Ignore when it's a list item and not specific the namePath,
+      var namePath = 'INVALIDATE_NAME_PATH' in entity ? entity.INVALIDATE_NAME_PATH : entity.getNamePath();
+      // Ignore when it's a list item and not specific the namePath,
       // since parent field is already take in count
-
       if (!nameList && ((_entity$isListField = entity.isListField) === null || _entity$isListField === void 0 ? void 0 : _entity$isListField.call(entity))) {
         return;
       }
@@ -35008,19 +35005,19 @@ var FormStore = /*#__PURE__*/_createClass(function FormStore(forceRootUpdate) {
     var fieldEntities = _this.getFieldEntities(true);
     var isFieldTouched = function isFieldTouched(field) {
       return field.isFieldTouched();
-    }; // ===== Will get fully compare when not config namePathList =====
-
+    };
+    // ===== Will get fully compare when not config namePathList =====
     if (!namePathList) {
       return isAllFieldsTouched ? fieldEntities.every(isFieldTouched) : fieldEntities.some(isFieldTouched);
-    } // Generate a nest tree for validate
-
+    }
+    // Generate a nest tree for validate
     var map = new utils_NameMap();
     namePathList.forEach(function (shortNamePath) {
       map.set(shortNamePath, []);
     });
     fieldEntities.forEach(function (field) {
-      var fieldNamePath = field.getNamePath(); // Find matched entity and put into list
-
+      var fieldNamePath = field.getNamePath();
+      // Find matched entity and put into list
       namePathList.forEach(function (shortNamePath) {
         if (shortNamePath.every(function (nameUnit, i) {
           return fieldNamePath[i] === nameUnit;
@@ -35030,8 +35027,8 @@ var FormStore = /*#__PURE__*/_createClass(function FormStore(forceRootUpdate) {
           });
         }
       });
-    }); // Check if NameMap value is touched
-
+    });
+    // Check if NameMap value is touched
     var isNamePathListTouched = function isNamePathListTouched(entities) {
       return entities.some(isFieldTouched);
     };
@@ -35070,8 +35067,8 @@ var FormStore = /*#__PURE__*/_createClass(function FormStore(forceRootUpdate) {
     var fieldEntities = _this.getFieldEntities(true);
     fieldEntities.forEach(function (field) {
       var initialValue = field.props.initialValue;
-      var namePath = field.getNamePath(); // Record only if has `initialValue`
-
+      var namePath = field.getNamePath();
+      // Record only if has `initialValue`
       if (initialValue !== undefined) {
         var records = cache.get(namePath) || new Set();
         records.add({
@@ -35080,8 +35077,8 @@ var FormStore = /*#__PURE__*/_createClass(function FormStore(forceRootUpdate) {
         });
         cache.set(namePath, records);
       }
-    }); // Reset
-
+    });
+    // Reset
     var resetWithFields = function resetWithFields(entities) {
       entities.forEach(function (field) {
         var initialValue = field.props.initialValue;
@@ -35097,8 +35094,8 @@ var FormStore = /*#__PURE__*/_createClass(function FormStore(forceRootUpdate) {
               // Warning if multiple field set `initialValue`and do not modify value
               es_warning(false, "Multiple Field with path '".concat(namePath.join('.'), "' set 'initialValue'. Can not decide which one to pick."));
             } else if (records) {
-              var originValue = _this.getFieldValue(namePath); // Set `initialValue`
-
+              var originValue = _this.getFieldValue(namePath);
+              // Set `initialValue`
               if (!info.skipExist || originValue === undefined) {
                 _this.updateStore(setValue(_this.store, namePath, toConsumableArray_toConsumableArray(records)[0].value));
               }
@@ -35137,8 +35134,8 @@ var FormStore = /*#__PURE__*/_createClass(function FormStore(forceRootUpdate) {
       });
       _this.notifyWatch();
       return;
-    } // Reset by `nameList`
-
+    }
+    // Reset by `nameList`
     var namePathList = nameList.map(getNamePath);
     namePathList.forEach(function (namePath) {
       var initialValue = _this.getInitialValue(namePath);
@@ -35161,8 +35158,8 @@ var FormStore = /*#__PURE__*/_createClass(function FormStore(forceRootUpdate) {
         errors = fieldData.errors,
         data = objectWithoutProperties_objectWithoutProperties(fieldData, useForm_excluded);
       var namePath = getNamePath(name);
-      namePathList.push(namePath); // Value
-
+      namePathList.push(namePath);
+      // Value
       if ('value' in data) {
         _this.updateStore(setValue(_this.store, namePath, data.value));
       }
@@ -35206,8 +35203,8 @@ var FormStore = /*#__PURE__*/_createClass(function FormStore(forceRootUpdate) {
   this.registerField = function (entity) {
     _this.fieldEntities.push(entity);
     var namePath = entity.getNamePath();
-    _this.notifyWatch([namePath]); // Set initial values
-
+    _this.notifyWatch([namePath]);
+    // Set initial values
     if (entity.props.initialValue !== undefined) {
       var prevStore = _this.store;
       _this.resetWithFieldInitialValue({
@@ -35218,14 +35215,14 @@ var FormStore = /*#__PURE__*/_createClass(function FormStore(forceRootUpdate) {
         type: 'valueUpdate',
         source: 'internal'
       });
-    } // un-register field callback
-
+    }
+    // un-register field callback
     return function (isListField, preserve) {
       var subNamePath = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
       _this.fieldEntities = _this.fieldEntities.filter(function (item) {
         return item !== entity;
-      }); // Clean up store value if not preserve
-
+      });
+      // Clean up store value if not preserve
       if (!_this.isMergedPreserve(preserve) && (!isListField || subNamePath.length > 1)) {
         var defaultValue = isListField ? undefined : _this.getInitialValue(namePath);
         if (namePath.length && _this.getFieldValue(namePath) !== defaultValue && _this.fieldEntities.every(function (field) {
@@ -35235,12 +35232,12 @@ var FormStore = /*#__PURE__*/_createClass(function FormStore(forceRootUpdate) {
           );
         })) {
           var _prevStore = _this.store;
-          _this.updateStore(setValue(_prevStore, namePath, defaultValue, true)); // Notify that field is unmount
-
+          _this.updateStore(setValue(_prevStore, namePath, defaultValue, true));
+          // Notify that field is unmount
           _this.notifyObservers(_prevStore, [namePath], {
             type: 'remove'
-          }); // Dependencies update
-
+          });
+          // Dependencies update
           _this.triggerDependenciesUpdate(_prevStore, namePath);
         }
       }
@@ -35265,7 +35262,8 @@ var FormStore = /*#__PURE__*/_createClass(function FormStore(forceRootUpdate) {
           });
           break;
         }
-      default: // Currently we don't have other action. Do nothing.
+      default:
+      // Currently we don't have other action. Do nothing.
     }
   };
 
@@ -35301,10 +35299,10 @@ var FormStore = /*#__PURE__*/_createClass(function FormStore(forceRootUpdate) {
       type: 'valueUpdate',
       source: 'internal'
     });
-    _this.notifyWatch([namePath]); // Dependencies update
-
-    var childrenFields = _this.triggerDependenciesUpdate(prevStore, namePath); // trigger callback function
-
+    _this.notifyWatch([namePath]);
+    // Dependencies update
+    var childrenFields = _this.triggerDependenciesUpdate(prevStore, namePath);
+    // trigger callback function
     var onValuesChange = _this.callbacks.onValuesChange;
     if (onValuesChange) {
       var changedValues = cloneByNamePathList(_this.store, [namePath]);
@@ -35339,7 +35337,6 @@ var FormStore = /*#__PURE__*/_createClass(function FormStore(forceRootUpdate) {
      * Generate maps
      * Can use cache to save perf if user report performance issue with this
      */
-
     _this.getFieldEntities().forEach(function (field) {
       var dependencies = field.props.dependencies;
       (dependencies || []).forEach(function (dependency) {
@@ -35374,7 +35371,6 @@ var FormStore = /*#__PURE__*/_createClass(function FormStore(forceRootUpdate) {
       /**
        * Fill errors since `fields` may be replaced by controlled fields
        */
-
       if (filedErrors) {
         var cache = new utils_NameMap();
         filedErrors.forEach(function (_ref4) {
@@ -35397,8 +35393,8 @@ var FormStore = /*#__PURE__*/_createClass(function FormStore(forceRootUpdate) {
   this.validateFields = function (nameList, options) {
     _this.warningUnhooked();
     var provideNameList = !!nameList;
-    var namePathList = provideNameList ? nameList.map(getNamePath) : []; // Collect result in promise list
-
+    var namePathList = provideNameList ? nameList.map(getNamePath) : [];
+    // Collect result in promise list
     var promiseList = [];
     _this.getFieldEntities(true).forEach(function (field) {
       // Add field if not provide `nameList`
@@ -35409,7 +35405,6 @@ var FormStore = /*#__PURE__*/_createClass(function FormStore(forceRootUpdate) {
        * Recursive validate if configured.
        * TODO: perf improvement @zombieJ
        */
-
       if ((options === null || options === void 0 ? void 0 : options.recursive) && provideNameList) {
         var namePath = field.getNamePath();
         if (
@@ -35420,18 +35415,18 @@ var FormStore = /*#__PURE__*/_createClass(function FormStore(forceRootUpdate) {
         })) {
           namePathList.push(namePath);
         }
-      } // Skip if without rule
-
+      }
+      // Skip if without rule
       if (!field.props.rules || !field.props.rules.length) {
         return;
       }
-      var fieldNamePath = field.getNamePath(); // Add field validate rule in to promise list
-
+      var fieldNamePath = field.getNamePath();
+      // Add field validate rule in to promise list
       if (!provideNameList || containsNamePath(namePathList, fieldNamePath)) {
         var promise = field.validateRules(objectSpread2_objectSpread2({
           validateMessages: objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, defaultValidateMessages), _this.validateMessages)
-        }, options)); // Wrap promise with field
-
+        }, options));
+        // Wrap promise with field
         promiseList.push(promise.then(function () {
           return {
             name: fieldNamePath,
@@ -35467,8 +35462,8 @@ var FormStore = /*#__PURE__*/_createClass(function FormStore(forceRootUpdate) {
       }
     });
     var summaryPromise = allPromiseFinish(promiseList);
-    _this.lastValidatePromise = summaryPromise; // Notify fields with rule that validate has finished and need update
-
+    _this.lastValidatePromise = summaryPromise;
+    // Notify fields with rule that validate has finished and need update
     summaryPromise.catch(function (results) {
       return results;
     }).then(function (results) {
@@ -35495,8 +35490,8 @@ var FormStore = /*#__PURE__*/_createClass(function FormStore(forceRootUpdate) {
         errorFields: errorList,
         outOfDate: _this.lastValidatePromise !== summaryPromise
       });
-    }); // Do not throw in console
-
+    });
+    // Do not throw in console
     returnPromise.catch(function (e) {
       return e;
     });
@@ -35629,9 +35624,9 @@ var Form = function Form(_ref, ref) {
     _onFinish = _ref.onFinish,
     onFinishFailed = _ref.onFinishFailed,
     restProps = objectWithoutProperties_objectWithoutProperties(_ref, Form_excluded);
-  var formContext = external_React_.useContext(es_FormContext); // We customize handle event since Context will makes all the consumer re-render:
+  var formContext = external_React_.useContext(es_FormContext);
+  // We customize handle event since Context will makes all the consumer re-render:
   // https://reactjs.org/docs/context.html#contextprovider
-
   var _useForm = es_useForm(form),
     _useForm2 = slicedToArray_slicedToArray(_useForm, 1),
     formInstance = _useForm2[0];
@@ -35641,19 +35636,19 @@ var Form = function Form(_ref, ref) {
     setCallbacks = _formInstance$getInte.setCallbacks,
     setValidateMessages = _formInstance$getInte.setValidateMessages,
     setPreserve = _formInstance$getInte.setPreserve,
-    destroyForm = _formInstance$getInte.destroyForm; // Pass ref with form instance
-
+    destroyForm = _formInstance$getInte.destroyForm;
+  // Pass ref with form instance
   external_React_.useImperativeHandle(ref, function () {
     return formInstance;
-  }); // Register form into Context
-
+  });
+  // Register form into Context
   external_React_.useEffect(function () {
     formContext.registerForm(name, formInstance);
     return function () {
       formContext.unregisterForm(name);
     };
-  }, [formContext, formInstance, name]); // Pass props to store
-
+  }, [formContext, formInstance, name]);
+  // Pass props to store
   setValidateMessages(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, formContext.validateMessages), validateMessages));
   setCallbacks({
     onValuesChange: onValuesChange,
@@ -35674,8 +35669,8 @@ var Form = function Form(_ref, ref) {
     },
     onFinishFailed: onFinishFailed
   });
-  setPreserve(preserve); // Set initial value, init store value when first mount
-
+  setPreserve(preserve);
+  // Set initial value, init store value when first mount
   var mountRef = external_React_.useRef(null);
   setInitialValues(initialValues, !mountRef.current);
   if (!mountRef.current) {
@@ -35685,8 +35680,8 @@ var Form = function Form(_ref, ref) {
     return destroyForm;
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  []); // Prepare children by `children` type
-
+  []);
+  // Prepare children by `children` type
   var childrenNode;
   var childrenRenderProps = typeof children === 'function';
   if (childrenRenderProps) {
@@ -35694,10 +35689,10 @@ var Form = function Form(_ref, ref) {
     childrenNode = children(values, formInstance);
   } else {
     childrenNode = children;
-  } // Not use subscribe when using render props
-
-  useSubscribe(!childrenRenderProps); // Listen if fields provided. We use ref to save prev data here to avoid additional render
-
+  }
+  // Not use subscribe when using render props
+  useSubscribe(!childrenRenderProps);
+  // Listen if fields provided. We use ref to save prev data here to avoid additional render
   var prevFieldsRef = external_React_.useRef();
   external_React_.useEffect(function () {
     if (!isSimilar(prevFieldsRef.current || [], fields || [])) {
@@ -35763,8 +35758,8 @@ function useWatch() {
   valueStrRef.current = valueStr;
   var fieldContext = (0,external_React_.useContext)(FieldContext);
   var formInstance = form || fieldContext;
-  var isValidForm = formInstance && formInstance._init; // Warning if not exist form instance
-
+  var isValidForm = formInstance && formInstance._init;
+  // Warning if not exist form instance
   if (false) {}
   var namePath = getNamePath(dependencies);
   var namePathRef = (0,external_React_.useRef)(namePath);
@@ -35780,14 +35775,14 @@ function useWatch() {
       registerWatch = _getInternalHooks.registerWatch;
     var cancelRegister = registerWatch(function (store) {
       var newValue = valueUtil_getValue(store, namePathRef.current);
-      var nextValueStr = useWatch_stringify(newValue); // Compare stringify in case it's nest object
-
+      var nextValueStr = useWatch_stringify(newValue);
+      // Compare stringify in case it's nest object
       if (valueStrRef.current !== nextValueStr) {
         valueStrRef.current = nextValueStr;
         setValue(newValue);
       }
-    }); // TODO: We can improve this perf in future
-
+    });
+    // TODO: We can improve this perf in future
     var initialValue = valueUtil_getValue(getFieldsValue(), namePathRef.current);
     setValue(initialValue);
     return cancelRegister;
@@ -49432,7 +49427,7 @@ function BaseForm(props) {
           form: form
         }, omit_js_es(propRest, ['labelWidth', 'autoFocusFirstInput'])), {}, {
           // 组合 urlSearch 和 initialValues
-          initialValues: syncToUrlAsImportant ? objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, initialData), initialValues), urlParamsMergeInitialValues) : objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, urlParamsMergeInitialValues), initialData), initialValues),
+          initialValues: syncToUrlAsImportant ? objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, initialValues), initialData), urlParamsMergeInitialValues) : objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, urlParamsMergeInitialValues), initialValues), initialData),
           onValuesChange: function onValuesChange(changedValues, values) {
             var _propRest$onValuesCha;
             propRest === null || propRest === void 0 ? void 0 : (_propRest$onValuesCha = propRest.onValuesChange) === null || _propRest$onValuesCha === void 0 ? void 0 : _propRest$onValuesCha.call(propRest, transformKey(changedValues, !!omitNil), transformKey(values, !!omitNil));
@@ -52049,7 +52044,6 @@ var _map = [576, 768, 992, 1200].map(function (bp) {
   xl = _map2[3];
 var genPageContainerStyle = function genPageContainerStyle(token) {
   var _token$layout, _token$layout$pageCon, _token$layout2, _token$layout2$pageCo, _token$layout3, _token$layout3$pageCo, _token$layout$pageCon2, _token$layout4, _token$layout4$pageCo, _token$layout5, _token$layout5$pageCo, _token$layout6, _token$layout6$pageCo, _token$layout$pageCon3, _token$layout7, _token$layout7$pageCo, _extraContent, _token$componentCls;
-  console.log(token.layout);
   return defineProperty_defineProperty({}, token.componentCls, (_token$componentCls = {
     position: 'relative',
     '&-children-content': {
@@ -52268,7 +52262,7 @@ var memoRenderPageHeader = function memoRenderPageHeader(props) {
   }));
 };
 var PageContainerBase = function PageContainerBase(props) {
-  var _restProps$header2, _token$layout2, _token$layout2$pageCo, _classNames, _token$layout3, _token$layout3$header;
+  var _restProps$header2, _classNames, _token$layout, _token$layout$header;
   var children = props.children,
     _props$loading = props.loading,
     loading = _props$loading === void 0 ? false : _props$loading,
@@ -52335,23 +52329,13 @@ var PageContainerBase = function PageContainerBase(props) {
     return spinProps.spinning ? (0,jsx_runtime.jsx)(PageLoading, objectSpread2_objectSpread2({}, spinProps)) : null;
   }, [loading]);
   var content = (0,external_React_.useMemo)(function () {
-    var _token$layout, _token$layout$pageCon;
-    return children ? (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
-      children: [(0,jsx_runtime.jsx)("div", {
+    return children ? (0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
+      children: (0,jsx_runtime.jsx)("div", {
         className: classnames_default()("".concat(basePageContainer, "-children-content ").concat(hashId)),
-        style: {
-          paddingBlock: propsToken === null || propsToken === void 0 ? void 0 : propsToken.paddingBlockPageContainerContent,
-          paddingInline: propsToken === null || propsToken === void 0 ? void 0 : propsToken.paddingInlinePageContainerContent
-        },
         children: children
-      }), value.hasFooterToolbar && (0,jsx_runtime.jsx)("div", {
-        style: {
-          height: 64,
-          marginBlockStart: token === null || token === void 0 ? void 0 : (_token$layout = token.layout) === null || _token$layout === void 0 ? void 0 : (_token$layout$pageCon = _token$layout.pageContainer) === null || _token$layout$pageCon === void 0 ? void 0 : _token$layout$pageCon.paddingBlockPageContainerContent
-        }
-      })]
+      })
     }) : null;
-  }, [children, basePageContainer, hashId, propsToken === null || propsToken === void 0 ? void 0 : propsToken.paddingBlockPageContainerContent, propsToken === null || propsToken === void 0 ? void 0 : propsToken.paddingInlinePageContainerContent, value.hasFooterToolbar, token === null || token === void 0 ? void 0 : (_token$layout2 = token.layout) === null || _token$layout2 === void 0 ? void 0 : (_token$layout2$pageCo = _token$layout2.pageContainer) === null || _token$layout2$pageCo === void 0 ? void 0 : _token$layout2$pageCo.paddingBlockPageContainerContent]);
+  }, [children, basePageContainer, hashId]);
   var renderContentDom = (0,external_React_.useMemo)(function () {
     // 只要loadingDom非空我们就渲染loadingDom,否则渲染内容
     var dom = loadingDom || content;
@@ -52371,7 +52355,7 @@ var PageContainerBase = function PageContainerBase(props) {
       children: [fixedHeader && pageHeaderDom ?
       // 在 hasHeader 且 fixedHeader 的情况下，才需要设置高度
       (0,jsx_runtime.jsx)(external_antd_.Affix, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
-        offsetTop: value.hasHeader && value.fixedHeader ? token === null || token === void 0 ? void 0 : (_token$layout3 = token.layout) === null || _token$layout3 === void 0 ? void 0 : (_token$layout3$header = _token$layout3.header) === null || _token$layout3$header === void 0 ? void 0 : _token$layout3$header.heightLayoutHeader : 0
+        offsetTop: value.hasHeader && value.fixedHeader ? token === null || token === void 0 ? void 0 : (_token$layout = token.layout) === null || _token$layout === void 0 ? void 0 : (_token$layout$header = _token$layout.header) === null || _token$layout$header === void 0 ? void 0 : _token$layout$header.heightLayoutHeader : 0
       }, affixProps), {}, {
         className: "".concat(basePageContainer, "-affix ").concat(hashId),
         children: (0,jsx_runtime.jsx)("div", {
@@ -52553,7 +52537,7 @@ var DefaultFooter = function DefaultFooter(_ref) {
 
 var genProLayoutHeaderStyle = function genProLayoutHeaderStyle(token) {
   var _token$layout, _token$layout$header, _token$layout2, _token$layout2$header, _token$layout3, _token$layout3$header;
-  return defineProperty_defineProperty({}, token.proLayoutCls, defineProperty_defineProperty({}, ".ant-layout-header".concat(token.componentCls), {
+  return defineProperty_defineProperty({}, token.proLayoutCls, defineProperty_defineProperty({}, "".concat(token.antCls, "-layout-header").concat(token.componentCls), {
     height: (token === null || token === void 0 ? void 0 : (_token$layout = token.layout) === null || _token$layout === void 0 ? void 0 : (_token$layout$header = _token$layout.header) === null || _token$layout$header === void 0 ? void 0 : _token$layout$header.heightLayoutHeader) || 56,
     lineHeight: "".concat((token === null || token === void 0 ? void 0 : (_token$layout2 = token.layout) === null || _token$layout2 === void 0 ? void 0 : (_token$layout2$header = _token$layout2.header) === null || _token$layout2$header === void 0 ? void 0 : _token$layout2$header.heightLayoutHeader) || 56, "px"),
     // hitu 用了这个属性，不能删除哦 @南取
@@ -53428,11 +53412,13 @@ var MenuCounter = createContainer(useMenuCounter);
 
 
 var genProLayoutBaseMenuStyle = function genProLayoutBaseMenuStyle(token) {
-  var _token$layout, _token$layout$sider, _collapsed, _collapsed2, _$concat2, _$concat4;
+  var _token$layout, _token$layout$sider, _collapsed, _collapsed2, _$concat2, _itemTitle, _$concat4;
   return defineProperty_defineProperty({}, "".concat(token.componentCls), (_$concat4 = {
     background: 'transparent',
     border: 'none'
-  }, defineProperty_defineProperty(_$concat4, "& &-collapsed", (_collapsed = {}, defineProperty_defineProperty(_collapsed, "".concat(token.antCls, "-menu-item, \n        ").concat(token.antCls, "-menu-item-group > ").concat(token.antCls, "-menu-item-group-list > ").concat(token.antCls, "-menu-item, \n        ").concat(token.antCls, "-menu-item-group > ").concat(token.antCls, "-menu-item-group-list > ").concat(token.antCls, "-menu-submenu > ").concat(token.antCls, "-menu-submenu-title, \n        ").concat(token.antCls, "-menu-submenu > ").concat(token.antCls, "-menu-submenu-title"), {
+  }, defineProperty_defineProperty(_$concat4, "".concat(token.componentCls, "-menu-item"), {
+    transition: 'none !important'
+  }), defineProperty_defineProperty(_$concat4, "& &-collapsed", (_collapsed = {}, defineProperty_defineProperty(_collapsed, "".concat(token.antCls, "-menu-item, \n        ").concat(token.antCls, "-menu-item-group > ").concat(token.antCls, "-menu-item-group-list > ").concat(token.antCls, "-menu-item, \n        ").concat(token.antCls, "-menu-item-group > ").concat(token.antCls, "-menu-item-group-list > ").concat(token.antCls, "-menu-submenu > ").concat(token.antCls, "-menu-submenu-title, \n        ").concat(token.antCls, "-menu-submenu > ").concat(token.antCls, "-menu-submenu-title"), {
     paddingInline: '0 !important',
     height: 'auto !important',
     marginBlock: '8px !important'
@@ -53449,7 +53435,7 @@ var genProLayoutBaseMenuStyle = function genProLayoutBaseMenuStyle(token) {
       lineHeight: '14px',
       height: '14px'
     }
-  }), defineProperty_defineProperty(_$concat4, '& &-item-title', defineProperty_defineProperty({
+  }), defineProperty_defineProperty(_$concat4, '& &-item-title', (_itemTitle = {
     display: 'flex',
     flexDirection: 'row',
     alignItems: 'center',
@@ -53461,7 +53447,11 @@ var genProLayoutBaseMenuStyle = function genProLayoutBaseMenuStyle(token) {
     }), defineProperty_defineProperty(_collapsed2, "".concat(token.componentCls, "-item-text-has-icon"), {
       display: 'none !important'
     }), _collapsed2)
-  }, "&".concat(token.componentCls, "-item-collapsed-show-title"), defineProperty_defineProperty({
+  }, defineProperty_defineProperty(_itemTitle, "&".concat(token.componentCls, "-group-item-title"), {
+    gap: 4,
+    height: 18,
+    overflow: 'hidden'
+  }), defineProperty_defineProperty(_itemTitle, "&".concat(token.componentCls, "-item-collapsed-show-title"), defineProperty_defineProperty({
     lineHeight: '16px',
     height: '48px'
   }, "&".concat(token.componentCls, "-item-title-collapsed"), (_$concat2 = {
@@ -53487,7 +53477,7 @@ var genProLayoutBaseMenuStyle = function genProLayoutBaseMenuStyle(token) {
     margin: 0,
     padding: 0,
     marginBlockStart: 4
-  }), _$concat2)))), defineProperty_defineProperty(_$concat4, '&-group', defineProperty_defineProperty({}, "".concat(token.antCls, "-menu-item-group-title"), {
+  }), _$concat2))), _itemTitle)), defineProperty_defineProperty(_$concat4, '&-group', defineProperty_defineProperty({}, "".concat(token.antCls, "-menu-item-group-title"), {
     fontSize: 12,
     color: token.colorTextLabel,
     '.anticon': {
@@ -53601,7 +53591,7 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
       var defaultIcon = collapsed && shouldHasIcon ? getMenuTitleSymbol(name) : null;
       var defaultTitle = (0,jsx_runtime.jsxs)("div", {
         title: name,
-        className: classnames_default()("".concat(baseClassName, "-item-title"), (_this$props3 = _this.props) === null || _this$props3 === void 0 ? void 0 : _this$props3.hashId, (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(baseClassName, "-item-title-collapsed"), collapsed), defineProperty_defineProperty(_classNames, "".concat(baseClassName, "-item-collapsed-show-title"), (menu === null || menu === void 0 ? void 0 : menu.collapsedShowTitle) && collapsed), _classNames)),
+        className: classnames_default()("".concat(baseClassName, "-item-title"), (_this$props3 = _this.props) === null || _this$props3 === void 0 ? void 0 : _this$props3.hashId, (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(baseClassName, "-item-title-collapsed"), collapsed), defineProperty_defineProperty(_classNames, "".concat(baseClassName, "-group-item-title"), menuType === 'group'), defineProperty_defineProperty(_classNames, "".concat(baseClassName, "-item-collapsed-show-title"), (menu === null || menu === void 0 ? void 0 : menu.collapsedShowTitle) && collapsed), _classNames)),
         children: [menuType === 'group' && collapsed ? null : shouldHasIcon && iconDom ? (0,jsx_runtime.jsx)("span", {
           className: "anticon ".concat(baseClassName, "-item-icon ").concat((_this$props4 = _this.props) === null || _this$props4 === void 0 ? void 0 : _this$props4.hashId),
           children: iconDom
@@ -54659,7 +54649,9 @@ var GlobalHeader = function GlobalHeader(props) {
     prefixCls = props.prefixCls;
   var _useContext = (0,external_React_.useContext)(external_antd_.ConfigProvider.ConfigContext),
     direction = _useContext.direction;
-  var baseClassName = "".concat(prefixCls, "-global-header");
+  var _useContext2 = (0,external_React_.useContext)(external_antd_.ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext2.getPrefixCls;
+  var baseClassName = "".concat(prefixCls || getPrefixCls('pro'), "-global-header");
   var _useStyle = GlobalHeader_style_useStyle(baseClassName),
     wrapSSR = _useStyle.wrapSSR,
     hashId = _useStyle.hashId;
@@ -58200,8 +58192,23 @@ var Logo = function Logo() {
 
 
 
+
+var proLayoutTitleHide = new Keyframes('antBadgeLoadingCircle', {
+  '0%': {
+    display: 'none',
+    opacity: 0
+  },
+  '80%': {
+    display: 'none',
+    opacity: 0
+  },
+  '100%': {
+    display: 'unset',
+    opacity: 1
+  }
+});
 var style_genSiderMenuStyle = function genSiderMenuStyle(token) {
-  var _token$layout, _token$layout$sider, _token$layout2, _token$layout2$sider, _token$layout3, _token$layout3$sider, _token$layout4, _token$layout4$sider, _token$layout5, _token$layout5$sider, _token$layout6, _token$layout6$sider, _token$layout7, _token$layout7$sider, _token$layout8, _token$layout8$sider, _token$layout9, _token$layout9$header, _token$layout10, _token$layout10$heade, _token$layout11, _token$layout11$sider, _token$componentCls;
+  var _token$layout, _token$layout$sider, _token$layout2, _token$layout2$sider, _token$layout3, _token$layout3$sider, _token$layout4, _token$layout4$sider, _$concat, _token$layout5, _token$layout5$sider, _token$layout6, _token$layout6$sider, _token$layout7, _token$layout7$sider, _token$layout8, _token$layout8$sider, _token$layout9, _token$layout9$sider, _token$layout10, _token$layout10$heade, _token$layout11, _token$layout11$heade, _token$layout12, _token$layout12$sider, _token$componentCls;
   return defineProperty_defineProperty({}, token.proComponentsCls, defineProperty_defineProperty({}, "".concat(token.proComponentsCls, "-layout"), defineProperty_defineProperty({}, token.componentCls, (_token$componentCls = {
     position: 'relative',
     background: ((_token$layout = token.layout) === null || _token$layout === void 0 ? void 0 : (_token$layout$sider = _token$layout.sider) === null || _token$layout$sider === void 0 ? void 0 : _token$layout$sider.colorMenuBackground) || 'transparent',
@@ -58226,19 +58233,21 @@ var style_genSiderMenuStyle = function genSiderMenuStyle(token) {
     paddingInline: (_token$layout2 = token.layout) === null || _token$layout2 === void 0 ? void 0 : (_token$layout2$sider = _token$layout2.sider) === null || _token$layout2$sider === void 0 ? void 0 : _token$layout2$sider.paddingInlineLayoutMenu,
     paddingBlock: (_token$layout3 = token.layout) === null || _token$layout3 === void 0 ? void 0 : (_token$layout3$sider = _token$layout3.sider) === null || _token$layout3$sider === void 0 ? void 0 : _token$layout3$sider.paddingBlockLayoutMenu,
     borderInlineEnd: "1px solid ".concat(token.colorSplit)
-  }), defineProperty_defineProperty(_token$componentCls, "".concat(token.antCls, "-menu"), defineProperty_defineProperty({}, "".concat(token.antCls, "-menu-item-group-title"), {
+  }), defineProperty_defineProperty(_token$componentCls, "".concat(token.antCls, "-menu"), (_$concat = {}, defineProperty_defineProperty(_$concat, "".concat(token.antCls, "-menu-item-group-title"), {
     fontSize: token.fontSizeSM,
     paddingBottom: 4
-  })), defineProperty_defineProperty(_token$componentCls, '&-logo', {
+  }), defineProperty_defineProperty(_$concat, "".concat(token.antCls, "-menu-item:hover"), {
+    color: token === null || token === void 0 ? void 0 : (_token$layout4 = token.layout) === null || _token$layout4 === void 0 ? void 0 : (_token$layout4$sider = _token$layout4.sider) === null || _token$layout4$sider === void 0 ? void 0 : _token$layout4$sider.colorTextMenuItemHover
+  }), _$concat)), defineProperty_defineProperty(_token$componentCls, '&-logo', {
     position: 'relative',
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'space-between',
     paddingInline: 12,
     paddingBlock: 16,
-    color: (_token$layout4 = token.layout) === null || _token$layout4 === void 0 ? void 0 : (_token$layout4$sider = _token$layout4.sider) === null || _token$layout4$sider === void 0 ? void 0 : _token$layout4$sider.colorTextMenu,
+    color: (_token$layout5 = token.layout) === null || _token$layout5 === void 0 ? void 0 : (_token$layout5$sider = _token$layout5.sider) === null || _token$layout5$sider === void 0 ? void 0 : _token$layout5$sider.colorTextMenu,
     cursor: 'pointer',
-    borderBlockEnd: "1px solid ".concat((_token$layout5 = token.layout) === null || _token$layout5 === void 0 ? void 0 : (_token$layout5$sider = _token$layout5.sider) === null || _token$layout5$sider === void 0 ? void 0 : _token$layout5$sider.colorMenuItemDivider),
+    borderBlockEnd: "1px solid ".concat((_token$layout6 = token.layout) === null || _token$layout6 === void 0 ? void 0 : (_token$layout6$sider = _token$layout6.sider) === null || _token$layout6$sider === void 0 ? void 0 : _token$layout6$sider.colorMenuItemDivider),
     '> a': {
       display: 'flex',
       alignItems: 'center',
@@ -58256,7 +58265,7 @@ var style_genSiderMenuStyle = function genSiderMenuStyle(token) {
         marginBlock: 0,
         marginInlineEnd: 0,
         marginInlineStart: 6,
-        color: (_token$layout6 = token.layout) === null || _token$layout6 === void 0 ? void 0 : (_token$layout6$sider = _token$layout6.sider) === null || _token$layout6$sider === void 0 ? void 0 : _token$layout6$sider.colorTextMenuTitle,
+        color: (_token$layout7 = token.layout) === null || _token$layout7 === void 0 ? void 0 : (_token$layout7$sider = _token$layout7.sider) === null || _token$layout7$sider === void 0 ? void 0 : _token$layout7$sider.colorTextMenuTitle,
         fontWeight: 600,
         fontSize: 16,
         lineHeight: '22px',
@@ -58278,7 +58287,7 @@ var style_genSiderMenuStyle = function genSiderMenuStyle(token) {
     justifyContent: 'space-between',
     marginBlock: 4,
     marginInline: 0,
-    color: (_token$layout7 = token.layout) === null || _token$layout7 === void 0 ? void 0 : (_token$layout7$sider = _token$layout7.sider) === null || _token$layout7$sider === void 0 ? void 0 : _token$layout7$sider.colorTextMenu,
+    color: (_token$layout8 = token.layout) === null || _token$layout8 === void 0 ? void 0 : (_token$layout8$sider = _token$layout8.sider) === null || _token$layout8$sider === void 0 ? void 0 : _token$layout8$sider.colorTextMenu,
     '&-collapsed': {
       flexDirection: 'column-reverse',
       paddingBlock: 0,
@@ -58287,10 +58296,10 @@ var style_genSiderMenuStyle = function genSiderMenuStyle(token) {
       transition: 'font-size 0.3s ease-in-out'
     },
     '&-list': {
-      color: (_token$layout8 = token.layout) === null || _token$layout8 === void 0 ? void 0 : (_token$layout8$sider = _token$layout8.sider) === null || _token$layout8$sider === void 0 ? void 0 : _token$layout8$sider.colorTextMenuSecondary,
+      color: (_token$layout9 = token.layout) === null || _token$layout9 === void 0 ? void 0 : (_token$layout9$sider = _token$layout9.sider) === null || _token$layout9$sider === void 0 ? void 0 : _token$layout9$sider.colorTextMenuSecondary,
       '&-collapsed': {
         marginBlockEnd: 8,
-        animation: 'none'
+        animationName: 'none'
       },
       '&-item': {
         paddingInline: 6,
@@ -58320,8 +58329,8 @@ var style_genSiderMenuStyle = function genSiderMenuStyle(token) {
     insetInlineStart: "-".concat(token.proLayoutCollapsedWidth - 12, "px"),
     position: 'absolute'
   }), defineProperty_defineProperty(_token$componentCls, '&-mix', {
-    height: "calc(100% - ".concat((token === null || token === void 0 ? void 0 : (_token$layout9 = token.layout) === null || _token$layout9 === void 0 ? void 0 : (_token$layout9$header = _token$layout9.header) === null || _token$layout9$header === void 0 ? void 0 : _token$layout9$header.heightLayoutHeader) || 56, "px)"),
-    insetBlockStart: "".concat((token === null || token === void 0 ? void 0 : (_token$layout10 = token.layout) === null || _token$layout10 === void 0 ? void 0 : (_token$layout10$heade = _token$layout10.header) === null || _token$layout10$heade === void 0 ? void 0 : _token$layout10$heade.heightLayoutHeader) || 56, "px")
+    height: "calc(100% - ".concat((token === null || token === void 0 ? void 0 : (_token$layout10 = token.layout) === null || _token$layout10 === void 0 ? void 0 : (_token$layout10$heade = _token$layout10.header) === null || _token$layout10$heade === void 0 ? void 0 : _token$layout10$heade.heightLayoutHeader) || 56, "px)"),
+    insetBlockStart: "".concat((token === null || token === void 0 ? void 0 : (_token$layout11 = token.layout) === null || _token$layout11 === void 0 ? void 0 : (_token$layout11$heade = _token$layout11.header) === null || _token$layout11$heade === void 0 ? void 0 : _token$layout11$heade.heightLayoutHeader) || 56, "px")
   }), defineProperty_defineProperty(_token$componentCls, '&-extra', {
     marginBlockEnd: 16,
     marginBlock: 0,
@@ -58339,9 +58348,12 @@ var style_genSiderMenuStyle = function genSiderMenuStyle(token) {
     boxShadow: 'none',
     background: 'transparent'
   }), defineProperty_defineProperty(_token$componentCls, '&-footer', {
-    color: (_token$layout11 = token.layout) === null || _token$layout11 === void 0 ? void 0 : (_token$layout11$sider = _token$layout11.sider) === null || _token$layout11$sider === void 0 ? void 0 : _token$layout11$sider.colorTextMenuSecondary,
+    color: (_token$layout12 = token.layout) === null || _token$layout12 === void 0 ? void 0 : (_token$layout12$sider = _token$layout12.sider) === null || _token$layout12$sider === void 0 ? void 0 : _token$layout12$sider.colorTextMenuSecondary,
     paddingBlockEnd: 16,
-    fontSize: token.fontSize
+    fontSize: token.fontSize,
+    animationName: proLayoutTitleHide,
+    animationDuration: '.3s',
+    animationTimingFunction: 'ease'
   }), _token$componentCls))));
 };
 function SiderMenu_style_useStyle(prefixCls, _ref2) {
@@ -58461,7 +58473,7 @@ var SiderMenuWrapper = function SiderMenuWrapper(props) {
  * @returns
  */
 var compatibleStyle = function compatibleStyle(token) {
-  var _token$layout, _token$layout$sider, _token$layout2, _token$layout2$sider, _token$layout3, _token$layout3$sider, _token$layout4, _token$layout4$sider, _token$layout5, _token$layout5$sider, _token$layout6, _token$layout6$sider, _token$layout7, _token$layout7$sider, _token$layout8, _token$layout8$sider, _token$layout9, _token$layout9$sider, _$concat$concat, _token$layout10, _token$layout10$sider, _token$layout11, _token$layout11$sider, _token$layout12, _token$layout12$sider, _token$layout13, _token$layout13$sider, _token$layout14, _token$layout14$sider, _token$layout15, _token$layout15$heade, _token$layout16, _token$layout16$heade, _token$layout17, _token$layout17$heade, _token$layout18, _token$layout18$heade, _token$layout19, _token$layout19$heade, _$concat5, _$concat6, _token$layout20, _token$layout20$heade, _token$layout21, _token$layout21$heade, _token$layout22, _token$layout22$heade, _token$layout23, _token$layout23$heade, _token$layout24, _token$layout24$heade, _token$layout25, _token$layout25$heade, _$concat8, _$concat9, _token$componentCls, _token$layout26, _token$layout26$sider, _token$layout27, _token$layout27$sider, _token$layout28, _token$layout28$sider, _token$layout29, _token$layout29$sider, _token$layout30, _token$layout30$sider, _$concat$concat2, _$concat11, _ref;
+  var _token$layout, _token$layout$sider, _token$layout2, _token$layout2$sider, _token$layout3, _token$layout3$sider, _$concat, _token$layout4, _token$layout4$sider, _token$layout5, _token$layout5$sider, _token$layout6, _token$layout6$sider, _token$layout7, _token$layout7$sider, _token$layout8, _token$layout8$sider, _token$layout9, _token$layout9$sider, _$concat$concat, _token$layout10, _token$layout10$sider, _token$layout11, _token$layout11$sider, _token$layout12, _token$layout12$sider, _token$layout13, _token$layout13$sider, _token$layout14, _token$layout14$sider, _token$layout15, _token$layout15$heade, _token$layout16, _token$layout16$heade, _token$layout17, _token$layout17$heade, _token$layout18, _token$layout18$heade, _token$layout19, _token$layout19$heade, _$concat5, _$concat6, _token$layout20, _token$layout20$heade, _token$layout21, _token$layout21$heade, _token$layout22, _token$layout22$heade, _token$layout23, _token$layout23$heade, _token$layout24, _token$layout24$heade, _token$layout25, _token$layout25$heade, _$concat8, _$concat9, _token$componentCls, _token$layout26, _token$layout26$sider, _token$layout27, _token$layout27$sider, _token$layout28, _token$layout28$sider, _token$layout29, _token$layout29$sider, _token$layout30, _token$layout30$sider, _$concat$concat2, _$concat11, _ref;
   if (external_antd_.version.startsWith('5')) {
     return {};
   }
@@ -58481,11 +58493,15 @@ var compatibleStyle = function compatibleStyle(token) {
     width: '100%'
   }), defineProperty_defineProperty(_$concat6, "".concat(token.antCls, "-menu-submenu-expand-icon, ").concat(token.antCls, "-menu-submenu-arrow"), {
     color: 'inherit'
-  }), defineProperty_defineProperty(_$concat6, "&".concat(token.antCls, "-menu"), defineProperty_defineProperty({
+  }), defineProperty_defineProperty(_$concat6, "&".concat(token.antCls, "-menu"), (_$concat = {
     color: token === null || token === void 0 ? void 0 : (_token$layout3 = token.layout) === null || _token$layout3 === void 0 ? void 0 : (_token$layout3$sider = _token$layout3.sider) === null || _token$layout3$sider === void 0 ? void 0 : _token$layout3$sider.colorTextMenu
-  }, "".concat(token.antCls, "-menu-item a"), {
+  }, defineProperty_defineProperty(_$concat, "".concat(token.antCls, "-menu-item"), {
+    '*': {
+      transition: 'none !important'
+    }
+  }), defineProperty_defineProperty(_$concat, "".concat(token.antCls, "-menu-item a"), {
     color: 'inherit'
-  })), defineProperty_defineProperty(_$concat6, "&".concat(token.antCls, "-menu-inline"), defineProperty_defineProperty({}, "".concat(token.antCls, "-menu-selected::after,").concat(token.antCls, "-menu-item-selected::after"), {
+  }), _$concat)), defineProperty_defineProperty(_$concat6, "&".concat(token.antCls, "-menu-inline"), defineProperty_defineProperty({}, "".concat(token.antCls, "-menu-selected::after,").concat(token.antCls, "-menu-item-selected::after"), {
     display: 'none'
   })), defineProperty_defineProperty(_$concat6, "".concat(token.antCls, "-menu-sub ").concat(token.antCls, "-menu-inline"), {
     backgroundColor: 'transparent!important'
@@ -58518,11 +58534,13 @@ var compatibleStyle = function compatibleStyle(token) {
     color: token === null || token === void 0 ? void 0 : (_token$layout14 = token.layout) === null || _token$layout14 === void 0 ? void 0 : (_token$layout14$sider = _token$layout14.sider) === null || _token$layout14$sider === void 0 ? void 0 : _token$layout14$sider.colorTextMenuActive
   }), defineProperty_defineProperty(_$concat6, "&".concat(token.antCls, "-menu-horizontal"), (_$concat5 = {}, defineProperty_defineProperty(_$concat5, "".concat(token.antCls, "-menu-item:hover,\n          ").concat(token.antCls, "-menu-submenu:hover,\n          ").concat(token.antCls, "-menu-item-active,\n          ").concat(token.antCls, "-menu-submenu-active"), {
     borderRadius: 4,
+    transition: 'none',
     color: token === null || token === void 0 ? void 0 : (_token$layout15 = token.layout) === null || _token$layout15 === void 0 ? void 0 : (_token$layout15$heade = _token$layout15.header) === null || _token$layout15$heade === void 0 ? void 0 : _token$layout15$heade.colorTextMenuActive,
     backgroundColor: token === null || token === void 0 ? void 0 : (_token$layout16 = token.layout) === null || _token$layout16 === void 0 ? void 0 : (_token$layout16$heade = _token$layout16.header) === null || _token$layout16$heade === void 0 ? void 0 : _token$layout16$heade.colorBgMenuItemHover
   }), defineProperty_defineProperty(_$concat5, "".concat(token.antCls, "-menu-item-open,\n          ").concat(token.antCls, "-menu-submenu-open,\n          ").concat(token.antCls, "-menu-item-selected,\n          ").concat(token.antCls, "-menu-submenu-selected"), defineProperty_defineProperty({
     backgroundColor: token === null || token === void 0 ? void 0 : (_token$layout17 = token.layout) === null || _token$layout17 === void 0 ? void 0 : (_token$layout17$heade = _token$layout17.header) === null || _token$layout17$heade === void 0 ? void 0 : _token$layout17$heade.colorBgMenuItemSelected,
     borderRadius: token.radiusBase,
+    transition: 'none',
     color: token === null || token === void 0 ? void 0 : (_token$layout18 = token.layout) === null || _token$layout18 === void 0 ? void 0 : (_token$layout18$heade = _token$layout18.header) === null || _token$layout18$heade === void 0 ? void 0 : _token$layout18$heade.colorTextMenuSelected
   }, "".concat(token.antCls, "-menu-submenu-arrow"), {
     color: token === null || token === void 0 ? void 0 : (_token$layout19 = token.layout) === null || _token$layout19 === void 0 ? void 0 : (_token$layout19$heade = _token$layout19.header) === null || _token$layout19$heade === void 0 ? void 0 : _token$layout19$heade.colorTextMenuSelected
@@ -58538,6 +58556,7 @@ var compatibleStyle = function compatibleStyle(token) {
   })), defineProperty_defineProperty(_$concat9, "&".concat(token.antCls, "-menu-light"), (_$concat8 = {}, defineProperty_defineProperty(_$concat8, "".concat(token.antCls, "-menu-item:hover, \n            ").concat(token.antCls, "-menu-item-active,\n            ").concat(token.antCls, "-menu-submenu-active, \n            ").concat(token.antCls, "-menu-submenu-title:hover"), defineProperty_defineProperty({
     color: token === null || token === void 0 ? void 0 : (_token$layout21 = token.layout) === null || _token$layout21 === void 0 ? void 0 : (_token$layout21$heade = _token$layout21.header) === null || _token$layout21$heade === void 0 ? void 0 : _token$layout21$heade.colorTextMenuActive,
     borderRadius: token.radiusBase,
+    transition: 'none',
     backgroundColor: token === null || token === void 0 ? void 0 : (_token$layout22 = token.layout) === null || _token$layout22 === void 0 ? void 0 : (_token$layout22$heade = _token$layout22.header) === null || _token$layout22$heade === void 0 ? void 0 : _token$layout22$heade.colorBgMenuItemSelected
   }, "".concat(token.antCls, "-menu-submenu-arrow"), {
     color: token === null || token === void 0 ? void 0 : (_token$layout23 = token.layout) === null || _token$layout23 === void 0 ? void 0 : (_token$layout23$heade = _token$layout23.header) === null || _token$layout23$heade === void 0 ? void 0 : _token$layout23$heade.colorTextMenuActive
@@ -58979,7 +58998,7 @@ var getpaddingInlineStart = function getpaddingInlineStart(hasLeftPadding, colla
  * @param props
  */
 var BaseProLayout = function BaseProLayout(props) {
-  var _props$prefixCls, _classNames, _location$pathname;
+  var _props$prefixCls, _classNames, _location$pathname, _token$layout, _token$layout$pageCon;
   var _ref3 = props || {},
     children = _ref3.children,
     propsOnCollapse = _ref3.onCollapse,
@@ -59230,6 +59249,8 @@ var BaseProLayout = function BaseProLayout(props) {
     }
     return null;
   }, [bgLayoutImgList]);
+  var _useContext2 = (0,external_React_.useContext)(ProProvider),
+    token = _useContext2.token;
   return wrapSSR((0,jsx_runtime.jsx)(MenuCounter.Provider, {
     children: (0,jsx_runtime.jsx)(RouteContext.Provider, {
       value: objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, defaultProps), {}, {
@@ -59276,7 +59297,13 @@ var BaseProLayout = function BaseProLayout(props) {
               prefixCls: proLayoutClassName,
               style: contentStyle,
               children: loading ? (0,jsx_runtime.jsx)(PageLoading, {}) : children
-            })), footerDom]
+            })), footerDom, hasFooterToolbar && (0,jsx_runtime.jsx)("div", {
+              className: "".concat(proLayoutClassName, "-has-footer"),
+              style: {
+                height: 64,
+                marginBlockStart: token === null || token === void 0 ? void 0 : (_token$layout = token.layout) === null || _token$layout === void 0 ? void 0 : (_token$layout$pageCon = _token$layout.pageContainer) === null || _token$layout$pageCon === void 0 ? void 0 : _token$layout$pageCon.paddingBlockPageContainerContent
+              }
+            })]
           })]
         })]
       })
@@ -59289,7 +59316,7 @@ BaseProLayout.defaultProps = objectSpread2_objectSpread2(objectSpread2_objectSpr
   location: isBrowser() ? window.location : undefined
 });
 var ProLayout_ProLayout = function ProLayout(props) {
-  var _process$env$NODE_ENV;
+  var _process$env$NODE_ENV, _tokenContext$token;
   var colorPrimary = props.colorPrimary;
   var tokenContext = (0,external_React_.useContext)(ProProvider);
   return (0,jsx_runtime.jsx)(external_antd_.ConfigProvider
@@ -59307,9 +59334,9 @@ var ProLayout_ProLayout = function ProLayout(props) {
     },
     children: (0,jsx_runtime.jsx)(ConfigProviderWrap, {
       autoClearCache: true,
-      token: objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, tokenContext.token), {}, {
-        layout: props.token
-      }),
+      token: props.token ? merge_merge(tokenContext.token, {
+        layout: merge_merge((_tokenContext$token = tokenContext.token) === null || _tokenContext$token === void 0 ? void 0 : _tokenContext$token.layout, props.token || {})
+      }) : undefined,
       children: (0,jsx_runtime.jsx)(BaseProLayout, objectSpread2_objectSpread2({}, props))
     })
   });
@@ -63280,7 +63307,10 @@ var style_genProListStyle = function genProListStyle(token) {
     '&-polling': defineProperty_defineProperty({}, "".concat(token.componentCls, "-list-toolbar-setting-item"), {
       '.anticon.anticon-reload': {
         transform: 'rotate(0deg)',
-        animation: 'turn 1s linear infinite'
+        animationName: 'turn',
+        animationDuration: '1s',
+        animationTimingFunction: 'linear',
+        animationIterationCount: 'infinite'
       }
     }),
     'td${token.antCls}-table-cell': {
@@ -63352,20 +63382,18 @@ var style_genProListStyle = function genProListStyle(token) {
     '100%': {
       transform: 'rotate(360deg)'
     }
-  }), defineProperty_defineProperty(_ref, "@media (max-width: ".concat(token.screenXS, ")"), defineProperty_defineProperty({}, token.componentCls, {
-    '.ant-table': {
-      width: '100%',
-      overflowX: 'auto',
-      '&-thead > tr,&-tbody > tr': {
-        '> th,> td': {
-          whiteSpace: 'pre',
-          '>span': {
-            display: 'block'
-          }
+  }), defineProperty_defineProperty(_ref, "@media (max-width: ".concat(token.screenXS, ")"), defineProperty_defineProperty({}, token.componentCls, defineProperty_defineProperty({}, "".concat(token.antCls, "-table"), {
+    width: '100%',
+    overflowX: 'auto',
+    '&-thead > tr,&-tbody > tr': {
+      '> th,> td': {
+        whiteSpace: 'pre',
+        '>span': {
+          display: 'block'
         }
       }
     }
-  })), defineProperty_defineProperty(_ref, '@media (max-width: 575px)', defineProperty_defineProperty({}, "".concat(token.componentCls, "-toolbar"), {
+  }))), defineProperty_defineProperty(_ref, '@media (max-width: 575px)', defineProperty_defineProperty({}, "".concat(token.componentCls, "-toolbar"), {
     flexDirection: 'column',
     alignItems: 'flex-start',
     justifyContent: 'flex-start',
@@ -65065,7 +65093,11 @@ function DragSortTable_style_useStyle(prefixCls) {
 ;// CONCATENATED MODULE: ./packages/table/es/components/DragSortTable/index.js
 
 
-var DragSortTable_excluded = ["rowKey", "dragSortKey", "dragSortHandlerRender", "onDragSortEnd", "onDataSourceChange", "columns", "dataSource"];
+
+
+
+var DragSortTable_excluded = ["rowKey", "dragSortKey", "dragSortHandlerRender", "onDragSortEnd", "onDataSourceChange", "columns", "dataSource", "onLoad"];
+
 
 
 
@@ -65090,9 +65122,14 @@ function DragSortTable(props) {
     onDataSourceChange = props.onDataSourceChange,
     propsColumns = props.columns,
     oriDs = props.dataSource,
+    onLoad = props.onLoad,
     otherProps = objectWithoutProperties_objectWithoutProperties(props, DragSortTable_excluded);
   var _useContext = (0,external_React_.useContext)(external_antd_.ConfigProvider.ConfigContext),
     getPrefixCls = _useContext.getPrefixCls;
+  var _useMergedState = (0,useMergedState/* default */.Z)(oriDs),
+    _useMergedState2 = slicedToArray_slicedToArray(_useMergedState, 2),
+    mergedDs = _useMergedState2[0],
+    setMergedDs = _useMergedState2[1];
   // 默认拖拽把手
   var DragHandle = (0,external_React_.useMemo)(function () {
     return handleCreator((0,jsx_runtime.jsx)(icons_MenuOutlined, {
@@ -65114,7 +65151,7 @@ function DragSortTable(props) {
   var originColumnRef = (0,external_React_.useRef)(objectSpread2_objectSpread2({}, handleColumn));
   // 使用自定义hooks获取拖拽相关组件的components集合
   var _useDragSort = useDragSort({
-      dataSource: oriDs === null || oriDs === void 0 ? void 0 : oriDs.slice(),
+      dataSource: mergedDs === null || mergedDs === void 0 ? void 0 : mergedDs.slice(),
       dragSortKey: dragSortKey,
       onDragSortEnd: onDragSortEnd,
       components: props.components,
@@ -65153,16 +65190,37 @@ function DragSortTable(props) {
       });
     });
   }, [DragHandle, dragSortHandlerRender, getPrefixCls, handleColumn, isDragSortColumn, propsColumns]);
+  var wrapOnload = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(ds) {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              setMergedDs(ds);
+              return _context.abrupt("return", onLoad === null || onLoad === void 0 ? void 0 : onLoad(ds));
+            case 2:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+    return function wrapOnload(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
   return wrapSSR(handleColumn ? (0,jsx_runtime.jsx)(es_Table, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, otherProps), {}, {
+    onLoad: wrapOnload,
     rowKey: rowKey,
-    dataSource: oriDs,
+    dataSource: mergedDs,
     components: components,
     columns: columns,
     onDataSourceChange: onDataSourceChange
   })) : /* istanbul ignore next */
   (0,jsx_runtime.jsx)(es_Table, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, otherProps), {}, {
+    onLoad: wrapOnload,
     rowKey: rowKey,
-    dataSource: oriDs,
+    dataSource: mergedDs,
     columns: columns,
     onDataSourceChange: onDataSourceChange
   })));
@@ -73850,6 +73908,17 @@ RcAlign.displayName = 'Align';
 
 
 
+/**
+ * Popup should follow the steps for each component work correctly:
+ * measure - check for the current stretch size
+ * align - let component align the position
+ * aligned - re-align again in case additional className changed the size
+ * afterAlign - choice next step is trigger motion or finished
+ * beforeMotion - should reset motion to invisible so that CSSMotion can do normal motion
+ * motion - play the motion
+ * stable - everything is done
+ */
+
 var StatusQueue = ['measure', 'alignPre', 'align', null, 'motion'];
 /* harmony default export */ var useVisibleStatus = (function (visible, doMeasure) {
   var _useState = useState_useSafeState(null),
@@ -74021,6 +74090,11 @@ var PopupInner = /*#__PURE__*/external_React_.forwardRef(function (props, ref) {
    * We will reset `alignTimes` for each status switch to `alignPre`
    * and let `rc-align` to align for multiple times to ensure get final stable place.
    * Currently we mark `alignTimes < 2` repeat align, it will increase if user report for align issue.
+   * 
+   * Update:
+   * In React 18. `rc-align` effect of align may faster than ref called trigger `forceAlign`.
+   * We adjust this to `alignTimes < 2`.
+   * We need refactor `rc-align` to support mark of `forceAlign` call if this still happen.
    */
 
   var _useState3 = (0,external_React_.useState)(0),
@@ -74062,7 +74136,7 @@ var PopupInner = /*#__PURE__*/external_React_.forwardRef(function (props, ref) {
   hooks_useLayoutEffect(function () {
     if (status === 'align') {
       // Repeat until not more align needed
-      if (alignTimes < 2) {
+      if (alignTimes < 3) {
         forceAlign();
       } else {
         goNextStatus(function () {
@@ -74111,7 +74185,7 @@ var PopupInner = /*#__PURE__*/external_React_.forwardRef(function (props, ref) {
   }, style); // Align status
 
   var alignDisabled = true;
-  if ((align === null || align === void 0 ? void 0 : align.points) && (status === 'align' || status === 'stable')) {
+  if (align !== null && align !== void 0 && align.points && (status === 'align' || status === 'stable')) {
     alignDisabled = false;
   }
   var childNode = children; // Wrapper when multiple children
@@ -74288,6 +74362,7 @@ var TriggerContext = /*#__PURE__*/external_React_.createContext(null);
 
 
 
+
 function es_noop() {}
 function returnEmptyString() {
   return '';
@@ -74299,10 +74374,10 @@ function returnDocument(element) {
   return window.document;
 }
 var ALL_HANDLERS = ['onClick', 'onMouseDown', 'onTouchStart', 'onMouseEnter', 'onMouseLeave', 'onFocus', 'onBlur', 'onContextMenu'];
+
 /**
  * Internal usage. Do not use in your code since this will be removed.
  */
-
 function generateTrigger(PortalComponent) {
   var Trigger = /*#__PURE__*/function (_React$Component) {
     _inherits(Trigger, _React$Component);
@@ -74313,37 +74388,37 @@ function generateTrigger(PortalComponent) {
       var _this;
       _classCallCheck(this, Trigger);
       _this = _super.call(this, props);
-      _this.popupRef = /*#__PURE__*/external_React_.createRef();
-      _this.triggerRef = /*#__PURE__*/external_React_.createRef();
-      _this.portalContainer = void 0;
-      _this.attachId = void 0;
-      _this.clickOutsideHandler = void 0;
-      _this.touchOutsideHandler = void 0;
-      _this.contextMenuOutsideHandler1 = void 0;
-      _this.contextMenuOutsideHandler2 = void 0;
-      _this.mouseDownTimeout = void 0;
-      _this.focusTime = void 0;
-      _this.preClickTime = void 0;
-      _this.preTouchTime = void 0;
-      _this.delayTimer = void 0;
-      _this.hasPopupMouseDown = void 0;
-      _this.onMouseEnter = function (e) {
+      defineProperty_defineProperty(_assertThisInitialized(_this), "popupRef", /*#__PURE__*/external_React_.createRef());
+      defineProperty_defineProperty(_assertThisInitialized(_this), "triggerRef", /*#__PURE__*/external_React_.createRef());
+      defineProperty_defineProperty(_assertThisInitialized(_this), "portalContainer", void 0);
+      defineProperty_defineProperty(_assertThisInitialized(_this), "attachId", void 0);
+      defineProperty_defineProperty(_assertThisInitialized(_this), "clickOutsideHandler", void 0);
+      defineProperty_defineProperty(_assertThisInitialized(_this), "touchOutsideHandler", void 0);
+      defineProperty_defineProperty(_assertThisInitialized(_this), "contextMenuOutsideHandler1", void 0);
+      defineProperty_defineProperty(_assertThisInitialized(_this), "contextMenuOutsideHandler2", void 0);
+      defineProperty_defineProperty(_assertThisInitialized(_this), "mouseDownTimeout", void 0);
+      defineProperty_defineProperty(_assertThisInitialized(_this), "focusTime", void 0);
+      defineProperty_defineProperty(_assertThisInitialized(_this), "preClickTime", void 0);
+      defineProperty_defineProperty(_assertThisInitialized(_this), "preTouchTime", void 0);
+      defineProperty_defineProperty(_assertThisInitialized(_this), "delayTimer", void 0);
+      defineProperty_defineProperty(_assertThisInitialized(_this), "hasPopupMouseDown", void 0);
+      defineProperty_defineProperty(_assertThisInitialized(_this), "onMouseEnter", function (e) {
         var mouseEnterDelay = _this.props.mouseEnterDelay;
         _this.fireEvents('onMouseEnter', e);
         _this.delaySetPopupVisible(true, mouseEnterDelay, mouseEnterDelay ? null : e);
-      };
-      _this.onMouseMove = function (e) {
+      });
+      defineProperty_defineProperty(_assertThisInitialized(_this), "onMouseMove", function (e) {
         _this.fireEvents('onMouseMove', e);
         _this.setPoint(e);
-      };
-      _this.onMouseLeave = function (e) {
+      });
+      defineProperty_defineProperty(_assertThisInitialized(_this), "onMouseLeave", function (e) {
         _this.fireEvents('onMouseLeave', e);
         _this.delaySetPopupVisible(false, _this.props.mouseLeaveDelay);
-      };
-      _this.onPopupMouseEnter = function () {
+      });
+      defineProperty_defineProperty(_assertThisInitialized(_this), "onPopupMouseEnter", function () {
         _this.clearDelayTimer();
-      };
-      _this.onPopupMouseLeave = function (e) {
+      });
+      defineProperty_defineProperty(_assertThisInitialized(_this), "onPopupMouseLeave", function (e) {
         var _this$popupRef$curren;
 
         // https://github.com/react-component/trigger/pull/13
@@ -74352,8 +74427,8 @@ function generateTrigger(PortalComponent) {
           return;
         }
         _this.delaySetPopupVisible(false, _this.props.mouseLeaveDelay);
-      };
-      _this.onFocus = function (e) {
+      });
+      defineProperty_defineProperty(_assertThisInitialized(_this), "onFocus", function (e) {
         _this.fireEvents('onFocus', e); // incase focusin and focusout
 
         _this.clearDelayTimer();
@@ -74361,33 +74436,33 @@ function generateTrigger(PortalComponent) {
           _this.focusTime = Date.now();
           _this.delaySetPopupVisible(true, _this.props.focusDelay);
         }
-      };
-      _this.onMouseDown = function (e) {
+      });
+      defineProperty_defineProperty(_assertThisInitialized(_this), "onMouseDown", function (e) {
         _this.fireEvents('onMouseDown', e);
         _this.preClickTime = Date.now();
-      };
-      _this.onTouchStart = function (e) {
+      });
+      defineProperty_defineProperty(_assertThisInitialized(_this), "onTouchStart", function (e) {
         _this.fireEvents('onTouchStart', e);
         _this.preTouchTime = Date.now();
-      };
-      _this.onBlur = function (e) {
+      });
+      defineProperty_defineProperty(_assertThisInitialized(_this), "onBlur", function (e) {
         _this.fireEvents('onBlur', e);
         _this.clearDelayTimer();
         if (_this.isBlurToHide()) {
           _this.delaySetPopupVisible(false, _this.props.blurDelay);
         }
-      };
-      _this.onContextMenu = function (e) {
+      });
+      defineProperty_defineProperty(_assertThisInitialized(_this), "onContextMenu", function (e) {
         e.preventDefault();
         _this.fireEvents('onContextMenu', e);
         _this.setPopupVisible(true, e);
-      };
-      _this.onContextMenuClose = function () {
+      });
+      defineProperty_defineProperty(_assertThisInitialized(_this), "onContextMenuClose", function () {
         if (_this.isContextMenuToShow()) {
           _this.close();
         }
-      };
-      _this.onClick = function (event) {
+      });
+      defineProperty_defineProperty(_assertThisInitialized(_this), "onClick", function (event) {
         _this.fireEvents('onClick', event); // focus will trigger click
 
         if (_this.focusTime) {
@@ -74416,8 +74491,8 @@ function generateTrigger(PortalComponent) {
         if (_this.isClickToHide() && !nextVisible || nextVisible && _this.isClickToShow()) {
           _this.setPopupVisible(!_this.state.popupVisible, event);
         }
-      };
-      _this.onPopupMouseDown = function () {
+      });
+      defineProperty_defineProperty(_assertThisInitialized(_this), "onPopupMouseDown", function () {
         _this.hasPopupMouseDown = true;
         clearTimeout(_this.mouseDownTimeout);
         _this.mouseDownTimeout = window.setTimeout(function () {
@@ -74427,8 +74502,8 @@ function generateTrigger(PortalComponent) {
           var _this$context;
           (_this$context = _this.context).onPopupMouseDown.apply(_this$context, arguments);
         }
-      };
-      _this.onDocumentClick = function (event) {
+      });
+      defineProperty_defineProperty(_assertThisInitialized(_this), "onDocumentClick", function (event) {
         if (_this.props.mask && !_this.props.maskClosable) {
           return;
         }
@@ -74441,8 +74516,8 @@ function generateTrigger(PortalComponent) {
         (!contains(root, target) || _this.isContextMenuOnly()) && !contains(popupNode, target) && !_this.hasPopupMouseDown) {
           _this.close();
         }
-      };
-      _this.getRootDomNode = function () {
+      });
+      defineProperty_defineProperty(_assertThisInitialized(_this), "getRootDomNode", function () {
         var getTriggerDOMNode = _this.props.getTriggerDOMNode;
         if (getTriggerDOMNode) {
           return getTriggerDOMNode(_this.triggerRef.current);
@@ -74455,8 +74530,8 @@ function generateTrigger(PortalComponent) {
         } catch (err) {// Do nothing
         }
         return external_ReactDOM_default().findDOMNode(_assertThisInitialized(_this));
-      };
-      _this.getPopupClassNameFromAlign = function (align) {
+      });
+      defineProperty_defineProperty(_assertThisInitialized(_this), "getPopupClassNameFromAlign", function (align) {
         var className = [];
         var _this$props = _this.props,
           popupPlacement = _this$props.popupPlacement,
@@ -74471,8 +74546,8 @@ function generateTrigger(PortalComponent) {
           className.push(getPopupClassNameFromAlign(align));
         }
         return className.join(' ');
-      };
-      _this.getComponent = function () {
+      });
+      defineProperty_defineProperty(_assertThisInitialized(_this), "getComponent", function () {
         var _this$props2 = _this.props,
           prefixCls = _this$props2.prefixCls,
           destroyPopupOnHide = _this$props2.destroyPopupOnHide,
@@ -74532,8 +74607,8 @@ function generateTrigger(PortalComponent) {
           forceRender: forceRender,
           onClick: onPopupClick
         }), typeof popup === 'function' ? popup() : popup);
-      };
-      _this.attachParent = function (popupContainer) {
+      });
+      defineProperty_defineProperty(_assertThisInitialized(_this), "attachParent", function (popupContainer) {
         wrapperRaf.cancel(_this.attachId);
         var _this$props3 = _this.props,
           getPopupContainer = _this$props3.getPopupContainer,
@@ -74556,8 +74631,8 @@ function generateTrigger(PortalComponent) {
             _this.attachParent(popupContainer);
           });
         }
-      };
-      _this.getContainer = function () {
+      });
+      defineProperty_defineProperty(_assertThisInitialized(_this), "getContainer", function () {
         if (!_this.portalContainer) {
           // In React.StrictMode component will call render multiple time in first mount.
           // When you want to refactor with FC, useRef will also init multiple time and
@@ -74576,8 +74651,8 @@ function generateTrigger(PortalComponent) {
         }
         _this.attachParent(_this.portalContainer);
         return _this.portalContainer;
-      };
-      _this.setPoint = function (point) {
+      });
+      defineProperty_defineProperty(_assertThisInitialized(_this), "setPoint", function (point) {
         var alignPoint = _this.props.alignPoint;
         if (!alignPoint || !point) return;
         _this.setState({
@@ -74586,15 +74661,15 @@ function generateTrigger(PortalComponent) {
             pageY: point.pageY
           }
         });
-      };
-      _this.handlePortalUpdate = function () {
+      });
+      defineProperty_defineProperty(_assertThisInitialized(_this), "handlePortalUpdate", function () {
         if (_this.state.prevPopupVisible !== _this.state.popupVisible) {
           _this.props.afterPopupVisibleChange(_this.state.popupVisible);
         }
-      };
-      _this.triggerContextValue = {
+      });
+      defineProperty_defineProperty(_assertThisInitialized(_this), "triggerContextValue", {
         onPopupMouseDown: _this.onPopupMouseDown
-      };
+      });
       var _popupVisible;
       if ('popupVisible' in props) {
         _popupVisible = !!props.popupVisible;
@@ -74942,8 +75017,8 @@ function generateTrigger(PortalComponent) {
     }]);
     return Trigger;
   }(external_React_.Component);
-  Trigger.contextType = context;
-  Trigger.defaultProps = {
+  defineProperty_defineProperty(Trigger, "contextType", context);
+  defineProperty_defineProperty(Trigger, "defaultProps", {
     prefixCls: 'rc-trigger-popup',
     getPopupClassNameFromAlign: returnEmptyString,
     getDocument: returnDocument,
@@ -74965,7 +75040,7 @@ function generateTrigger(PortalComponent) {
     showAction: [],
     hideAction: [],
     autoDestroy: false
-  };
+  });
   return Trigger;
 }
 /* harmony default export */ var rc_trigger_es = (generateTrigger(es_Portal));
@@ -84896,7 +84971,8 @@ var es_style_genProListStyle = function genProListStyle(token) {
       backgroundColor: token.colorPrimaryBgHover
     }
   }), defineProperty_defineProperty(_row, "&".concat(token.componentCls, "-row-type-new"), {
-    animation: 'techUiListActive 3s'
+    animationName: 'techUiListActive',
+    animationDuration: '3s'
   }), defineProperty_defineProperty(_row, "&".concat(token.componentCls, "-row-type-inline"), defineProperty_defineProperty({}, "".concat(token.componentCls, "-row-title"), {
     fontWeight: 'normal'
   })), defineProperty_defineProperty(_row, "&".concat(token.componentCls, "-row-type-top"), {
@@ -85196,17 +85272,17 @@ function BaseProList(props) {
 /* harmony default export */ var list_es = ((/* unused pure expression or super */ null && (ProList)));
 ;// CONCATENATED MODULE: ./packages/components/src/version.ts
 var version_version = {
-  "@ant-design/pro-card": "2.0.18",
-  "@ant-design/pro-components": "2.3.24",
-  "@ant-design/pro-descriptions": "2.0.20",
-  "@ant-design/pro-field": "2.1.13",
-  "@ant-design/pro-form": "2.2.11",
-  "@ant-design/pro-layout": "7.1.12",
-  "@ant-design/pro-list": "2.0.21",
-  "@ant-design/pro-provider": "2.0.10",
+  "@ant-design/pro-card": "2.0.20",
+  "@ant-design/pro-components": "2.3.26",
+  "@ant-design/pro-descriptions": "2.0.22",
+  "@ant-design/pro-field": "2.1.15",
+  "@ant-design/pro-form": "2.2.13",
+  "@ant-design/pro-layout": "7.1.14",
+  "@ant-design/pro-list": "2.0.23",
+  "@ant-design/pro-provider": "2.0.12",
   "@ant-design/pro-skeleton": "2.0.4",
-  "@ant-design/pro-table": "3.0.21",
-  "@ant-design/pro-utils": "2.2.10"
+  "@ant-design/pro-table": "3.1.0",
+  "@ant-design/pro-utils": "2.2.12"
 };
 ;// CONCATENATED MODULE: ./packages/components/src/index.tsx