wfilter

1.0.1 • Public • Published

移动端筛选组件

v0.0.1

调用方法:

<WFilter help ref={(el)=>{this.WFilter = el}}>  
    <WFilter.Item field="all" onClick={()=>{console.log('全部')}}>全部</WFilter.Item> 
    <WFilter.Item field="test" data={sData}>测试</WFilter.Item>
</WFilter>

<WFilter> 
    help 帮助   [Boole]
    other  可以传入样式什么的 [any] 
    Menu={{multiSelect:true}}  同步antd-moble的菜单设置
    onChange=({ selectedData, nowField })=>{} 切换时会自动执行   [fn]
    onOk={(val)=>{}}  关闭/确认时会执行的函数  [fn]

<WFilter.Item> 
    field="documentNo"  唯一的名字必传  [string] 
    onClick 传入后data属性将失去意义  [fn]
    data     所有的选择项   [Array] -> ([{label, value, children:[{...}]}])
    defaultValue 默认数据  [Array] -> (单选['3', '4'], 多选['3', ['0', '5']])
    other  可以传入样式什么的 [any]  

方法:
    1、getData((val)=>{})   eg: this.WFilter.getData(); 
    2、reSetSelectedData(callback)  清空选择的数据一般重置用到 重置后执行的方法都应放到callback函数

Readme

Keywords

none

Package Sidebar

Install

npm i wfilter

Weekly Downloads

0

Version

1.0.1

License

ISC

Unpacked Size

11.8 kB

Total Files

6

Last publish

Collaborators

  • wangxiongxiong