# Split 面板分割

## 何时使用
可将一片区域，分割为可以拖拽调整宽度或高度的两部分区域。


### 基本使用

#### 左右分割

@[demo](demo/horizontal.vue)

#### 上下分割

@[demo](demo/vertical.vue)

#### 嵌套使用

@[demo](demo/nesting.vue)

### 组合使用
与其他组件配合使用

@[demo](demo/combination.vue)

### props
| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| value | 面板位置，可以是 0~1 代表百分比，或具体数值的像素，可用 v-model 双向绑定 | Number \| String | 0.5 |
| mode | 类型，可选值为 horizontal 或 vertical | String | horizontal |
| min | 最小阈值 | Number \| String | 40px |
| max | 最大阈值 | Number \| String | 40px |


### slots
| name | 说明 | slot-scope |
| --- | --- | --- |
| left | mode 为 horizontal 时可用，左边面板 | - |
| right | mode 为 horizontal 时可用，右边面板 | - |
| top | mode 为 vertical 时可用，上边面板 | - |
| bottom | mode 为 vertical 时可用，下边面板 | - |
| trigger | 自定义分割拖拽节点 | - |


### events
| 事件名称 | 说明 | 回调参数 |
| --- | --- | --- |
| on-move-start | 拖拽开始 | - |
| on-moving | 拖拽开始 | event |
| on-move-end | 拖拽开始 | - |