react-filter

React Filter for npm

[![NPM version][npm-image]][npm-url]
[![npm download][download-image]][download-url]

[npm-image]: http://img.shields.io/npm/v/rc-filter.svg?style=flat-square
[npm-url]: http://npmjs.org/package/rc-filter
[download-image]: https://img.shields.io/npm/dm/rc-filter.svg?style=flat-square
[download-url]: https://npmjs.org/package/rc-filter

Screenshots

install


dev

`` bash

安装依赖

npm i --registry=https://registry.npm.taobao.org

启动服务

http://localhost:12345 (需手动更新)

http://localhost:12345/webpack-dev-server/ (可自动更新)

npm run dev
``

API

$3

| name | description | type | default |
|----------|----------------|----------|--------------|
|filters | 还原的时候的数据 | Array | [] |
|isAndAndOr | 并且或者或者都有，还是二选一 | Boolean | true |
|containerWidth | 容器宽度 | Number | 950 |
|relationWidth | 并且或者区域的宽度, 如果是二选一需要设置宽度 | Number | 50 |
|and | 操作符 | String | 并且 |
|or | 操作符 | String | 或者 |
|timeFormat | 时间格式 | String | yyyy-MM-dd HH:mm:ss |
|relationRadioStyle | 并且或者区域的样式 | Object | |
|firstRelationTxt | 第一个并且或者区域的文字 | String | 筛选 |
|typeMap | 操作符 | Object | |
|propertyList | 属性请求接口 | Object | |
|valueInputList | 值请求接口 | String | |
|onChangeValueInput | 输入框值变化回调 | Function | |

$3

* 空: Empty
* 多选下拉: MulSelect
* 字符输入框: stringInput
* 数值输入框: numberInput
* 数值区间输入框: numberInputRange
* 时间框: timeInput
* 时间区间框: timeInput