多选组件
面向待选择的数据长度过大提供分页功能,以及搜索和全选/非全选功能。
兼容
- React >= 0.15.x
- Antd >= 1.x
- lodash >= 4.x
Install
npm i @didi/dd-rc-multipicker -S
API
Props:
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
width | 选择面板宽度 | Number | 400 |
data | 选择原数据 | Array | [] |
selected | 已选项 | Array | [] |
selectedMaxDisplayNum | 已选项最大显示数量 | Number | 100 |
defaultPageSize | 默认每页显示数量 | Number | 5 |
onChange | 选择更改回调 | Function(selected, currentItem, currentItemChecked) | noop |
onRemoveAll | 删除所有选择 | Function | noop |
onCurrentPageSelectAll | 全选当页选项 | Function(currentPageSelected) | noop |
onSearch | 搜索回调 | Function(searchVal, filteredData) | noop |
onSelectedClick | 已选项点击事件回调 | Function(item) | noop |
Methods:
- getSelected 获取已选项
- setSelected 设定已选项