temp/UI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

iter: d29 menu Home/End 跳转（与 select 键盘导航对称）

Browse Source
This commit is contained in:
HIsheR
2026-10-23 17:12:43 +08:00
parent c8154b4099
commit f8934ba84a
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.ua/index.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"$schema": "ui-arch-registry-index/0.1", "$schema": "ui-arch-registry-index/0.1",
"generatedAt": "2026-10-23T09:11:22.226Z", "generatedAt": "2026-10-23T09:12:34.151Z",
"repoRoot": ".", "repoRoot": ".",
"packages": [ "packages": [
{ {
packages/skin/ui/src/menu.ts
+3 -1
View File
@@ -1,7 +1,7 @@
import { effect, h, signal } from '@ui-arch/frame'; import { effect, h, signal } from '@ui-arch/frame';
import type { MenuItem, MenuProps } from './types.js'; import type { MenuItem, MenuProps } from './types.js';
/*** 下拉菜单：触发器 + 自绘弹层，项支持禁用 / 危险 / 分隔线；点项 / 点外部 / Esc 关闭，↑↓ 环形导航 ***/ /*** 下拉菜单：触发器 + 自绘弹层，项支持禁用 / 危险 / 分隔线；点项 / 点外部 / Esc 关闭，↑↓ 环形导航 + Home/End 跳转 ***/
export function menu(props: MenuProps): HTMLElement { export function menu(props: MenuProps): HTMLElement {
// —— 状态集中声明 —— // —— 状态集中声明 ——
const open = signal(false); // 弹层开合 const open = signal(false); // 弹层开合
@@ -61,6 +61,8 @@ export function menu(props: MenuProps): HTMLElement {
trigger.focus(); // 收起后焦点回到触发器，键盘流不断 trigger.focus(); // 收起后焦点回到触发器，键盘流不断
return; return;
} }
if (e.key === 'Home' && open()) { e.preventDefault(); focusables[0]?.focus(); return; } // Home 跳首项
if (e.key === 'End' && open()) { e.preventDefault(); focusables[focusables.length - 1]?.focus(); return; } // End 跳末项
if (e.key !== 'ArrowDown' && e.key !== 'ArrowUp') return; // 卫语句：只接管上下键 if (e.key !== 'ArrowDown' && e.key !== 'ArrowUp') return; // 卫语句：只接管上下键
e.preventDefault(); e.preventDefault();
if (!open()) { if (!open()) {