0.0.4 • Published 3 years ago

gserver-ui v0.0.4

Weekly downloads
-
License
MIT
Repository
-
Last release
3 years ago

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

参数说明类型默认值可选性
gLibIdg 库 idstring-必须
multiple是否多选booleanfalse可选
onReady服务器列表请求完毕,可用于进入页面就请求数据的情况(id: array) => {}-可选
noSelectVisible是否显示不筛选服务器booleantrue可选
onChange单选接受单个区服 id,多选接收区服 id 列表(id: array | id:string) => {}-可选
latestCountSelected默认选中最新的 n 组服,一般和 latestButtons 配合使用number0可选
latestButtons最新 n 组服的快速选择按钮,一般和 latestCountSelected 配合使用Array\<number>-可选
defaultValue默认选中的 idArray\可选-