梧桐设计语言- 超过 8 项加搜索框在顶部；超过 30 项改用带搜索的命令面板。
- 分组用
meta小标题，不用分隔线。 - 危险项（删除）放最底、
destructive字色。 - 移动端不用下拉，改底部抽屉列表（行高 56）。
消费者提供：选项、当前值、分组、搜索。
选择器Select
下拉选择与下拉菜单共用一个弹层：popover 底、radius-md、shadow-overlay、内距 space-1；每项高 32、radius-sm、hover accent、选中项左侧对勾。触发器与输入框同尺寸，右侧 chevrons-up-down。
示例
import
import { Select, Dropdown, MenuItem, MenuSeparator } from "@wutong/ui";
下拉选择
分组用小标题不用分隔线；超过 30 项改命令面板
下拉菜单
危险项放最底、destructive 字色
API
| 属性 | 类型 | 默认 | 说明 |
|---|---|---|---|
| Select.options | Option[] | — | { value, label, group?, disabled? } |
| Select.value / onChange | V / (v) => void | — | 受控 |
| Select.size | "sm" | "md" | "lg" | "xl" | "md" | 与输入框同档 |
| Dropdown.trigger | ReactNode | — | 任意触发元素 |
| Dropdown.align | "start" | "end" | "start" | 菜单对齐 |
| MenuItem.icon / kbd / danger / selected | … | — | 前置图标、快捷键、危险项、选中对勾 |