Zeus-select 下拉组件
引用示例:
- 安装zeus-select
yarn add zeus-select
- 修改bsy.json
// 在esModule属性中,增加 "zeus-select" 包引用
- 在项目中使用
// 引入zeus-select模块
import ZeusConfig from "zeus-select";
// 使用方式(举例)
<ZeusSelect api="https://balbala" mode="multiple" type="domain" keyword="name" placeholder="选择域名" parent="user" affects={["aaa.com","bbb.com"]} />
组件API
组件提供属性 | 属性类型 | 默认值 | 备注 | 必填 |
---|---|---|---|---|
mode | String | - | 多选| 单选 | 否 |
keyword | "id" | "name" | "name" | 显示id或者name | 否 |
width | String| number | 100% | 宽度默认“100%” | 否 |
type | "domain"|"machine"|"cache"|"user"|"cover"|"node" | "domain" | 查询类型 | 是 |
placeholder | String | - | 提示说明文字 | 否 |
tag | "id"|"name" | "name" | 查询类型 | 是 |
api | String | https://api.xxx.com | 后端查询域名 | 是 |
parent | String | - | 当前组件type对应的父类型 | 否 |
affects | String[] | - | 当前组件类型对应父类型筛选信息,如["aaa.com","bbb.com"]等 | 否 |
🚀 升级日志
2021-09-02
zeus-select支持数据联动功能(利用parent和affects字段)