1.0.1 • Published 6 years ago

wfilter v1.0.1

Weekly downloads
85
License
ISC
Repository
-
Last release
6 years ago

移动端筛选组件 ###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函数