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

EtShortcutPanel · 快捷键一览 ​

从命令表生成的键位表面板:按域分组,冲突直接展示,不手写列表。

vue
<et-shortcut-panel :registry="registry" />
<et-shortcut-panel :registry="registry" platform="mac" />

API ​

import { EtShortcutPanel } from '@wil-works/evoke-tools-ui'公共工具命令功能块

Props

名称类型默认说明
registryObject必填命令注册表(buildShortcutTable 的数据源)
platformString'auto'auto 走运行时识别;mac / win 可钉死

键盘 · 可访问名 · 密度

键盘不接管按键
可访问名aria-labelrole=region
密度--et-chrome-group-label-font-size--et-chrome-separator--et-density-base-font--et-density-caption-font--et-size-row

行为 ​

  • 分组取命令的 group,缺省落到 surfaces[0] 或「通用」。
  • 没有 keys 的命令不进面板。
  • 冲突区:detectKeyConflicts 的结果直接渲染在面板里(登记期就能发现的事故,不该等用户按出来)。
  • 注册表为空且无冲突时整体不渲染。
  • tabindex="0" + role="region",可被键盘focus到后滚动阅读。

令牌与门禁 ​

  • 单一来源 = 命令注册表:命令表加一行,本页自动多一行。
  • 键帽展示走 EtKeyHint 平台符号化。