feat: Menu add token subMenuItemSelectedColor (#52182)

- close https://github.com/ant-design/ant-design/issues/45488
- close https://github.com/ant-design/ant-design/issues/46354
- close https://github.com/ant-design/ant-design/issues/52166

components/menu/style/index.ts

@@ -95,6 +95,11 @@ export interface ComponentToken {
    * @descEN Color of selected menu item text
    */
   itemSelectedColor: string;
+  /**
+   * @desc 子菜单内有选中项时，子菜单标题色
+   * @descEN Color of submenu title when submenu has selected item
+   */
+  subMenuItemSelectedColor: string;
 
   /** @deprecated Use `horizontalItemSelectedColor` instead */
   colorItemTextSelectedHorizontal: string;
@@ -890,6 +895,7 @@ export const prepareComponentToken: GetDefaultToken<'Menu'> = (token) => {
     groupTitleColor: colorTextDescription,
     colorItemTextSelected: colorPrimary,
     itemSelectedColor: colorPrimary,
+    subMenuItemSelectedColor: colorPrimary,
     colorItemTextSelectedHorizontal: colorPrimary,
     horizontalItemSelectedColor: colorPrimary,
     colorItemBg: colorBgContainer,

components/menu/style/theme.ts

@@ -13,6 +13,7 @@ const getThemeStyle = (token: MenuToken, themeSuffix: string): CSSInterpolation
     componentCls,
     itemColor,
     itemSelectedColor,
+    subMenuItemSelectedColor,
     groupTitleColor,
     itemBg,
     subMenuItemBg,
@@ -67,10 +68,8 @@ const getThemeStyle = (token: MenuToken, themeSuffix: string): CSSInterpolation
         },
       },
 
-      [`${componentCls}-submenu-selected`]: {
+      [`${componentCls}-submenu-selected > ${componentCls}-submenu-title`]: {
-        [`> ${componentCls}-submenu-title`]: {
+        color: subMenuItemSelectedColor,
-          color: itemSelectedColor,
-        },
       },
 
       [`${componentCls}-item, ${componentCls}-submenu-title`]: {