选择器

概述

允许用户从列表中选择一个选项或多个选项，为用户在选项的数量上提供了更多的灵活性。

• 当选项多于 5 项时使用
• 列表选项按照逻辑排序，并尽量让内容显示完整

基本状态

常规、Hover、激活、选中、失焦、不可用、选择后 Hover，单选场景下，选中一个选项后，hover到选择框内时，显示清除按钮，点击清除恢复至未选常规状态

全选

当选择内容过多，需要全部选择功能时，勾选操作放最前面，选中内容根据输入框长度而呈现相应的结果

尺寸

提供大、中（默认）、小三种不同尺寸的的选择器

布局

选择器下拉面板可指定弹出的位置，确保其布局在页面可视区内

自定义状态

选择框支持状态展示，可选 报错 或者 警示。允许自定义选择标签的样式

单选搜索

默认支持输入内容搜索，输入后高亮匹配的文字（精确搜索），选中：选中后下拉收起；选中再次激活：已选选项变为暗提示，再次出现光标，下拉框展开定位至已选选项；搜索无结果

多选搜索

输入后高亮匹配的文字；选中：选中选项右侧给于勾选标记，清除搜索结果，下拉框展开定位至已选选项，光标出现在所有选项之后；选中再次激活：已选选项变为暗提示，再次出现光标。输入后若搜索文字右侧承载不下则换行显示；搜索输入关键词超过一行折行展示，下拉选择展示一行文字，超过则用“…”表示；当搜索无结果时可输入并新增关键词，按回车键或空白处直接新增关键词，添加至最后一项

菜单扩展

最多展示8个选择项，少于8个则显示实际个数自适应，多余8个则出现滚动条。下拉选择器根据屏幕位置决定向下展示或者向上展示；下拉菜单最长宽度固定 360px