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