Hint | Component | 提示元素本身,渲染在这一组容器的最后,例如 <component :is="hint.Hint" />。它自己用 fixed 定位、用 Kbd 画方向键、自己管显示与隐藏。无条件渲染即可。 |
visible | Ref<boolean> | 提示当前是否显示。Hint 读的就是它;自己画提示时也可以用。 |
anchor | Ref<HTMLElement | null> | 提示跟在哪个元素旁边,也就是当前聚焦的那一项。第一次出现之前是 null。 |
orientation | ComputedRef<KeyboardHintOrientation> | 补过默认值的方向。 |
onFocus | (event: FocusEvent) => void | 绑在容器的 focusin 上(@focusin),因为 focus 不冒泡。第一次从组外靠键盘(:focus-visible)进入时显示提示。 |
onBlur | (event: FocusEvent) => void | 绑在容器的 focusout 上(@focusout)。焦点彻底离开这一组时藏起提示,并算作这次提示已经用完,这个实例不会再提示;焦点在组内移动时只把提示挪到新的当前项。 |
onKeyDown | (event: KeyboardEvent) => void | 绑在容器的 keydown 上。第一次按方向键时收起提示(用户已经发现这个交互了)。它不会 preventDefault,也不会停止传播。 |