iter(g23): tabs 支持 Home/End 跳转首末页签

packages/skin/ui/src/tabs.ts

@@ -38,15 +38,16 @@ export function tabs(props: TabsProps): HTMLElement {
   }
 
   head.addEventListener('keydown', (e: KeyboardEvent) => {
-    const delta = e.key === 'ArrowRight' ? 1 : e.key === 'ArrowLeft' ? -1 : 0;
-    if (!delta) return; // 卫语句：非方向键放行
+    const delta = e.key === 'ArrowRight' ? 1 : e.key === 'ArrowLeft' ? -1 : 0; // 方向键步长
+    const edge = e.key === 'Home' ? 'first' : e.key === 'End' ? 'last' : ''; // 首/末页签直达
+    if (!delta && !edge) return; // 卫语句：非导航键放行
     const list = buttons.filter((b) => !b.disabled);
     const i = list.indexOf(document.activeElement as HTMLButtonElement);
     if (i < 0) return; // 卫语句：焦点不在页签上
     e.preventDefault();
-    const next = list[(i + delta + list.length) % list.length]; // 环形移动
-    next.focus();
-    next.click();
+    const next = delta ? list[(i + delta + list.length) % list.length] : edge === 'first' ? list[0] : list[list.length - 1]; // 环形移动 / Home-End 直达
+    next?.focus();
+    next?.click();
   });
 
   effect(sync);