Cascader 设计文档
级联选择器,点击(或 hover)逐级展开列,单选叶子/任一层级;支持 multiple 多选(每列 checkbox + 父子联动 + 多 tag 回显)、可搜索过滤(本地/远程 + 结果虚拟滚动)、动态加载子节点、自定义字段映射与触发器/结果渲染。
← API 文档使用建议
级联选择器,点击(或 hover)逐级展开列,单选叶子/任一层级;支持 multiple 多选(每列 checkbox + 父子联动 + 多 tag 回显)、可搜索过滤(本地/远程 + 结果虚拟滚动)、动态加载子节点、自定义字段映射与触发器/结果渲染。
Accessibility
ARIA role:combobox
- combobox + 每列 listbox + option ARIA 模式
- 触发器 aria-haspopup="listbox"、aria-expanded
- 每列 option aria-selected 标记当前路径
- disabled 节点 aria-disabled 且不可点击
设计变量
变量 | 默认值 | 用法 |
|---|---|---|
| --cd-animation-duration-cascader-dropdown-in | 100ms | 级联选择下拉浮层弹出动画持续时间(组件消费) |
| --cd-animation-duration-cascader-dropdown-out | 100ms | 级联选择下拉浮层收起动画持续时间(组件消费) |
| --cd-animation-function-cascader-dropdown-in | cubic-bezier(0.215, 0.61, 0.355, 1) | 级联选择下拉浮层弹出动画插值函数(组件消费) |
| --cd-animation-function-cascader-dropdown-out | cubic-bezier(0.215, 0.61, 0.355, 1) | 级联选择下拉浮层收起动画插值函数(组件消费) |
| --cd-cascader-dropdown-motion-zoom-opacity-from | 0 | 浮层进场初始透明度(组件消费) |
| --cd-cascader-dropdown-motion-zoom-opacity-to | 1 | 浮层进场最终透明度(组件消费) |
| --cd-cascader-dropdown-motion-zoom-scale-from | 0.8 | 浮层进场初始缩放(组件消费) |
显示第 1 条-第 7 条,共 7 条
- 1