Splitter

可拖拽的分栏布局。XSplitter 里交替放 XSplitterPanel 与 XSplitterHandle；拖拽、键盘调整（握柄聚焦后用方向键）、最小最大占比与折叠交给 Reka。尺寸是百分比，外层要有确定的宽高。

左右分栏里再套上下分栏

目录（拖到最窄会收起）

编辑区

输出

面板的 defaultSize / minSize / maxSize 都是 0–100 的占比；collapsible 的面板拖到 minSize 以下收成 collapsedSize。
autoSaveId 把各栏比例存进 localStorage，下次打开按上次的分。同一页面的多个分栏各用不同的 id。
握柄看得见的是 1px 的线，可抓的范围往两边各扩 4px；withGrip 加一个握柄点，提示这里能拖。

API

Props

名称	类型	默认值	说明
`direction`	`"vertical" \| "horizontal" \| undefined`	`"horizontal"`	缺省横向(左右分栏)
`autoSaveId`	`string \| undefined`	`undefined`	给了就把各栏比例存进 localStorage,下次打开按上次的分

Slots

插槽	说明
`default`	—

XSplitterPanel

Props

名称	类型	默认值	说明
`defaultSize`	`number \| undefined`	—	初始占比(0–100)
`minSize`	`number \| undefined`	—	—
`maxSize`	`number \| undefined`	—	—
`collapsible`	`boolean \| undefined`	—	可折叠:拖到 minSize 以下收成 collapsedSize
`collapsedSize`	`number \| undefined`	—	—

Emits

事件	载荷	说明
`resize`	`[size: number]`	—
`expand`	`[]`	—
`collapse`	`[]`	—

Slots

插槽	说明
`default`	—

XSplitterHandle

Props

名称	类型	默认值	说明
`disabled`	`boolean \| undefined`	—	—
`withGrip`	`boolean \| undefined`	—	显示可抓的握柄点,缺省只是一条线