@xiaobaoonline/xbui
v1.0.6
Published
xbui base on ant-design-vue
Downloads
4
Readme
组件库
目前已集成组件
筛选组件
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