@xiaobaoonline/xbui
TypeScript icon, indicating that this package has built-in type declarations

1.0.6 • Public • Published

组件库

目前已集成组件

筛选组件

API

Prop

prop 描述 默认值 类型
filterdata 筛选项配置数据 [] Array   FilterOption[]
first 筛选项默认值 {} Object Indexer
freeze(未启用) 不可删除的默认值 {} Object
storge 是否保存筛选值,存在本地,刷新后保持 true Boolean
filtername 筛选组件名称,配合 storge - String

Slot

名称 描述
head 一般用于和列表页的搜索框等结合使用
筛选项 key 自定义 下拉筛选组件的下拉项自定义配置

Event

方法 描述 返回值
on-filter-change 默认回传
所有的回传 val 数据为数组
{key:val[]}
getSelectStop
getSelectDuration 获取单个选择项花费时间,神策等使用

支持场景

1. date\datetime

日期类

2. daterange\daterangetime

日期范围类 配合字段 maxSpan:最大的日期选择范围
以上日期类配合字段  :options format maxSpan 

3. numberrange

数字范围类 配合字段 range 数字范围,fixed 小数点位数  ,unit 选择之后的文案后缀
默认限制大小  
配合字段: unit  

4. select

一般的下拉筛选项 可配合自定义下拉格式。
配合字段: remote  required list baselist mutiple filter extraparam 

5. selectrange

选择范围类     一般用于确定的 如年龄段等
默认限制大小
配合字段 list 

Readme

Keywords

none

Package Sidebar

Install

npm i @xiaobaoonline/xbui

Weekly Downloads

0

Version

1.0.6

License

MIT

Unpacked Size

1.54 MB

Total Files

93

Last publish

Collaborators

  • cxdmaye
  • tangjinzhou