Splitter 分割面板

Splitter 在 Rue 里不是一条简单的分隔线，而是一套适合工作台、配置台和双栏内容区的布局行为层。 它使用 Rue Design 当前的柔和卡片气质和 3px 分隔条视觉，同时补上可拖拽、受控尺寸、垂直布局、lazy 拖拽和双击重置这些常用能力。

何时使用

• 需要左右或上下两个工作区同时存在，并允许用户按内容密度自己调节比例。
• 需要把筛选区、编辑区、预览区、日志区这类不同角色的面板拆开，但仍保持同一个页面上下文。
• 需要在布局层提供受控重置和 lazy 拖拽，而不是只做静态栅格分栏。

推荐用法

下面每个 JSX 示例都保持了完整结构，方便直接复制到页面组件里使用。

API

Splitter 的根组件负责布局和交互，所有真正参与计算的子节点都应该是 Splitter.Panel。 如果你在业务里需要把布局状态持久化，优先使用 size+onResize的受控写法；如果只需要默认占比，用defaultSize即可。