Socket
Socket
Sign inDemoInstall

@beisen-phoenix/single-select-list

Package Overview
Dependencies
Maintainers
1
Versions
418
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@beisen-phoenix/single-select-list

@beisen-phoenix/single-select-list


Version published
Weekly downloads
13
increased by116.67%
Maintainers
1
Weekly downloads
 
Created
Source

Single-select-list

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

概述

单选下拉选择框

API

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

items

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

参数说明类型默认值必须
label实际显示的文案StringYes
value选项的实际值String 或 NumberYes
disabled禁止该选项booleanfalseNo

多语言

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

FAQs

Package last updated on 21 Nov 2019

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc