search

ant-design / pro-components

🏆 Use Ant Design like a Pro!
https://pro-components.antdigital.dev
MIT License
4.02k stars 1.28k forks source link

🐛[BUG] 轻量表单控件 Select(多选), 单击选中后通过再点击取消, 此时 label 不为 未选状态 #8219 #8237

Closed q269384828 closed 2 weeks ago

q269384828 commented 1 month ago

提问前先看看：

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

🐛 bug 描述 轻量表单控件 Select(多选), 单击选中后通过再点击取消, 此时 label 不为 未选状态

📷 复现步骤 codesandbox

LightFilter 下的 ProFormSelect 选几个区域 取消选择 (不要点清空) --> 🏞 期望结果 期望是组件未选择的状态, 即 白底的那个状态 💻 复现代码 © 版本信息 ProComponents 版本: [e.g. 4.0.0] umi 版本 浏览器环境 开发环境 [e.g. mac OS] 🚑 其他信息

github-actions[bot] commented 1 month ago

以下的 Issues 可能会帮助到你 / The following issues may help you

chenyuf2 commented 1 month ago

https://github.com/ant-design/pro-components/blob/0dede4fd9db4cdc02f5c3ff2119f3a449414be31/packages/utils/src/components/FieldLabel/index.tsx#L176

这里的判断条件有问题。当select点击取消之后，value会变成[]。!![] 是true，会导致这个active class被触发

q269384828 commented 3 weeks ago

https://github.com/ant-design/pro-components/blob/0dede4fd9db4cdc02f5c3ff2119f3a449414be31/packages/utils/src/components/FieldLabel/index.tsx#L176

这里的判断条件有问题。当select点击取消之后，value会变成[]。!![] 是true，会导致这个active class被触发

是的 , 我不清楚 是不是有其他的考虑