# SimpleFilter 轻量筛选组件
### 介绍
一般位于表格组件上方，若筛选条件较多时，则支持右侧呼出面板配置更多的筛选条件值。该筛选是轻量级、且能满足常用数据筛选的组件

## API
### Props

| 参数           | 说明                     | 类型               | 默认值    |
| -------------- | ----------------------- | ------------------ | ---------- |
| filterList | 筛选项 | Array | - |
| disabled | 是否禁用 | Boolean | `false` |
| showReminder | 是否显示提示，一般用于前置任务中 | Boolean | `false` |
| floatFilter | 是否是左右布局中使用 | Boolean | `false` |
| defaultValue | 筛选默认值 | FieldConfig | - |

### Events

| 事件名 | 说明               | 参数      |
| ----- | ------------------------- | -------------- |
| query | 查询事件 | _event: Event_ |
| searchChange | 查询数据变化事件 | - |

### FieldConfig

| 参数           | 说明                     | 类型               |
| -------------- | ----------------------- | ------------------ |
| id | 字段ID | String |
| labelCode | 字段唯一标识 | string |
| value | 字段默认值 | any |

### FilterList

| 参数           | 说明                     | 类型               |
| -------------- | ----------------------- | ------------------ |
| id | 查询条件id | string |
| labelCode | 查询条件唯一标识 | string |
| code | 查询条件在页面中的code | string |
| name | 查询条件在页面中的名称 | string |
| control | 查询项，通用参数：isExtend：是否默认收起到右侧; required: 是否必填; placeHolder：占位符；beginPlaceHolder:起始占位符; endPlaceHolder: 结束占位符;  | Object |

### 表单类型 
| 类型 |说明 |
| ------------------ | -------------------------- |
| 文本类型 | "controltype": "text" |
| 日期区间 | controltype: "date";format:string,显示日期格式，zh-cn 模式下默认为 'yyyy-MM-dd' |
| 年度范围 | controltype: "yearRange";format:string,显示日期格式，zh-cn 模式下默认为 'yyyy' |
| 年月范围 | controltype: "monthRange";format:string,显示日期格式，zh-cn 模式下默认为 'yyyy-MM' |
| 日期时间区间 | controltype: "datetime";format:string,显示日期格式，zh-cn 模式下默认为 'yyyy-MM-dd' |
| 日期 | controltype: "singleDate";format:string,显示日期格式，zh-cn 模式下默认为 'yyyy-MM-dd';compareType:搜索的日期范围，等于 Equal=0,大于 GreaterThan=2,大于等于 GreaterThanOrEqual=3,小于 LessThan =4,小于等于 LessThanOrEqual = 5，默认为0 |
| 年度 | controltype: "year";format:string,显示日期格式，zh-cn 模式下默认为 'yyyy'; compareType:搜索的日期范围，等于 Equal=0,大于 GreaterThan=2,大于等于 GreaterThanOrEqual=3,小于 LessThan =4,小于等于 LessThanOrEqual = 5，默认为0 |
| 月度 | controltype: "month";format:string,显示日期格式，zh-cn 模式下默认为 'yyyy-MM';compareType:搜索的日期范围，等于 Equal=0,大于 GreaterThan=2,大于等于 GreaterThanOrEqual=3,小于 LessThan =4,小于等于 LessThanOrEqual = 5，默认为0 | 
| 搜索 | "controltype": "search" |
| 数字区间 | "controltype": "number"; bigNumber 是否大数字; precision:精度 |
| 单数字 | "controltype": "singlenumber"; bigNumber 是否大数字; precision:精度 |
| 帮助 | "controltype": "help";textField是展示在帮助文本框里的字段名； valueField是选择帮助后保存的值的字段名；idField是帮助数据的id字段名；helpId是已经在表单中生成的，可以在设计器中查看的id值; displayType: LIST(普通列表), TREELIST(树列表), NAVLIST, NAVTREELIST，如果不填默认为普通列表；preEventCmd:帮助前事件；postEventCmd:帮助后事件; singleSelect:是否支持多选;expandLevel:展开到指定级数;enableCascade:是否启用级联选择控制选项; |
| 下拉选择 | "controltype": "dropdown"; enumValues表示下拉选择的options，是一个对象数组 |
| 复选组 | "controltype": "checkboxgroup";enumValues表示复选框选择的options，是一个对象数组 |
| 单选组 | "controltype": "radio"; enumValues表示复选框选择的options，是一个对象数组 |
| 智能输入 | "controltype": "input-group", "editable": 是否支持填写, "groupText": 扩展区域模板,"usageMode": text 使用模式为文本;open-modal 弹出表单,"modalConfig": 弹窗配置 |
| 可变数值 | "controltype": "flexibleNumber"; bigNumber 是否大数字；single 是否默认启动单值；precision:精度|
| 可变日期 | "controltype": "flexibleDate"; showType 可选值为''-年月日 2-年月  3-年；format 显示日期格式；single 是否默认启动单值；|
| 单选框 | "controltype": "bool-check" |