@ant-design/pro-components 2.3.8 → 2.3.10

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) {
@@ -28576,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
+ */
+
+function syncRealContainer(container, option) {
+  var cachedRealContainer = containerCache.get(container); // Find real container when not cached or cached container removed
 
-  if (!containerCache.has(container)) {
+  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) {
@@ -29510,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
+
 
 
 
@@ -29519,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) {
@@ -29527,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];
     });
   },
@@ -29548,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;
         }
 
@@ -29590,6 +29632,8 @@ function noteOnce(valid, message) {
 
 
 
+
+
 function flattenToken(token) {
   var str = '';
   Object.keys(token).forEach(function (key) {
@@ -29724,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
 
 
 
@@ -29747,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 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 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) {
+  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) {
@@ -29767,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) {
@@ -29783,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 {
@@ -29805,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,
@@ -29820,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;
 
@@ -29853,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;
@@ -29875,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,
@@ -29892,7 +30033,11 @@ 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
 
     animationStatistics = {};
@@ -29911,11 +30056,11 @@ function useStyleRegister(info, styleFn) {
 
     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
       });
@@ -29964,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
 
 
 
@@ -32936,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
  *
@@ -32944,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();
     }
@@ -33008,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
@@ -33016,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(arrayValue)) {
           return convertMoment(arrayValue, dateFormat || dateFormatter, valueType);
         }
 
@@ -34129,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;
   }
 
@@ -36949,7 +37119,7 @@ var genColStyle = function genColStyle(index, token) {
 
   return defineProperty_defineProperty({}, "".concat(componentCls, "-col-").concat(index), {
     flexShrink: 0,
-    width: "".concat(Math.round(index / GRID_COLUMNS * 100), "%")
+    width: "".concat(index / GRID_COLUMNS * 100, "%")
   });
 };
 
@@ -52395,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({
@@ -52414,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: {
@@ -61011,29 +61179,32 @@ function genStringToTheme(val) {
 }
 function clearMenuItem(menusData) {
   return menusData.map(function (item) {
-    var children = item.children || item.routes;
+    var children = item.children || [];
 
     var finalItem = objectSpread2_objectSpread2({}, item);
 
+    if (!finalItem.children && finalItem.routes) {
+      finalItem.children = finalItem.routes;
+    }
+
     if (!finalItem.name || finalItem.hideInMenu) {
       return null;
     }
 
-    if (finalItem && (finalItem === null || finalItem === void 0 ? void 0 : finalItem.routes)) {
+    if (finalItem && (finalItem === null || finalItem === void 0 ? void 0 : finalItem.children)) {
       if (!finalItem.hideChildrenInMenu && children.some(function (child) {
         return child && child.name && !child.hideInMenu;
       })) {
         return objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, item), {}, {
-          children: clearMenuItem(children),
-          routes: clearMenuItem(children)
+          children: clearMenuItem(children)
         });
       } // children 为空就直接删掉
 
 
-      delete finalItem.routes;
       delete finalItem.children;
     }
 
+    delete finalItem.routes;
     return finalItem;
   }).filter(function (item) {
     return item;
@@ -61972,6 +62143,7 @@ function menu_useStyle(prefixCls) {
 
 
 
+
 var IconFont = create({
   scriptUrl: defaultSettings.iconfontUrl
 }); // Allow menu.js config icon as string or ReactNode
@@ -62046,6 +62218,7 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
     var name = _this.getIntlName(item);
 
     var children = (item === null || item === void 0 ? void 0 : item.children) || (item === null || item === void 0 ? void 0 : item.routes);
+    (0,lib_warning["default"])(!(item === null || item === void 0 ? void 0 : item.routes), 'routes 将会废弃，为了保证兼容请使用 children 作为子节点定义方式');
     var menuType = isGroup && level === 0 ? 'group' : undefined;
 
     if (Array.isArray(children) && children.length > 0) {
@@ -64740,6 +64913,14 @@ var SettingDrawer = function SettingDrawer(props) {
   }, []);
   (0,external_React_.useEffect)(function () {
     updateTheme(settingState.navTheme === 'realDark');
+
+    if (compareVersions(external_antd_.version, '5.0.0') < 0) {
+      external_antd_.ConfigProvider.config({
+        theme: {
+          primaryColor: settingState.colorPrimary
+        }
+      });
+    }
   }, [settingState.colorPrimary, settingState.navTheme]);
   /**
    * 修改设置
@@ -68051,6 +68232,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,
@@ -73975,8 +74162,10 @@ function genProColumnToColumn(params) {
 var Table_excluded = ["rowKey", "tableClassName", "action", "tableColumn", "type", "pagination", "rowSelection", "size", "defaultSize", "tableStyle", "toolbarDom", "searchNode", "style", "cardProps", "alertDom", "name", "onSortChange", "onFilterChange", "options", "isLightFilter", "className", "cardBordered", "editableUtils", "getRowKey"],
     Table_excluded2 = ["cardBordered", "request", "className", "params", "defaultData", "headerTitle", "postData", "ghost", "pagination", "actionRef", "columns", "toolBarRender", "onLoad", "onRequestError", "style", "cardProps", "tableStyle", "tableClassName", "columnsStateMap", "onColumnsStateChange", "options", "search", "name", "onLoadingChange", "rowSelection", "beforeSearchSubmit", "tableAlertRender", "defaultClassName", "formRef", "type", "columnEmptyText", "toolbar", "rowKey", "manualRequest", "polling", "tooltip", "revalidateOnFocus"];
 
+ // 兼容代码-----------
 
-/* eslint max-classes-per-file: ["error", 3] */
+
+ //----------------------
 
 
 
@@ -75556,10 +75745,6 @@ function FieldEditableTable(props) {
 FieldEditableTable.RecordCreator = RecordCreator;
 /* harmony default export */ var components_EditableTable = (FieldEditableTable);
 ;// CONCATENATED MODULE: ./packages/table/es/index.js
-// 兼容代码-----------
-
- //----------------------
-
 
 
 
@@ -79702,7 +79887,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,
@@ -80773,6 +80958,7 @@ function statisticToken(token) {
 
 
 
+
 var style_resetComponent = function resetComponent(token) {
   return {
     boxSizing: 'border-box',
@@ -80782,8 +80968,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() {
@@ -80856,8 +81043,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
@@ -80866,7 +81073,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',
@@ -80886,8 +81093,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: '',
@@ -80922,7 +81129,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);
@@ -80960,7 +81169,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],
@@ -80970,8 +81179,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],
@@ -80980,7 +81189,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],
@@ -80990,7 +81199,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],
@@ -81154,11 +81363,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),
@@ -81235,9 +81444,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,
@@ -81252,6 +81461,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,
@@ -81423,11 +81634,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,
@@ -81489,7 +81701,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");
@@ -81524,7 +81736,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,
@@ -81532,7 +81744,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,
@@ -81544,8 +81757,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%',
@@ -81580,10 +81794,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': {
@@ -81591,13 +81804,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,
@@ -81605,21 +81817,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) {
@@ -88117,7 +88332,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) {
@@ -88703,6 +88921,7 @@ var genGroupStyle = function genGroupStyle(token) {
 
 
 
+
  // ============================== Shared ==============================
 
 var genSharedButtonStyle = function genSharedButtonStyle(token) {
@@ -88721,7 +88940,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,
@@ -88733,13 +88952,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
     }
   };
@@ -88960,12 +89179,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
@@ -89255,6 +89470,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
 
 
@@ -89597,59 +90011,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
 
 
@@ -89657,10 +90018,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,
@@ -89671,10 +90033,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,
@@ -89778,31 +90140,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'
       },
@@ -89812,7 +90175,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"),
@@ -89821,37 +90184,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"), {
@@ -89859,21 +90228,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 ==============================
 
@@ -89886,15 +90255,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) {
@@ -90054,14 +90433,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,
@@ -90103,7 +90474,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),
@@ -90125,7 +90501,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],
@@ -90133,6 +90509,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 ============================
 
@@ -93076,12 +93453,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) {
@@ -94007,124 +94381,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
 
 
@@ -94188,7 +94444,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
@@ -94198,7 +94456,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'
@@ -94358,22 +94621,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],
@@ -94455,19 +94724,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;
   }
 
@@ -94504,6 +94766,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", {
@@ -95120,15 +95383,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,
@@ -95139,7 +95402,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',
@@ -95167,7 +95432,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,
@@ -95181,14 +95446,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%',
@@ -95197,7 +95461,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,
@@ -95206,6 +95470,7 @@ var getRadioBasicStyle = function getRadioBasicStyle(token) {
       transition: "all ".concat(motionDurationSlow, " ").concat(motionEaseInOutCirc),
       content: '""'
     },
+    boxSizing: 'border-box',
     position: 'relative',
     insetBlockStart: 0,
     insetInlineStart: 0,
@@ -95217,7 +95482,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,
@@ -95228,27 +95493,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)));
@@ -95256,7 +95526,7 @@ var getRadioBasicStyle = function getRadioBasicStyle(token) {
 
 
 var getRadioButtonStyle = function getRadioButtonStyle(token) {
-  var _$concat3;
+  var _$concat4;
 
   var radioButtonColor = token.radioButtonColor,
       controlHeight = token.controlHeight,
@@ -95265,6 +95535,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,
@@ -95275,8 +95546,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,
@@ -95285,7 +95555,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,
@@ -95303,18 +95573,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,
@@ -95329,16 +95599,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"),
@@ -95350,7 +95620,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,
@@ -95363,26 +95633,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,
@@ -95397,14 +95665,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,
@@ -95414,11 +95679,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,
@@ -95428,12 +95690,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 ==============================
 
 
@@ -95441,7 +95703,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,
@@ -95453,14 +95714,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;
@@ -95474,7 +95738,8 @@ var getRadioButtonStyle = function getRadioButtonStyle(token) {
     radioSize: radioSize,
     radioTop: radioTop,
     radioDotSize: radioDotSize,
-    radioDotColor: radioDotColor,
+    radioDotDisabledSize: radioDotDisabledSize,
+    radioCheckedColor: radioCheckedColor,
     radioDotDisabledColor: colorTextDisabled,
     radioSolidCheckedColor: colorBgContainer,
     radioButtonBg: colorBgContainer,
@@ -97248,17 +97513,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.5",
-  "@ant-design/pro-components": "2.3.7",
-  "@ant-design/pro-descriptions": "2.0.6",
-  "@ant-design/pro-field": "2.0.6",
-  "@ant-design/pro-form": "2.0.6",
-  "@ant-design/pro-layout": "7.0.5",
-  "@ant-design/pro-list": "2.0.6",
+  "@ant-design/pro-card": "2.0.7",
+  "@ant-design/pro-components": "2.3.9",
+  "@ant-design/pro-descriptions": "2.0.8",
+  "@ant-design/pro-field": "2.1.1",
+  "@ant-design/pro-form": "2.1.1",
+  "@ant-design/pro-layout": "7.0.7",
+  "@ant-design/pro-list": "2.0.8",
   "@ant-design/pro-provider": "2.0.3",
   "@ant-design/pro-skeleton": "2.0.3",
-  "@ant-design/pro-table": "3.0.6",
-  "@ant-design/pro-utils": "2.0.4"
+  "@ant-design/pro-table": "3.0.8",
+  "@ant-design/pro-utils": "2.1.1"
 };
 ;// CONCATENATED MODULE: ./packages/components/src/index.tsx