@xiaobaoonline/xbui

xbui base on ant-design-vue
699
Install
npm install @xiaobaoonline/xbui
Latest Version:1.0.6
Vue:2
License:MIT
Last Updated:Oct 10, 2020
Links: npm
Maintainer: cxdmaye

组件库

目前已集成组件

  • 高级筛选

筛选组件

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 

Version History

Version Released Vue License
1.0.6 ^2.6.11 MIT
1.0.5 ^2.6.11 MIT
1.0.4 ^2.6.11 MIT
1.0.3 ^2.6.11 MIT
1.0.2 ^2.6.11 MIT