0.0.4 • Published 3 years ago
gserver-ui v0.0.4
server-selector-ui 日期选择框
前提
无
简介
- 适合服务器单选多选,且多选时不介意获取的id的顺序(若多选时希望获取服务器的id按照本来的顺序排列,不可直接用此组件,要把获取到的id重新排序)
- 支持首次自动传值,支持搜索区服 id、区服名称、区服开服日期,滚动加载。
- 在组件内部,用原生
fetch
api 获取区服列表 。
何时使用
当用户需要简单多选或者单选服务器时。
如何使用
请使用 npm install server-selector-ui 加载ServerSelector
组件。
import ServerSelector from "server-selector-ui"
;<ServerSelector
gLibId="m18" // 必传,要根据G库id请求服务器列表
multiple={false}
noSelectVisible={true}
onReady={onReady}
latestCountSelected={5}
latestButtons={[5, 10, 20]}
onChange={onChange}
/>
API
参数 | 说明 | 类型 | 默认值 | 可选性 |
---|---|---|---|---|
gLibId | g 库 id | string | - | 必须 |
multiple | 是否多选 | boolean | false | 可选 |
onReady | 服务器列表请求完毕,可用于进入页面就请求数据的情况 | (id: array) => {} | - | 可选 |
noSelectVisible | 是否显示不筛选服务器 | boolean | true | 可选 |
onChange | 单选接受单个区服 id,多选接收区服 id 列表 | (id: array | id:string) => {} | - | 可选 |
latestCountSelected | 默认选中最新的 n 组服,一般和 latestButtons 配合使用 | number | 0 | 可选 |
latestButtons | 最新 n 组服的快速选择按钮,一般和 latestCountSelected 配合使用 | Array\<number> | - | 可选 |
defaultValue | 默认选中的 id | Array\ | 可选 | - |