构成元素
- 标签：简单描述 Dropdown 所包含的功能
- 菜单：可供选择的操作项集合，点击单个项可触发相关功能
移动端变化
在移动端上菜单由 Actionsheet 取代
Actionsheet：移动端承载操作的容器
类型
Dropdown 有 4 种类型，Primary、Secondary、Tertiary、Ghost。
尺寸
高度 24px，宽度随着文案的变化撑开
在移动端上随着放置区域的不同有三种尺寸，分别为高度 24px、32px、40px，具体细则遵循移动端按钮规则。
相关组件对比
| 组件 | 本质 | 作用范围 | 触发后 |
|---|---|---|---|
| Dropdown | 功能集合 | 常用于收纳多个功能以节约空间，或聚合同类型功能 | 执行相关功能 |
| Select | 内容选择 | 常用于聚合选项，用户从中选择并回填至内容区域 | 回填选择的内容，通常需要进一步的操作，例如保存、提交 |
用法
什么时候使用
- 有多个同类型的按钮，例如新建表格、新建文档、新建演示文稿
- 页面上按钮过多，有部分按钮可作收纳处理
- 空间不足，只能收纳处理
什么时候不使用
- 仅用作放置操作，如需要选择并回填内容，使用 Select
最佳实践
- 收纳非主流程的辅助功能
- 聚合同类型按钮
- 空间不足
行为
出现方式
点击 Dropdown 标签会打开菜单。用户可以通过点击菜单上的选项来触发操作，点击屏幕上空白区域则关闭菜单。
在移动端，可通过点击取消按钮或空白区域结束流程。
全局变化
跨端变化
- 在PC上，Dropdown 标签高度始终为 24，在移动端则随着展示区域不同可能为 24、32、40
- 在Mobile上，选项通过浮窗展示，在移动端通过底部抽屉承载