@xiaobaoonline/xbui
组件库
目前已集成组件
- 高级筛选
筛选组件
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 | |
| 1.0.1 | ^2.6.11 | MIT | |
| 1.0.0 | ^2.6.11 | MIT | |
| 0.0.93 | ^2.6.11 | MIT | |
| 0.0.90 | ^2.6.11 | MIT | |
| 0.0.88 | ^2.6.11 | MIT |