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

2026-10-26 11:31:20 +08:00
parent 59dc091210
commit 9e8b435175
4 changed files with 14 additions and 13 deletions
@@ -1,6 +1,6 @@
 # @ui-arch 组件库 Agent 文档（无图形版）

-> 自动生成于 2026-10-26T03:13:07.810Z，数据源：各包 ua.manifest.json，勿手改。人类版文档站：apps/docs/index.html。
+> 自动生成于 2026-10-26T03:31:05.626Z，数据源：各包 ua.manifest.json，勿手改。人类版文档站：apps/docs/index.html。
 > 组件 = 普通函数，传 props 返回 DOM；状态用 signal 双向绑定：读 signal() 写 signal(v)。

 ## 快速上手
@@ -655,8 +655,8 @@ const tab = signal('a'); tabs({ tabs: [{ value: 'a', label: '概览' }, { value:

 1. 创建信号 tab = signal('a')，初值为默认页签
 2. tabs 只渲染页签头；页签内容用响应式函数按信号切换，如 () => tab() === 'a' ? panelA : panelB
-3. 点击或方向键（←→ 环形）切换，滑动指示条自动跟随；disabled: true 的页签置灰不可点
-4. 键盘可访问：Tab 聚焦激活页签，←→ 在启用页签间环形移动
+3. 点击或方向键（←→ 环形）、Home/End（直达首/末页签）切换，滑动指示条自动跟随；disabled: true 的页签置灰不可点
+4. 键盘可访问：Tab 聚焦激活页签，←→ 在启用页签间环形移动，Home/End 跳首个/末个启用页签

 现场演示：apps/docs/demo.html#sec-tabs-modal