filterForm 过滤表单

使用

import { KFilterForm } from "@ksware/ksw-ux";

基础用法

WARNING

注意：使用render时注意数据绑定方式，如：(item: any) => <k-input type={'textarea'} v-model={item['comment']} />

API

Props

参数名	描述	类型	默认值
items	展示的数据项	FilterFormItem[]	[]
size	尺寸	enum	-
collapse	是否折叠	boolean	true
reserve	是否保留已选条件	boolean	false
visible	是否显示表单数据项	boolean	false
showColon	是否显示冒号	boolean	-

Events

事件名	描述	类型
search	搜索时触发	Function
reset	重置时触发	Function
change	重置时触发	Function

FilterFormItem

参数名	描述	类型	默认值
label	标签内容	string	-
prop	数据项对应字段	string	-
defaultValue	数据项默认值，重置数据时控件绑定值会变为该值，如果未设置，则使用组件value属性值	any	-
value	数据项对应值	any	-
type	数据项类型	enum	-
attrs	透传的数据	any	-
render	自定义渲染	Function	-
options	选项数据	any[]	-
column	列数量	number	-
visible	是否显示该数据项	boolean	-

Slots

插槽名	描述	参数
[column.prop]	自定义渲染列	-
action	自定义操作按钮	-