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