Splitter 分割面板

可调整左右面板宽度的分割组件，支持鼠标拖拽与键盘方向键调整。

基础用法

默认 50/50

左面板

示例代码

自定义初始比例

30% / 70%

左面板 30%

示例代码

限制范围

min / max 限制

左面板 20% ~ 80%

示例代码

调整事件

oas-resize 事件

左侧占比：50%

左面板

拖拽分隔条，或聚焦分隔条后使用 ← / → 方向键调整

示例代码

API

属性

属性	说明	类型	默认值
max	左侧最大占比（%）	string	90
min	左侧最小占比（%）	string	10
percent	左侧面板占比（%）	string	50

事件

事件	说明
oas-resize	调整后触发，detail: { percent }

插槽

名称	说明
left	—
right	—

分隔条 role="separator" + tabindex="0"，聚焦后 ← / → 每次调整 1%。