@rrc-materials/search v0.2.0

showNav: true

Search

@rrc-materials/search for rrc

Search 检索

默认Search 检索

关闭常用检索页

设置enable-condition-list为false即可关闭常用检索页；设置enable-save-condition为false即可取消“保存为常用检索”按钮。

关闭高级公式检索

设置enableSql为false，即可关闭

hover触发检索

设置trigger为hover即可改变检索面板的触发方式，还可以设置showTimeout和hideTimeout来改变显示和消失时的延迟时间

设置检索面板位置

设置placement属性的值，即可改变检索面板出现的位置，方法同vue-popover

设置占位文本

设置placeholder的值，即可在没有检索值时显示该占位文本

自定义检索页名称

自定义检索页按钮文案

Attributes

:::tip 一个检索列，检索条件表优先级如下：condition（列自己传入的条件表） > conditionGroup[conditionGroup] （根据列自己传入的conditionGroup检索条件组名字取得的条件表）> defaultCondtion :::

conditionGroup

默认条件组，可以通过Vue.prototype.$RC_SEARCH全局注入。

{
  text: ['=', 'like', 'notLike', 'isNull', 'isNotNull'],
  number: ['>', '=', '<', '>=', '<=', 'between', 'isNull', 'isNotNull'],
  select: ['=', 'in'],
  date: ['>', '=', '<', '>=', '<=', 'between', 'isNull', 'isNotNull'],
  cascader: ['=']
}

condition

默认条件定义，即默认条件的含义对照，key是条件id，value是条件的含义，也是用来显示的条件名称。可以通过Vue.prototype.$RC_SEARCH全局注入。

{
  '>': '大于',
  '=': '等于',
  '<': '小于',
  '>=': '大于等于',
  '<=': '小于等于',
  'like': '包含',
  'notLike': '不包含',
  // 表示一个数在两个数值之间取值
  'between': '区间',
  'in': '范围',
  'isNull': '为空',
  'isNotNull': '不为空',
}

defaultCondtion

默认条件表。即当检索列既没定义condition，也没定义检索type，那就使用此默认的检索条件表。 可以通过Vue.prototype.$RC_SEARCH全局注入。

[
  '='
]

conditionList

常用检索列表项定义 | 参数 | 说明 | 可选值 | 类型 | 默认值 | |---------|-------- |---------- |-------- |---------- | | label | 检索项 name，用来显示 | - | String | - | | selected | 检索项选中状态，如果是true，该项选中 | - | Boolean | - | | render | 检索项自定义渲染方法，如果存在render方法，则优先自定义否则显示label | - | function(h, item)，item是该检索项定义 | - |

SearchItem

检索数据项定义

::: tip 其它检索项的属性，可以是根据type不同传递相应组件的属性，请按jsx识别的模式传，如：

{
  attr,
  on,
  nativeOn,
  class,
  style
}

:::

Events

Methods