# Cascader 级联选择

多级选择器，常使用在地域选择，机型配置选择等。

## 菜单类型

`2.6.0` 版本加入。

<!-- <Half> -->

### 基本用法

[Example: CascaderMenuExample](./_example/menu/CascaderMenuExample.jsx)

### 可搜索

通过设置 `searchable` 开启搜索：

[Example: CascaderMenuSearchExample](./_example/menu/CascaderMenuSearchExample.jsx)

### 选项变化触发改变

通过设置 `changeOnSelect` 使得每级选项都可选中：

[Example: CascaderMenuExample](./_example/menu/CascaderMenuChangeExample.jsx)

### 移入触发

通过设置 `expandTrigger` 改变子级弹出触发方式：

[Example: CascaderMenuTriggerExample](./_example/menu/CascaderMenuTriggerExample.jsx)

### 包含全选

通过设置 `all` 在第一级列表顶部加入全选选项：

[Example: CascaderMenuAllExample](./_example/menu/CascaderMenuAllExample.jsx)

### 值模式/展示格式

通过设置 `valueMode` / `showMode` 来改变多选值模式/展示格式：

[Example: CascaderMenuModeExample](./_example/menu/CascaderMenuModeExample.jsx)

### 自定义选中项渲染

通过设置 `valueRender` 来自定义选中项渲染：

[Example: CascaderMenuValueRenderExample](./_example/menu/CascaderMenuValueRenderExample.jsx)

### 动态加载

[Example: CascaderMenuDynamicExample](./_example/menu/CascaderMenuDynamicExample.jsx)


<!-- </Half> -->


## 选项卡类型

选项卡每层级面板列数可设置 `1`，`2`，`4` 三种布局，可根据选项内容长短选择适合的布局。

<!-- <Half> -->

### Tabs 基本用法

[Example: CascaderExample](./_example/CascaderExample.jsx)

### Tabs 可搜索

[Example: CascaderSearchExample](./_example/CascaderSearchExample.jsx)

### Tabs 动态加载

[Example: CascaderDynamicExample](./_example/CascaderDynamicExample.jsx)

<!-- </Half> -->

## 组件属性

<!-- [Interface: CascaderBaseProps](./CascaderProps.ts)

[Interface: CascaderMenuProps](./CascaderProps.ts) -->

[Interface: CascaderSingleProps](./CascaderProps.ts)

[Interface: CascaderMultipleProps](./CascaderProps.ts)