一、属性

size

String

控件大小。

默认值: 'small'

可选值: 'large'、'default'、'samll'

---

findFormData

object

查询表单数据。

默认值: {}

---

showBtn

boolean

是否显示 查询/重置 按钮。

默认值: true

---

findBtn

array<{ header, title, iconCls?, method }>

自定义按钮，按钮需要配置 method 事件，否则无意义。

默认值: []

array 属性说明:

• header: string: 按钮名称，与 title 二选一
• title: string: 按钮名称，与 header 二选一，优先于 header
• iconCls: string: 按钮图标，可选，默认 'search'
• style: object: 按钮的样式，默认 { marginLeft: '8px' }
• method: ({ that, findFormData }) => void: 按钮事件 必填项
  • that: object: 当前组件的实例对象 不建议使用
  • find: () => void: 默认查询按钮事件 不建议使用
  • findFormData: object: 查询表单数据

---

hideReset

boolean

是否隐藏 重置 按钮。

默认值: false

---

showCount

number

显示的查询条件数量。

默认值: 4

parentName

string

父组件名称。当父组件可能会在业务组件中多次使用此组件时配置，用于在回调事件中区分是哪个组件的回调。

---

findColumns

array

查询表单的列配置项。

默认值: []

array 属性说明:

• 支持 AppInput columns 中的所有属性
• header: string: 字段名称，与 title 二选一
• title: string: 字段名称，与 header 二选一，优先于 header
• dataIndex: string: 字段编码
• allowBlank: boolean: 是否允许为空，默认 true
• width: number: 输入组件的宽度，默认 80
• style: object: 输入组件的样式
• labelAlign: string: 同 labelAlign，优先级高
• labelCol: object: 同 labelCol，优先级高
• wrapperCol: object: 同 wrapperCol，优先级高

---

colCount 因高度问题，用不到

number

每行显示的查询条件数量。

默认值: undefined

可选值: 1、2、3、4、6、8、12、24

提示

当指定此属性后，列配置项中的宽度会失效，将采用栅格的形式展示。

---

labelAlign

string

label 标签的文本对齐方式。

默认值: 'left'

可选值: 'left'、'right'

注意

当指定 colCount 后有效，否则无效

---

labelCol

object

label 标签布局，同 <Col> (opens new window) 组件，设置 span offset 值，如 { span: 3, offset: 12 } 或 sm: { span: 3, offset: 12 }

默认值: { span: 8 }

注意

当指定 colCount 后有效，否则无效

---

wrapperCol

object

需要为输入控件设置布局样式时，使用该属性，用法同 labelCol

默认值: { span: 8 }

注意

当指定 colCount 后有效，否则无效

二、插槽

button

用于自定义按钮。

提示

使用此插槽通常会将 showBtn 置为 false

三、方法

getFind

() => object

获取当前组件实例。

返回值说明:

• findFormData: object: 查询表单数据

四、事件

appFind 因回调参数处理麻烦，不建议使用

(findParams, parentName) => void

查询按钮回调事件。

参数说明:

• findParams: array: 查询条件数组
  • field: string: 查询字段
  • val: string | number | boolean: 查询字段所对应的值
• parentName: string: 父组件名称

findSearch

({ findFormData, parentName }) => void

查询按钮回调事件。

参数说明:

• obj
  • findFormData: object: 查询表单数据
  • parentName: string: 父组件名称

---

findReset

({ findFormData, parentName }) => void

重置按钮回调事件。

参数说明:

• obj
  • that: object: 当前组件的实例对象 不建议使用
  • findFormData: object: 查询表单数据
  • parentName: string: 父组件名称

---

itemChanged

({ that, columns, value, oldValue, formData, time?, date? }) => void

当值改变后触发。

参数说明:

• obj
  • that: object: 当前组件的实例对象 不建议使用
  • columns: object: 列配置对象
  • value: string | number | boolean: 输入组件的值
  • oldValue: string | number | boolean: 输入组件值变化前的值
  • formData: object: 查询表单数据
  • time: moment: 选中的时间
  • date: moment: 选中的日期

提示

该方法可直接挂载至 findColumns 下。

findColumns: [
  {
    // ...
    itemChanged: ({ that, columns, value, time, date, oldValue, formData }) => {}
  }
]

---

showDropDownBefore

({ that, columns, formData, back }) => void

当值改变后触发。

参数说明:

• obj
  • that: object: 当前组件的实例对象 不建议使用
  • columns: object: 列配置对象
  • formData: object: 查询表单数据
  • back: (continueExec) => void: 是否需要拦截后续代码时调用，默认继续执行。back(false) 即可拦截。

提示

该方法可直接挂载至 findColumns 下。

findColumns: [
  {
    // ...
    showDropDownBefore: ({ that, columns, formData, back }) => {}
  }
]