chore(backlog): 记录 g266 完成

2026-10-26 22:50:12 +08:00
parent 90bd60e0cf
commit a7b34894ed
2 changed files with 10 additions and 0 deletions
@@ -2780,6 +2780,15 @@
      "status": "done",
      "domain": "new",
      "notes": "骨架刻意不带圆角与投影——它是页面容器不是卡片，浮起感留给内容里的 card / modal；折叠态宽度用 .is-collapsed 的 width:0 + overflow hidden 压过内联展开宽度（宽度只有一个来源），aria-hidden 随折叠翻转，读屏不再进菜单；verify 的滚动条规则当场抓出漏网的内容区：新增滚动容器必须并入 scrollbar-width 统一规则，否则暗色下露原生亮条"
+    },
+    {
+      "id": "g266",
+      "title": "新增 JSON 树查看组件 jsonViewer",
+      "motivation": "接口联调、配置排查、日志排查都绕不开「看一段原始 JSON」：此前只能 JSON.stringify 后塞进 pre，一行到底、层级看不出来，长数据把页面撑穿。tree 是业务树的形状（勾选 / 异步加载），塞 JSON 会逼着给每个节点造一份包装对象，语义也对不上——需要的是纯只读的类型着色查看器。",
+      "acceptance": "新增 jsonViewer(props)：value 接收任意值，对象 / 数组可展开收起、分支收起时显示「N 项 / N 个键」，叶子按 string/number/boolean/null 四类着色；depth 控制默认展开层数（缺省 2）、maxHeight 限高后在框内滚动并纳入统一细条规则、rootLabel / ariaLabel 可配；样式只消费 --ua-* 令牌，禁止新增硬编码阴影 / 时长 / 字号；十处落点全同步（src / types / index / ui.css / manifest 双处 / demo / README / 计数 / docs），npm run check 全绿",
+      "status": "done",
+      "domain": "new",
+      "notes": "用 role=tree/treeitem + aria-expanded 表达折叠态，开关的 aria-label 带完整路径（response.data.items.0）——读屏能说出「展开的是哪一支」；收起用 hidden 而不是重建节点，折叠态天然保住；踩坑：h() 返回 HTMLElement，给变量标 HTMLDivElement 类型会 TS2741（缺 align），改成 as 断言；留痕 ts 必须 %:z（+08:00），%z 的 +0800 会被 lint-iterations 判违规"
    }
  ]
 }