ant-design / ant-design/pro-components

🐛[BUG] procomponents 样式错误

Open
#7,786 1 comment 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 描述
使用最新版next.js 13.5.5 + Antd 5.10.1 + Procomponents 2.6.30时,antd设置的自定义主题样式错误。我在Antd中开启了ssr StyledComponentsRegistry,初始化的样式是对的,但是点击输入框之后,会丢失自定义样式。(在我自己的项目里面,看到protable的搜索按钮样式为默认样式,好像没有获取到我的自定义样式配置)还有Procomponents 文档中好像没怎么提到自定义样式?

### 📷 复现步骤

启动项目,点击输入框,发现输入框变回默认样式了

### 🏞 期望结果

输入框的样式跟自定义样式一致

### 💻 复现代码

https://github.com/CSpy163/test-ssr

### © 版本信息

- ProComponents 版本: 2.6.30
- umi 版本: 非umi
- 浏览器环境 chrome 117
- 开发环境 windows11

### 🚑 其他信息
![image](https://github.com/ant-design/pro-components/assets/39793958/aaddb469-8a04-4f0f-a80c-210831fb34cf)
![image](https://github.com/ant-design/pro-components/assets/39793958/49025ebb-6b61-44fb-abc3-c3f8c74dc1bf)

Contributor guide

Open the contributing guide

Research direction

Start by running the linked test-ssr reproduction with Next.js 13.5.5, Ant Design 5.10.1, and ProComponents 2.6.30, then reproduce the style loss after clicking an input. Inspect the SSR StyledComponentsRegistry setup and the ProTable search/input styling; done means the customized theme remains applied after interaction.

Written by the indexing model from the issue text.

Assessment

Tech stack
next.js, react, typescript
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.