@ant-design/pro-components 2.3.7 → 2.3.9

package/dist/components.js

@@ -8873,9 +8873,9 @@ function pad2(c) {
 /***/ (function(module, exports) {
 
 var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
-  Copyright (c) 2018 Jed Watson.
-  Licensed under the MIT License (MIT), see
-  http://jedwatson.github.io/classnames
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
 */
 
 /* global define */
@@ -8883,6 +8883,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
   'use strict';
 
   var hasOwn = {}.hasOwnProperty;
+  var nativeCodeString = '[native code]';
 
   function classNames() {
     var classes = [];
@@ -8903,14 +8904,15 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
           }
         }
       } else if (argType === 'object') {
-        if (arg.toString === Object.prototype.toString) {
-          for (var key in arg) {
-            if (hasOwn.call(arg, key) && arg[key]) {
-              classes.push(key);
-            }
-          }
-        } else {
+        if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
           classes.push(arg.toString());
+          continue;
+        }
+
+        for (var key in arg) {
+          if (hasOwn.call(arg, key) && arg[key]) {
+            classes.push(key);
+          }
         }
       }
     }
@@ -20756,18 +20758,27 @@ function removeCSS(key) {
   var existNode = findExistNode(key, option);
   existNode === null || existNode === void 0 ? void 0 : (_existNode$parentNode = existNode.parentNode) === null || _existNode$parentNode === void 0 ? void 0 : _existNode$parentNode.removeChild(existNode);
 }
+/**
+ * qiankun will inject `appendChild` to insert into other
+ */
 
-function updateCSS(css, key) {
-  var option = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var container = getContainer(option); // Get real parent
 
-  if (!containerCache.has(container)) {
+function syncRealContainer(container, option) {
+  var cachedRealContainer = containerCache.get(container); // Find real container when not cached or cached container removed
+
+  if (!cachedRealContainer || !document.contains(cachedRealContainer)) {
     var placeholderStyle = injectCSS('', option);
     var parentNode = placeholderStyle.parentNode;
     containerCache.set(container, parentNode);
     parentNode.removeChild(placeholderStyle);
   }
+}
 
+function updateCSS(css, key) {
+  var option = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var container = getContainer(option); // Sync real parent
+
+  syncRealContainer(container, option);
   var existNode = findExistNode(key, option);
 
   if (existNode) {
@@ -24875,6 +24886,7 @@ __webpack_require__.d(__webpack_exports__, {
   "ProFormMoney": function() { return /* reexport */ components_Money; },
   "ProFormRadio": function() { return /* reexport */ components_Radio; },
   "ProFormRate": function() { return /* reexport */ components_Rate; },
+  "ProFormSegmented": function() { return /* reexport */ components_Segmented; },
   "ProFormSelect": function() { return /* reexport */ components_Select; },
   "ProFormSlider": function() { return /* reexport */ components_Slider; },
   "ProFormSwitch": function() { return /* reexport */ components_Switch; },
@@ -28575,17 +28587,26 @@ function removeCSS(key) {
   var existNode = findExistNode(key, option);
   existNode === null || existNode === void 0 ? void 0 : (_existNode$parentNode = existNode.parentNode) === null || _existNode$parentNode === void 0 ? void 0 : _existNode$parentNode.removeChild(existNode);
 }
-function updateCSS(css, key) {
-  var option = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var container = getContainer(option); // Get real parent
+/**
+ * qiankun will inject `appendChild` to insert into other
+ */
 
-  if (!containerCache.has(container)) {
+function syncRealContainer(container, option) {
+  var cachedRealContainer = containerCache.get(container); // Find real container when not cached or cached container removed
+
+  if (!cachedRealContainer || !document.contains(cachedRealContainer)) {
     var placeholderStyle = injectCSS('', option);
     var parentNode = placeholderStyle.parentNode;
     containerCache.set(container, parentNode);
     parentNode.removeChild(placeholderStyle);
   }
+}
 
+function updateCSS(css, key) {
+  var option = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var container = getContainer(option); // Sync real parent
+
+  syncRealContainer(container, option);
   var existNode = findExistNode(key, option);
 
   if (existNode) {
@@ -28758,7 +28779,7 @@ var Utility_assign = Object.assign;
  */
 
 function hash(value, length) {
-  return (((length << 2 ^ charat(value, 0)) << 2 ^ charat(value, 1)) << 2 ^ charat(value, 2)) << 2 ^ charat(value, 3);
+  return charat(value, 0) ^ 45 ? (((length << 2 ^ charat(value, 0)) << 2 ^ charat(value, 1)) << 2 ^ charat(value, 2)) << 2 ^ charat(value, 3) : 0;
 }
 /**
  * @param {string} value
@@ -29219,7 +29240,7 @@ function parse(value, root, parent, rule, rules, rulesets, pseudo, points, decla
     switch (previous = character, character = next()) {
       // (
       case 40:
-        if (previous != 108 && characters.charCodeAt(length - 1) == 58) {
+        if (previous != 108 && charat(characters, length - 1) == 58) {
           if (indexof(characters += replace(delimit(character), '&', '&\f'), '&\f') != -1) ampersand = -1;
           break;
         }
@@ -29509,7 +29530,23 @@ var StyleProvider = function StyleProvider(props) {
   }, children);
 };
 /* harmony default export */ var es_StyleContext = (StyleContext);
-;// CONCATENATED MODULE: ./node_modules/@ant-design/cssinjs/es/useGlobalCache.js
+;// CONCATENATED MODULE: ./node_modules/@ant-design/cssinjs/es/hooks/useHMR.js
+function useProdHMR() {
+  return false;
+}
+
+var webpackHMR = false;
+
+function useDevHMR() {
+  return webpackHMR;
+}
+
+/* harmony default export */ var useHMR = ( true ? useProdHMR : 0); // Webpack `module.hot.accept` do not support any deps update trigger
+// We have to hack handler to force mark as HRM
+
+if (false) { var originWebpackHotUpdate, win; }
+;// CONCATENATED MODULE: ./node_modules/@ant-design/cssinjs/es/hooks/useGlobalCache.js
+
 
 
 
@@ -29518,7 +29555,8 @@ function useClientCache(prefix, keyPath, cacheFn, onCacheRemove) {
   var _React$useContext = external_React_.useContext(es_StyleContext),
       globalCache = _React$useContext.cache;
 
-  var fullPath = [prefix].concat(toConsumableArray_toConsumableArray(keyPath)); // Create cache
+  var fullPath = [prefix].concat(toConsumableArray_toConsumableArray(keyPath));
+  var HMRUpdate = useHMR(); // Create cache
 
   external_React_.useMemo(function () {
     globalCache.update(fullPath, function (prevCache) {
@@ -29526,9 +29564,14 @@ function useClientCache(prefix, keyPath, cacheFn, onCacheRemove) {
           _ref2 = slicedToArray_slicedToArray(_ref, 2),
           _ref2$ = _ref2[0],
           times = _ref2$ === void 0 ? 0 : _ref2$,
-          cache = _ref2[1];
+          cache = _ref2[1]; // HMR should always ignore cache since developer may change it
+
 
-      var mergedCache = cache || cacheFn();
+      var tmpCache = cache;
+
+      if (false) {}
+
+      var mergedCache = tmpCache || cacheFn();
       return [times + 1, mergedCache];
     });
   },
@@ -29547,7 +29590,7 @@ function useClientCache(prefix, keyPath, cacheFn, onCacheRemove) {
         var nextCount = times - 1;
 
         if (nextCount === 0) {
-          onCacheRemove === null || onCacheRemove === void 0 ? void 0 : onCacheRemove(cache);
+          onCacheRemove === null || onCacheRemove === void 0 ? void 0 : onCacheRemove(cache, false);
           return null;
         }
 
@@ -29589,6 +29632,8 @@ function noteOnce(valid, message) {
 
 
 
+
+
 function flattenToken(token) {
   var str = '';
   Object.keys(token).forEach(function (key) {
@@ -29715,7 +29760,7 @@ var styleValidate = function styleValidate(key, value) {
       return;
 
     case 'animation':
-      if (hashId) {
+      if (hashId && value !== 'none') {
         util_warning("You seem to be using hashed animation '".concat(value, "', in which case 'animationName' with Keyframe as value is recommended."), path);
       }
 
@@ -29723,7 +29768,53 @@ var styleValidate = function styleValidate(key, value) {
       return;
   }
 };
-;// CONCATENATED MODULE: ./node_modules/@ant-design/cssinjs/es/useStyleRegister.js
+var layerKey = "layer-".concat(Date.now(), "-").concat(Math.random()).replace(/\./g, '');
+var layerWidth = '903px';
+
+function supportSelector(styleStr, handleElement) {
+  if (canUseDom()) {
+    var _ele$parentNode;
+
+    updateCSS(styleStr, layerKey);
+    var ele = document.createElement('div');
+    ele.style.position = 'fixed';
+    ele.style.left = '0';
+    ele.style.top = '0';
+    handleElement === null || handleElement === void 0 ? void 0 : handleElement(ele);
+    document.body.appendChild(ele);
+
+    if (false) {}
+
+    var support = getComputedStyle(ele).width === layerWidth;
+    (_ele$parentNode = ele.parentNode) === null || _ele$parentNode === void 0 ? void 0 : _ele$parentNode.removeChild(ele);
+    removeCSS(layerKey);
+    return support;
+  }
+
+  return false;
+}
+
+var canWhere = undefined;
+function supportWhere() {
+  if (canWhere === undefined) {
+    canWhere = supportSelector(":where(.".concat(layerKey, ") { width: ").concat(layerWidth, "!important; }"), function (ele) {
+      ele.className = layerKey;
+    });
+  }
+
+  return canWhere;
+}
+var canLayer = undefined;
+function supportLayer() {
+  if (canLayer === undefined) {
+    canLayer = supportSelector("@layer ".concat(layerKey, " { .").concat(layerKey, " { width: ").concat(layerWidth, "!important; } }"), function (ele) {
+      ele.className = layerKey;
+    });
+  }
+
+  return canLayer;
+}
+;// CONCATENATED MODULE: ./node_modules/@ant-design/cssinjs/es/hooks/useStyleRegister.js
 
 
 
@@ -29746,18 +29837,50 @@ var SKIP_CHECK = '_skip_check_'; // ============================================
 // Preprocessor style content to browser support one
 
 function normalizeStyle(styleStr) {
-  return Serializer_serialize(compile(styleStr), stringify);
+  var serialized = Serializer_serialize(compile(styleStr), stringify);
+  return serialized.replace(/\{%%%\:[^;];}/g, ';');
 }
 
 function isCompoundCSSProperty(value) {
   return typeof_typeof(value) === 'object' && value && SKIP_CHECK in value;
 }
 
-var animationStatistics = {}; // Parse CSSObject to style content
+var animationStatistics = {}; // 注入 hash 值
+
+function injectSelectorHash(key, hashId) {
+  if (!hashId) {
+    return key;
+  }
+
+  var hashClassName = ".".concat(hashId);
+  var hashSelector = supportWhere() ? ":where(".concat(hashClassName, ")") : hashClassName; // 注入 hashId
+
+  var keys = key.split(',').map(function (k) {
+    var _firstPath$match;
+
+    var fullPath = k.trim().split(/\s+/); // 如果 Selector 第一个是 HTML Element，那我们就插到它的后面。反之，就插到最前面。
+
+    var firstPath = fullPath[0] || '';
+    var htmlElement = ((_firstPath$match = firstPath.match(/^\w+/)) === null || _firstPath$match === void 0 ? void 0 : _firstPath$match[0]) || '';
+    firstPath = "".concat(htmlElement).concat(hashSelector).concat(firstPath.slice(htmlElement.length));
+    return [firstPath].concat(toConsumableArray_toConsumableArray(fullPath.slice(1))).join(' ');
+  });
+  return keys.join(',');
+} // Parse CSSObject to style content
+
 
-var parseStyle = function parseStyle(interpolation, hashId, path) {
-  var root = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
-  var injectHash = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+var parseStyle = function parseStyle(interpolation) {
+  var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+  var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
+    root: true
+  },
+      root = _ref.root,
+      injectHash = _ref.injectHash;
+
+  var hashId = config.hashId,
+      layer = config.layer,
+      path = config.path;
   var styleStr = '';
 
   function parseKeyframes(keyframes) {
@@ -29766,7 +29889,9 @@ var parseStyle = function parseStyle(interpolation, hashId, path) {
     }
 
     animationStatistics[keyframes.getName(hashId)] = true;
-    return "@keyframes ".concat(keyframes.getName(hashId)).concat(parseStyle(keyframes.style, hashId, path, false));
+    return "@keyframes ".concat(keyframes.getName(hashId)).concat(parseStyle(keyframes.style, config, {
+      root: false
+    }));
   }
 
   function flattenList(list) {
@@ -29782,8 +29907,13 @@ var parseStyle = function parseStyle(interpolation, hashId, path) {
   }
 
   var flattenStyleList = flattenList(Array.isArray(interpolation) ? interpolation : [interpolation]);
-  flattenStyleList.forEach(function (style) {
-    if (style._keyframe) {
+  flattenStyleList.forEach(function (originStyle) {
+    // Only root level can use raw string
+    var style = typeof originStyle === 'string' && !root ? {} : originStyle;
+
+    if (typeof style === 'string') {
+      styleStr += "".concat(style, "\n");
+    } else if (style._keyframe) {
       // Keyframe
       styleStr += parseKeyframes(style);
     } else {
@@ -29804,10 +29934,7 @@ var parseStyle = function parseStyle(interpolation, hashId, path) {
               subInjectHash = true;
             } else {
               // 注入 hashId
-              var keys = key.split(',').map(function (k) {
-                return ".".concat(hashId).concat(k.trim());
-              });
-              mergedKey = keys.join(',');
+              mergedKey = injectSelectorHash(key, hashId);
             }
           } else if (root && !hashId && (mergedKey === '&' || mergedKey === '')) {
             // In case of `{ '&': { a: { color: 'red' } } }` or `{ '': { a: { color: 'red' } } }` without hashId,
@@ -29819,7 +29946,12 @@ var parseStyle = function parseStyle(interpolation, hashId, path) {
             nextRoot = true;
           }
 
-          styleStr += "".concat(mergedKey).concat(parseStyle(value, hashId, "".concat(path, " -> ").concat(mergedKey), nextRoot, subInjectHash));
+          styleStr += "".concat(mergedKey).concat(parseStyle(value, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, config), {}, {
+            path: "".concat(path, " -> ").concat(mergedKey)
+          }), {
+            root: nextRoot,
+            injectHash: subInjectHash
+          }));
         } else {
           var _value$value;
 
@@ -29852,6 +29984,15 @@ var parseStyle = function parseStyle(interpolation, hashId, path) {
 
   if (!root) {
     styleStr = "{".concat(styleStr, "}");
+  } else if (layer && supportLayer()) {
+    var layerCells = layer.split(',');
+    var layerName = layerCells[layerCells.length - 1].trim();
+    styleStr = "@layer ".concat(layerName, " {").concat(styleStr, "}"); // Order of layer if needed
+
+    if (layerCells.length > 1) {
+      // zombieJ: stylis do not support layer order, so we need to handle it manually.
+      styleStr = "@layer ".concat(layer, "{%%%:%}").concat(styleStr);
+    }
   }
 
   return styleStr;
@@ -29874,7 +30015,8 @@ function Empty() {
 function useStyleRegister(info, styleFn) {
   var token = info.token,
       path = info.path,
-      hashId = info.hashId;
+      hashId = info.hashId,
+      layer = info.layer;
 
   var _React$useContext = external_React_.useContext(es_StyleContext),
       autoClear = _React$useContext.autoClear,
@@ -29891,9 +30033,12 @@ function useStyleRegister(info, styleFn) {
   var _useGlobalCache = useClientCache('style', fullPath, // Create cache if needed
   function () {
     var styleObj = styleFn();
-    var styleStr = normalizeStyle(parseStyle(styleObj, hashId, path.join('-')));
+    var styleStr = normalizeStyle(parseStyle(styleObj, {
+      hashId: hashId,
+      layer: layer,
+      path: path.join('-')
+    }));
     var styleId = uniqueHash(fullPath, styleStr); // Clear animation statistics
-    // Clear animation statistics
 
     animationStatistics = {};
 
@@ -29903,21 +30048,19 @@ function useStyleRegister(info, styleFn) {
         prepend: 'queue'
       });
       style[CSS_IN_JS_INSTANCE] = CSS_IN_JS_INSTANCE_ID; // Used for `useCacheToken` to remove on batch when token removed
-      // Used for `useCacheToken` to remove on batch when token removed
 
       style.setAttribute(StyleContext_ATTR_TOKEN, tokenKey); // Dev usage to find which cache path made this easily
-      // Dev usage to find which cache path made this easily
 
       if (false) {}
     }
 
     return [styleStr, tokenKey, styleId];
   }, // Remove cache if no need
-  function (_ref) {
-    var _ref2 = slicedToArray_slicedToArray(_ref, 3),
-        styleId = _ref2[2];
+  function (_ref2, fromHMR) {
+    var _ref3 = slicedToArray_slicedToArray(_ref2, 3),
+        styleId = _ref3[2];
 
-    if (autoClear && isClientSide) {
+    if ((fromHMR || autoClear) && isClientSide) {
       removeCSS(styleId, {
         mark: StyleContext_ATTR_MARK
       });
@@ -29966,7 +30109,7 @@ function extractStyle(cache) {
   });
   return styleText;
 }
-;// CONCATENATED MODULE: ./node_modules/@ant-design/cssinjs/es/useCacheToken.js
+;// CONCATENATED MODULE: ./node_modules/@ant-design/cssinjs/es/hooks/useCacheToken.js
 
 
 
@@ -32324,25 +32467,6 @@ var tryParse = function tryParse(v) {
   return isNaN(n) ? v : n;
 };
 
-var operatorResMap = {
-  '>': [1],
-  '>=': [0, 1],
-  '=': [0],
-  '<=': [-1, 0],
-  '<': [-1]
-};
-var allowedOperators = Object.keys(operatorResMap);
-
-var assertValidOperator = function assertValidOperator(op) {
-  if (typeof op !== 'string') {
-    throw new TypeError("Invalid operator type, expected string but got ".concat(_typeof(op)));
-  }
-
-  if (allowedOperators.indexOf(op) === -1) {
-    throw new Error("Invalid operator, expected one of ".concat(allowedOperators.join('|')));
-  }
-};
-
 var forceType = function forceType(a, b) {
   return typeof_typeof(a) !== typeof_typeof(b) ? [String(a), String(b)] : [a, b];
 };
@@ -32411,91 +32535,6 @@ var compareVersions = function compareVersions(v1, v2) {
 
   return 0;
 };
-/**
- * Validate [semver](https://semver.org/) version strings.
- *
- * @param version Version number to validate
- * @returns `true` if the version number is a valid semver version number, `false` otherwise.
- *
- * @example
- * ```
- * validate('1.0.0-rc.1'); // return true
- * validate('1.0-rc.1'); // return false
- * validate('foo'); // return false
- * ```
- */
-
-var validate = function validate(version) {
-  return typeof version === 'string' && /^[v\d]/.test(version) && semver.test(version);
-};
-/**
- * Compare [semver](https://semver.org/) version strings using the specified operator.
- *
- * @param v1 First version to compare
- * @param v2 Second version to compare
- * @param operator Allowed arithmetic operator to use
- * @returns `true` if the comparison between the firstVersion and the secondVersion satisfies the operator, `false` otherwise.
- *
- * @example
- * ```
- * compare('10.1.8', '10.0.4', '>'); // return true
- * compare('10.0.1', '10.0.1', '='); // return true
- * compare('10.1.1', '10.2.2', '<'); // return true
- * compare('10.1.1', '10.2.2', '<='); // return true
- * compare('10.1.1', '10.2.2', '>='); // return false
- * ```
- */
-
-var compare = function compare(v1, v2, operator) {
-  // validate input operator
-  assertValidOperator(operator); // since result of compareVersions can only be -1 or 0 or 1
-  // a simple map can be used to replace switch
-
-  var res = compareVersions(v1, v2);
-  return operatorResMap[operator].includes(res);
-};
-/**
- * Match [npm semver](https://docs.npmjs.com/cli/v6/using-npm/semver) version range.
- *
- * @param version Version number to match
- * @param range Range pattern for version
- * @returns `true` if the version number is within the range, `false` otherwise.
- *
- * @example
- * ```
- * satisfies('1.1.0', '^1.0.0'); // return true
- * satisfies('1.1.0', '~1.0.0'); // return false
- * ```
- */
-
-var satisfies = function satisfies(version, range) {
-  // if no range operator then "="
-  var m = range.match(/^([<>=~^]+)/);
-  var op = m ? m[1] : '='; // if gt/lt/eq then operator compare
-
-  if (op !== '^' && op !== '~') return compare(version, range, op); // else range of either "~" or "^" is assumed
-
-  var _validateAndParse = validateAndParse(version),
-      _validateAndParse2 = _slicedToArray(_validateAndParse, 3),
-      v1 = _validateAndParse2[0],
-      v2 = _validateAndParse2[1],
-      v3 = _validateAndParse2[2];
-
-  var _validateAndParse3 = validateAndParse(range),
-      _validateAndParse4 = _slicedToArray(_validateAndParse3, 3),
-      r1 = _validateAndParse4[0],
-      r2 = _validateAndParse4[1],
-      r3 = _validateAndParse4[2];
-
-  if (compareStrings(v1, r1) !== 0) return false;
-
-  if (op === '^') {
-    return compareSegments([v2, v3], [r2, r3]) >= 0;
-  }
-
-  if (compareStrings(v2, r2) !== 0) return false;
-  return compareStrings(v3, r3) >= 0;
-};
 ;// CONCATENATED MODULE: ./packages/utils/es/components/FilterDropdown/style.js
 
 
@@ -32888,7 +32927,7 @@ var LabelIconTip_style_genProStyle = function genProStyle(token) {
       marginInlineStart: '4px',
       cursor: 'pointer',
       '&:hover': {
-        color: token.colorPrimaryBgHover
+        color: token.colorPrimary
       }
     },
     '&-title': {
@@ -33042,6 +33081,15 @@ function isPlainObject(o) {
 
   return true;
 }
+/**
+ * 一个比较hack的moment判断工具
+ * @param value
+ * @returns
+ */
+
+var isMoment = function isMoment(value) {
+  return !!(value === null || value === void 0 ? void 0 : value._isAMomentObject);
+};
 /**
  * 根据不同的格式转化 dayjs
  *
@@ -33050,12 +33098,13 @@ function isPlainObject(o) {
  * @param valueType
  */
 
+
 var convertMoment = function convertMoment(value, dateFormatter, valueType) {
   if (!dateFormatter) {
     return value;
   }
 
-  if (dayjs_min_default().isDayjs(value)) {
+  if (dayjs_min_default().isDayjs(value) || isMoment(value)) {
     if (dateFormatter === 'number') {
       return value.valueOf();
     }
@@ -33114,7 +33163,8 @@ var conversionMomentValue = function conversionMomentValue(value, dateFormatter,
 
     if (isPlainObject(itemValue) && // 不是数组
     !Array.isArray(itemValue) && // 不是 dayjs
-    !dayjs_min_default().isDayjs(itemValue)) {
+    !dayjs_min_default().isDayjs(itemValue) && // 不是 moment
+    !isMoment(itemValue)) {
       tmpValue[key] = conversionMomentValue(itemValue, dateFormatter, valueTypeMap, omitNil, [key]);
       return;
     } // 处理 FormList 的 value
@@ -33122,7 +33172,7 @@ var conversionMomentValue = function conversionMomentValue(value, dateFormatter,
 
     if (Array.isArray(itemValue)) {
       tmpValue[key] = itemValue.map(function (arrayValue, index) {
-        if (dayjs_min_default().isDayjs(arrayValue)) {
+        if (dayjs_min_default().isDayjs(arrayValue) || isMoment(itemValue)) {
           return convertMoment(arrayValue, dateFormat || dateFormatter, valueType);
         }
 
@@ -34235,8 +34285,22 @@ var omitUndefinedAndEmptyArr = function omitUndefinedAndEmptyArr(obj) {
 ;// CONCATENATED MODULE: ./packages/utils/es/parseValueToMoment/index.js
 
 
+/**
+ * 一个比较hack的moment判断工具
+ * @param value
+ * @returns
+ */
+
+var parseValueToMoment_isMoment = function isMoment(value) {
+  return !!(value === null || value === void 0 ? void 0 : value._isAMomentObject);
+};
+
 var parseValueToDay = function parseValueToDay(value, formatter) {
-  if (isNil(value) || dayjs_min_default().isDayjs(value)) {
+  if (isNil(value) || dayjs_min_default().isDayjs(value) || parseValueToMoment_isMoment(value)) {
+    if (parseValueToMoment_isMoment(value)) {
+      return dayjs_min_default()(value);
+    }
+
     return value;
   }
 
@@ -36751,6 +36815,108 @@ var Loading = function Loading(props) {
 };
 
 /* harmony default export */ var components_Loading = (Loading);
+// EXTERNAL MODULE: ./node_modules/rc-util/lib/Children/toArray.js
+var Children_toArray = __webpack_require__(5994);
+;// CONCATENATED MODULE: ./packages/card/es/components/TabPane/index.js
+
+
+var TabPane_excluded = ["tab", "children"],
+    TabPane_excluded2 = ["key", "tab", "tabKey", "disabled", "destroyInactiveTabPane", "children", "className", "style", "cardProps"];
+
+
+
+
+
+
+
+
+function filter(items) {
+  return items.filter(function (item) {
+    return item;
+  });
+}
+
+function useLegacyItems(items, children, tabs) {
+  if (items) {
+    return items.map(function (item) {
+      return objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, item), {}, {
+        children: (0,jsx_runtime.jsx)(components_Card, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, tabs === null || tabs === void 0 ? void 0 : tabs.cardProps), {}, {
+          children: item.children
+        }))
+      });
+    });
+  }
+
+  (0,lib_warning.noteOnce)(!tabs, 'Tabs.TabPane is deprecated. Please use `items` directly.');
+  var childrenItems = (0,Children_toArray/* default */.Z)(children).map(function (node) {
+    if ( /*#__PURE__*/external_React_default().isValidElement(node)) {
+      var key = node.key,
+          props = node.props;
+
+      var _ref = props || {},
+          tab = _ref.tab,
+          tempChild = _ref.children,
+          restProps = objectWithoutProperties_objectWithoutProperties(_ref, TabPane_excluded);
+
+      var item = objectSpread2_objectSpread2(objectSpread2_objectSpread2({
+        key: String(key)
+      }, restProps), {}, {
+        children: (0,jsx_runtime.jsx)(components_Card, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, tabs === null || tabs === void 0 ? void 0 : tabs.cardProps), {}, {
+          children: tempChild
+        })),
+        label: tab
+      });
+
+      return item;
+    }
+
+    return null;
+  });
+  return filter(childrenItems);
+}
+/**
+ * @deprecated ProComponets 3.0
+ */
+
+var TabPane = function TabPane(props) {
+  var _useContext = (0,external_React_.useContext)(external_antd_.ConfigProvider.ConfigContext),
+      getPrefixCls = _useContext.getPrefixCls; // 如果是antd v5 则返回为空
+
+
+  if (external_antd_.version.startsWith('5')) {
+    return (0,jsx_runtime.jsx)(jsx_runtime.Fragment, {});
+  } else {
+    var key = props.key,
+        tab = props.tab,
+        tabKey = props.tabKey,
+        disabled = props.disabled,
+        destroyInactiveTabPane = props.destroyInactiveTabPane,
+        children = props.children,
+        className = props.className,
+        style = props.style,
+        cardProps = props.cardProps,
+        rest = objectWithoutProperties_objectWithoutProperties(props, TabPane_excluded2);
+
+    var prefixCls = getPrefixCls('pro-card-tabpane');
+    var tabPaneClassName = classnames_default()(prefixCls, className);
+    return (0,jsx_runtime.jsx)(external_antd_.Tabs.TabPane, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
+      tabKey: tabKey,
+      tab: tab,
+      className: tabPaneClassName,
+      style: style,
+      disabled: disabled,
+      destroyInactiveTabPane: destroyInactiveTabPane
+    }, rest), {}, {
+      children: (0,jsx_runtime.jsx)(components_Card, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, cardProps), {}, {
+        children: children
+      }))
+    }), key);
+  }
+};
+
+if (false) {}
+
+/* harmony default export */ var components_TabPane = (TabPane);
 ;// CONCATENATED MODULE: ./packages/card/es/components/Card/style.js
 
 
@@ -36888,7 +37054,8 @@ var genProCardStyle = function genProCardStyle(token) {
   }), defineProperty_defineProperty(_objectSpread2, "".concat(componentCls, "-title"), {
     color: token.colorText,
     fontWeight: 500,
-    fontSize: token.fontSizeLG
+    fontSize: token.fontSizeLG,
+    lineHeight: token.lineHeight
   }), defineProperty_defineProperty(_objectSpread2, "".concat(componentCls, "-extra"), {
     color: token.colorText
   }), defineProperty_defineProperty(_objectSpread2, "".concat(componentCls, "-type-inner"), defineProperty_defineProperty({}, "".concat(componentCls, "-header"), {
@@ -36907,7 +37074,7 @@ var genProCardStyle = function genProCardStyle(token) {
     boxSizing: 'border-box',
     height: '100%',
     paddingInline: token.paddingLG,
-    paddingBlock: token.paddingLG,
+    paddingBlock: token.padding,
     '&-center': {
       display: 'flex',
       alignItems: 'center',
@@ -36992,9 +37159,10 @@ var Card_excluded = ["className", "style", "bodyStyle", "headStyle", "title", "s
 
 
 
+
 var useBreakpoint = external_antd_.Grid.useBreakpoint;
 var Card = /*#__PURE__*/external_React_default().forwardRef(function (props, ref) {
-  var _tabs$items, _classNames2, _classNames3, _classNames4;
+  var _classNames2, _classNames3, _classNames4;
 
   var className = props.className,
       style = props.style,
@@ -37058,13 +37226,7 @@ var Card = /*#__PURE__*/external_React_default().forwardRef(function (props, ref
   var responsiveArray = ['xxl', 'xl', 'lg', 'md', 'sm', 'xs']; // 修改组合传给antd tabs的参数
   // @ts-ignore
 
-  var ModifyTabItemsContant = tabs === null || tabs === void 0 ? void 0 : (_tabs$items = tabs.items) === null || _tabs$items === void 0 ? void 0 : _tabs$items.map(function (item) {
-    return objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, item), {}, {
-      children: (0,jsx_runtime.jsx)(Card, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, tabs === null || tabs === void 0 ? void 0 : tabs.cardProps), {}, {
-        children: item.children
-      }))
-    });
-  });
+  var ModifyTabItemsContant = useLegacyItems(tabs === null || tabs === void 0 ? void 0 : tabs.items, children, tabs);
   /**
    * 根据响应式获取 gutter, 参考 antd 实现
    *
@@ -37507,55 +37669,6 @@ StatisticCard.Operation = Operation;
 StatisticCard.isProCard = true;
 StatisticCard.Group = StatisticCard_Group;
 /* harmony default export */ var components_StatisticCard = (StatisticCard);
-;// CONCATENATED MODULE: ./packages/card/es/components/TabPane/index.js
-
-
-var TabPane_excluded = ["key", "tab", "tabKey", "disabled", "destroyInactiveTabPane", "children", "className", "style", "cardProps"];
-
-
-
-
-
-
-var TabPane = function TabPane(props) {
-  var _useContext = (0,external_React_.useContext)(external_antd_.ConfigProvider.ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls; // 如果是antd v5 则返回为空
-
-
-  if (external_antd_.version.startsWith('5')) {
-    return (0,jsx_runtime.jsx)(jsx_runtime.Fragment, {});
-  } else {
-    var key = props.key,
-        tab = props.tab,
-        tabKey = props.tabKey,
-        disabled = props.disabled,
-        destroyInactiveTabPane = props.destroyInactiveTabPane,
-        children = props.children,
-        className = props.className,
-        style = props.style,
-        cardProps = props.cardProps,
-        rest = objectWithoutProperties_objectWithoutProperties(props, TabPane_excluded);
-
-    var prefixCls = getPrefixCls('pro-card-tabpane');
-    var tabPaneClassName = classnames_default()(prefixCls, className);
-    return (0,jsx_runtime.jsx)(external_antd_.Tabs.TabPane, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
-      tabKey: tabKey,
-      tab: tab,
-      className: tabPaneClassName,
-      style: style,
-      disabled: disabled,
-      destroyInactiveTabPane: destroyInactiveTabPane
-    }, rest), {}, {
-      children: (0,jsx_runtime.jsx)(components_Card, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, cardProps), {}, {
-        children: children
-      }))
-    }), key);
-  }
-};
-
-if (false) {}
-
-/* harmony default export */ var components_TabPane = (TabPane);
 ;// CONCATENATED MODULE: ./packages/card/es/ProCard.js
 
 
@@ -43509,14 +43622,14 @@ var useFieldFetchData = function useFieldFetchData(props) {
   var cacheForSwr = props.cacheForSwr,
       fieldProps = props.fieldProps;
 
-  var _useState = (0,external_React_.useState)(props.defaultKeyWords),
-      _useState2 = slicedToArray_slicedToArray(_useState, 2),
-      keyWords = _useState2[0],
-      setKeyWords = _useState2[1];
+  var _useSafeState = useSafeState(props.defaultKeyWords),
+      _useSafeState2 = slicedToArray_slicedToArray(_useSafeState, 2),
+      keyWords = _useSafeState2[0],
+      setKeyWords = _useSafeState2[1];
   /** Key 是用来缓存请求的，如果不在是有问题 */
 
 
-  var _useState3 = (0,external_React_.useState)(function () {
+  var _useState = (0,external_React_.useState)(function () {
     if (props.proFieldKey) {
       return props.proFieldKey.toString();
     }
@@ -43527,8 +43640,8 @@ var useFieldFetchData = function useFieldFetchData(props) {
 
     return 'no-fetch';
   }),
-      _useState4 = slicedToArray_slicedToArray(_useState3, 1),
-      cacheKey = _useState4[0];
+      _useState2 = slicedToArray_slicedToArray(_useState, 1),
+      cacheKey = _useState2[0];
 
   var proFieldKeyRef = (0,external_React_.useRef)(cacheKey);
   var getOptionsFormValueEnum = (0,external_React_.useCallback)(function (coverValueEnum) {
@@ -46727,8 +46840,7 @@ var ColorPicker_excluded = ["mode", "popoverProps"];
 
 var DEFAULT_COLORS = ['#FF9D4E', '#5BD8A6', '#5B8FF9', '#F7664E', '#FF86B7', '#2B9E9D', '#9270CA', '#6DC8EC', '#667796', '#F6BD16' // 9 - 黄色
 ];
-
-var ColorPicker = function ColorPicker(_ref) {
+var ColorPicker = /*#__PURE__*/external_React_default().forwardRef(function (_ref, ref) {
   var mode = _ref.mode,
       popoverProps = _ref.popoverProps,
       rest = objectWithoutProperties_objectWithoutProperties(_ref, ColorPicker_excluded);
@@ -46765,6 +46877,8 @@ var ColorPicker = function ColorPicker(_ref) {
     })
   });
 
+  (0,external_React_.useImperativeHandle)(ref, function () {});
+
   if (mode === 'read') {
     return readDom;
   }
@@ -46799,7 +46913,7 @@ var ColorPicker = function ColorPicker(_ref) {
     }),
     children: readDom
   }));
-};
+});
 /**
  * 颜色组件
  *
@@ -46808,8 +46922,7 @@ var ColorPicker = function ColorPicker(_ref) {
  *     moneySymbol?: string; }
  */
 
-
-var FieldColorPicker = function FieldColorPicker(_ref3) {
+var FieldColorPicker = function FieldColorPicker(_ref3, ref) {
   var text = _ref3.text,
       type = _ref3.mode,
       render = _ref3.render,
@@ -46819,7 +46932,8 @@ var FieldColorPicker = function FieldColorPicker(_ref3) {
   if (type === 'read') {
     var dom = (0,jsx_runtime.jsx)(ColorPicker, {
       value: text,
-      mode: "read"
+      mode: "read",
+      ref: ref
     });
 
     if (render) {
@@ -46832,7 +46946,9 @@ var FieldColorPicker = function FieldColorPicker(_ref3) {
   }
 
   if (type === 'edit' || type === 'update') {
-    var _dom = (0,jsx_runtime.jsx)(ColorPicker, objectSpread2_objectSpread2({}, fieldProps));
+    var _dom = (0,jsx_runtime.jsx)(ColorPicker, objectSpread2_objectSpread2({
+      ref: ref
+    }, fieldProps));
 
     if (renderFormItem) {
       return renderFormItem(text, objectSpread2_objectSpread2({
@@ -46846,7 +46962,7 @@ var FieldColorPicker = function FieldColorPicker(_ref3) {
   return null;
 };
 
-/* harmony default export */ var components_ColorPicker = (FieldColorPicker);
+/* harmony default export */ var components_ColorPicker = (/*#__PURE__*/external_React_default().forwardRef(FieldColorPicker));
 // EXTERNAL MODULE: ./node_modules/dayjs/plugin/weekOfYear.js
 var weekOfYear = __webpack_require__(9855);
 var weekOfYear_default = /*#__PURE__*/__webpack_require__.n(weekOfYear);
@@ -48202,7 +48318,7 @@ var FieldRadio = function FieldRadio(_ref, ref) {
   }); // css
 
   var _useStyle = useStyle('FieldRadioRadio', function (token) {
-    return defineProperty_defineProperty({}, ".".concat(layoutClassName, "-horizontal"), defineProperty_defineProperty({}, "".concat(token.antCls, "-radio-wrapper"), {
+    return defineProperty_defineProperty({}, ".".concat(layoutClassName, "-vertical"), defineProperty_defineProperty({}, "".concat(token.antCls, "-radio-wrapper"), {
       display: 'block',
       marginInlineEnd: 0
     }));
@@ -48243,7 +48359,7 @@ var FieldRadio = function FieldRadio(_ref, ref) {
       ref: radioRef,
       optionType: radioType
     }, rest.fieldProps), {}, {
-      className: classnames_default()((_rest$fieldProps = rest.fieldProps) === null || _rest$fieldProps === void 0 ? void 0 : _rest$fieldProps.className, hashId, "".concat(layoutClassName, "-").concat(rest.fieldProps.layout || 'vertical')),
+      className: classnames_default()((_rest$fieldProps = rest.fieldProps) === null || _rest$fieldProps === void 0 ? void 0 : _rest$fieldProps.className, hashId, "".concat(layoutClassName, "-").concat(rest.fieldProps.layout || 'horizontal')),
       options: options
     })));
 
@@ -48504,6 +48620,100 @@ var Second = function Second(_ref, ref) {
 };
 
 /* harmony default export */ var components_Second = (/*#__PURE__*/external_React_default().forwardRef(Second));
+;// CONCATENATED MODULE: ./packages/field/es/components/Segmented/index.js
+
+
+
+
+var Segmented_excluded = ["mode", "render", "renderFormItem", "fieldProps", "emptyText"];
+
+
+
+
+/**
+ * Segmented https://ant.design/components/segmented-cn/
+ *
+ * @param
+ */
+
+var FieldSegmented = function FieldSegmented(_ref, ref) {
+  var mode = _ref.mode,
+      render = _ref.render,
+      renderFormItem = _ref.renderFormItem,
+      fieldProps = _ref.fieldProps,
+      _ref$emptyText = _ref.emptyText,
+      emptyText = _ref$emptyText === void 0 ? '-' : _ref$emptyText,
+      rest = objectWithoutProperties_objectWithoutProperties(_ref, Segmented_excluded);
+
+  var inputRef = (0,external_React_.useRef)();
+
+  var _useFieldFetchData = useFieldFetchData(rest),
+      _useFieldFetchData2 = slicedToArray_slicedToArray(_useFieldFetchData, 3),
+      loading = _useFieldFetchData2[0],
+      options = _useFieldFetchData2[1],
+      _fetchData = _useFieldFetchData2[2];
+
+  (0,external_React_.useImperativeHandle)(ref, function () {
+    return objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, inputRef.current || {}), {}, {
+      fetchData: function fetchData() {
+        return _fetchData();
+      }
+    });
+  });
+
+  if (loading) {
+    return (0,jsx_runtime.jsx)(external_antd_.Spin, {
+      size: "small"
+    });
+  }
+
+  if (mode === 'read') {
+    var optionsValueEnum = (options === null || options === void 0 ? void 0 : options.length) ? options === null || options === void 0 ? void 0 : options.reduce(function (pre, cur) {
+      var _cur$value;
+
+      return objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, pre), {}, defineProperty_defineProperty({}, (_cur$value = cur.value) !== null && _cur$value !== void 0 ? _cur$value : '', cur.label));
+    }, {}) : undefined;
+
+    var dom = (0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
+      children: proFieldParsingText(rest.text, ObjToMap(rest.valueEnum || optionsValueEnum))
+    });
+
+    if (render) {
+      var _render;
+
+      return (_render = render(rest.text, objectSpread2_objectSpread2({
+        mode: mode
+      }, fieldProps), (0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
+        children: dom
+      }))) !== null && _render !== void 0 ? _render : emptyText;
+    }
+
+    return dom;
+  }
+
+  if (mode === 'edit' || mode === 'update') {
+    var _dom = (0,jsx_runtime.jsx)(external_antd_.Segmented, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
+      ref: inputRef,
+      allowClear: true
+    }, fieldProps), {}, {
+      options: options
+    }));
+
+    if (renderFormItem) {
+      return renderFormItem(rest.text, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
+        mode: mode
+      }, fieldProps), {}, {
+        options: options
+      }), _dom);
+    }
+
+    return _dom;
+  }
+
+  return null;
+};
+
+/* harmony default export */ var Segmented = (/*#__PURE__*/external_React_default().forwardRef(FieldSegmented));
 ;// CONCATENATED MODULE: ./packages/field/es/components/Slider/index.js
 
 
@@ -49318,6 +49528,7 @@ var es_excluded = ["text", "valueType", "mode", "onChange", "renderFormItem", "v
 
 
 
+
 
 
 dayjs_min_default().extend((weekday_default()));
@@ -49738,6 +49949,12 @@ var defaultRenderText = function defaultRenderText(dataValue, valueType, props,
     }, props));
   }
 
+  if (valueType === 'segmented') {
+    return (0,jsx_runtime.jsx)(Segmented, objectSpread2_objectSpread2({
+      text: dataValue
+    }, props));
+  }
+
   return (0,jsx_runtime.jsx)(Text, objectSpread2_objectSpread2({
     text: dataValue
   }, props));
@@ -50468,8 +50685,6 @@ var PlusOutlined_PlusOutlined = function PlusOutlined(props, ref) {
 
 PlusOutlined_PlusOutlined.displayName = 'PlusOutlined';
 /* harmony default export */ var icons_PlusOutlined = (/*#__PURE__*/external_React_.forwardRef(PlusOutlined_PlusOutlined));
-// EXTERNAL MODULE: ./node_modules/rc-util/lib/Children/toArray.js
-var Children_toArray = __webpack_require__(5994);
 ;// CONCATENATED MODULE: ./packages/form/es/components/List/ListItem.js
 
 
@@ -52350,10 +52565,22 @@ function DrawerForm(_ref) {
   }());
   var drawerOpenProps = compareVersions(external_antd_.version, '4.23.0') > -1 ? {
     open: open,
-    onOpenChange: onVisibleChange
+    onOpenChange: onVisibleChange,
+    afterOpenChange: function afterOpenChange(e) {
+      var _drawerProps$afterOpe;
+
+      if (!e) resetFields();
+      drawerProps === null || drawerProps === void 0 ? void 0 : (_drawerProps$afterOpe = drawerProps.afterOpenChange) === null || _drawerProps$afterOpe === void 0 ? void 0 : _drawerProps$afterOpe.call(drawerProps, e);
+    }
   } : {
     visible: open,
-    onVisibleChange: onVisibleChange
+    onVisibleChange: onVisibleChange,
+    afterVisibleChange: function afterVisibleChange(e) {
+      var _drawerProps$afterOpe2;
+
+      if (!e) resetFields();
+      drawerProps === null || drawerProps === void 0 ? void 0 : (_drawerProps$afterOpe2 = drawerProps.afterOpenChange) === null || _drawerProps$afterOpe2 === void 0 ? void 0 : _drawerProps$afterOpe2.call(drawerProps, e);
+    }
   };
   return (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
     children: [(0,jsx_runtime.jsx)(external_antd_.Drawer, objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({
@@ -52369,20 +52596,6 @@ function DrawerForm(_ref) {
         drawerProps === null || drawerProps === void 0 ? void 0 : (_drawerProps$onClose2 = drawerProps.onClose) === null || _drawerProps$onClose2 === void 0 ? void 0 : _drawerProps$onClose2.call(drawerProps, e);
         resetFields();
       },
-      afterOpenChange: function afterOpenChange(e) {
-        var _drawerProps$afterOpe;
-
-        resetFields();
-        drawerProps === null || drawerProps === void 0 ? void 0 : (_drawerProps$afterOpe = drawerProps.afterOpenChange) === null || _drawerProps$afterOpe === void 0 ? void 0 : _drawerProps$afterOpe.call(drawerProps, e);
-      },
-      //@ts-expect-error
-      afterVisibleChange: function afterVisibleChange(e) {
-        var _drawerProps$afterVis;
-
-        if (!e) resetFields(); //@ts-expect-error
-
-        drawerProps === null || drawerProps === void 0 ? void 0 : (_drawerProps$afterVis = drawerProps.afterVisibleChange) === null || _drawerProps$afterVis === void 0 ? void 0 : _drawerProps$afterVis.call(drawerProps, e);
-      },
       footer: rest.submitter !== false && (0,jsx_runtime.jsx)("div", {
         ref: footerDomRef,
         style: {
@@ -55741,7 +55954,7 @@ var field = function field(item, _ref) {
   }
 
   return /*#__PURE__*/(0,external_React_.createElement)(components_Field, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, formFieldProps), {}, {
-    key: "".concat(item.key, "-").concat(item.index),
+    key: [item.key, item.index || 0].join('-'),
     renderFormItem: renderFormItem
   }));
 };
@@ -56033,6 +56246,41 @@ function BetaSchemaForm(props) {
 }
 
 /* harmony default export */ var SchemaForm = (BetaSchemaForm);
+;// CONCATENATED MODULE: ./packages/form/es/components/Segmented/index.js
+
+
+var components_Segmented_excluded = ["fieldProps", "request", "params", "proFieldProps"];
+
+
+
+/**
+ * 分段控制器
+ *
+ * @param
+ */
+
+var ProFormSegmented = function ProFormSegmented(_ref, ref) {
+  var fieldProps = _ref.fieldProps,
+      request = _ref.request,
+      params = _ref.params,
+      proFieldProps = _ref.proFieldProps,
+      rest = objectWithoutProperties_objectWithoutProperties(_ref, components_Segmented_excluded);
+
+  return (0,jsx_runtime.jsx)(components_Field, objectSpread2_objectSpread2({
+    valueType: "segmented",
+    fieldProps: fieldProps,
+    ref: ref,
+    request: request,
+    params: params,
+    filedConfig: {
+      customLightMode: true
+    },
+    proFieldProps: proFieldProps
+  }, rest));
+};
+
+var WarpProFormSegmented = /*#__PURE__*/external_React_default().forwardRef(ProFormSegmented);
+/* harmony default export */ var components_Segmented = (WarpProFormSegmented);
 ;// CONCATENATED MODULE: ./packages/form/es/components/Select/index.js
 
 
@@ -56741,6 +56989,7 @@ var ProFormUploadDragger = createField(BaseProFormUploadDragger, {
 
 
 
+
 
 
 ;// CONCATENATED MODULE: ./packages/form/es/BaseForm/BaseForm.js
@@ -60304,8 +60553,8 @@ var genPageContainerStyle = function genPageContainerStyle(token) {
     }))
   }, defineProperty_defineProperty(_token$componentCls, '& &-warp-page-header', defineProperty_defineProperty({
     marginBlockEnd: token.marginBlockPageContainerContent / 2,
-    paddingInlineStart: 40,
-    paddingInlineEnd: 40
+    paddingInlineStart: token.marginInlinePageContainerContent,
+    paddingInlineEnd: token.marginInlinePageContainerContent
   }, "& ~ ".concat(token.proComponentsCls, "-grid-content"), defineProperty_defineProperty({}, "".concat(token.proComponentsCls, "-page-container-children-content"), {
     marginBlock: token.marginBlockPageContainerContent / 3
   }))), defineProperty_defineProperty(_token$componentCls, '&-detail', defineProperty_defineProperty({
@@ -67481,7 +67730,7 @@ var genProLayoutStyle = function genProLayoutStyle(token) {
     display: 'flex',
     flexDirection: 'column',
     width: '100%',
-    backgroundColor: 'transparent',
+    backgroundColor: token.pageContainer.colorBgPageContainer || 'transparent',
     position: 'relative',
     '*': {
       boxSizing: 'border-box'
@@ -67970,6 +68219,12 @@ var BaseProLayout = function BaseProLayout(props) {
   }),
       _useState2 = slicedToArray_slicedToArray(_useState, 1),
       defaultId = _useState2[0];
+  /**
+   * 处理国际化相关 formatMessage
+   * 如果有用户配置的以用户为主
+   * 如果没有用自己实现的
+   */
+
 
   var formatMessage = (0,external_React_.useCallback)(function (_ref4) {
     var id = _ref4.id,
@@ -71011,7 +71266,7 @@ function container_useContainer() {
     try {
       storage === null || storage === void 0 ? void 0 : storage.removeItem(persistenceKey);
     } catch (error) {
-      console.error(error);
+      console.warn(error);
     }
   }, [props.columnsState]);
   (0,external_React_.useEffect)(function () {
@@ -71032,7 +71287,8 @@ function container_useContainer() {
     try {
       storage === null || storage === void 0 ? void 0 : storage.setItem(persistenceKey, JSON.stringify(columnsMap));
     } catch (error) {
-      console.error(error);
+      console.warn(error);
+      clearPersistenceStorage();
     } // eslint-disable-next-line react-hooks/exhaustive-deps
 
   }, [(_props$columnsState8 = props.columnsState) === null || _props$columnsState8 === void 0 ? void 0 : _props$columnsState8.persistenceKey, columnsMap, (_props$columnsState9 = props.columnsState) === null || _props$columnsState9 === void 0 ? void 0 : _props$columnsState9.persistenceType]);
@@ -71200,7 +71456,7 @@ VerticalAlignBottomOutlined_VerticalAlignBottomOutlined.displayName = 'VerticalA
 
 
 var ColumnSetting_style_genProStyle = function genProStyle(token) {
-  var _overlay, _$concat2, _ref;
+  var _$concat, _overlay, _$concat2, _ref;
 
   return _ref = {}, defineProperty_defineProperty(_ref, token.componentCls, {
     width: 'auto',
@@ -71224,19 +71480,16 @@ var ColumnSetting_style_genProStyle = function genProStyle(token) {
       backgroundColor: 'transparent'
     }), defineProperty_defineProperty(_overlay, "".concat(token.antCls, "-tree-draggable-icon"), {
       cursor: 'grab'
-    }), defineProperty_defineProperty(_overlay, "".concat(token.antCls, "-tree-treenode"), defineProperty_defineProperty({
+    }), defineProperty_defineProperty(_overlay, "".concat(token.antCls, "-tree-treenode"), (_$concat = {
       alignItems: 'center',
-      '&:hover': defineProperty_defineProperty({
-        backgroundColor: token.controlItemBgActive
-      }, "".concat(token.componentCls, "-list-item-option"), {
+      '&:hover': defineProperty_defineProperty({}, "".concat(token.componentCls, "-list-item-option"), {
         display: 'block'
       })
-    }, "".concat(token.antCls, "-tree-checkbox"), {
-      insetBlockStart: 0,
-      marginBlock: 0,
-      marginInline: 0,
+    }, defineProperty_defineProperty(_$concat, "".concat(token.antCls, "-tree-checkbox"), {
       marginInlineEnd: '4px'
-    })), _overlay)
+    }), defineProperty_defineProperty(_$concat, "".concat(token.antCls, "-tree-title"), {
+      width: '100%'
+    }), _$concat)), _overlay)
   }), defineProperty_defineProperty(_ref, "".concat(token.componentCls, "-list"), (_$concat2 = {
     display: 'flex',
     flexDirection: 'column',
@@ -71343,8 +71596,11 @@ var CheckboxListItem = function CheckboxListItem(_ref2) {
       fixed = _ref2.fixed;
   var intl = useIntl();
 
+  var _useToken = useStyle_useToken(),
+      hashId = _useToken.hashId;
+
   var dom = (0,jsx_runtime.jsxs)("span", {
-    className: "".concat(className, "-list-item-option"),
+    className: "".concat(className, "-list-item-option ").concat(hashId),
     children: [(0,jsx_runtime.jsx)(ToolTipIcon, {
       columnKey: columnKey,
       fixed: "left",
@@ -71367,9 +71623,9 @@ var CheckboxListItem = function CheckboxListItem(_ref2) {
   });
 
   return (0,jsx_runtime.jsxs)("span", {
-    className: "".concat(className, "-list-item"),
+    className: "".concat(className, "-list-item ").concat(hashId),
     children: [(0,jsx_runtime.jsx)("div", {
-      className: "".concat(className, "-list-item-title"),
+      className: "".concat(className, "-list-item-title ").concat(hashId),
       children: title
     }), !isLeaf ? dom : null]
   }, columnKey);
@@ -71388,6 +71644,9 @@ var CheckboxList = function CheckboxList(_ref3) {
       _ref3$listHeight = _ref3.listHeight,
       listHeight = _ref3$listHeight === void 0 ? 280 : _ref3$listHeight;
 
+  var _useToken2 = useStyle_useToken(),
+      hashId = _useToken2.hashId;
+
   var _Container$useContain2 = container.useContainer(),
       columnsMap = _Container$useContain2.columnsMap,
       setColumnsMap = _Container$useContain2.setColumnsMap,
@@ -71398,6 +71657,7 @@ var CheckboxList = function CheckboxList(_ref3) {
   var treeDataConfig = (0,external_React_.useMemo)(function () {
     if (!show) return {};
     var checkedKeys = [];
+    var treeMap = new Map();
 
     var loopData = function loopData(data, parentConfig) {
       return data.map(function (_ref4) {
@@ -71413,7 +71673,7 @@ var CheckboxList = function CheckboxList(_ref3) {
           show: true
         };
 
-        if (config.show !== false && (parentConfig === null || parentConfig === void 0 ? void 0 : parentConfig.show) !== false && !children) {
+        if (config.show !== false && !children) {
           checkedKeys.push(columnKey);
         }
 
@@ -71427,16 +71687,26 @@ var CheckboxList = function CheckboxList(_ref3) {
         });
 
         if (children) {
-          item.children = loopData(children, config);
+          var _item$children;
+
+          item.children = loopData(children, config); // 如果children 已经全部是show了，把自己也设置为show
+
+          if ((_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.every(function (childrenItem) {
+            return checkedKeys === null || checkedKeys === void 0 ? void 0 : checkedKeys.includes(childrenItem.key);
+          })) {
+            checkedKeys.push(columnKey);
+          }
         }
 
+        treeMap.set(key, item);
         return item;
       });
     };
 
     return {
       list: loopData(list),
-      keys: checkedKeys
+      keys: checkedKeys,
+      map: treeMap
     };
   }, [columnsMap, list, show]);
   /** 移动到指定的位置 */
@@ -71476,12 +71746,28 @@ var CheckboxList = function CheckboxList(_ref3) {
   /** 选中反选功能 */
 
   var onCheckTree = useRefFunction(function (e) {
-    var columnKey = e.node.key;
+    var newColumnMap = objectSpread2_objectSpread2({}, columnsMap);
+
+    var loopSetShow = function loopSetShow(key) {
+      var _treeDataConfig$map, _treeDataConfig$map$g;
+
+      var newSetting = objectSpread2_objectSpread2({}, newColumnMap[key]);
+
+      newSetting.show = e.checked; // 如果含有子节点，也要选中
+
+      if ((_treeDataConfig$map = treeDataConfig.map) === null || _treeDataConfig$map === void 0 ? void 0 : (_treeDataConfig$map$g = _treeDataConfig$map.get(key)) === null || _treeDataConfig$map$g === void 0 ? void 0 : _treeDataConfig$map$g.children) {
+        var _treeDataConfig$map2, _treeDataConfig$map2$, _treeDataConfig$map2$2;
 
-    var newSetting = objectSpread2_objectSpread2({}, columnsMap[columnKey]);
+        (_treeDataConfig$map2 = treeDataConfig.map) === null || _treeDataConfig$map2 === void 0 ? void 0 : (_treeDataConfig$map2$ = _treeDataConfig$map2.get(key)) === null || _treeDataConfig$map2$ === void 0 ? void 0 : (_treeDataConfig$map2$2 = _treeDataConfig$map2$.children) === null || _treeDataConfig$map2$2 === void 0 ? void 0 : _treeDataConfig$map2$2.forEach(function (item) {
+          return loopSetShow(item.key);
+        });
+      }
 
-    newSetting.show = e.checked;
-    setColumnsMap(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, columnsMap), {}, defineProperty_defineProperty({}, columnKey, newSetting)));
+      newColumnMap[key] = newSetting;
+    };
+
+    loopSetShow(e.node.key);
+    setColumnsMap(objectSpread2_objectSpread2({}, newColumnMap));
   });
 
   if (!show) {
@@ -71511,6 +71797,7 @@ var CheckboxList = function CheckboxList(_ref3) {
         children: undefined
       });
 
+      if (!node.title) return null;
       return (0,jsx_runtime.jsx)(CheckboxListItem, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
         className: className
       }, node), {}, {
@@ -71524,7 +71811,7 @@ var CheckboxList = function CheckboxList(_ref3) {
 
   return (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
     children: [showTitle && (0,jsx_runtime.jsx)("span", {
-      className: "".concat(className, "-list-title"),
+      className: "".concat(className, "-list-title ").concat(hashId),
       children: listTitle
     }), listDom]
   });
@@ -71536,6 +71823,10 @@ var GroupCheckboxList = function GroupCheckboxList(_ref5) {
       draggable = _ref5.draggable,
       checkable = _ref5.checkable,
       listsHeight = _ref5.listsHeight;
+
+  var _useToken3 = useStyle_useToken(),
+      hashId = _useToken3.hashId;
+
   var rightList = [];
   var leftList = [];
   var list = [];
@@ -71563,7 +71854,7 @@ var GroupCheckboxList = function GroupCheckboxList(_ref5) {
   var showRight = rightList && rightList.length > 0;
   var showLeft = leftList && leftList.length > 0;
   return (0,jsx_runtime.jsxs)("div", {
-    className: classnames_default()("".concat(className, "-list"), defineProperty_defineProperty({}, "".concat(className, "-list-group"), showRight || showLeft)),
+    className: classnames_default()("".concat(className, "-list"), hashId, defineProperty_defineProperty({}, "".concat(className, "-list-group"), showRight || showLeft)),
     children: [(0,jsx_runtime.jsx)(CheckboxList, {
       title: intl.getMessage('tableToolBar.leftFixedTitle', '固定在左侧'),
       list: leftList,
@@ -71593,7 +71884,8 @@ var GroupCheckboxList = function GroupCheckboxList(_ref5) {
 function ColumnSetting(props) {
   var _props$checkable, _props$draggable;
 
-  var columnRef = (0,external_React_.useRef)({});
+  var columnRef = (0,external_React_.useRef)({}); // 获得当前上下文的 hashID
+
   var counter = container.useContainer();
   var localColumns = props.columns;
   var _props$checkedReset = props.checkedReset,
@@ -71674,12 +71966,13 @@ function ColumnSetting(props) {
   var className = getPrefixCls('pro-table-column-setting');
 
   var _useStyle = ColumnSetting_style_useStyle(className),
-      wrapSSR = _useStyle.wrapSSR;
+      wrapSSR = _useStyle.wrapSSR,
+      hashId = _useStyle.hashId;
 
   return wrapSSR((0,jsx_runtime.jsx)(external_antd_.Popover, {
     arrowPointAtCenter: true,
     title: (0,jsx_runtime.jsxs)("div", {
-      className: "".concat(className, "-title"),
+      className: "".concat(className, "-title ").concat(hashId),
       children: [(0,jsx_runtime.jsx)(external_antd_.Checkbox, {
         indeterminate: indeterminate,
         checked: unCheckedKeys.length === 0 && unCheckedKeys.length !== localColumns.length,
@@ -71697,7 +71990,7 @@ function ColumnSetting(props) {
         children: props.extra
       }) : null]
     }),
-    overlayClassName: "".concat(className, "-overlay"),
+    overlayClassName: "".concat(className, "-overlay ").concat(hashId),
     trigger: "click",
     placement: "bottomRight",
     content: (0,jsx_runtime.jsx)(GroupCheckboxList, {
@@ -79583,7 +79876,7 @@ var InternalTreeNode = /*#__PURE__*/function (_React$Component) {
       } : undefined;
       return /*#__PURE__*/external_React_.createElement("div", extends_extends({
         ref: domRef,
-        className: classnames_default()(className, "".concat(prefixCls, "-treenode"), (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-treenode-disabled"), disabled), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-treenode-switcher-").concat(expanded ? 'open' : 'close'), !isLeaf), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-treenode-checkbox-checked"), checked), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-treenode-checkbox-indeterminate"), halfChecked), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-treenode-selected"), selected), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-treenode-loading"), loading), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-treenode-active"), active), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-treenode-leaf-last"), isEndNode), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-treenode-draggable"), draggableWithoutDisabled), defineProperty_defineProperty(_classNames, "dragging", dragging), defineProperty_defineProperty(_classNames, 'drop-target', dropTargetKey === eventKey), defineProperty_defineProperty(_classNames, 'drop-container', dropContainerKey === eventKey), defineProperty_defineProperty(_classNames, 'drag-over', !disabled && dragOver), defineProperty_defineProperty(_classNames, 'drag-over-gap-top', !disabled && dragOverGapTop), defineProperty_defineProperty(_classNames, 'drag-over-gap-bottom', !disabled && dragOverGapBottom), defineProperty_defineProperty(_classNames, 'filter-node', filterTreeNode && filterTreeNode(convertNodePropsToEventData(this.props))), _classNames)),
+        className: classnames_default()(className, "".concat(prefixCls, "-treenode"), (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-treenode-disabled"), disabled), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-treenode-switcher-").concat(expanded ? 'open' : 'close'), !isLeaf), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-treenode-checkbox-checked"), checked), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-treenode-checkbox-indeterminate"), halfChecked), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-treenode-selected"), selected), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-treenode-loading"), loading), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-treenode-active"), active), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-treenode-leaf-last"), isEndNode), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-treenode-draggable"), mergedDraggable), defineProperty_defineProperty(_classNames, "dragging", dragging), defineProperty_defineProperty(_classNames, 'drop-target', dropTargetKey === eventKey), defineProperty_defineProperty(_classNames, 'drop-container', dropContainerKey === eventKey), defineProperty_defineProperty(_classNames, 'drag-over', !disabled && dragOver), defineProperty_defineProperty(_classNames, 'drag-over-gap-top', !disabled && dragOverGapTop), defineProperty_defineProperty(_classNames, 'drag-over-gap-bottom', !disabled && dragOverGapBottom), defineProperty_defineProperty(_classNames, 'filter-node', filterTreeNode && filterTreeNode(convertNodePropsToEventData(this.props))), _classNames)),
         style: style // Draggable config
         ,
         draggable: draggableWithoutDisabled,
@@ -80654,6 +80947,7 @@ function statisticToken(token) {
 
 
 
+
 var style_resetComponent = function resetComponent(token) {
   return {
     boxSizing: 'border-box',
@@ -80663,8 +80957,9 @@ var style_resetComponent = function resetComponent(token) {
     fontSize: token.fontSize,
     // font-variant: @font-variant-base;
     lineHeight: token.lineHeight,
-    listStyle: 'none' // font-feature-settings: @font-feature-settings-base;
-
+    listStyle: 'none',
+    // font-feature-settings: @font-feature-settings-base;
+    fontFamily: token.fontFamily
   };
 };
 var resetIcon = function resetIcon() {
@@ -80737,8 +81032,28 @@ var genLinkStyle = function genLinkStyle(token) {
     }), _a)
   };
 };
+var genFontStyle = function genFontStyle(token, rootPrefixCls) {
+  var fontFamily = token.fontFamily,
+      fontSize = token.fontSize;
+  return defineProperty_defineProperty({}, "[class^=\"".concat(rootPrefixCls, "-\"], [class*=\" ").concat(rootPrefixCls, "-\"]"), {
+    fontFamily: fontFamily,
+    fontSize: fontSize
+  });
+};
+var genFocusOutline = function genFocusOutline(token) {
+  return {
+    outline: "".concat(token.lineWidth * 4, "px solid ").concat(token.colorPrimaryBorder),
+    outlineOffset: 1,
+    transition: 'outline-offset 0s, outline 0s'
+  };
+};
+var genFocusStyle = function genFocusStyle(token) {
+  return {
+    '&:focus-visible': extends_extends({}, genFocusOutline(token))
+  };
+};
 ;// CONCATENATED MODULE: ./node_modules/antd/es/version/version.js
-/* harmony default export */ var version = ('5.0.0-experimental.23');
+/* harmony default export */ var version = ('5.0.0-experimental.24');
 ;// CONCATENATED MODULE: ./node_modules/antd/es/version/index.js
 /* eslint import/no-unresolved: 0 */
 // @ts-ignore
@@ -80747,7 +81062,7 @@ var genLinkStyle = function genLinkStyle(token) {
 ;// CONCATENATED MODULE: ./node_modules/antd/es/theme/themes/seed.js
 
 var defaultPresetColors = {
-  blue: '#1890FF',
+  blue: '#1677ff',
   purple: '#722ED1',
   cyan: '#13C2C2',
   green: '#52C41A',
@@ -80767,8 +81082,8 @@ var seedToken = extends_extends(extends_extends({}, defaultPresetColors), {
   colorPrimary: '#1677ff',
   colorSuccess: '#52c41a',
   colorWarning: '#faad14',
-  colorError: '#ff4d4f',
-  colorInfo: '#1890ff',
+  colorError: '#f5222d',
+  colorInfo: '#1677ff',
   colorTextBase: '',
   colorTextLightSolid: '#fff',
   colorBgBase: '',
@@ -80803,7 +81118,9 @@ var seedToken = extends_extends(extends_extends({}, defaultPresetColors), {
   zIndexBase: 0,
   zIndexPopupBase: 1000,
   // Image
-  opacityImage: 1
+  opacityImage: 1,
+  // Wireframe
+  wireframe: false
 });
 
 /* harmony default export */ var seed = (seedToken);
@@ -80841,7 +81158,7 @@ function genColorMapToken(seed, _ref) {
     colorSuccessBgHover: successColors[2],
     colorSuccessBorder: successColors[3],
     colorSuccessBorderHover: successColors[4],
-    colorSuccessHover: successColors[5],
+    colorSuccessHover: successColors[4],
     colorSuccess: successColors[6],
     colorSuccessActive: successColors[7],
     colorSuccessTextHover: successColors[8],
@@ -80851,8 +81168,8 @@ function genColorMapToken(seed, _ref) {
     colorErrorBgHover: errorColors[2],
     colorErrorBorder: errorColors[3],
     colorErrorBorderHover: errorColors[4],
-    colorErrorHover: errorColors[5],
-    colorError: errorColors[6],
+    colorErrorHover: errorColors[4],
+    colorError: errorColors[5],
     colorErrorActive: errorColors[7],
     colorErrorTextHover: errorColors[8],
     colorErrorText: errorColors[9],
@@ -80861,7 +81178,7 @@ function genColorMapToken(seed, _ref) {
     colorWarningBgHover: warningColors[2],
     colorWarningBorder: warningColors[3],
     colorWarningBorderHover: warningColors[4],
-    colorWarningHover: warningColors[5],
+    colorWarningHover: warningColors[4],
     colorWarning: warningColors[6],
     colorWarningActive: warningColors[7],
     colorWarningTextHover: warningColors[8],
@@ -80871,7 +81188,7 @@ function genColorMapToken(seed, _ref) {
     colorInfoBgHover: infoColors[2],
     colorInfoBorder: infoColors[3],
     colorInfoBorderHover: infoColors[4],
-    colorInfoHover: infoColors[5],
+    colorInfoHover: infoColors[4],
     colorInfo: infoColors[6],
     colorInfoActive: infoColors[7],
     colorInfoTextHover: infoColors[8],
@@ -81035,11 +81352,11 @@ var generateNeutralColorPalettes = function generateNeutralColorPalettes(bgBaseC
   return {
     colorBgBase: colorBgBase,
     colorTextBase: colorTextBase,
-    colorText: getAlphaColor(colorTextBase, 0.85),
+    colorText: getAlphaColor(colorTextBase, 0.88),
     colorTextSecondary: getAlphaColor(colorTextBase, 0.65),
     colorTextTertiary: getAlphaColor(colorTextBase, 0.45),
     colorTextQuaternary: getAlphaColor(colorTextBase, 0.25),
-    colorFill: getAlphaColor(colorTextBase, 0.12),
+    colorFill: getAlphaColor(colorTextBase, 0.15),
     colorFillSecondary: getAlphaColor(colorTextBase, 0.06),
     colorFillTertiary: getAlphaColor(colorTextBase, 0.04),
     colorFillQuaternary: getAlphaColor(colorTextBase, 0.02),
@@ -81116,9 +81433,9 @@ function formatToken(derivativeToken) {
   var fontSizeSM = fontSizes[0]; // Generate alias token
 
   var aliasToken = extends_extends(extends_extends(extends_extends({}, mergedToken), {
-    colorLink: mergedToken.colorPrimaryText,
-    colorLinkHover: mergedToken.colorPrimaryTextHover,
-    colorLinkActive: mergedToken.colorPrimaryActive,
+    colorLink: mergedToken.colorInfoText,
+    colorLinkHover: mergedToken.colorInfoHover,
+    colorLinkActive: mergedToken.colorInfoActive,
     // ============== Background ============== //
     colorFillContent: mergedToken.colorFillSecondary,
     colorFillContentHover: mergedToken.colorFill,
@@ -81133,6 +81450,8 @@ function formatToken(derivativeToken) {
     colorTextLabel: mergedToken.colorTextSecondary,
     colorTextDescription: mergedToken.colorTextTertiary,
     colorHighlight: mergedToken.colorError,
+    colorBgTextHover: mergedToken.colorFillSecondary,
+    colorBgTextActive: mergedToken.colorFill,
     colorIcon: mergedToken.colorTextTertiary,
     colorIconHover: mergedToken.colorText,
     colorErrorOutline: mergedToken.colorErrorBg,
@@ -81304,11 +81623,12 @@ function genComponentStyleHook(component, styleFn, getDefaultToken) {
       theme: theme,
       token: token,
       hashId: hashId,
-      path: ['Link']
+      path: ['Shared', rootPrefixCls]
     }, function () {
-      return {
+      return [{
+        // Link
         '&': genLinkStyle(token)
-      };
+      }, genFontStyle(token, rootPrefixCls)];
     });
     return [useStyleRegister({
       theme: theme,
@@ -81370,7 +81690,7 @@ var antCheckboxEffect = new Keyframes('antCheckboxEffect', {
 }); // ============================== Styles ==============================
 
 var genCheckboxStyle = function genCheckboxStyle(token) {
-  var _extends2, _ref, _ref3, _$concat, _$concat2, _ref5;
+  var _extends2, _ref, _ref3, _$concat2, _ref4, _$concat3, _ref5;
 
   var checkboxCls = token.checkboxCls;
   var wrapperCls = "".concat(checkboxCls, "-wrapper");
@@ -81405,7 +81725,7 @@ var genCheckboxStyle = function genCheckboxStyle(token) {
     whiteSpace: 'nowrap',
     lineHeight: 1,
     cursor: 'pointer'
-  }, defineProperty_defineProperty(_extends2, "".concat(checkboxCls, "-input"), {
+  }, defineProperty_defineProperty(_extends2, "".concat(checkboxCls, "-input"), defineProperty_defineProperty({
     position: 'absolute',
     inset: 0,
     zIndex: 1,
@@ -81413,7 +81733,8 @@ var genCheckboxStyle = function genCheckboxStyle(token) {
     height: '100%',
     cursor: 'pointer',
     opacity: 0
-  }), defineProperty_defineProperty(_extends2, "".concat(checkboxCls, "-inner"), {
+  }, "&:focus-visible + ".concat(checkboxCls, "-inner"), extends_extends({}, genFocusOutline(token)))), defineProperty_defineProperty(_extends2, "".concat(checkboxCls, "-inner"), {
+    boxSizing: 'border-box',
     position: 'relative',
     top: 0,
     insetInlineStart: 0,
@@ -81425,8 +81746,9 @@ var genCheckboxStyle = function genCheckboxStyle(token) {
     border: "".concat(token.controlLineWidth, "px ").concat(token.controlLineType, " ").concat(token.colorBorder),
     borderRadius: token.controlRadiusSM,
     borderCollapse: 'separate',
-    transition: "all ".concat(token.motionDurationSlow),
+    transition: "all ".concat(token.motionDurationFast),
     '&:after': {
+      boxSizing: 'border-box',
       position: 'absolute',
       top: '50%',
       insetInlineStart: '21.5%',
@@ -81461,10 +81783,9 @@ var genCheckboxStyle = function genCheckboxStyle(token) {
     })
   }), (_ref3 = {}, defineProperty_defineProperty(_ref3, "".concat(wrapperCls, ":hover ").concat(checkboxCls, ":after"), {
     visibility: 'visible'
-  }), defineProperty_defineProperty(_ref3, "\n      ".concat(wrapperCls, ":hover:not(").concat(wrapperCls, "-disabled),\n      ").concat(checkboxCls, ":hover:not(").concat(checkboxCls, "-disabled),\n      ").concat(checkboxCls, "-input:focus +\n    "), defineProperty_defineProperty({}, "".concat(checkboxCls, "-inner"), {
+  }), defineProperty_defineProperty(_ref3, "\n        ".concat(wrapperCls, ":not(").concat(wrapperCls, "-disabled),\n        ").concat(checkboxCls, ":not(").concat(checkboxCls, "-disabled)\n      "), defineProperty_defineProperty({}, "&:hover ".concat(checkboxCls, "-inner"), {
     borderColor: token.colorPrimary
-  })), _ref3), // ==================== Checked ====================
-  defineProperty_defineProperty({}, "".concat(checkboxCls, "-checked"), (_$concat = {}, defineProperty_defineProperty(_$concat, "".concat(checkboxCls, "-inner"), {
+  })), _ref3), (_ref4 = {}, defineProperty_defineProperty(_ref4, "".concat(checkboxCls, "-checked"), (_$concat2 = {}, defineProperty_defineProperty(_$concat2, "".concat(checkboxCls, "-inner"), {
     backgroundColor: token.colorPrimary,
     borderColor: token.colorPrimary,
     '&:after': {
@@ -81472,13 +81793,12 @@ var genCheckboxStyle = function genCheckboxStyle(token) {
       transform: 'rotate(45deg) scale(1) translate(-50%,-50%)',
       transition: "all ".concat(token.motionDurationSlow, " ").concat(token.motionEaseOutBack, " ").concat(token.motionDurationFast)
     }
-  }), defineProperty_defineProperty(_$concat, '&:after', {
+  }), defineProperty_defineProperty(_$concat2, '&:after', {
     position: 'absolute',
     top: 0,
     insetInlineStart: 0,
     width: '100%',
     height: '100%',
-    border: "".concat(token.controlLineWidth, "px ").concat(token.controlLineType, " ").concat(token.colorPrimary),
     borderRadius: token.controlRadiusSM,
     visibility: 'hidden',
     animationName: antCheckboxEffect,
@@ -81486,21 +81806,24 @@ var genCheckboxStyle = function genCheckboxStyle(token) {
     animationTimingFunction: 'ease-in-out',
     animationFillMode: 'backwards',
     content: '""'
-  }), _$concat)), (_ref5 = {}, defineProperty_defineProperty(_ref5, "".concat(wrapperCls, "-disabled"), {
+  }), _$concat2)), defineProperty_defineProperty(_ref4, "\n        ".concat(wrapperCls, "-checked:not(").concat(wrapperCls, "-disabled),\n        ").concat(checkboxCls, "-checked:not(").concat(checkboxCls, "-disabled)\n      "), defineProperty_defineProperty({}, "&:hover ".concat(checkboxCls, "-inner"), {
+    backgroundColor: token.colorPrimaryHover,
+    borderColor: 'transparent'
+  })), _ref4), (_ref5 = {}, defineProperty_defineProperty(_ref5, "".concat(wrapperCls, "-disabled"), {
     cursor: 'not-allowed'
-  }), defineProperty_defineProperty(_ref5, "".concat(checkboxCls, "-disabled"), (_$concat2 = {}, defineProperty_defineProperty(_$concat2, "&, ".concat(checkboxCls, "-input"), {
+  }), defineProperty_defineProperty(_ref5, "".concat(checkboxCls, "-disabled"), (_$concat3 = {}, defineProperty_defineProperty(_$concat3, "&, ".concat(checkboxCls, "-input"), {
     cursor: 'not-allowed'
-  }), defineProperty_defineProperty(_$concat2, "".concat(checkboxCls, "-inner"), {
+  }), defineProperty_defineProperty(_$concat3, "".concat(checkboxCls, "-inner"), {
     background: token.colorBgContainerDisabled,
     borderColor: token.colorBorder,
     '&:after': {
       borderColor: token.colorTextDisabled
     }
-  }), defineProperty_defineProperty(_$concat2, '&:after', {
+  }), defineProperty_defineProperty(_$concat3, '&:after', {
     display: 'none'
-  }), defineProperty_defineProperty(_$concat2, '& + span', {
+  }), defineProperty_defineProperty(_$concat3, '& + span', {
     color: token.colorTextDisabled
-  }), _$concat2)), _ref5)];
+  }), _$concat3)), _ref5)];
 }; // ============================== Export ==============================
 
 function getStyle(prefixCls, token) {
@@ -87998,7 +88321,10 @@ function isFragment(child) {
   return child && child.type === external_React_.Fragment;
 }
 function replaceElement(element, replacement, props) {
-  if (!isValidElement(element)) return replacement;
+  if (!isValidElement(element)) {
+    return replacement;
+  }
+
   return /*#__PURE__*/external_React_.cloneElement(element, typeof props === 'function' ? props(element.props || {}) : props);
 }
 function cloneElement(element, props) {
@@ -88584,6 +88910,7 @@ var genGroupStyle = function genGroupStyle(token) {
 
 
 
+
  // ============================== Shared ==============================
 
 var genSharedButtonStyle = function genSharedButtonStyle(token) {
@@ -88602,7 +88929,7 @@ var genSharedButtonStyle = function genSharedButtonStyle(token) {
     backgroundColor: 'transparent',
     border: "".concat(token.controlLineWidth, "px ").concat(token.controlLineType, " transparent"),
     cursor: 'pointer',
-    transition: "all ".concat(token.motionDurationSlow, " ").concat(token.motionEaseInOut),
+    transition: "all ".concat(token.motionDurationFast, " ").concat(token.motionEaseInOut),
     userSelect: 'none',
     touchAction: 'manipulation',
     lineHeight: token.lineHeight,
@@ -88614,13 +88941,13 @@ var genSharedButtonStyle = function genSharedButtonStyle(token) {
     marginInlineStart: token.marginXS
   }), defineProperty_defineProperty(_componentCls, "&".concat(componentCls, "-block"), {
     width: '100%'
-  }), _componentCls));
+  }), defineProperty_defineProperty(_componentCls, '&:not(:disabled)', extends_extends({}, genFocusStyle(token))), _componentCls));
 };
 
 var genHoverActiveButtonStyle = function genHoverActiveButtonStyle(hoverStyle, activeStyle) {
   return {
     '&:not(:disabled)': {
-      '&:hover, &:focus': hoverStyle,
+      '&:hover': hoverStyle,
       '&:active': activeStyle
     }
   };
@@ -88841,12 +89168,8 @@ var genSizeLargeButtonStyle = function genSizeLargeButtonStyle(token) {
 
 
 /* harmony default export */ var button_style = (genComponentStyleHook('Button', function (token) {
-  var controlTmpOutline = token.controlTmpOutline,
-      colorFillQuaternary = token.colorFillQuaternary,
-      colorFillTertiary = token.colorFillTertiary;
+  var controlTmpOutline = token.controlTmpOutline;
   var buttonToken = statistic_merge(token, {
-    colorBgTextHover: colorFillQuaternary,
-    colorBgTextActive: colorFillTertiary,
     colorOutlineDefault: controlTmpOutline
   });
   return [// Shared
@@ -89136,6 +89459,205 @@ Button.__ANT_BUTTON = true;
 ;// CONCATENATED MODULE: ./node_modules/antd/es/button/index.js
 
 /* harmony default export */ var es_button = (button_button);
+;// CONCATENATED MODULE: ./node_modules/antd/es/style/roundedArrow.js
+var roundedArrow = function roundedArrow(width, innerRadius, outerRadius, bgColor, boxShadow) {
+  var unitWidth = width / 2;
+  var ax = unitWidth - outerRadius * (Math.sqrt(2) - 1);
+  var ay = unitWidth;
+  var bx = unitWidth + outerRadius * (1 - 1 / Math.sqrt(2));
+  var by = unitWidth - outerRadius * (1 - 1 / Math.sqrt(2));
+  var cx = 2 * unitWidth - innerRadius * (1 / Math.sqrt(2));
+  var cy = innerRadius * (1 / Math.sqrt(2));
+  var dx = 4 * unitWidth - cx;
+  var dy = cy;
+  var ex = 4 * unitWidth - bx;
+  var ey = by;
+  var fx = 4 * unitWidth - ax;
+  var fy = ay;
+  return {
+    borderRadius: {
+      _skip_check_: true,
+      value: "0 0 ".concat(innerRadius, "px")
+    },
+    pointerEvents: 'none',
+    width: width * 2,
+    height: width * 2,
+    overflow: 'hidden',
+    '&::after': {
+      content: '""',
+      position: 'absolute',
+      width: width / Math.sqrt(2),
+      height: width / Math.sqrt(2),
+      bottom: 0,
+      insetInline: 0,
+      margin: 'auto',
+      borderRadius: {
+        _skip_check_: true,
+        value: "0 0 ".concat(innerRadius, "px 0")
+      },
+      transform: 'translateY(50%) rotate(-135deg)',
+      boxShadow: boxShadow,
+      zIndex: 0,
+      background: 'transparent'
+    },
+    '&::before': {
+      position: 'absolute',
+      bottom: 0,
+      insetInlineStart: 0,
+      width: width * 2,
+      height: width / 2,
+      background: bgColor,
+      clipPath: "path('M ".concat(ax, " ").concat(ay, " A ").concat(outerRadius, " ").concat(outerRadius, " 0 0 0 ").concat(bx, " ").concat(by, " L ").concat(cx, " ").concat(cy, " A ").concat(innerRadius, " ").concat(innerRadius, " 0 0 1 ").concat(dx, " ").concat(dy, " L ").concat(ex, " ").concat(ey, " A ").concat(outerRadius, " ").concat(outerRadius, " 0 0 0 ").concat(fx, " ").concat(fy, " Z')"),
+      content: '""'
+    }
+  };
+};
+;// CONCATENATED MODULE: ./node_modules/antd/es/style/placementArrow.js
+
+
+
+
+function connectArrowCls(classList) {
+  var showArrowCls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  return classList.map(function (cls) {
+    return "".concat(showArrowCls).concat(cls);
+  }).join(',');
+}
+
+var MAX_VERTICAL_CONTENT_RADIUS = 8;
+function getArrowOffset(options) {
+  var maxVerticalContentRadius = MAX_VERTICAL_CONTENT_RADIUS;
+  var sizePopupArrow = options.sizePopupArrow,
+      contentRadius = options.contentRadius,
+      radiusOuter = options.radiusOuter,
+      limitVerticalRadius = options.limitVerticalRadius;
+  var arrowInnerOffset = sizePopupArrow / 2 - Math.ceil(radiusOuter * (Math.sqrt(2) - 1));
+  var dropdownArrowOffset = (contentRadius > 12 ? contentRadius + 2 : 12) - arrowInnerOffset;
+  var dropdownArrowOffsetVertical = limitVerticalRadius ? maxVerticalContentRadius - arrowInnerOffset : dropdownArrowOffset;
+  return {
+    dropdownArrowOffset: dropdownArrowOffset,
+    dropdownArrowOffsetVertical: dropdownArrowOffsetVertical
+  };
+}
+function getArrowStyle(token, options) {
+  var _componentCls;
+
+  var componentCls = token.componentCls,
+      sizePopupArrow = token.sizePopupArrow,
+      marginXXS = token.marginXXS,
+      radiusXS = token.radiusXS,
+      radiusOuter = token.radiusOuter,
+      boxShadowPopoverArrow = token.boxShadowPopoverArrow;
+  var colorBg = options.colorBg,
+      showArrowCls = options.showArrowCls,
+      _options$contentRadiu = options.contentRadius,
+      contentRadius = _options$contentRadiu === void 0 ? token.radiusLG : _options$contentRadiu,
+      limitVerticalRadius = options.limitVerticalRadius;
+
+  var _getArrowOffset = getArrowOffset({
+    sizePopupArrow: sizePopupArrow,
+    contentRadius: contentRadius,
+    radiusOuter: radiusOuter,
+    limitVerticalRadius: limitVerticalRadius
+  }),
+      dropdownArrowOffsetVertical = _getArrowOffset.dropdownArrowOffsetVertical,
+      dropdownArrowOffset = _getArrowOffset.dropdownArrowOffset;
+
+  var dropdownArrowDistance = sizePopupArrow + marginXXS;
+  return defineProperty_defineProperty({}, componentCls, (_componentCls = {}, defineProperty_defineProperty(_componentCls, "".concat(componentCls, "-arrow"), [extends_extends(extends_extends({
+    position: 'absolute',
+    zIndex: 1,
+    display: 'block'
+  }, roundedArrow(sizePopupArrow, radiusXS, radiusOuter, colorBg, boxShadowPopoverArrow)), {
+    '&:before': {
+      background: colorBg
+    }
+  })]), defineProperty_defineProperty(_componentCls, ["&-placement-top ".concat(componentCls, "-arrow"), "&-placement-topLeft ".concat(componentCls, "-arrow"), "&-placement-topRight ".concat(componentCls, "-arrow")].join(','), {
+    bottom: 0,
+    transform: 'translateY(100%) rotate(180deg)'
+  }), defineProperty_defineProperty(_componentCls, "&-placement-top ".concat(componentCls, "-arrow"), {
+    left: {
+      _skip_check_: true,
+      value: '50%'
+    },
+    transform: 'translateX(-50%) translateY(100%) rotate(180deg)'
+  }), defineProperty_defineProperty(_componentCls, "&-placement-topLeft ".concat(componentCls, "-arrow"), {
+    left: {
+      _skip_check_: true,
+      value: dropdownArrowOffset
+    }
+  }), defineProperty_defineProperty(_componentCls, "&-placement-topRight ".concat(componentCls, "-arrow"), {
+    right: {
+      _skip_check_: true,
+      value: dropdownArrowOffset
+    }
+  }), defineProperty_defineProperty(_componentCls, ["&-placement-bottom ".concat(componentCls, "-arrow"), "&-placement-bottomLeft ".concat(componentCls, "-arrow"), "&-placement-bottomRight ".concat(componentCls, "-arrow")].join(','), {
+    top: 0,
+    transform: "translateY(-100%)"
+  }), defineProperty_defineProperty(_componentCls, "&-placement-bottom ".concat(componentCls, "-arrow"), {
+    left: {
+      _skip_check_: true,
+      value: '50%'
+    },
+    transform: "translateX(-50%) translateY(-100%)"
+  }), defineProperty_defineProperty(_componentCls, "&-placement-bottomLeft ".concat(componentCls, "-arrow"), {
+    left: {
+      _skip_check_: true,
+      value: dropdownArrowOffset
+    }
+  }), defineProperty_defineProperty(_componentCls, "&-placement-bottomRight ".concat(componentCls, "-arrow"), {
+    right: {
+      _skip_check_: true,
+      value: dropdownArrowOffset
+    }
+  }), defineProperty_defineProperty(_componentCls, ["&-placement-left ".concat(componentCls, "-arrow"), "&-placement-leftTop ".concat(componentCls, "-arrow"), "&-placement-leftBottom ".concat(componentCls, "-arrow")].join(','), {
+    right: {
+      _skip_check_: true,
+      value: 0
+    },
+    transform: 'translateX(100%) rotate(90deg)'
+  }), defineProperty_defineProperty(_componentCls, "&-placement-left ".concat(componentCls, "-arrow"), {
+    top: {
+      _skip_check_: true,
+      value: '50%'
+    },
+    transform: 'translateY(-50%) translateX(100%) rotate(90deg)'
+  }), defineProperty_defineProperty(_componentCls, "&-placement-leftTop ".concat(componentCls, "-arrow"), {
+    top: dropdownArrowOffsetVertical
+  }), defineProperty_defineProperty(_componentCls, "&-placement-leftBottom ".concat(componentCls, "-arrow"), {
+    bottom: dropdownArrowOffsetVertical
+  }), defineProperty_defineProperty(_componentCls, ["&-placement-right ".concat(componentCls, "-arrow"), "&-placement-rightTop ".concat(componentCls, "-arrow"), "&-placement-rightBottom ".concat(componentCls, "-arrow")].join(','), {
+    left: {
+      _skip_check_: true,
+      value: 0
+    },
+    transform: 'translateX(-100%) rotate(-90deg)'
+  }), defineProperty_defineProperty(_componentCls, "&-placement-right ".concat(componentCls, "-arrow"), {
+    top: {
+      _skip_check_: true,
+      value: '50%'
+    },
+    transform: 'translateY(-50%) translateX(-100%) rotate(-90deg)'
+  }), defineProperty_defineProperty(_componentCls, "&-placement-rightTop ".concat(componentCls, "-arrow"), {
+    top: dropdownArrowOffsetVertical
+  }), defineProperty_defineProperty(_componentCls, "&-placement-rightBottom ".concat(componentCls, "-arrow"), {
+    bottom: dropdownArrowOffsetVertical
+  }), defineProperty_defineProperty(_componentCls, connectArrowCls(["&-placement-topLeft", "&-placement-top", "&-placement-topRight"], showArrowCls), {
+    paddingBottom: dropdownArrowDistance
+  }), defineProperty_defineProperty(_componentCls, connectArrowCls(["&-placement-bottomLeft", "&-placement-bottom", "&-placement-bottomRight"], showArrowCls), {
+    paddingTop: dropdownArrowDistance
+  }), defineProperty_defineProperty(_componentCls, connectArrowCls(["&-placement-leftTop", "&-placement-left", "&-placement-leftBottom"], showArrowCls), {
+    paddingRight: {
+      _skip_check_: true,
+      value: dropdownArrowDistance
+    }
+  }), defineProperty_defineProperty(_componentCls, connectArrowCls(["&-placement-rightTop", "&-placement-right", "&-placement-rightBottom"], showArrowCls), {
+    paddingLeft: {
+      _skip_check_: true,
+      value: dropdownArrowDistance
+    }
+  }), _componentCls));
+}
 ;// CONCATENATED MODULE: ./node_modules/antd/es/style/motion/motion.js
 
 
@@ -89478,59 +90000,6 @@ var genStatusStyle = function genStatusStyle(token) {
 };
 
 /* harmony default export */ var style_status = (genStatusStyle);
-;// CONCATENATED MODULE: ./node_modules/antd/es/style/roundedArrow.js
-var roundedArrow = function roundedArrow(width, innerRadius, outerRadius, bgColor, boxShadow) {
-  var unitWidth = width / 2;
-  var ax = unitWidth - outerRadius * (Math.sqrt(2) - 1);
-  var ay = unitWidth;
-  var bx = unitWidth + outerRadius * (1 - 1 / Math.sqrt(2));
-  var by = unitWidth - outerRadius * (1 - 1 / Math.sqrt(2));
-  var cx = 2 * unitWidth - innerRadius * (1 / Math.sqrt(2));
-  var cy = innerRadius * (1 / Math.sqrt(2));
-  var dx = 4 * unitWidth - cx;
-  var dy = cy;
-  var ex = 4 * unitWidth - bx;
-  var ey = by;
-  var fx = 4 * unitWidth - ax;
-  var fy = ay;
-  return {
-    borderRadius: {
-      _skip_check_: true,
-      value: "0 0 ".concat(innerRadius, "px")
-    },
-    pointerEvents: 'none',
-    width: width * 2,
-    height: width * 2,
-    overflow: 'hidden',
-    '&::after': {
-      content: '""',
-      position: 'absolute',
-      width: width / Math.sqrt(2),
-      height: width / Math.sqrt(2),
-      bottom: 0,
-      insetInline: 0,
-      margin: 'auto',
-      borderRadius: {
-        _skip_check_: true,
-        value: "0 0 ".concat(innerRadius, "px 0")
-      },
-      transform: 'translateY(50%) rotate(-135deg)',
-      boxShadow: boxShadow,
-      zIndex: 0,
-      background: 'transparent'
-    },
-    '&::before': {
-      position: 'absolute',
-      bottom: 0,
-      insetInlineStart: 0,
-      width: width * 2,
-      height: width / 2,
-      background: bgColor,
-      clipPath: "path('M ".concat(ax, " ").concat(ay, " A ").concat(outerRadius, " ").concat(outerRadius, " 0 0 0 ").concat(bx, " ").concat(by, " L ").concat(cx, " ").concat(cy, " A ").concat(innerRadius, " ").concat(innerRadius, " 0 0 1 ").concat(dx, " ").concat(dy, " L ").concat(ex, " ").concat(ey, " A ").concat(outerRadius, " ").concat(outerRadius, " 0 0 0 ").concat(fx, " ").concat(fy, " Z')"),
-      content: '""'
-    }
-  };
-};
 ;// CONCATENATED MODULE: ./node_modules/antd/es/dropdown/style/index.js
 
 
@@ -89538,10 +90007,11 @@ var roundedArrow = function roundedArrow(width, innerRadius, outerRadius, bgColo
 
 
 
+
  // =============================== Base ===============================
 
 var genBaseStyle = function genBaseStyle(token) {
-  var _$concat, _extends2, _$concat$concat, _menuCls, _ref2;
+  var _$concat, _extends2, _extends5, _ref2;
 
   var componentCls = token.componentCls,
       menuCls = token.menuCls,
@@ -89552,10 +90022,10 @@ var genBaseStyle = function genBaseStyle(token) {
       antCls = token.antCls,
       iconCls = token.iconCls,
       motionDurationMid = token.motionDurationMid,
-      motionDurationSlow = token.motionDurationSlow,
+      motionDurationFast = token.motionDurationFast,
       dropdownPaddingVertical = token.dropdownPaddingVertical,
       fontSizeBase = token.fontSizeBase,
-      dropdownEdgeChildVerticalPadding = token.dropdownEdgeChildVerticalPadding,
+      dropdownEdgeChildPadding = token.dropdownEdgeChildPadding,
       radiusBase = token.radiusBase,
       colorTextDisabled = token.colorTextDisabled,
       fontSizeIcon = token.fontSizeIcon,
@@ -89659,31 +90129,32 @@ var genBaseStyle = function genBaseStyle(token) {
     ul: {
       marginInline: '0.3em'
     }
-  }), defineProperty_defineProperty(_ref2, "".concat(componentCls, ", ").concat(componentCls, "-menu-submenu"), defineProperty_defineProperty({}, menuCls, (_menuCls = {
-    padding: "".concat(dropdownEdgeChildVerticalPadding, "px 0"),
+  }), defineProperty_defineProperty(_ref2, "".concat(componentCls, ", ").concat(componentCls, "-menu-submenu"), defineProperty_defineProperty({}, menuCls, extends_extends(extends_extends({
+    padding: dropdownEdgeChildPadding,
     listStyleType: 'none',
     backgroundColor: colorBgElevated,
     backgroundClip: 'padding-box',
     borderRadius: token.controlRadiusLG,
     outline: 'none',
     boxShadow: token.boxShadowSecondary
-  }, defineProperty_defineProperty(_menuCls, "".concat(menuCls, "-item-group-title"), {
+  }, genFocusStyle(token)), (_extends5 = {}, defineProperty_defineProperty(_extends5, "".concat(menuCls, "-item-group-title"), {
     padding: "".concat(dropdownPaddingVertical, "px ").concat(controlPaddingHorizontal, "px"),
     color: token.colorTextDescription,
-    transition: "all ".concat(motionDurationSlow)
-  }), defineProperty_defineProperty(_menuCls, "".concat(menuCls, "-item"), {
+    transition: "all ".concat(motionDurationFast)
+  }), defineProperty_defineProperty(_extends5, "".concat(menuCls, "-item"), {
     position: 'relative',
     display: 'flex',
-    alignItems: 'center'
-  }), defineProperty_defineProperty(_menuCls, "".concat(menuCls, "-item-icon"), {
+    alignItems: 'center',
+    borderRadius: token.radiusSM
+  }), defineProperty_defineProperty(_extends5, "".concat(menuCls, "-item-icon"), {
     minWidth: fontSizeBase,
     marginInlineEnd: token.marginXS,
     fontSize: token.fontSizeSM
-  }), defineProperty_defineProperty(_menuCls, "".concat(menuCls, "-title-content"), {
+  }), defineProperty_defineProperty(_extends5, "".concat(menuCls, "-title-content"), {
     flex: 'auto',
     '> a': {
       color: 'inherit',
-      transition: "all ".concat(motionDurationSlow),
+      transition: "all ".concat(motionDurationFast),
       '&:hover': {
         color: 'inherit'
       },
@@ -89693,7 +90164,7 @@ var genBaseStyle = function genBaseStyle(token) {
         content: '""'
       }
     }
-  }), defineProperty_defineProperty(_menuCls, "".concat(menuCls, "-item, ").concat(menuCls, "-submenu-title"), (_$concat$concat = {
+  }), defineProperty_defineProperty(_extends5, "".concat(menuCls, "-item, ").concat(menuCls, "-submenu-title"), extends_extends(extends_extends(defineProperty_defineProperty({
     clear: 'both',
     margin: 0,
     padding: "".concat(dropdownPaddingVertical, "px ").concat(controlPaddingHorizontal, "px"),
@@ -89702,37 +90173,43 @@ var genBaseStyle = function genBaseStyle(token) {
     fontSize: fontSizeBase,
     lineHeight: token.lineHeight,
     cursor: 'pointer',
-    transition: "all ".concat(motionDurationSlow),
-    '&:first-child': !dropdownEdgeChildVerticalPadding ? {
+    transition: "all ".concat(motionDurationFast),
+    '&:first-child': !dropdownEdgeChildPadding ? {
       borderRadius: "".concat(radiusBase, "px ").concat(radiusBase, "px 0 0")
     } : [],
-    '&:last-child': !dropdownEdgeChildVerticalPadding ? {
+    '&:last-child': !dropdownEdgeChildPadding ? {
       borderRadius: "0 0 ".concat(radiusBase, "px ").concat(radiusBase, "px")
-    } : [],
+    } : []
+  }, "&:hover, &-active", {
+    backgroundColor: token.controlItemBgHover
+  }), genFocusStyle(token)), defineProperty_defineProperty({
     '&-selected': {
       color: token.colorPrimary,
-      backgroundColor: token.controlItemBgActive
-    }
-  }, defineProperty_defineProperty(_$concat$concat, "&:hover, &-active", {
-    backgroundColor: token.controlItemBgHover
-  }), defineProperty_defineProperty(_$concat$concat, '&-disabled', {
-    color: colorTextDisabled,
-    cursor: 'not-allowed',
-    '&:hover': {
+      backgroundColor: token.controlItemBgActive,
+      '&:hover, &-active': {
+        backgroundColor: token.controlItemBgActiveHover
+      }
+    },
+    '&-disabled': {
       color: colorTextDisabled,
-      backgroundColor: colorBgElevated,
-      cursor: 'not-allowed'
+      cursor: 'not-allowed',
+      '&:hover': {
+        color: colorTextDisabled,
+        backgroundColor: colorBgElevated,
+        cursor: 'not-allowed'
+      },
+      a: {
+        pointerEvents: 'none'
+      }
     },
-    a: {
-      pointerEvents: 'none'
+    '&-divider': {
+      height: 1,
+      margin: "".concat(token.marginXXS, "px 0"),
+      overflow: 'hidden',
+      lineHeight: 0,
+      backgroundColor: token.colorSplit
     }
-  }), defineProperty_defineProperty(_$concat$concat, '&-divider', {
-    height: 1,
-    margin: "".concat(token.marginXXS, "px 0"),
-    overflow: 'hidden',
-    lineHeight: 0,
-    backgroundColor: token.colorSplit
-  }), defineProperty_defineProperty(_$concat$concat, "".concat(componentCls, "-menu-submenu-expand-icon"), defineProperty_defineProperty({
+  }, "".concat(componentCls, "-menu-submenu-expand-icon"), defineProperty_defineProperty({
     position: 'absolute',
     insetInlineEnd: token.paddingXS
   }, "".concat(componentCls, "-menu-submenu-arrow-icon"), {
@@ -89740,21 +90217,21 @@ var genBaseStyle = function genBaseStyle(token) {
     color: token.colorTextDescription,
     fontSize: fontSizeIcon,
     fontStyle: 'normal'
-  })), _$concat$concat)), defineProperty_defineProperty(_menuCls, "".concat(menuCls, "-item-group-list"), {
+  })))), defineProperty_defineProperty(_extends5, "".concat(menuCls, "-item-group-list"), {
     margin: "0 ".concat(token.marginXS, "px"),
     padding: 0,
     listStyle: 'none'
-  }), defineProperty_defineProperty(_menuCls, "".concat(menuCls, "-submenu-title"), {
+  }), defineProperty_defineProperty(_extends5, "".concat(menuCls, "-submenu-title"), {
     paddingInlineEnd: controlPaddingHorizontal + token.fontSizeSM
-  }), defineProperty_defineProperty(_menuCls, "".concat(menuCls, "-submenu-vertical"), {
+  }), defineProperty_defineProperty(_extends5, "".concat(menuCls, "-submenu-vertical"), {
     position: 'relative'
-  }), defineProperty_defineProperty(_menuCls, "".concat(menuCls, "-submenu").concat(menuCls, "-submenu-disabled ").concat(componentCls, "-menu-submenu-title"), defineProperty_defineProperty({}, "&, ".concat(componentCls, "-menu-submenu-arrow-icon"), {
+  }), defineProperty_defineProperty(_extends5, "".concat(menuCls, "-submenu").concat(menuCls, "-submenu-disabled ").concat(componentCls, "-menu-submenu-title"), defineProperty_defineProperty({}, "&, ".concat(componentCls, "-menu-submenu-arrow-icon"), {
     color: colorTextDisabled,
     backgroundColor: colorBgElevated,
     cursor: 'not-allowed'
-  })), defineProperty_defineProperty(_menuCls, "".concat(menuCls, "-submenu-selected ").concat(componentCls, "-menu-submenu-title"), {
+  })), defineProperty_defineProperty(_extends5, "".concat(menuCls, "-submenu-selected ").concat(componentCls, "-menu-submenu-title"), {
     color: token.colorPrimary
-  }), _menuCls))), _ref2), // Follow code may reuse in other components
+  }), _extends5)))), _ref2), // Follow code may reuse in other components
   [initSlideMotion(token, 'slide-up'), initSlideMotion(token, 'slide-down'), initMoveMotion(token, 'move-up'), initMoveMotion(token, 'move-down')]];
 }; // ============================== Export ==============================
 
@@ -89767,15 +90244,25 @@ var genBaseStyle = function genBaseStyle(token) {
       fontSizeBase = token.fontSizeBase,
       lineHeight = token.lineHeight,
       paddingXXS = token.paddingXXS,
-      componentCls = token.componentCls;
+      componentCls = token.componentCls,
+      radiusOuter = token.radiusOuter,
+      radiusLG = token.radiusLG;
   var dropdownPaddingVertical = (controlHeight - fontSizeBase * lineHeight) / 2;
+
+  var _getArrowOffset = getArrowOffset({
+    sizePopupArrow: sizePopupArrow,
+    contentRadius: radiusLG,
+    radiusOuter: radiusOuter
+  }),
+      dropdownArrowOffset = _getArrowOffset.dropdownArrowOffset;
+
   var dropdownToken = statistic_merge(token, {
     menuCls: "".concat(componentCls, "-menu"),
     rootPrefixCls: rootPrefixCls,
     dropdownArrowDistance: sizePopupArrow + marginXXS,
-    dropdownArrowOffset: sizePopupArrow / Math.sqrt(2) * 2,
+    dropdownArrowOffset: dropdownArrowOffset,
     dropdownPaddingVertical: dropdownPaddingVertical,
-    dropdownEdgeChildVerticalPadding: paddingXXS
+    dropdownEdgeChildPadding: paddingXXS
   });
   return [genBaseStyle(dropdownToken), style_button(dropdownToken), style_status(dropdownToken)];
 }, function (token) {
@@ -89935,14 +90422,6 @@ var dropdown_Dropdown = function Dropdown(props) {
       getPrefixCls = _React$useContext.getPrefixCls,
       direction = _React$useContext.direction;
 
-  [['visible', 'open'], ['onVisibleChange', 'onOpenChange']].forEach(function (_ref) {
-    var _ref2 = slicedToArray_slicedToArray(_ref, 2),
-        deprecatedName = _ref2[0],
-        newName = _ref2[1];
-
-     false ? 0 : void 0;
-  });
-
   var getTransitionName = function getTransitionName() {
     var rootPrefixCls = getPrefixCls();
     var _props$placement = props.placement,
@@ -89984,7 +90463,12 @@ var dropdown_Dropdown = function Dropdown(props) {
       getPopupContainer = props.getPopupContainer,
       overlayClassName = props.overlayClassName,
       open = props.open,
-      onOpenChange = props.onOpenChange;
+      onOpenChange = props.onOpenChange,
+      visible = props.visible,
+      onVisibleChange = props.onVisibleChange;
+
+  if (false) {}
+
   var prefixCls = getPrefixCls('dropdown', customizePrefixCls);
 
   var _useStyle = dropdown_style(prefixCls),
@@ -90006,7 +90490,7 @@ var dropdown_Dropdown = function Dropdown(props) {
 
 
   var _useMergedState = useMergedState_useMergedState(false, {
-    value: open
+    value: open !== null && open !== void 0 ? open : visible
   }),
       _useMergedState2 = slicedToArray_slicedToArray(_useMergedState, 2),
       mergedOpen = _useMergedState2[0],
@@ -90014,6 +90498,7 @@ var dropdown_Dropdown = function Dropdown(props) {
 
   var onInnerOpenChange = useEvent(function (nextOpen) {
     onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(nextOpen);
+    onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(nextOpen);
     setOpen(nextOpen);
   }); // =========================== Overlay ============================
 
@@ -92620,9 +93105,6 @@ function Divider_Divider(_ref) {
 
 
 
-/** @private Only used for antd internal. Do not use in your production. */
-
-var es_useFullPath = useFullPath;
 
 var ExportMenu = es_Menu;
 ExportMenu.Item = es_MenuItem;
@@ -92960,12 +93442,9 @@ var getRTLStyle = function getRTLStyle(_ref) {
 
 
 
+
 var accessibilityFocus = function accessibilityFocus(token) {
-  var controlOutlineWidth = token.controlOutlineWidth,
-      colorPrimaryHover = token.colorPrimaryHover;
-  return {
-    boxShadow: "0 0 0 ".concat(controlOutlineWidth, "px ").concat(colorPrimaryHover)
-  };
+  return extends_extends({}, genFocusOutline(token));
 };
 
 var getThemeStyle = function getThemeStyle(token) {
@@ -93891,124 +94370,6 @@ var PresetStatusColorTypes = tuple('success', 'processing', 'error', 'default',
 var PresetColorTypes = tuple('pink', 'red', 'yellow', 'orange', 'cyan', 'green', 'blue', 'purple', 'geekblue', 'magenta', 'volcano', 'gold', 'lime');
 ;// CONCATENATED MODULE: ./node_modules/antd/es/theme/interface.js
 var PresetColors = ['blue', 'purple', 'cyan', 'green', 'magenta', 'pink', 'red', 'orange', 'yellow', 'volcano', 'geekblue', 'lime', 'gold'];
-;// CONCATENATED MODULE: ./node_modules/antd/es/style/placementArrow.js
-
-
-
-
-function connectArrowCls(classList) {
-  var showArrowCls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  return classList.map(function (cls) {
-    return "".concat(showArrowCls).concat(cls);
-  }).join(',');
-}
-
-function getArrowStyle(token, colorBg, showArrowCls, arrowMargin) {
-  var _componentCls;
-
-  var componentCls = token.componentCls,
-      sizePopupArrow = token.sizePopupArrow,
-      marginXXS = token.marginXXS,
-      radiusXS = token.radiusXS,
-      radiusOuter = token.radiusOuter,
-      boxShadowPopoverArrow = token.boxShadowPopoverArrow,
-      marginXS = token.marginXS;
-  var dropdownArrowOffset = arrowMargin !== null && arrowMargin !== void 0 ? arrowMargin : marginXS;
-  var dropdownArrowDistance = sizePopupArrow + marginXXS;
-  return defineProperty_defineProperty({}, componentCls, (_componentCls = {}, defineProperty_defineProperty(_componentCls, "".concat(componentCls, "-arrow"), [extends_extends(extends_extends({
-    position: 'absolute',
-    zIndex: 1,
-    display: 'block'
-  }, roundedArrow(sizePopupArrow, radiusXS, radiusOuter, colorBg, boxShadowPopoverArrow)), {
-    '&:before': {
-      background: colorBg
-    }
-  })]), defineProperty_defineProperty(_componentCls, ["&-placement-top ".concat(componentCls, "-arrow"), "&-placement-topLeft ".concat(componentCls, "-arrow"), "&-placement-topRight ".concat(componentCls, "-arrow")].join(','), {
-    bottom: 0,
-    transform: 'translateY(100%) rotate(180deg)'
-  }), defineProperty_defineProperty(_componentCls, "&-placement-top ".concat(componentCls, "-arrow"), {
-    left: {
-      _skip_check_: true,
-      value: '50%'
-    },
-    transform: 'translateX(-50%) translateY(100%) rotate(180deg)'
-  }), defineProperty_defineProperty(_componentCls, "&-placement-topLeft ".concat(componentCls, "-arrow"), {
-    left: {
-      _skip_check_: true,
-      value: dropdownArrowOffset
-    }
-  }), defineProperty_defineProperty(_componentCls, "&-placement-topRight ".concat(componentCls, "-arrow"), {
-    right: {
-      _skip_check_: true,
-      value: dropdownArrowOffset
-    }
-  }), defineProperty_defineProperty(_componentCls, ["&-placement-bottom ".concat(componentCls, "-arrow"), "&-placement-bottomLeft ".concat(componentCls, "-arrow"), "&-placement-bottomRight ".concat(componentCls, "-arrow")].join(','), {
-    top: 0,
-    transform: "translateY(-100%)"
-  }), defineProperty_defineProperty(_componentCls, "&-placement-bottom ".concat(componentCls, "-arrow"), {
-    left: {
-      _skip_check_: true,
-      value: '50%'
-    },
-    transform: "translateX(-50%) translateY(-100%)"
-  }), defineProperty_defineProperty(_componentCls, "&-placement-bottomLeft ".concat(componentCls, "-arrow"), {
-    left: {
-      _skip_check_: true,
-      value: dropdownArrowOffset
-    }
-  }), defineProperty_defineProperty(_componentCls, "&-placement-bottomRight ".concat(componentCls, "-arrow"), {
-    right: {
-      _skip_check_: true,
-      value: dropdownArrowOffset
-    }
-  }), defineProperty_defineProperty(_componentCls, ["&-placement-left ".concat(componentCls, "-arrow"), "&-placement-leftTop ".concat(componentCls, "-arrow"), "&-placement-leftBottom ".concat(componentCls, "-arrow")].join(','), {
-    right: {
-      _skip_check_: true,
-      value: 0
-    },
-    transform: 'translateX(100%) rotate(90deg)'
-  }), defineProperty_defineProperty(_componentCls, "&-placement-left ".concat(componentCls, "-arrow"), {
-    top: {
-      _skip_check_: true,
-      value: '50%'
-    },
-    transform: 'translateY(-50%) translateX(100%) rotate(90deg)'
-  }), defineProperty_defineProperty(_componentCls, "&-placement-leftTop ".concat(componentCls, "-arrow"), {
-    top: dropdownArrowOffset
-  }), defineProperty_defineProperty(_componentCls, "&-placement-leftBottom ".concat(componentCls, "-arrow"), {
-    bottom: dropdownArrowOffset
-  }), defineProperty_defineProperty(_componentCls, ["&-placement-right ".concat(componentCls, "-arrow"), "&-placement-rightTop ".concat(componentCls, "-arrow"), "&-placement-rightBottom ".concat(componentCls, "-arrow")].join(','), {
-    left: {
-      _skip_check_: true,
-      value: 0
-    },
-    transform: 'translateX(-100%) rotate(-90deg)'
-  }), defineProperty_defineProperty(_componentCls, "&-placement-right ".concat(componentCls, "-arrow"), {
-    top: {
-      _skip_check_: true,
-      value: '50%'
-    },
-    transform: 'translateY(-50%) translateX(-100%) rotate(-90deg)'
-  }), defineProperty_defineProperty(_componentCls, "&-placement-rightTop ".concat(componentCls, "-arrow"), {
-    top: dropdownArrowOffset
-  }), defineProperty_defineProperty(_componentCls, "&-placement-rightBottom ".concat(componentCls, "-arrow"), {
-    bottom: dropdownArrowOffset
-  }), defineProperty_defineProperty(_componentCls, connectArrowCls(["&-placement-topLeft", "&-placement-top", "&-placement-topRight"], showArrowCls), {
-    paddingBottom: dropdownArrowDistance
-  }), defineProperty_defineProperty(_componentCls, connectArrowCls(["&-placement-bottomLeft", "&-placement-bottom", "&-placement-bottomRight"], showArrowCls), {
-    paddingTop: dropdownArrowDistance
-  }), defineProperty_defineProperty(_componentCls, connectArrowCls(["&-placement-leftTop", "&-placement-left", "&-placement-leftBottom"], showArrowCls), {
-    paddingRight: {
-      _skip_check_: true,
-      value: dropdownArrowDistance
-    }
-  }), defineProperty_defineProperty(_componentCls, connectArrowCls(["&-placement-rightTop", "&-placement-right", "&-placement-rightBottom"], showArrowCls), {
-    paddingLeft: {
-      _skip_check_: true,
-      value: dropdownArrowDistance
-    }
-  }), _componentCls));
-}
 ;// CONCATENATED MODULE: ./node_modules/antd/es/tooltip/style/index.js
 
 
@@ -94072,7 +94433,9 @@ var genTooltipStyle = function genTooltipStyle(token) {
     backgroundColor: tooltipBg,
     borderRadius: tooltipBorderRadius,
     boxShadow: boxShadowSecondary
-  }), defineProperty_defineProperty(_extends2, "".concat(componentCls, "-content"), {
+  }), defineProperty_defineProperty(_extends2, ["&-placement-left", "&-placement-leftTop", "&-placement-leftBottom", "&-placement-right", "&-placement-rightTop", "&-placement-rightBottom"].join(','), defineProperty_defineProperty({}, "".concat(componentCls, "-inner"), {
+    borderRadius: tooltipBorderRadius > MAX_VERTICAL_CONTENT_RADIUS ? MAX_VERTICAL_CONTENT_RADIUS : tooltipBorderRadius
+  })), defineProperty_defineProperty(_extends2, "".concat(componentCls, "-content"), {
     position: 'relative'
   }), _extends2)), generatorTooltipPresetColor(token)), {
     // RTL
@@ -94082,7 +94445,12 @@ var genTooltipStyle = function genTooltipStyle(token) {
   })), // Arrow Style
   getArrowStyle(statistic_merge(token, {
     radiusOuter: tooltipRadiusOuter
-  }), 'var(--antd-arrow-background-color)', '', 0), // Pure Render
+  }), {
+    colorBg: 'var(--antd-arrow-background-color)',
+    showArrowCls: '',
+    contentRadius: tooltipBorderRadius,
+    limitVerticalRadius: true
+  }), // Pure Render
   defineProperty_defineProperty({}, "".concat(componentCls, "-pure"), {
     position: 'relative',
     maxWidth: 'none'
@@ -94242,22 +94610,28 @@ function getDisabledCompatibleChildren(element, prefixCls) {
 var tooltip_Tooltip = /*#__PURE__*/external_React_.forwardRef(function (props, ref) {
   var _classNames2;
 
+  var _a, _b;
+
+  var customizePrefixCls = props.prefixCls,
+      openClassName = props.openClassName,
+      getTooltipContainer = props.getTooltipContainer,
+      overlayClassName = props.overlayClassName,
+      color = props.color,
+      overlayInnerStyle = props.overlayInnerStyle,
+      children = props.children,
+      afterOpenChange = props.afterOpenChange,
+      afterVisibleChange = props.afterVisibleChange;
+
   var _React$useContext = external_React_.useContext(context_ConfigContext),
       getContextPopupContainer = _React$useContext.getPopupContainer,
       getPrefixCls = _React$useContext.getPrefixCls,
       direction = _React$useContext.direction;
 
-  [['visible', 'open'], ['defaultVisible', 'defaultOpen'], ['onVisibleChange', 'onOpenChange'], ['afterVisibleChange', 'afterOpenChange']].forEach(function (_ref) {
-    var _ref2 = slicedToArray_slicedToArray(_ref, 2),
-        deprecatedName = _ref2[0],
-        newName = _ref2[1];
-
-     false ? 0 : void 0;
-  });
+  if (false) {}
 
   var _useMergedState = useMergedState_useMergedState(false, {
-    value: props.open,
-    defaultValue: props.defaultOpen
+    value: (_a = props.open) !== null && _a !== void 0 ? _a : props.visible,
+    defaultValue: (_b = props.defaultOpen) !== null && _b !== void 0 ? _b : props.defaultVisible
   }),
       _useMergedState2 = slicedToArray_slicedToArray(_useMergedState, 2),
       open = _useMergedState2[0],
@@ -94339,19 +94713,12 @@ var tooltip_Tooltip = /*#__PURE__*/external_React_.forwardRef(function (props, r
       overlayStyle = props.overlayStyle,
       otherProps = tooltip_rest(props, ["getPopupContainer", "overlayStyle"]);
 
-  var customizePrefixCls = props.prefixCls,
-      openClassName = props.openClassName,
-      getTooltipContainer = props.getTooltipContainer,
-      overlayClassName = props.overlayClassName,
-      color = props.color,
-      overlayInnerStyle = props.overlayInnerStyle,
-      children = props.children;
   var prefixCls = getPrefixCls('tooltip', customizePrefixCls);
   var rootPrefixCls = getPrefixCls();
   var injectFromPopover = props['data-popover-inject'];
   var tempOpen = open; // Hide tooltip when there is no title
 
-  if (!('open' in props) && isNoTitle()) {
+  if (!('open' in props) && !('visible' in props) && isNoTitle()) {
     tempOpen = false;
   }
 
@@ -94388,6 +94755,7 @@ var tooltip_Tooltip = /*#__PURE__*/external_React_.forwardRef(function (props, r
     overlay: getOverlay(),
     visible: tempOpen,
     onVisibleChange: onOpenChange,
+    afterVisibleChange: afterOpenChange !== null && afterOpenChange !== void 0 ? afterOpenChange : afterVisibleChange,
     onPopupAlign: onPopupAlign,
     overlayInnerStyle: formattedOverlayInnerStyle,
     arrowContent: /*#__PURE__*/external_React_.createElement("span", {
@@ -94580,7 +94948,7 @@ function SubMenu_SubMenu(props) {
   var context = external_React_.useContext(menu_MenuContext);
   var prefixCls = context.prefixCls,
       inlineCollapsed = context.inlineCollapsed;
-  var parentPath = es_useFullPath();
+  var parentPath = useFullPath();
   var titleNode;
 
   if (!icon) {
@@ -95004,15 +95372,15 @@ var getGroupRadioStyle = function getGroupRadioStyle(token) {
 
 
 var getRadioBasicStyle = function getRadioBasicStyle(token) {
-  var _$concat2, _extends3;
+  var _$concat3, _extends3;
 
   var componentCls = token.componentCls,
       radioWrapperMarginRight = token.radioWrapperMarginRight,
-      radioDotColor = token.radioDotColor,
+      radioCheckedColor = token.radioCheckedColor,
       radioTop = token.radioTop,
-      radioFocusShadow = token.radioFocusShadow,
       radioSize = token.radioSize,
       motionDurationSlow = token.motionDurationSlow,
+      motionDurationFast = token.motionDurationFast,
       motionEaseInOut = token.motionEaseInOut,
       motionEaseInOutCirc = token.motionEaseInOutCirc,
       radioButtonBg = token.radioButtonBg,
@@ -95023,7 +95391,9 @@ var getRadioBasicStyle = function getRadioBasicStyle(token) {
       colorTextDisabled = token.colorTextDisabled,
       paddingXS = token.paddingXS,
       radioDotDisabledColor = token.radioDotDisabledColor,
-      controlLineType = token.controlLineType;
+      controlLineType = token.controlLineType,
+      radioDotDisabledSize = token.radioDotDisabledSize,
+      wireframe = token.wireframe;
   var radioInnerPrefixCls = "".concat(componentCls, "-inner");
   return defineProperty_defineProperty({}, "".concat(componentCls, "-wrapper"), extends_extends(extends_extends({}, style_resetComponent(token)), (_extends3 = {
     position: 'relative',
@@ -95051,7 +95421,7 @@ var getRadioBasicStyle = function getRadioBasicStyle(token) {
     insetInlineStart: 0,
     width: '100%',
     height: '100%',
-    border: "".concat(controlLineWidth, "px ").concat(controlLineType, " ").concat(radioDotColor),
+    border: "".concat(controlLineWidth, "px ").concat(controlLineType, " ").concat(radioCheckedColor),
     borderRadius: '50%',
     visibility: 'hidden',
     animationName: antRadioEffect,
@@ -95065,14 +95435,13 @@ var getRadioBasicStyle = function getRadioBasicStyle(token) {
     display: 'inline-block',
     outline: 'none',
     cursor: 'pointer'
-  })), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-wrapper:hover &,\n              &:hover ").concat(radioInnerPrefixCls, ",\n              &-input:focus + ").concat(radioInnerPrefixCls), {
-    borderColor: radioDotColor
-  }), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-input:focus + ").concat(radioInnerPrefixCls), {
-    boxShadow: radioFocusShadow
-  }), defineProperty_defineProperty(_extends3, "".concat(componentCls, ":hover::after, ").concat(componentCls, "-wrapper:hover &::after"), {
+  })), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-wrapper:hover &,\n        &:hover ").concat(radioInnerPrefixCls), {
+    borderColor: radioCheckedColor
+  }), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-input:focus-visible + ").concat(radioInnerPrefixCls), extends_extends({}, genFocusOutline(token))), defineProperty_defineProperty(_extends3, "".concat(componentCls, ":hover::after, ").concat(componentCls, "-wrapper:hover &::after"), {
     visibility: 'visible'
   }), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-inner"), {
     '&::after': {
+      boxSizing: 'border-box',
       position: 'absolute',
       insetBlockStart: '50%',
       insetInlineStart: '50%',
@@ -95081,7 +95450,7 @@ var getRadioBasicStyle = function getRadioBasicStyle(token) {
       height: radioSize,
       marginBlockStart: radioSize / -2,
       marginInlineStart: radioSize / -2,
-      backgroundColor: radioDotColor,
+      backgroundColor: wireframe ? radioCheckedColor : radioButtonBg,
       borderBlockStart: 0,
       borderInlineStart: 0,
       borderRadius: radioSize,
@@ -95090,6 +95459,7 @@ var getRadioBasicStyle = function getRadioBasicStyle(token) {
       transition: "all ".concat(motionDurationSlow, " ").concat(motionEaseInOutCirc),
       content: '""'
     },
+    boxSizing: 'border-box',
     position: 'relative',
     insetBlockStart: 0,
     insetInlineStart: 0,
@@ -95101,7 +95471,7 @@ var getRadioBasicStyle = function getRadioBasicStyle(token) {
     borderStyle: 'solid',
     borderWidth: controlLineWidth,
     borderRadius: '50%',
-    transition: "all ".concat(motionDurationSlow)
+    transition: "all ".concat(motionDurationFast)
   }), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-input"), {
     position: 'absolute',
     insetBlockStart: 0,
@@ -95112,27 +95482,32 @@ var getRadioBasicStyle = function getRadioBasicStyle(token) {
     cursor: 'pointer',
     opacity: 0
   }), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-checked"), defineProperty_defineProperty({}, radioInnerPrefixCls, {
-    borderColor: radioDotColor,
+    borderColor: radioCheckedColor,
+    backgroundColor: wireframe ? radioButtonBg : radioCheckedColor,
     '&::after': {
       transform: "scale(".concat(radioDotSize / radioSize, ")"),
       opacity: 1,
       transition: "all ".concat(motionDurationSlow, " ").concat(motionEaseInOutCirc)
     }
-  })), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-disabled"), (_$concat2 = {
+  })), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-disabled"), (_$concat3 = {
     cursor: 'not-allowed'
-  }, defineProperty_defineProperty(_$concat2, radioInnerPrefixCls, {
+  }, defineProperty_defineProperty(_$concat3, radioInnerPrefixCls, {
     backgroundColor: colorBgContainerDisabled,
     borderColor: colorBorder,
     cursor: 'not-allowed',
     '&::after': {
       backgroundColor: radioDotDisabledColor
     }
-  }), defineProperty_defineProperty(_$concat2, '&-input', {
+  }), defineProperty_defineProperty(_$concat3, '&-input', {
     cursor: 'not-allowed'
-  }), defineProperty_defineProperty(_$concat2, "".concat(componentCls, "-disabled + span"), {
+  }), defineProperty_defineProperty(_$concat3, "".concat(componentCls, "-disabled + span"), {
     color: colorTextDisabled,
     cursor: 'not-allowed'
-  }), _$concat2)), defineProperty_defineProperty(_extends3, "span".concat(componentCls, " + *"), {
+  }), defineProperty_defineProperty(_$concat3, "&".concat(componentCls, "-checked"), defineProperty_defineProperty({}, radioInnerPrefixCls, {
+    '&::after': {
+      transform: "scale(".concat(radioDotDisabledSize / radioSize, ")")
+    }
+  })), _$concat3)), defineProperty_defineProperty(_extends3, "span".concat(componentCls, " + *"), {
     paddingInlineStart: paddingXS,
     paddingInlineEnd: paddingXS
   }), _extends3)));
@@ -95140,7 +95515,7 @@ var getRadioBasicStyle = function getRadioBasicStyle(token) {
 
 
 var getRadioButtonStyle = function getRadioButtonStyle(token) {
-  var _$concat3;
+  var _$concat4;
 
   var radioButtonColor = token.radioButtonColor,
       controlHeight = token.controlHeight,
@@ -95149,6 +95524,7 @@ var getRadioButtonStyle = function getRadioButtonStyle(token) {
       controlLineType = token.controlLineType,
       colorBorder = token.colorBorder,
       motionDurationSlow = token.motionDurationSlow,
+      motionDurationFast = token.motionDurationFast,
       radioButtonPaddingHorizontal = token.radioButtonPaddingHorizontal,
       fontSize = token.fontSize,
       radioButtonBg = token.radioButtonBg,
@@ -95159,8 +95535,7 @@ var getRadioButtonStyle = function getRadioButtonStyle(token) {
       controlRadius = token.controlRadius,
       controlRadiusSM = token.controlRadiusSM,
       controlRadiusLG = token.controlRadiusLG,
-      radioDotColor = token.radioDotColor,
-      radioButtonFocusShadow = token.radioButtonFocusShadow,
+      radioCheckedColor = token.radioCheckedColor,
       radioButtonCheckedBg = token.radioButtonCheckedBg,
       radioButtonHoverColor = token.radioButtonHoverColor,
       radioButtonActiveColor = token.radioButtonActiveColor,
@@ -95169,7 +95544,7 @@ var getRadioButtonStyle = function getRadioButtonStyle(token) {
       colorBgContainerDisabled = token.colorBgContainerDisabled,
       radioDisabledButtonCheckedColor = token.radioDisabledButtonCheckedColor,
       radioDisabledButtonCheckedBg = token.radioDisabledButtonCheckedBg;
-  return defineProperty_defineProperty({}, "".concat(componentCls, "-button-wrapper"), (_$concat3 = {
+  return defineProperty_defineProperty({}, "".concat(componentCls, "-button-wrapper"), (_$concat4 = {
     position: 'relative',
     display: 'inline-block',
     height: controlHeight,
@@ -95187,18 +95562,18 @@ var getRadioButtonStyle = function getRadioButtonStyle(token) {
     borderInlineStartWidth: 0,
     borderInlineEndWidth: controlLineWidth,
     cursor: 'pointer',
-    transition: ["color ".concat(motionDurationSlow), "background ".concat(motionDurationSlow), "border-color ".concat(motionDurationSlow), "box-shadow ".concat(motionDurationSlow)].join(','),
+    transition: ["color ".concat(motionDurationFast), "background ".concat(motionDurationFast), "border-color ".concat(motionDurationFast), "box-shadow ".concat(motionDurationFast)].join(','),
     a: {
       color: radioButtonColor
     }
-  }, defineProperty_defineProperty(_$concat3, "> ".concat(componentCls, "-button"), {
+  }, defineProperty_defineProperty(_$concat4, "> ".concat(componentCls, "-button"), {
     position: 'absolute',
     insetBlockStart: 0,
     insetInlineStart: 0,
     zIndex: -1,
     width: '100%',
     height: '100%'
-  }), defineProperty_defineProperty(_$concat3, '&:not(:first-child)', {
+  }), defineProperty_defineProperty(_$concat4, '&:not(:first-child)', {
     '&::before': {
       position: 'absolute',
       insetBlockStart: -controlLineWidth,
@@ -95213,16 +95588,16 @@ var getRadioButtonStyle = function getRadioButtonStyle(token) {
       transition: "background-color ".concat(motionDurationSlow),
       content: '""'
     }
-  }), defineProperty_defineProperty(_$concat3, '&:first-child', {
+  }), defineProperty_defineProperty(_$concat4, '&:first-child', {
     borderInlineStart: "".concat(controlLineWidth, "px ").concat(controlLineType, " ").concat(colorBorder),
     borderStartStartRadius: controlRadius,
     borderEndStartRadius: controlRadius
-  }), defineProperty_defineProperty(_$concat3, '&:last-child', {
+  }), defineProperty_defineProperty(_$concat4, '&:last-child', {
     borderStartEndRadius: controlRadius,
     borderEndEndRadius: controlRadius
-  }), defineProperty_defineProperty(_$concat3, '&:first-child:last-child', {
+  }), defineProperty_defineProperty(_$concat4, '&:first-child:last-child', {
     borderRadius: controlRadius
-  }), defineProperty_defineProperty(_$concat3, "".concat(componentCls, "-group-large &"), {
+  }), defineProperty_defineProperty(_$concat4, "".concat(componentCls, "-group-large &"), {
     height: controlHeightLG,
     fontSize: fontSizeLG,
     lineHeight: "".concat(controlHeightLG - controlLineWidth * 2, "px"),
@@ -95234,7 +95609,7 @@ var getRadioButtonStyle = function getRadioButtonStyle(token) {
       borderStartEndRadius: controlRadiusLG,
       borderEndEndRadius: controlRadiusLG
     }
-  }), defineProperty_defineProperty(_$concat3, "".concat(componentCls, "-group-small &"), {
+  }), defineProperty_defineProperty(_$concat4, "".concat(componentCls, "-group-small &"), {
     height: controlHeightSM,
     paddingInline: paddingXS - controlLineWidth,
     paddingBlock: 0,
@@ -95247,26 +95622,24 @@ var getRadioButtonStyle = function getRadioButtonStyle(token) {
       borderStartEndRadius: controlRadiusSM,
       borderEndEndRadius: controlRadiusSM
     }
-  }), defineProperty_defineProperty(_$concat3, '&:hover', {
+  }), defineProperty_defineProperty(_$concat4, '&:hover', {
     position: 'relative',
-    color: radioDotColor
-  }), defineProperty_defineProperty(_$concat3, '&:focus-within', {
-    boxShadow: radioButtonFocusShadow
-  }), defineProperty_defineProperty(_$concat3, "".concat(componentCls, "-inner, input[type='checkbox'], input[type='radio']"), {
+    color: radioCheckedColor
+  }), defineProperty_defineProperty(_$concat4, '&:has(:focus-visible)', extends_extends({}, genFocusOutline(token))), defineProperty_defineProperty(_$concat4, "".concat(componentCls, "-inner, input[type='checkbox'], input[type='radio']"), {
     width: 0,
     height: 0,
     opacity: 0,
     pointerEvents: 'none'
-  }), defineProperty_defineProperty(_$concat3, '&-checked:not(&-disabled)', {
+  }), defineProperty_defineProperty(_$concat4, '&-checked:not(&-disabled)', {
     zIndex: 1,
-    color: radioDotColor,
+    color: radioCheckedColor,
     background: radioButtonCheckedBg,
-    borderColor: radioDotColor,
+    borderColor: radioCheckedColor,
     '&::before': {
-      backgroundColor: radioDotColor
+      backgroundColor: radioCheckedColor
     },
     '&:first-child': {
-      borderColor: radioDotColor
+      borderColor: radioCheckedColor
     },
     '&:hover': {
       color: radioButtonHoverColor,
@@ -95281,14 +95654,11 @@ var getRadioButtonStyle = function getRadioButtonStyle(token) {
       '&::before': {
         backgroundColor: radioButtonActiveColor
       }
-    },
-    '&:focus-within': {
-      boxShadow: radioButtonFocusShadow
     }
-  }), defineProperty_defineProperty(_$concat3, "".concat(componentCls, "-group-solid &-checked:not(&-disabled)"), {
+  }), defineProperty_defineProperty(_$concat4, "".concat(componentCls, "-group-solid &-checked:not(&-disabled)"), {
     color: radioSolidCheckedColor,
-    background: radioDotColor,
-    borderColor: radioDotColor,
+    background: radioCheckedColor,
+    borderColor: radioCheckedColor,
     '&:hover': {
       color: radioSolidCheckedColor,
       background: radioButtonHoverColor,
@@ -95298,11 +95668,8 @@ var getRadioButtonStyle = function getRadioButtonStyle(token) {
       color: radioSolidCheckedColor,
       background: radioButtonActiveColor,
       borderColor: radioButtonActiveColor
-    },
-    '&:focus-within': {
-      boxShadow: radioButtonFocusShadow
     }
-  }), defineProperty_defineProperty(_$concat3, '&-disabled', {
+  }), defineProperty_defineProperty(_$concat4, '&-disabled', {
     color: colorTextDisabled,
     backgroundColor: colorBgContainerDisabled,
     borderColor: colorBorder,
@@ -95312,12 +95679,12 @@ var getRadioButtonStyle = function getRadioButtonStyle(token) {
       backgroundColor: colorBgContainerDisabled,
       borderColor: colorBorder
     }
-  }), defineProperty_defineProperty(_$concat3, '&-disabled&-checked', {
+  }), defineProperty_defineProperty(_$concat4, '&-disabled&-checked', {
     color: radioDisabledButtonCheckedColor,
     backgroundColor: radioDisabledButtonCheckedBg,
     borderColor: colorBorder,
     boxShadow: 'none'
-  }), _$concat3));
+  }), _$concat4));
 }; // ============================== Export ==============================
 
 
@@ -95325,7 +95692,6 @@ var getRadioButtonStyle = function getRadioButtonStyle(token) {
   var padding = token.padding,
       controlLineWidth = token.controlLineWidth,
       colorBgContainerDisabled = token.colorBgContainerDisabled,
-      paddingXXS = token.paddingXXS,
       colorTextDisabled = token.colorTextDisabled,
       colorBgContainer = token.colorBgContainer,
       fontSize = token.fontSize,
@@ -95337,14 +95703,17 @@ var getRadioButtonStyle = function getRadioButtonStyle(token) {
       colorText = token.colorText,
       colorPrimary = token.colorPrimary,
       marginXS = token.marginXS,
-      controlOutlineWidth = token.controlOutlineWidth; // Radio
+      controlOutlineWidth = token.controlOutlineWidth,
+      paddingXXS = token.paddingXXS,
+      wireframe = token.wireframe; // Radio
 
   var radioFocusShadow = "0 0 0 ".concat(controlOutlineWidth, "px ").concat(controlOutline);
   var radioButtonFocusShadow = radioFocusShadow;
   var radioSize = fontSizeLG;
   var radioTop = (Math.round(fontSize * lineHeight) - radioSize) / 2;
-  var radioDotSize = radioSize - paddingXXS * 2;
-  var radioDotColor = colorPrimary; // Radio buttons
+  var radioDotDisabledSize = radioSize - paddingXXS * 2;
+  var radioDotSize = wireframe ? radioDotDisabledSize : radioSize - (paddingXXS + controlLineWidth) * 2;
+  var radioCheckedColor = colorPrimary; // Radio buttons
 
   var radioButtonColor = colorText;
   var radioButtonHoverColor = colorPrimaryHover;
@@ -95358,7 +95727,8 @@ var getRadioButtonStyle = function getRadioButtonStyle(token) {
     radioSize: radioSize,
     radioTop: radioTop,
     radioDotSize: radioDotSize,
-    radioDotColor: radioDotColor,
+    radioDotDisabledSize: radioDotDisabledSize,
+    radioCheckedColor: radioCheckedColor,
     radioDotDisabledColor: colorTextDisabled,
     radioSolidCheckedColor: colorBgContainer,
     radioButtonBg: colorBgContainer,
@@ -97132,17 +97502,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.4",
-  "@ant-design/pro-components": "2.3.6",
-  "@ant-design/pro-descriptions": "2.0.5",
-  "@ant-design/pro-field": "2.0.5",
-  "@ant-design/pro-form": "2.0.5",
-  "@ant-design/pro-layout": "7.0.4",
-  "@ant-design/pro-list": "2.0.5",
+  "@ant-design/pro-card": "2.0.6",
+  "@ant-design/pro-components": "2.3.8",
+  "@ant-design/pro-descriptions": "2.0.7",
+  "@ant-design/pro-field": "2.1.0",
+  "@ant-design/pro-form": "2.1.0",
+  "@ant-design/pro-layout": "7.0.6",
+  "@ant-design/pro-list": "2.0.7",
   "@ant-design/pro-provider": "2.0.3",
-  "@ant-design/pro-skeleton": "2.0.2",
-  "@ant-design/pro-table": "3.0.5",
-  "@ant-design/pro-utils": "2.0.3"
+  "@ant-design/pro-skeleton": "2.0.3",
+  "@ant-design/pro-table": "3.0.7",
+  "@ant-design/pro-utils": "2.1.0"
 };
 ;// CONCATENATED MODULE: ./packages/components/src/index.tsx