0.1.6 • Published 3 months ago
@farris/ui-filter v0.1.6
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" |
0.1.6
3 months ago
0.1.5
5 months ago
0.1.4
6 months ago
0.1.0
1 year ago
0.1.2
12 months ago
0.1.1
1 year ago
0.1.3
11 months ago
0.0.22
1 year ago
0.0.23
1 year ago
0.0.24
1 year ago
0.0.21
2 years ago
0.0.20
2 years ago
0.0.19
3 years ago
0.0.18
3 years ago
0.0.16
3 years ago
0.0.17
3 years ago
0.0.15
3 years ago
0.0.14
3 years ago
0.0.10
3 years ago
0.0.11
3 years ago
0.0.12
3 years ago
0.0.8
3 years ago
0.0.7
3 years ago
0.0.6
3 years ago
0.0.5
3 years ago
0.0.4
3 years ago
0.0.3
3 years ago
0.0.2
3 years ago
0.0.1
3 years ago