@beisen-phoenix/single-select-list

@beisen-phoenix/single-select-list

Usage no npm install needed!

<script type="module">
  import beisenPhoenixSingleSelectList from 'https://cdn.skypack.dev/@beisen-phoenix/single-select-list';
</script>

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: '搜索'}