iter(g105): 标签页支持可关闭页签

.ua/backlog.json

@@ -1196,6 +1196,14 @@
       "acceptance": "ua lint-iterations 额外做双向核对：每行 commit 必须能在 git 历史里按前缀命中，且该提交主题以 iter(<id>) 开头（兼容早期无 scope 的 iter: <id>）；伪造 / 抄错的哈希报违规并退出码 1；非 git 环境（打包分发）自动跳过该维度；ITERATION.md 留痕章节写明该校验；npm run check 全绿",
       "notes": "自补：门禁工具链；一次 git log 建索引，150 行留痕不额外起进程",
       "status": "done"
+    },
+    {
+      "id": "g105",
+      "title": "标签页支持可关闭页签",
+      "motivation": "多开详情页 / 编辑器类界面需要「关掉这个页签」，tabs 只有 label + disabled，调用方得自己在页签头外面挂按钮，关闭按钮的 hover 显现、指示条宽度、键盘等价全得重写一遍",
+      "acceptance": "TabItem 新增 closable（缺省不可关），渲染 × 关闭按钮（aria-label=关闭 <label>），点击或页签聚焦后按 Delete 触发 onClose(value)；指示条改为量外壳宽度，可关闭页签的高亮能盖住 ×；触摸设备（hover: none）常显 ×；表单化入参不变（closable 在项上），文档参数表/手把手/示例与演示（三张可关订单页签，关完显示空态）同步；npm run check 全绿",
+      "notes": "自补：组件可用性；关闭只回调不改数据，符合受控约定",
+      "status": "open"
     }
   ]
 }

.ua/index.json

@@ -1,6 +1,6 @@
 {
   "$schema": "ui-arch-registry-index/0.1",
-  "generatedAt": "2026-10-26T05:49:43.206Z",
+  "generatedAt": "2026-10-26T05:56:43.149Z",
   "repoRoot": ".",
   "packages": [
     {
@@ -167,7 +167,7 @@
           "pagination(props)：独立分页器，page 信号双向绑定，页码过多折叠省略号，首末页禁用翻页，jumpable 时末尾可输入页码直接跳转，键盘可达；pageSizes 可切每页条数",
           "spinner(props)：加载指示器，size 控制直径",
           "progress(props)：进度条，value 信号驱动 0-100（满格切 success 色）；不传 value 退化为不确定态无限往复",
-          "tabs(props)：标签页，active 信号双向绑定，滑动指示条 + 方向键环形导航，支持禁用页签",
+          "tabs(props)：标签页，active 信号双向绑定，滑动指示条 + 方向键环形导航，支持禁用页签；页签项 closable 时带关闭按钮（聚焦后 Delete 同样可关），关闭只回调 onClose 由调用方摘数据",
           "stepper(props)：步骤条，done/current/upcoming 三态，active 信号双向绑定，clickable 时已完成步骤可回跳",
           "rate(props)：评分星标，value 信号双向绑定，hover 预览移出还原，键盘方向键调节，max 可配",
           "empty(props)：空状态占位，title/description 可选，action 放操作区",
@@ -1304,9 +1304,9 @@
             "props": [
               {
                 "n": "tabs",
-                "t": "OptionItem[]",
+                "t": "TabItem[]",
                 "r": 1,
-                "d": "页签列表，每项 { value, label }"
+                "d": "页签列表，每项 { value, label, disabled?, closable? }"
               },
               {
                 "n": "active",
@@ -1318,13 +1318,25 @@
                 "t": "(value: string) => void",
                 "k": 1,
                 "d": "切换回调"
+              },
+              {
+                "n": "onClose",
+                "t": "(value: string) => void",
+                "k": 1,
+                "d": "关闭页签回调：组件不自行移除，凭 value 从数据源里摘掉后重绘"
+              },
+              {
+                "n": "closable",
+                "t": "boolean",
+                "d": "页签项上的开关：true 时渲染关闭按钮（×），关闭按钮不进 Tab 序但可用鼠标点；缺省不可关"
               }
             ],
-            "example": "const tab = signal('a'); tabs({ tabs: [{ value: 'a', label: '概览' }, { value: 'b', label: '明细', disabled: true }], active: tab })",
+            "example": "const tab = signal('a'); tabs({ tabs: [{ value: 'a', label: '概览', closable: true }, { value: 'b', label: '明细', disabled: true }], active: tab, onClose: (v) => toast.info(`关闭 ${v}`) })",
             "steps": [
               "创建信号 tab = signal('a')，初值为默认页签",
               "tabs 只渲染页签头；页签内容用响应式函数按信号切换，如 () => tab() === 'a' ? panelA : panelB",
               "点击或方向键（←→ 环形）、Home/End（直达首/末页签）切换，滑动指示条自动跟随；disabled: true 的页签置灰不可点",
+              "需要可关闭页签时给该项加 closable: true，× 或聚焦后按 Delete 触发 onClose(value)；组件不改数据源，调用方从数组里摘掉该项再重绘",
               "键盘可访问：Tab 聚焦激活页签，←→ 在启用页签间环形移动，Home/End 跳首个/末个启用页签"
             ]
           },