IDuxFE / idux

🚀 A UI Component Library for Vue3.x
https://idux.site
MIT License
552 stars 141 forks source link

[comp:checkbox] 使用按钮样式的多选框组时,多选无法生效 #1133

Closed sisphs closed 2 years ago

sisphs commented 2 years ago

Reproduction link

https://playground.idux.site/#eyJQbGF5Z3JvdW5kQXBwLnZ1ZSI6Ijx0ZW1wbGF0ZT5cbiAgPEl4RHJhd2VyUHJvdmlkZXI+XG4gICAgPEl4Tm90aWZpY2F0aW9uUHJvdmlkZXI+XG4gICAgICA8SXhNb2RhbFByb3ZpZGVyPlxuICAgICAgICA8SXhNZXNzYWdlUHJvdmlkZXI+XG4gICAgICAgICAgPEFwcCAvPlxuICAgICAgICA8L0l4TWVzc2FnZVByb3ZpZGVyPlxuICAgICAgPC9JeE1vZGFsUHJvdmlkZXI+XG4gICAgPC9JeE5vdGlmaWNhdGlvblByb3ZpZGVyPlxuICA8L0l4RHJhd2VyUHJvdmlkZXI+XG48L3RlbXBsYXRlPlxuXG48c2NyaXB0IGxhbmc9XCJ0c1wiIHNldHVwPlxuaW1wb3J0IHsgc2V0dXBJZHV4IH0gZnJvbSAnLi9zZXR1cElkdXguanMnXG5pbXBvcnQgQXBwIGZyb20gJy4vQXBwLnZ1ZSdcbnNldHVwSWR1eCgpXG48L3NjcmlwdD5cbiIsIkFwcC52dWUiOiI8dGVtcGxhdGU+XG4gIDxJeFNwYWNlIHZlcnRpY2FsPlxuICAgIDxJeENoZWNrYm94R3JvdXAgdi1tb2RlbDp2YWx1ZT1cInZhbHVlXCIgOmRhdGFTb3VyY2U9XCJkYXRhU291cmNlXCIgYnV0dG9uZWQ+PC9JeENoZWNrYm94R3JvdXA+XG4gIDwvSXhTcGFjZT5cbjwvdGVtcGxhdGU+XG5cbjxzY3JpcHQgc2V0dXAgbGFuZz1cInRzXCI+XG5pbXBvcnQgeyByZWYgfSBmcm9tICd2dWUnXG5cbmltcG9ydCB7IENoZWNrYm94RGF0YSB9IGZyb20gJ0BpZHV4L2NvbXBvbmVudHMvY2hlY2tib3gnXG5cbmNvbnN0IHZhbHVlID0gcmVmKFsnYmVpamluZyddKVxuXG5jb25zdCBkYXRhU291cmNlOiBDaGVja2JveERhdGFbXSA9IFtcbiAgeyBrZXk6ICdiZWlqaW5nJywgbGFiZWw6ICdCZWlqaW5nJyB9LFxuICB7IGtleTogJ3NoYW5naGFpJywgbGFiZWw6ICdTaGFuZ2hhaScgfSxcbiAgeyBrZXk6ICdndWFuZ3pob3UnLCBsYWJlbDogJ0d1YW5nemhvdScgfSxcbiAgeyBrZXk6ICdzaGVuemhlbicsIGxhYmVsOiAnU2hlbnpoZW4nIH0sXG5dXG48L3NjcmlwdD5cbiJ9

Steps to reproduce

见重现链接

What is expected?

checkbox组件,使用按钮样式的多选框组时,可以进行多选

What is actually happening?

checkbox组件,使用按钮样式的多选框组时,多选无法生效

Environment Info

@idux/cdk: ^1.0.0-rc.5 => 1.0.0-rc.6
@idux/components: ^1.0.0-rc.5 => 1.0.0-rc.6
@idux/pro: ^1.0.0-rc.5 => 1.0.0-rc.6
 vue: ^3.2.37 => 3.2.37
idux-bot[bot] commented 2 years ago

Translation of this issue:

[CDK: A11Y] When choosing a multi -choice frame group in the button style, multiple choices cannot take effect

REPRODUCTION LINK

[https://playground.idux.site/#eyJQbGF5Z3JvdW5kQXBwLnZ1ZSI6Ijx0ZW1wbGF0ZT5cbiAgPEl4RHJhd2VyUHJvdmlkZXI XG4gICAgPEl4Tm90aWZpY2F0aW9uUHJvdmlkZXI XG4gICAgICA8SXhNb2RhbFByb3ZpZGVyPlxuICAgICAgICA8SXhNZXNzYWdlUHJvdmlkZXI XG4gICAgICAgICAgPEFwcCAvPlxuICAgICAgICA8L0l4TWVzc2FnZVByb3ZpZGVyPlxuICAgICAgPC9JeE1vZGFsUHJvdmlkZXI XG4gICAgPC9JeE5vdGlmaWNhdGlvblByb3ZpZGVyPlxuICA8L0l4RHJhd2VyUHJvdmlkZXI XG48L3RlbXBsYXRlPlxuXG48c2NyaXB0IGxhbmc9XCJ0c1wiIHNldHVwPlxuaW1wb3J0IHsgc2V0dXBJZHV4IH0gZnJvbSAnLi9zZXR1cElkdXguanMnXG5pbXBvcnQgQXBwIGZyb20gJy4vQXBwLnZ1ZSdcbnNldHVwSWR1eCgpXG48L3NjcmlwdD5cbiIsIkFwcC52dWUiOiI8dGVtcGxhdGU XG4gICAgPEl4Q2hlY2tib3hHcm91cCB2LW1vZGVsOnZhbHVlPVwidmFsdWVcIiA6ZGF0YVNvdXJjZT1cImRhdGFTb3VyY2VcIiBidXR0b25lZD48L0l4Q2hlY2tib3hHcm91cD5cbjwvdGVtcGxhdGU XG5cbjxzY3JpcHQgc2V0dXAgbGFuZz1cInRzXCI XG5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcbmltcG9ydCB7IENoZWNrYm94RGF0YSB9IGZyb20gJ0BpZHV4L2NvbXBvbmVudHMvY2hlY2tib3gnXG5cbmNvbnN0IHZhbHVlID0gcmVmKFsnYmVpamluZyddKVxuXG5jb25zdCBkYXRhU291cmNlOiBDaGVja2Jve ERhdGFbXSA9IFtcbiAgeyBrZXk6ICdiZWlqaW5nJywgbGFiZWw6ICdCZWlqaW5nJyB9LFxuICB7IGtleTogJ3NoYW5naGFpJywgbGFiZWw6ICdTaGFuZ2hhaScgfSxcbiAgeyBrZXk6ICdndWFuZ3pob3UnLCBsYWJlbDogJ0d1YW5nemhvdScgfSxcbiAgeyBrZXk6ICdzaGVuemhlbicsIGxhYmVsOiAnU2hlbnpoZW4nIH0sXG5dXG5cbjwvc2NyaXB0PiJ9](https://playground.idux.site/#eyJQbGF5Z3JvdW5kQXBwLnZ1ZSI6Ijx0ZW1wbGF0ZT5cbiAgPEl4RHJhd2VyUHJvdmlkZXI XG4gICAgPEl4Tm90aWZpY2F0aW9uUHJvdmlkZXI XG4gICAgICA8SXhNb2RhbFByb3ZpZGVyPlxuICAgICAgICA8SXhNZXNzYWdlUHJvdmlkZXI XG4gICAgICAgICAgPEFwcCAvPlxuICAgICAgICA8L0l4TWVzc2FnZVByb3ZpZGVyPlxuICAgICAgPC9JeE1vZGFsUHJvdmlkZXI XG4gICAgPC9JeE5vdGlmaWNhdGlvblByb3ZpZGVyPlxuICA8L0l4RHJhd2VyUHJvdmlkZXI XG48L3RlbXBsYXRlPlxuXG48c2NyaXB0IGxhbmc9XCJ0c1wiIHNldHVwPlxuaW1wb3J0IHsgc2V0dXBJZHV4IH0gZnJvbSAnLi9zZXR1cElkdXguanMnXG5pbXBvcnQgQXBwIGZyb20gJy4vQXBwLnZ1ZSdcbnNldHVwSWR1eCgpXG48L3NjcmlwdD5cbiIsIkFwcC52dWUiOiI8dGVtcGxhdGU XG4gICAgPEl4Q2hlY2tib3hHcm91cCB2LW1vZGVsOnZhbHVlPVwidmFsdWVcIiA6ZGF0YVNvdXJjZT1cImRhdGFTb3VyY2VcIiBidXR0b25lZD48L0l4Q2hlY2tib 3hHcm91cD5cbjwvdGVtcGxhdGU XG5cbjxzY3JpcHQgc2V0dXAgbGFuZz1cInRzXCI XG5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcbmltcG9ydCB7IENoZWNrYm94RGF0YSB9IGZyb20gJ0BpZHV4L2NvbXBvbmVudHMvY2hlY2tib3gnXG5cbmNvbnN0IHZhbHVlID0gcmVmKFsnYmVpamluZyddKVxuXG5jb25zdCBkYXRhU291cmNlOiBDaGVja2JveERhdGFbXSA9IFtcbiAgeyBrZXk6ICdiZWlqaW5nJywgbGFiZWw6ICdCZWlqaW5nJyB9LFxuICB7IGtleTogJ3NoYW5naGFpJywgbGFiZWw6ICdTaGFuZ2hhaScgfSxcbiAgeyBrZXk6ICdndWFuZ3pob3UnLCBsYWJlbDogJ0d1YW5nemhvdScgfSxcbiAgeyBrZXk6ICdzaGVuemhlbicsIGxhYmVsOiAnU2hlbnpoZW4nIH0sXG5dXG5cbjwvc2NyaXB0PiJ9)

STEPS To Reproduce

See reproduction link

What is exfected?

CHECKBOX components, when using the button style of the buttons, you can choose multiple

What is actually happy?

Checkbox components, when using the multi -selected frame group of the buttons, the multiple choice cannot take effect

ENVIRONMENT Info

@idux/cdk: ^1.0.0-rc.5 => 1.0.0-rc.6
@idux/components: ^1.0.0-rc.5 => 1.0.0-rc.6
@idux/pro: ^1.0.0-rc.5 => 1.0.0-rc.6
 vue: ^3.2.37 => 3.2.37
danranVm commented 2 years ago

复现链接有点问题。

sisphs commented 2 years ago

链接已更新。