# splitter (w-splitter)

- **Import**: `WSplitter` from `win-design-next`
- **Tag**: `<w-splitter>`
- **说明**: Splitter 分隔面板
- **分类**: other
- **Skill 版本**: V1.1.0
- **适配组件库**: win-design-next 1.2.2
- **API 来源**: `docs/zh-CN/component/splitter.md`

## API

## Splitter API

### Splitter Attributes

| 属性名        | 说明               | 类型                                | 默认值     |
| ------------- | ------------------ | ----------------------------------- | ---------- |
| layout        | 分隔面板的布局方向 | ^[enum]`'horizontal' \| 'vertical'` | horizontal |
| lazy ^(1.2.1) | 是否使用懒加载     | ^[boolean]                          | false      |

### Splitter Events

| 事件名            | 说明                                           | 类型                                                                          |
| ----------------- | ---------------------------------------------- | ----------------------------------------------------------------------------- |
| resize-start      | 开始调整面板大小时触发，`index` 是拖动条的索引 | ^[Function]`(index: number, sizes: number[]) => void`                         |
| resize            | 调整面板大小时触发，`index` 是拖动条的索引     | ^[Function]`(index: number, sizes: number[]) => void`                         |
| resize-end        | 面板调整大小时结束触发，`index` 是拖动条的索引 | ^[Function]`(index: number, sizes: number[]) => void`                         |
| collapse ^(1.2.1) | 当面板折叠时触发，`index` 是拖动条的索引       | ^[Function]`(index: number, type: 'start' \| 'end', sizes: number[]) => void` |
