# splitter-panel (w-splitter-panel)

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

## API

## SplitterPanel API

### SplitterPanel Attributes

| 属性名              | 说明                           | 类型                  | 默认值 |
| ------------------- | ------------------------------ | --------------------- | ------ |
| size / v-model:size | 面板大小（像素或百分比）       | ^[string] / ^[number] | -      |
| min                 | 面板最小尺寸（像素或百分比）   | ^[string] / ^[number] | -      |
| max                 | 面板的最大尺寸（像素或百分比） | ^[string] / ^[number] | -      |
| resizable           | 是否可以调整面板大小           | ^[boolean]            | true   |
| collapsible         | 面板是否可折叠                 | ^[boolean]            | false  |
| title               | 折叠按钮标题                   | ^[string]             | -      |

### SplitterPanel Events

| 事件名      | 说明                 | 类型                                |
| ----------- | -------------------- | ----------------------------------- |
| update:size | 当面板大小改变时触发 | ^[Function]`(size: number) => void` |

### SplitterPanel Slots

| 名称              | 说明                       |
| ----------------- | -------------------------- |
| default           | 面板的默认内容             |
| start-collapsible | 自定义起始折叠按钮的内容   |
| end-collapsible   | 结束可折叠按钮的自定义内容 |

### SplitterPanel Exposes

| 方法名                    | 说明                    | 类型      |
| ------------------------- | ----------------------- | --------- |
| splitterPanelRef ^(1.2.1) | SplitterPanel html 元素 | ^[object] |
