搜索栏 y-search-bar

输入关键字，并筛选条件进行搜索,支持插槽，有蓝色和白色款， 默认蓝色 [YFormElType.DATE_PICKER, YFormElType.DATE_TIME_PICKER, YFormElType.CUSTOM_SELECTOR, YFormElType.SELECTOR]支持清除配置，默认可清除

组件名称

y-search-bar

依赖组件

1. y-input-box
2. y-date-picker
3. y-date-time-picker
4. y-custom-selector
5. y-form-item-picker

基础用法

有表单搜索

白色底

属性

/**
 * 属性
 */
export interface Props extends Record<string, unknown> {
  /**
   * 类型：white，默认蓝色
   */
  type?: string


  /**
   * 表单行列表
   */
  rowList: SearchRowItem[]

  /**
   * 绑定数据
   */
  modelValue: Object
}

/**
 * 搜索项
 */
export interface SearchRowItem {

  /**
   * 是否显示
   */
  show: boolean

  /**
   * 行左侧名称
   */
  label: string

  /**
   * 行右侧组件类型
   */
  type: SearchBarElType

  /**
   * 绑定的字段, 与modelValue关联
   */
  property: string

  /**
   * 参数
   */
  options?: YInputBox.InputInfo | YCustomSelector.CustomSelectorInfo | YFormItemPicker.FormItemPickerInfo 
  | CalendarBasic.CalendarOptions | YDateTimePicker.timePickerOptions | YForm.FormItemCheckboxGroupOptions | YForm.FormItemRadioGroupOptions[]
}

事件

interface Events{

  /**
   * 点击自定义下拉框触发
   */
  onClick: number
}