iwserverselector v0.1.17

基于 antd@4 的区服选择组件

依赖

"antd": "^4", "lodash": "^4.17.20" "@babel/runtime": "^7.11.2",

props

Selector.propTypes = {
  defaultValue: PropTypes.array,
  serverList: PropTypes.array,
  value: PropTypes.array,
  handleChangeOk: PropTypes.func,
  multiple: PropTypes.bool,
  onOk: PropTypes.func,
  latest: PropTypes.array,
}

例子

import { ServerSelector } from "iwserverselector"
<ServerSelector
  latest={[5, 10, 20]}
  defaultValue={defaultValue}
  serverList={serverList}
  // handleChangeOk={(values) => console.log(values)}
  onOk={(values) => console.log("ok", values)}
  multiple={true}
/>

handleChangeOk 可以实时接受修改，onOk 只有在点击 OK 按钮或者有 latest（最近 n 组服务器）值时才可接收到数据

serverList 格式

[
    { "id": 1369, "glib_id": "m14", "zone_id": "9", "server_id": "9-93", "server_name": "至尊93服", "server_open_date": "2021-01-06", "server_open_time": "2021-01-06 09:55:00", "server_merge_id": null, "server_status": "SERVER_STATUS_NORMAL", "server_status_name": "正常", "server_type_name": "物理", "server_label": "安卓" },
    { "id": 1368, "glib_id": "m14", "zone_id": "9", "server_id": "9-92", "server_name": "至尊92服", "server_open_date": "2021-01-02", "server_open_time": "2021-01-02 09:55:00", "server_merge_id": null, "server_status": "SERVER_STATUS_NORMAL", "server_status_name": "正常", "server_type_name": "物理", "server_label": "安卓" },
    { "id": 1367, "glib_id": "m14", "zone_id": "9", "server_id": "9-91", "server_name": "至尊91服", "server_open_date": "2020-12-29", "server_open_time": "2020-12-29 09:55:00", "server_merge_id": null, "server_status": "SERVER_STATUS_NORMAL", "server_status_name": "正常", "server_type_name": "物理", "server_label": "安卓" },
    { "id": 1366, "glib_id": "m14", "zone_id": "9", "server_id": "9-90", "server_name": "至尊90服", "server_open_date": "2020-12-25", "server_open_time": "2020-12-25 09:55:00", "server_merge_id": null, "server_status": "SERVER_STATUS_NORMAL", "server_status_name": "正常", "server_type_name": "物理", "server_label": "安卓" }
]