项目正在快速迭代中,API 与视觉细节可能随版本调整,请勿用于生产环境。

EtSplitter / EtSplitterPanel · 分隔面板族 ​

底座分隔基元的工具度量适配:拖拽条厚度、热区、把手走 --et-splitter-*,其余透传。

文件树

编辑器(拖或聚焦分隔条按 ←/→)

回传尺寸 —

EtSplitter ​

import { EtSplitter } from '@wil-works/evoke-tools-ui'公共工具面板原子件

Props

无声明式 props,属性经 $attrs 透传给底座

Emits

事件载荷说明
resizesizes尺寸变化(拖拽或键盘 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。