hooks
hooks copied to clipboard
feat: useAntdTableSelection
🤔 管理 Antd Table rowSelection 相关状态以及操作的 hook
- ☑️ 新特性提交
- [ ] 日常 bug 修复
- [ ] 站点、文档改进
- [ ] 演示代码改进
- [ ] TypeScript 定义更新
- [ ] 包体积优化
- [ ] 性能优化
- [ ] 功能增强
- [ ] 国际化改进
- [ ] 重构
- [ ] 代码风格优化
- [ ] 测试用例
- [ ] 分支合并
- [ ] 其他改动(是关于什么的改动?)
🔗 相关 Issue
https://github.com/alibaba/hooks/issues/2471
💡 需求背景和解决方案
场景:使用 Antd Table 组件时,需要更灵活的selection操作
方案:通过接管Antd Table rowSeletion的 selectedRowKeys/ disabled/ rowKey/ type/ onChange / getCheckboxProps 等几项关键属性,实现一系列多选单选操作,及相关状态的获取。
演示:Issue
https://github.com/alibaba/hooks/issues/2471#issuecomment-1935229560
📝 更新日志
新增 useAntdTableSelection , 它会自动管理 Table 可选项数据,内置了常用的全选、单选、toogle 等。
| 语言 | 更新描述 |
|---|---|
| 🇺🇸 英文 | new featrue useAntdTableSelection |
| 🇨🇳 中文 | 新功能 useAntdTableSelection |
☑️ 请求合并前的自查清单
⚠️ 请自检并全部勾选全部选项。⚠️
- ☑️ 文档已补充或无须补充
- ☑️ 代码演示已提供或无须提供
- ☑️ TypeScript 定义已补充或无须补充
- ☑️ Changelog 已提供或无须提供
Antd Table 点击row的回调onCell ,args[1] 为 index ,因此rowKey的函数 args[1] 也要支持 index