EtSplitter / EtSplitterPanel · 分隔面板族
底座分隔基元的工具度量适配:拖拽条厚度、热区、把手走 --et-splitter-*,其余透传。
文件树
编辑器(拖或聚焦分隔条按 ←/→)
回传尺寸 —
EtSplitter
Props
无声明式 props,属性经 $attrs 透传给底座
Emits
| 事件 | 载荷 | 说明 |
|---|---|---|
| resize | sizes | 尺寸变化(拖拽或键盘 resize 后);载荷 = 各面板占比字符串数组,如 ['38.00%', '62.00%'] |
Slots
底座命名槽原样透传
键盘 · 可访问名 · 密度
| 键盘 | 不接管按键 |
|---|---|
| 可访问名 | 无 ARIA 属性(原生语义) |
| 密度 | 不引用度量令牌(随内容或宿主) |
面板件 EtSplitterPanel(size / min / max / keyboardStep 等透传面)见 其单页。
行为
- 面板注册、尺寸分摊、min/max 夹角、拖拽、折叠与百分比回传全部来自底座;本族只换度量。
- 拖拽条由底座
EbSplitterPanel自渲染;EtDock用族内包装件而不是裸底座,.et-splitter作用域才落得上。 - 键盘 resize(1.2.0):可拖拽时拖拽条即
role="separator"(tabindex=0、aria-orientation、aria-valuenow/min/max取前面板);←/→(横排)或 ↑/↓(竖排)按keyboardStep移动边界, Home/End 到 min/max,与拖拽同一套夹角;组字中不响应。停靠面板可纯键盘调尺寸。
令牌与门禁
--et-splitter-*:拖拽条可视厚度 / 热区 / 把手度量,覆盖写在.et-splitter .eb-splitter__bar上。- G7:度量只引用令牌,禁字面量 px。