@farris/ui-filter

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"