表单搜索部件

主题配置

通过应用主题的 search.form 来配置:

createApp({
  theme: {
    behavior: {
      search: {
        form: {
          // 下表中的配置项
        }
      }
    }
  }
});
配置项 值类型/可选值 默认值 说明
formLayout 'inline' | 'flex' | 'grid' 'inline' 表单布局
formControlLabelWidth number | string - 表单控件文本标签宽度
formControlSize 'large' | 'medium' | 'small' 'medium' 表单控件尺寸,会统一控制输入框、下拉列表、按钮等的尺寸
hideFormControlLabel boolean false 是否隐藏表单控件文本标签
searchable boolean true 是否显示「查询」按钮
resettable boolean true 是否显示「重置」按钮
actionsStandalone boolean false 「查询」和「重置」按钮是否与表单主体剥离,剥离后不受 formLayout 影响
submitButtonAsPrimary boolean true 是否将「查询」按钮标为主要操作

部件配置

通过搜索描述器的 config 属性来配置。

配置项 值类型/可选值 默认值 说明
formControlLabelWidth number | string   表单控件文本标签宽度,会覆盖主题配置中的 formControlLabelWidth
hideFormControlLabel boolean   是否隐藏表单控件文本标签,会覆盖主题配置中的 hideFormControlLabel
searchable boolean   是否显示「查询」按钮,会覆盖主题配置中的 searchable
resettable boolean   是否显示「重置」按钮,会覆盖主题配置中的 resettable
arrangement string   对过滤器进行分组编排,见下面详细说明

arrangement

用来指定每行有几个过滤器,用 | 分割,如:3|2|4。当指定数量超过实际数量时,视觉上不会出现多余的行;若实际数量多于指定数量,会将剩余过滤器全部在新的一行中显示。

目录