🐛[BUG] ⚠️LoginForm 的 subTitle 的颜色在开启 cssVar 功能时，在算法切换过后就回不来了

[xsjcTony]

🐛 bug 描述

如题，非常简洁明了的BUG

我不知道是procomponents的问题还是5.0 cssVar的问题。 因为我刚才提交了一个cssVar的Bug🤣 但这个问题我只在LoginForm里出现了我就提到这来了。

反正 cssVar 开启之后， 没切换算法前一切正常：

切换之后就会多出一个类名：

然后再怎么切这个类名也不会消失了，颜色就回不去了。

没有开启 cssVar 时， 切换之后这个多出来的类名会消失。 我感觉是这里的问题

我甚至不知道这个和antd是不是一个团队🤣 求告知

📷 复现步骤

单击按钮切换算法
https://codesandbox.io/p/sandbox/antd-reproduction-template-forked-rdppc6?file=%2Findex.js%3A20%2C26

CodeSandbox慢死了。。 我得在stackblitz建个自己的模板

🏞 期望结果

颜色应该会回来

💻 复现代码

如上

© 版本信息

• ProComponents 版本: 2.6.43
• umi 版本: N/A
• 浏览器环境: Chrome 120
• 开发环境 Windows 11

[xsjcTony]

其实 title 也有同样的问题🤣 只不过他没改颜色就不明显。cssVar 模式下新的样式不消失

[chenshuai2144]

是不是因为hash没开？或者你需要重现渲染一下 ProForm

[chenshuai2144]

值得注意是的百分之二十的问题都可以用重装依赖来解决，所以你可以尝试一下：
删除 'node_modules' 文件夹 -> 删除 'package-lock.json'或 'pnpm-lock.yaml' 文件 -> 运行 'pnpm install' 或 'npm install' 命令

根据描述，这个问题可能是由于开启了 cssVar 功能后，在算法切换后颜色无法回复的问题。你可以尝试以下解决方案：

1. 确认问题是否与 cssVar 功能有关。你可以尝试在不开启 cssVar 功能的情况下进行算法切换，看看问题是否仍然存在。如果问题解决了，那么可能是 cssVar 功能引起的。

2. 检查 LoginForm 组件的样式。确保在算法切换后，对应的样式属性被正确应用。可以使用开发者工具查看元素的样式属性，确认是否存在问题。

3. 检查是否有其他样式覆盖了 LoginForm 的样式。在算法切换后，可能会有其他样式文件被加载或应用，导致原本的样式失效。可以检查并排除这种可能性。

4. 查看 ProComponents 的文档和 GitHub 仓库，查看是否有其他开发者遇到了类似的问题，并尝试使用最新的版本，以确保问题已经修复。

5. 如果问题仍然存在，可以尝试联系 ProComponents 的开发团队，向他们报告问题并提供复现代码和详细描述，以便他们能够帮助你解决问题。

总结：根据描述，这个问题可能是由于开启了 cssVar 功能后，在算法切换后颜色无法回复的问题。建议先确认问题与 cssVar 功能有关，然后检查样式和可能的样式覆盖情况，最后尝试联系开发团队寻求帮助。

[xsjcTony]

是不是因为hash没开？或者你需要重现渲染一下 ProForm

1. 和 hashed 是否开启无关，重新渲染感觉没什么道理。
2. 问题中已经很明确的指出了就是由于开启 cssVar 才导致的问题, 并且也说明了导致问题的原因和有没有开启 cssVar 行为上的区别.
3. 由于在使用 cssVar (仅限 antd 组件) 本身时没有遇到问题, 只有在 ProComponents 中才有, 所以应该是这里的问题. 我也不知道 antd 和 ProComponents 是不是一个团队的所以感觉发在那边不太好, 就发这了
4. ProComponents 对于样式重新封装过一遍, 所以感觉不是 cssVar 本身有问题
5. 复现链接上面已经贴了，是最小复现