@ant-design/pro-components 2.3.21 → 2.3.23

package/dist/components.js

@@ -7578,19 +7578,24 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
     h = "quarter",
     c = "year",
     d = "date",
-    $ = "Invalid Date",
-    l = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,
+    l = "Invalid Date",
+    $ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,
     y = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,
     M = {
       name: "en",
       weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),
-      months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_")
+      months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"),
+      ordinal: function ordinal(t) {
+        var e = ["th", "st", "nd", "rd"],
+          n = t % 100;
+        return "[" + t + (e[(n - 20) % 10] || e[n] || e[0]) + "]";
+      }
     },
     m = function m(t, e, n) {
       var r = String(t);
       return !r || r.length >= e ? t : "" + Array(e + 1 - r.length).join(n) + t;
     },
-    g = {
+    v = {
       s: m,
       z: function z(t) {
         var e = -t.utcOffset(),
@@ -7628,15 +7633,15 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
         return void 0 === t;
       }
     },
-    v = "en",
+    g = "en",
     D = {};
-  D[v] = M;
+  D[g] = M;
   var p = function p(t) {
       return t instanceof _;
     },
     S = function t(e, n, r) {
       var i;
-      if (!e) return v;
+      if (!e) return g;
       if ("string" == typeof e) {
         var s = e.toLowerCase();
         D[s] && (i = s), n && (D[s] = n, i = s);
@@ -7646,14 +7651,14 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
         var a = e.name;
         D[a] = e, i = a;
       }
-      return !r && i && (v = i), i || !r && v;
+      return !r && i && (g = i), i || !r && g;
     },
     w = function w(t, e) {
       if (p(t)) return t.clone();
       var n = "object" == typeof e ? e : {};
       return n.date = t, n.args = arguments, new _(n);
     },
-    O = g;
+    O = v;
   O.l = S, O.i = p, O.w = function (t, e) {
     return w(t, {
       locale: e.$L,
@@ -7675,7 +7680,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
           if (O.u(e)) return new Date();
           if (e instanceof Date) return new Date(e);
           if ("string" == typeof e && !/Z$/i.test(e)) {
-            var r = e.match(l);
+            var r = e.match($);
             if (r) {
               var i = r[2] - 1 || 0,
                 s = (r[7] || "0").substring(0, 3);
@@ -7690,7 +7695,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
       }, m.$utils = function () {
         return O;
       }, m.isValid = function () {
-        return !(this.$d.toString() === $);
+        return !(this.$d.toString() === l);
       }, m.isSame = function (t, e) {
         var n = w(t);
         return this.startOf(e) <= n && n <= this.endOf(e);
@@ -7708,35 +7713,35 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
         var n = this,
           r = !!O.u(e) || e,
           h = O.p(t),
-          $ = function $(t, e) {
+          l = function l(t, e) {
             var i = O.w(n.$u ? Date.UTC(n.$y, e, t) : new Date(n.$y, e, t), n);
             return r ? i : i.endOf(a);
           },
-          l = function l(t, e) {
+          $ = function $(t, e) {
             return O.w(n.toDate()[t].apply(n.toDate("s"), (r ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e)), n);
           },
           y = this.$W,
           M = this.$M,
           m = this.$D,
-          g = "set" + (this.$u ? "UTC" : "");
+          v = "set" + (this.$u ? "UTC" : "");
         switch (h) {
           case c:
-            return r ? $(1, 0) : $(31, 11);
+            return r ? l(1, 0) : l(31, 11);
           case f:
-            return r ? $(1, M) : $(0, M + 1);
+            return r ? l(1, M) : l(0, M + 1);
           case o:
-            var v = this.$locale().weekStart || 0,
-              D = (y < v ? y + 7 : y) - v;
-            return $(r ? m - D : m + (6 - D), M);
+            var g = this.$locale().weekStart || 0,
+              D = (y < g ? y + 7 : y) - g;
+            return l(r ? m - D : m + (6 - D), M);
           case a:
           case d:
-            return l(g + "Hours", 0);
+            return $(v + "Hours", 0);
           case u:
-            return l(g + "Minutes", 1);
+            return $(v + "Minutes", 1);
           case s:
-            return l(g + "Seconds", 2);
+            return $(v + "Seconds", 2);
           case i:
-            return l(g + "Milliseconds", 3);
+            return $(v + "Milliseconds", 3);
           default:
             return this.clone();
         }
@@ -7746,12 +7751,12 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
         var n,
           o = O.p(t),
           h = "set" + (this.$u ? "UTC" : ""),
-          $ = (n = {}, n[a] = h + "Date", n[d] = h + "Date", n[f] = h + "Month", n[c] = h + "FullYear", n[u] = h + "Hours", n[s] = h + "Minutes", n[i] = h + "Seconds", n[r] = h + "Milliseconds", n)[o],
-          l = o === a ? this.$D + (e - this.$W) : e;
+          l = (n = {}, n[a] = h + "Date", n[d] = h + "Date", n[f] = h + "Month", n[c] = h + "FullYear", n[u] = h + "Hours", n[s] = h + "Minutes", n[i] = h + "Seconds", n[r] = h + "Milliseconds", n)[o],
+          $ = o === a ? this.$D + (e - this.$W) : e;
         if (o === f || o === c) {
           var y = this.clone().set(d, 1);
-          y.$d[$](l), y.init(), this.$d = y.set(d, Math.min(this.$D, y.daysInMonth())).$d;
-        } else $ && this.$d[$](l);
+          y.$d[l]($), y.init(), this.$d = y.set(d, Math.min(this.$D, y.daysInMonth())).$d;
+        } else l && this.$d[l]($);
         return this.init(), this;
       }, m.set = function (t, e) {
         return this.clone().$set(t, e);
@@ -7759,18 +7764,18 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
         return this[O.p(t)]();
       }, m.add = function (r, h) {
         var d,
-          $ = this;
+          l = this;
         r = Number(r);
-        var l = O.p(h),
+        var $ = O.p(h),
           y = function y(t) {
-            var e = w($);
-            return O.w(e.date(e.date() + Math.round(t * r)), $);
+            var e = w(l);
+            return O.w(e.date(e.date() + Math.round(t * r)), l);
           };
-        if (l === f) return this.set(f, this.$M + r);
-        if (l === c) return this.set(c, this.$y + r);
-        if (l === a) return y(1);
-        if (l === o) return y(7);
-        var M = (d = {}, d[s] = e, d[u] = n, d[i] = t, d)[l] || 1,
+        if ($ === f) return this.set(f, this.$M + r);
+        if ($ === c) return this.set(c, this.$y + r);
+        if ($ === a) return y(1);
+        if ($ === o) return y(7);
+        var M = (d = {}, d[s] = e, d[u] = n, d[i] = t, d)[$] || 1,
           m = this.$d.getTime() + r * M;
         return O.w(m, this);
       }, m.subtract = function (t, e) {
@@ -7778,7 +7783,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
       }, m.format = function (t) {
         var e = this,
           n = this.$locale();
-        if (!this.isValid()) return n.invalidDate || $;
+        if (!this.isValid()) return n.invalidDate || l;
         var r = t || "YYYY-MM-DDTHH:mm:ssZ",
           i = O.z(this),
           s = this.$H,
@@ -7796,7 +7801,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
             var r = t < 12 ? "AM" : "PM";
             return n ? r.toLowerCase() : r;
           },
-          l = {
+          $ = {
             YY: String(this.$y).slice(-2),
             YYYY: this.$y,
             M: a + 1,
@@ -7823,18 +7828,18 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
             Z: i
           };
         return r.replace(y, function (t, e) {
-          return e || l[t] || i.replace(":", "");
+          return e || $[t] || i.replace(":", "");
         });
       }, m.utcOffset = function () {
         return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
-      }, m.diff = function (r, d, $) {
-        var l,
+      }, m.diff = function (r, d, l) {
+        var $,
           y = O.p(d),
           M = w(r),
           m = (M.utcOffset() - this.utcOffset()) * e,
-          g = this - M,
-          v = O.m(this, M);
-        return v = (l = {}, l[c] = v / 12, l[f] = v, l[h] = v / 3, l[o] = (g - m) / 6048e5, l[a] = (g - m) / 864e5, l[u] = g / n, l[s] = g / e, l[i] = g / t, l)[y] || g, $ ? v : O.a(v);
+          v = this - M,
+          g = O.m(this, M);
+        return g = ($ = {}, $[c] = g / 12, $[f] = g, $[h] = g / 3, $[o] = (v - m) / 6048e5, $[a] = (v - m) / 864e5, $[u] = v / n, $[s] = v / e, $[i] = v / t, $)[y] || v, l ? g : O.a(g);
       }, m.daysInMonth = function () {
         return this.endOf(f).$D;
       }, m.$locale = function () {
@@ -7865,7 +7870,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
     return t.$i || (t(e, _, w), t.$i = !0), w;
   }, w.locale = S, w.isDayjs = p, w.unix = function (t) {
     return w(1e3 * t);
-  }, w.en = D[v], w.Ls = D, w.p = {}, w;
+  }, w.en = D[g], w.Ls = D, w.p = {}, w;
 });
 
 /***/ }),
@@ -26297,12 +26302,14 @@ var merge = function merge() {
 
 
 
+
 
 
 var _ref = external_antd_.theme || {
     useToken: function useToken() {
       return {
-        hashId: ''
+        hashId: '',
+        token: defaultTheme
       };
     }
   },
@@ -29100,7 +29107,8 @@ function useLazyKVMap(data, childrenColumnName, getRowKey) {
   var mapCacheRef = external_React_.useRef({});
   function getRecordByKey(key) {
     if (!mapCacheRef.current || mapCacheRef.current.data !== data || mapCacheRef.current.childrenColumnName !== childrenColumnName || mapCacheRef.current.getRowKey !== getRowKey) {
-      /* eslint-disable no-inner-declarations */var dig = function dig(records) {
+      /* eslint-disable no-inner-declarations */
+      var dig = function dig(records) {
         records.forEach(function (record, index) {
           var rowKey = getRowKey(record, index);
           kvMap.set(rowKey, record);
@@ -29108,7 +29116,8 @@ function useLazyKVMap(data, childrenColumnName, getRowKey) {
             dig(record[childrenColumnName] || []);
           }
         });
-      }; /* eslint-enable */
+      };
+      /* eslint-enable */
       var kvMap = new Map();
       dig(data);
       mapCacheRef.current = {
@@ -29591,7 +29600,8 @@ function useEditableArray(props) {
           switch (_context4.prev = _context4.next) {
             case 0:
               relayKey = recordKeyToString(recordKey).toString();
-              key = dataSourceKeyIndexMapRef.current.get(relayKey); /** 如果没找到key，转化一下再去找 */
+              key = dataSourceKeyIndexMapRef.current.get(relayKey);
+              /** 如果没找到key，转化一下再去找 */
               if (!(!editableKeysSet.has(relayKey) && key && (needReTry !== null && needReTry !== void 0 ? needReTry : true) && props.tableName)) {
                 _context4.next = 5;
                 break;
@@ -53697,11 +53707,12 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
     return "/".concat(path || '').replace(/\/+/g, '/');
   };
   this.props = props;
-}); /**
-     * 生成openKeys 的对象，因为设置了openKeys 就会变成受控，所以需要一个空对象
-     *
-     * @param BaseMenuProps
-     */
+});
+/**
+ * 生成openKeys 的对象，因为设置了openKeys 就会变成受控，所以需要一个空对象
+ *
+ * @param BaseMenuProps
+ */
 var getOpenKeysProps = function getOpenKeysProps(openKeys, _ref) {
   var layout = _ref.layout,
     collapsed = _ref.collapsed;
@@ -57674,6 +57685,7 @@ function formatter(props) {
     if (notNullArray(item[childrenPropsName])) return true;
     if (notNullArray(item.children)) return true;
     if (item.path) return true;
+    if (item.originPath) return true;
     if (item.layout) return true; // 重定向
 
     if (item.redirect) return false;
@@ -57704,6 +57716,9 @@ function formatter(props) {
     if (item.path === '/*') {
       item.path = '.';
     }
+    if (!item.path && item.originPath) {
+      item.path = item.originPath;
+    }
     return item;
   }).map(function () {
     var item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
@@ -62305,14 +62320,16 @@ function ColumnSetting(props) {
 
 
 
+
 var HeaderMenu = function HeaderMenu(props) {
+  var _useToken = useStyle_useToken(),
+    hashId = _useToken.hashId;
   var _props$items = props.items,
     items = _props$items === void 0 ? [] : _props$items,
     _props$type = props.type,
     type = _props$type === void 0 ? 'inline' : _props$type,
     prefixCls = props.prefixCls,
-    propActiveKey = props.activeKey,
-    hashId = props.hashId;
+    propActiveKey = props.activeKey;
   var _useMergedState = (0,useMergedState/* default */.Z)(propActiveKey, {
       value: propActiveKey,
       onChange: props.onChange
@@ -62707,8 +62724,7 @@ var ListToolBar = function ListToolBar(_ref2) {
           subTitle: subTitle
         })
       }), menu && (0,jsx_runtime.jsx)(ListToolBar_HeaderMenu, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, menu), {}, {
-        prefixCls: prefixCls,
-        hashId: hashId
+        prefixCls: prefixCls
       })), !hasTitle && searchNode ? (0,jsx_runtime.jsx)("div", {
         className: "".concat(prefixCls, "-search ").concat(hashId),
         children: searchNode
@@ -70310,10 +70326,10 @@ var genLinkStyle = function genLinkStyle(token) {
     }), _a)
   };
 };
-var genCommonStyle = function genCommonStyle(token, rootPrefixCls) {
+var genCommonStyle = function genCommonStyle(token, componentPrefixCls) {
   var fontFamily = token.fontFamily,
     fontSize = token.fontSize;
-  var rootPrefixSelector = "[class^=\"".concat(rootPrefixCls, "-\"], [class*=\" ").concat(rootPrefixCls, "-\"]");
+  var rootPrefixSelector = "[class^=\"".concat(componentPrefixCls, "\"], [class*=\" ").concat(componentPrefixCls, "\"]");
   return defineProperty_defineProperty({}, rootPrefixSelector, defineProperty_defineProperty({
     fontFamily: fontFamily,
     fontSize: fontSize,
@@ -70341,7 +70357,7 @@ var genFocusStyle = function genFocusStyle(token) {
   };
 };
 ;// CONCATENATED MODULE: ./node_modules/antd/es/version/version.js
-/* harmony default export */ var version = ('5.0.0-alpha.2');
+/* harmony default export */ var version = ('5.0.0-alpha.4');
 ;// CONCATENATED MODULE: ./node_modules/antd/es/version/index.js
 /* eslint import/no-unresolved: 0 */
 // @ts-ignore
@@ -70919,7 +70935,6 @@ function theme_useToken() {
 
 
 
-
 function genComponentStyleHook(component, styleFn, getDefaultToken) {
   return function (prefixCls) {
     var _useToken = theme_useToken(),
@@ -70931,7 +70946,6 @@ function genComponentStyleHook(component, styleFn, getDefaultToken) {
       getPrefixCls = _useContext.getPrefixCls,
       iconPrefixCls = _useContext.iconPrefixCls;
     var rootPrefixCls = getPrefixCls();
-    if (false) {}
     // Generate style for all a tags in antd component.
     useStyleRegister({
       theme: theme,
@@ -70942,7 +70956,7 @@ function genComponentStyleHook(component, styleFn, getDefaultToken) {
       return [{
         // Link
         '&': genLinkStyle(token)
-      }, genCommonStyle(token, rootPrefixCls)];
+      }];
     });
     return [useStyleRegister({
       theme: theme,
@@ -70970,7 +70984,7 @@ function genComponentStyleHook(component, styleFn, getDefaultToken) {
         overrideComponentToken: token[component]
       });
       flush(component, mergedComponentToken);
-      return styleInterpolation;
+      return [genCommonStyle(token, prefixCls), styleInterpolation];
     }), hashId];
   };
 }
@@ -76194,24 +76208,24 @@ function registerTheme(globalPrefixCls, theme) {
 
 
 
+
 function useTheme(theme, parentTheme) {
   var themeConfig = theme || {};
-  var parentThemeConfig = parentTheme || {};
+  var parentThemeConfig = parentTheme || theme_defaultConfig;
   var mergedTheme = useMemo_useMemo(function () {
     if (!theme) {
       return parentTheme;
     }
     // Override
-    var mergedOverride = extends_extends({}, parentThemeConfig.components);
+    var mergedComponents = extends_extends({}, parentThemeConfig.components);
     Object.keys(theme.components || {}).forEach(function (componentName) {
-      mergedOverride[componentName] = extends_extends(extends_extends({}, mergedOverride[componentName]), theme.components[componentName]);
+      mergedComponents[componentName] = extends_extends(extends_extends({}, mergedComponents[componentName]), theme.components[componentName]);
     });
     // Base token
-    var merged = extends_extends(extends_extends(extends_extends({}, parentThemeConfig), themeConfig), {
+    return extends_extends(extends_extends(extends_extends({}, parentThemeConfig), themeConfig), {
       token: extends_extends(extends_extends({}, parentThemeConfig.token), themeConfig.token),
-      override: mergedOverride
+      components: mergedComponents
     });
-    return merged;
   }, [themeConfig, parentThemeConfig], function (prev, next) {
     return prev.some(function (prevTheme, index) {
       var nextTheme = next[index];
@@ -76693,7 +76707,7 @@ function getPlacements(config) {
 var isValidElement = external_React_.isValidElement;
 
 function isFragment(child) {
-  return child && child.type === external_React_.Fragment;
+  return child && isValidElement(child) && child.type === external_React_.Fragment;
 }
 function replaceElement(element, replacement, props) {
   if (!isValidElement(element)) {
@@ -81366,14 +81380,14 @@ var accessibilityFocus = function accessibilityFocus(token) {
   return extends_extends({}, genFocusOutline(token));
 };
 var getThemeStyle = function getThemeStyle(token, themeSuffix) {
-  var _$concat3, _$concat4, _$concat$concat3, _$concat8, _$concat$concat4;
+  var _not$concat, _$concat3, _$concat4, _$concat$concat3, _$concat8, _$concat$concat4;
   var componentCls = token.componentCls,
     colorItemText = token.colorItemText,
     colorItemTextSelected = token.colorItemTextSelected,
+    colorItemTextSelectedHorizontal = token.colorItemTextSelectedHorizontal,
     colorGroupTitle = token.colorGroupTitle,
     colorItemBg = token.colorItemBg,
     colorSubItemBg = token.colorSubItemBg,
-    colorItemBgActive = token.colorItemBgActive,
     colorItemBgSelectedHorizontal = token.colorItemBgSelectedHorizontal,
     colorItemBgSelected = token.colorItemBgSelected,
     colorActiveBarHeight = token.colorActiveBarHeight,
@@ -81383,16 +81397,20 @@ var getThemeStyle = function getThemeStyle(token, themeSuffix) {
     motionEaseInOut = token.motionEaseInOut,
     motionEaseOut = token.motionEaseOut,
     menuItemPaddingInline = token.menuItemPaddingInline,
+    itemMarginInline = token.itemMarginInline,
     motionDurationFast = token.motionDurationFast,
     colorItemTextHover = token.colorItemTextHover,
     lineType = token.lineType,
     colorSplit = token.colorSplit,
+    colorItemBgActive = token.colorItemBgActive,
     colorItemTextDisabled = token.colorItemTextDisabled,
     colorDangerItemText = token.colorDangerItemText,
     colorDangerItemTextHover = token.colorDangerItemTextHover,
     colorDangerItemTextSelected = token.colorDangerItemTextSelected,
     colorDangerItemBgActive = token.colorDangerItemBgActive,
-    colorDangerItemBgSelected = token.colorDangerItemBgSelected;
+    colorDangerItemBgSelected = token.colorDangerItemBgSelected,
+    radiusItem = token.radiusItem,
+    colorItemBgHover = token.colorItemBgHover;
   return defineProperty_defineProperty({}, "".concat(componentCls, "-").concat(themeSuffix), (_$concat$concat4 = {
     color: colorItemText,
     background: colorItemBg
@@ -81404,9 +81422,49 @@ var getThemeStyle = function getThemeStyle(token, themeSuffix) {
     color: "".concat(colorItemTextDisabled, " !important")
   }), defineProperty_defineProperty(_$concat$concat4, "".concat(componentCls, "-item:hover, ").concat(componentCls, "-submenu-title:hover"), defineProperty_defineProperty({}, "&:not(".concat(componentCls, "-item-selected):not(").concat(componentCls, "-submenu-selected)"), {
     color: colorItemTextHover
-  })), defineProperty_defineProperty(_$concat$concat4, "".concat(componentCls, "-item:active, ").concat(componentCls, "-submenu-title:active"), {
-    background: colorItemBgActive
-  }), defineProperty_defineProperty(_$concat$concat4, "".concat(componentCls, "-item-danger"), (_$concat3 = {
+  })), defineProperty_defineProperty(_$concat$concat4, "&:not(".concat(componentCls, "-horizontal)"), (_not$concat = {}, defineProperty_defineProperty(_not$concat, "".concat(componentCls, "-item:not(").concat(componentCls, "-item-selected)"), {
+    '&:hover': {
+      backgroundColor: colorItemBgHover
+    },
+    '&:active::before': {
+      content: '""',
+      position: 'absolute',
+      insetInlineStart: 0,
+      top: 0,
+      width: "100%",
+      height: '100%',
+      flex: 1,
+      borderRadius: radiusItem,
+      backgroundColor: colorItemBgActive,
+      transition: "background-color ".concat(motionDurationFast)
+    }
+  }), defineProperty_defineProperty(_not$concat, "".concat(componentCls, "-submenu-title"), {
+    '&::before': {
+      content: '""',
+      position: 'absolute',
+      insetInlineStart: itemMarginInline,
+      top: 0,
+      width: "calc(100% - ".concat(itemMarginInline * 2, "px)"),
+      height: '100%',
+      borderRadius: radiusItem,
+      backgroundColor: 'transparent',
+      transition: "background-color ".concat(motionDurationFast)
+    },
+    '&:hover::before': {
+      backgroundColor: colorItemBgHover
+    },
+    '&:active::after': {
+      content: '""',
+      position: 'absolute',
+      insetInlineStart: itemMarginInline,
+      top: 0,
+      width: "calc(100% - ".concat(itemMarginInline * 2, "px)"),
+      height: '100%',
+      borderRadius: radiusItem,
+      backgroundColor: colorItemBgActive,
+      transition: "background-color ".concat(motionDurationFast)
+    }
+  }), _not$concat)), defineProperty_defineProperty(_$concat$concat4, "".concat(componentCls, "-item-danger"), (_$concat3 = {
     color: colorDangerItemText
   }, defineProperty_defineProperty(_$concat3, "&".concat(componentCls, "-item:hover"), defineProperty_defineProperty({}, "&:not(".concat(componentCls, "-item-selected):not(").concat(componentCls, "-submenu-selected)"), {
     color: colorDangerItemTextHover
@@ -81444,23 +81502,23 @@ var getThemeStyle = function getThemeStyle(token, themeSuffix) {
       content: '""'
     }
   }, defineProperty_defineProperty(_$concat$concat3, "&:hover, &-active, &-open", {
-    color: colorItemTextSelected,
+    color: colorItemTextSelectedHorizontal,
     '&::after': {
       borderWidth: "".concat(colorActiveBarHeight, "px"),
-      borderBottomColor: colorItemTextSelected
+      borderBottomColor: colorItemTextSelectedHorizontal
     }
   }), defineProperty_defineProperty(_$concat$concat3, "&-selected", {
-    color: colorItemTextSelected,
+    color: colorItemTextSelectedHorizontal,
     backgroundColor: colorItemBgSelectedHorizontal,
     '&::after': {
       borderWidth: "".concat(colorActiveBarHeight, "px"),
-      borderBottomColor: colorItemTextSelected
+      borderBottomColor: colorItemTextSelectedHorizontal
     }
   }), _$concat$concat3))), defineProperty_defineProperty(_$concat$concat4, "&".concat(componentCls, "-root"), defineProperty_defineProperty({}, "&".concat(componentCls, "-inline, &").concat(componentCls, "-vertical"), {
     borderInlineEnd: "".concat(colorActiveBarBorderSize, "px ").concat(lineType, " ").concat(colorSplit)
   })), defineProperty_defineProperty(_$concat$concat4, "&".concat(componentCls, "-inline"), (_$concat8 = {}, defineProperty_defineProperty(_$concat8, "".concat(componentCls, "-sub").concat(componentCls, "-inline"), {
     background: colorSubItemBg
-  }), defineProperty_defineProperty(_$concat8, "".concat(componentCls, "-item, ").concat(componentCls, "-submenu-title"), colorActiveBarBorderSize ? {
+  }), defineProperty_defineProperty(_$concat8, "".concat(componentCls, "-item, ").concat(componentCls, "-submenu-title"), colorActiveBarBorderSize && colorActiveBarWidth ? {
     width: "calc(100% + ".concat(colorActiveBarBorderSize, "px)")
   } : {}), defineProperty_defineProperty(_$concat8, "".concat(componentCls, "-item"), defineProperty_defineProperty({
     position: 'relative',
@@ -81495,6 +81553,7 @@ var getVerticalInlineStyle = function getVerticalInlineStyle(token) {
   var componentCls = token.componentCls,
     menuItemHeight = token.menuItemHeight,
     menuItemMarginInline = token.menuItemMarginInline,
+    itemMarginInline = token.itemMarginInline,
     padding = token.padding,
     menuArrowSize = token.menuArrowSize,
     fontSize = token.fontSize;
@@ -81504,10 +81563,15 @@ var getVerticalInlineStyle = function getVerticalInlineStyle(token) {
   }), defineProperty_defineProperty(_ref, "".concat(componentCls, "-item, ").concat(componentCls, "-submenu-title"), {
     height: menuItemHeight,
     lineHeight: "".concat(menuItemHeight, "px"),
-    marginBlock: menuItemMarginInline,
     paddingInline: padding,
     overflow: 'hidden',
     textOverflow: 'ellipsis'
+  }), defineProperty_defineProperty(_ref, "".concat(componentCls, "-item"), {
+    marginInline: itemMarginInline,
+    marginBlock: menuItemMarginInline,
+    width: "calc(100% - ".concat(itemMarginInline * 2, "px)")
+  }), defineProperty_defineProperty(_ref, "".concat(componentCls, "-submenu-title"), {
+    marginBlock: menuItemMarginInline
   }), defineProperty_defineProperty(_ref, "".concat(componentCls, "-submenu"), {
     paddingBottom: 0.02
   }), defineProperty_defineProperty(_ref, "> ".concat(componentCls, "-item,\n            > ").concat(componentCls, "-submenu > ").concat(componentCls, "-submenu-title"), {
@@ -81627,7 +81691,7 @@ var getVerticalStyle = function getVerticalStyle(token) {
 
 // =============================== Base ===============================
 var getBaseStyle = function getBaseStyle(token) {
-  var _$concat$concat, _$concat5, _extends3;
+  var _$concat$concat, _$concat4, _$concat5, _extends3;
   var antCls = token.antCls,
     componentCls = token.componentCls,
     fontSize = token.fontSize,
@@ -81643,6 +81707,8 @@ var getBaseStyle = function getBaseStyle(token) {
     iconCls = token.iconCls,
     zIndexPopup = token.zIndexPopup,
     radiusBase = token.radiusBase,
+    radiusLG = token.radiusLG,
+    radiusSubMenuItem = token.radiusSubMenuItem,
     menuArrowSize = token.menuArrowSize,
     controlHeightSM = token.controlHeightSM,
     menuArrowOffset = token.menuArrowOffset,
@@ -81675,7 +81741,7 @@ var getBaseStyle = function getBaseStyle(token) {
     display: 'flex'
   }, "".concat(componentCls, "-item"), {
     flex: 'none'
-  })), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-item,").concat(componentCls, "-submenu,"), {
+  })), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-item, ").concat(componentCls, "-submenu"), {
     borderRadius: token.radiusItem
   }), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-item-group-title"), {
     padding: "".concat(paddingXS, "px ").concat(padding, "px"),
@@ -81751,7 +81817,7 @@ var getBaseStyle = function getBaseStyle(token) {
       position: 'absolute',
       zIndex: zIndexPopup,
       background: 'transparent',
-      borderRadius: radiusBase,
+      borderRadius: radiusLG,
       boxShadow: 'none',
       transformOrigin: '0 0',
       // https://github.com/ant-design/ant-design/issues/13955
@@ -81770,11 +81836,13 @@ var getBaseStyle = function getBaseStyle(token) {
       top: 0,
       insetInlineStart: menuPanelMaskInset
     }
-  }, "> ".concat(componentCls), defineProperty_defineProperty({
-    borderRadius: radiusBase
-  }, "".concat(componentCls, "-submenu-title::after"), {
+  }, "> ".concat(componentCls), (_$concat4 = {
+    borderRadius: radiusLG
+  }, defineProperty_defineProperty(_$concat4, "> ".concat(componentCls, "-item"), {
+    borderRadius: radiusSubMenuItem
+  }), defineProperty_defineProperty(_$concat4, "".concat(componentCls, "-submenu-title::after"), {
     transition: "transform ".concat(motionDurationSlow, " ").concat(motionEaseInOut)
-  }))), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-submenu"), (_$concat5 = {}, defineProperty_defineProperty(_$concat5, "&-expand-icon, &-arrow", {
+  }), _$concat4))), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-submenu"), (_$concat5 = {}, defineProperty_defineProperty(_$concat5, "&-expand-icon, &-arrow", {
     position: 'absolute',
     top: '50%',
     insetInlineEnd: token.margin,
@@ -81892,23 +81960,29 @@ var getBaseStyle = function getBaseStyle(token) {
       colorTextDescription = token.colorTextDescription,
       colorBgContainer = token.colorBgContainer,
       colorFillAlter = token.colorFillAlter,
-      controlItemBgActive = token.controlItemBgActive,
+      colorFillContent = token.colorFillContent,
       lineWidth = token.lineWidth,
-      lineWidthBold = token.lineWidthBold;
+      lineWidthBold = token.lineWidthBold,
+      controlItemBgActiveHover = token.controlItemBgActiveHover,
+      colorBgTextHover = token.colorBgTextHover;
     return {
       dropdownWidth: 160,
       zIndexPopup: token.zIndexPopupBase + 50,
-      radiusItem: 0,
+      radiusItem: token.radiusLG,
+      radiusSubMenuItem: token.radiusSM,
       colorItemText: colorText,
-      colorItemTextHover: colorPrimary,
+      colorItemTextHover: colorText,
+      colorItemTextHoverHorizontal: colorPrimary,
       colorGroupTitle: colorTextDescription,
-      colorItemTextSelected: colorPrimary,
+      colorItemTextSelected: colorText,
+      colorItemTextSelectedHorizontal: colorPrimary,
       colorItemBg: colorBgContainer,
+      colorItemBgHover: colorBgTextHover,
+      colorItemBgActive: colorFillContent,
       colorSubItemBg: colorFillAlter,
-      colorItemBgActive: controlItemBgActive,
-      colorItemBgSelected: controlItemBgActive,
+      colorItemBgSelected: controlItemBgActiveHover,
       colorItemBgSelectedHorizontal: 'transparent',
-      colorActiveBarWidth: lineWidthBold + lineWidth,
+      colorActiveBarWidth: 0,
       colorActiveBarHeight: lineWidthBold,
       colorActiveBarBorderSize: lineWidth,
       // Disabled
@@ -81918,7 +81992,8 @@ var getBaseStyle = function getBaseStyle(token) {
       colorDangerItemTextHover: colorError,
       colorDangerItemTextSelected: colorError,
       colorDangerItemBgActive: colorErrorBg,
-      colorDangerItemBgSelected: colorErrorBg
+      colorDangerItemBgSelected: colorErrorBg,
+      itemMarginInline: token.marginXXS
     };
   });
   return useOriginHook(prefixCls);
@@ -85083,17 +85158,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.15",
-  "@ant-design/pro-components": "2.3.20",
-  "@ant-design/pro-descriptions": "2.0.17",
-  "@ant-design/pro-field": "2.1.10",
-  "@ant-design/pro-form": "2.2.8",
-  "@ant-design/pro-layout": "7.1.9",
-  "@ant-design/pro-list": "2.0.17",
-  "@ant-design/pro-provider": "2.0.7",
+  "@ant-design/pro-card": "2.0.16",
+  "@ant-design/pro-components": "2.3.22",
+  "@ant-design/pro-descriptions": "2.0.18",
+  "@ant-design/pro-field": "2.1.11",
+  "@ant-design/pro-form": "2.2.9",
+  "@ant-design/pro-layout": "7.1.10",
+  "@ant-design/pro-list": "2.0.19",
+  "@ant-design/pro-provider": "2.0.8",
   "@ant-design/pro-skeleton": "2.0.4",
-  "@ant-design/pro-table": "3.0.17",
-  "@ant-design/pro-utils": "2.2.7"
+  "@ant-design/pro-table": "3.0.19",
+  "@ant-design/pro-utils": "2.2.8"
 };
 ;// CONCATENATED MODULE: ./packages/components/src/index.tsx