# @beisen-phoenix/single-select-list

> @beisen-phoenix/single-select-list

Latest version **3.3.55** (published 2019-11-25) · ISC license · 0 weekly downloads

## Install

```sh
npm install @beisen-phoenix/single-select-list
pnpm add @beisen-phoenix/single-select-list
yarn add @beisen-phoenix/single-select-list
bun add @beisen-phoenix/single-select-list
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 3.3.55 |
| Published | 2019-11-25 |
| First published | 2019-03-22 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 5 |
| Unpacked size | 98.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | beisencorp |

## Links

- npm: https://www.npmjs.com/package/@beisen-phoenix/single-select-list
- npm.io page: https://npm.io/package/@beisen-phoenix/single-select-list

## Dependencies (5)

- [@beisen-phoenix/icon](https://npm.io/package/@beisen-phoenix/icon.md) ^3.2.54
- [react-highlight-words](https://npm.io/package/react-highlight-words.md) 0.16.0
- [@beisen-phoenix/search](https://npm.io/package/@beisen-phoenix/search.md) ^3.3.55
- [@beisen-phoenix/tooltip](https://npm.io/package/@beisen-phoenix/tooltip.md) ^3.3.55
- [@beisen-phoenix/style-token](https://npm.io/package/@beisen-phoenix/style-token.md) ^3.3.55

## Recent versions

- 3.3.55 (latest) — 2019-11-25
- 3.2.44-rc.1 (rc) — 2019-10-24
- 3.3.54 — 2019-11-25
- 3.3.53 — 2019-11-25
- 3.3.52 — 2019-11-24
- 3.3.51 — 2019-11-23
- 3.3.50 — 2019-11-22
- 3.3.48 — 2019-11-22
- 3.3.47 — 2019-11-22
- 3.3.46 — 2019-11-22
- 3.3.45 — 2019-11-21
- 3.3.43 — 2019-11-21
- 3.3.42 — 2019-11-21
- 3.3.41-beta.1 — 2019-11-21
- 3.3.41 — 2019-11-21
- … 403 more at https://npm.io/package/@beisen-phoenix/single-select-list/versions

## README

## Single-select-list

## 注意：该组件即将废弃，我们将不再新增特性。如需使用新特性请替换为该组件：@beisen-phoenix/select-list 


## 概述

单选下拉选择框

## API

| 参数 | 说明 | 类型 | 默认值 | 必须 |
| --- | --- | --- | --- | --- |
| size | 下拉框的宽度大小（small：170px, middle:340px, auto) | String | auto | No |
| isSearch | 是否支持搜索功能，支持会有一个搜索框展示出来 | Boolean | false | No |
| items | 下拉框的列表数据 | Array | 无 | Yes |
| searchWord | 搜索值  | String | 无 | No |
| fontSize | 字体尺寸（small: 12px, large: 14px） | String | small | No |
| selectedValue | 当前选中的值 | String 或 Number | 无 | No |
| searchPlaceHolder | 带搜索框模式时，搜索框的占位符 | String | 搜索 | No |
| noBorder | 是否展示默认边框和阴影 | boolean | true | No |
| CustomComponent | 插入自定义组件 | React 组件 | 无 | No |
| loading | 数据是否正在加载中 | boolean | false | No |
| onChange |  发生状态变化后的回调，返回值 （value: String,index: number,e: React.MouseEvent） | Function | 无 | No
| validateSearch |  搜索值自定义验证器 (val: string) => { value: string, info: string,clearTipAfter?:number } | Function | 无 | No
| caseSensitive | 搜索时是否大小写敏感 (2019-10-14新增api) | boolean | false | 否 |
| autoFocus | 首次挂载时是否自动获取焦点（2019-10-15新增） | boolean | false | 否 |
| extraCls | 自定义组件容器class,一般用于覆盖组件默认样式使用| string | 无| No |


## items

传人的列表数据是数组，每一项的结构如下：

| 参数 | 说明 | 类型 | 默认值 | 必须 |
| --- | --- | --- | --- | --- |
| label | 实际显示的文案 | String | 无 | Yes |
| value | 选项的实际值 | String 或 Number | 无 | Yes |
| disabled | 禁止该选项 | boolean | false | No |


多语言

| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| translation | 语言包 用于翻译组件内置常量 | {noData: string,search: string} | {noData: '这里什么都没有...',search: '搜索'} |

---
_Source: https://npm.io/package/@beisen-phoenix/single-select-list · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._