ant-design / ant-design/pro-components

🐛[BUG] Prolayout Sider Token 在 menu 类型为 group下时,无法设置一级标题颜色

Open
#8,976 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
4.8k
Forks
1.4k
Avg merge
10h 44m
Merged PRs (30d)
3

Description

提问前先看看:

https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md

### 🐛 bug 描述

在Umi中,使用默认的Prolayout时,如果把menu类型设置为group,无法设置一级标题的颜色

### 📷 复现步骤

Prolayout中将 menu 设置为 type: group,将无法设置一级标题颜色(具体设置见代码部分)

![Image](https://github.com/user-attachments/assets/278eb799-d8d4-4a50-b31d-3500fc306b19)

### 🏞 期望结果

menu 类型为 group时,应该允许设置一级标题颜色

### 💻 复现代码

```
{
menu: {
locale: false,
type: 'group',
},
token: {
sider: {
colorMenuBackground: '#242424',
colorTextMenuTitle: '#FFFFFF',
colorMenuItemDivider: '#383838',

colorTextMenu: '#FFFFFF',
colorTextMenuSelected: '#FFFFFF',
colorTextMenuActive: '#FFFFFF',
colorTextMenuItemHover: '#FFFFFF',

colorBgMenuItemActive: '#0052D9',
colorBgMenuItemHover: '#0052D9',
colorBgMenuItemSelected: '#0052D9',
},
pageContainer: {
colorBgPageContainer: '#F3F3F3',
},
}
}
```

### © 版本信息

- ProComponents 版本: 2.4.4
- umi 版本 4.3.36
- 浏览器环境 edge
- 开发环境 Linux mint

### 🚑 其他信息

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the issue in ProLayout with menu.type set to group and the provided sider token configuration. Trace how the grouped menu renders its first-level headings and verify that colorTextMenuTitle is applied there; done means the configured first-level heading color appears in the group menu.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.