iter(g116): 抽屉支持非模态模式

.ua/backlog.json

@@ -1284,6 +1284,14 @@
       "acceptance": "新增 calendar(props)（< 200 行）：value/month 信号、marker 每日标记（文案同时进 aria-label）、onSelect / onMonthChange；月初留白与天数计算抽到 dateKit.ts，datePicker 改为共用同一份（消除两处日期工具）；组件 59→60，types/index/css/manifest/docs/README/AGENTS/ARCHITECTURE/demo 同步；npm run check 全绿",
       "notes": "自补：组件补充 + 派生语义单一来源（日期工具下沉 dateKit）",
       "status": "done"
+    },
+    {
+      "id": "g116",
+      "title": "抽屉支持非模态模式",
+      "motivation": "「一边看列表一边改右侧详情」是后台最常见的交互，但 drawer 只有模态一档：打开就盖一层遮罩、锁住背景滚动、把焦点困在面板里，主视图彻底不可用；调用方只能拿 fixed 的 div 自己拼一个假抽屉",
+      "acceptance": "DrawerProps 新增 modal（缺省 true）：false 时遮罩透明且 pointer-events: none、面板自身可交互并带阴影、不锁背景滚动、不启用 Tab 焦点陷阱、aria-modal=false、点外部不算关闭（× 与 Esc 仍可用）；文档参数表 / 手把手与演示（非模态检查器）同步；npm run check 全绿",
+      "notes": "自补：组件可用性；沿用现有遮罩节点加一个 is-plain 分支，不新增 DOM 结构",
+      "status": "open"
     }
   ]
 }

.ua/index.json

@@ -1,6 +1,6 @@
 {
   "$schema": "ui-arch-registry-index/0.1",
-  "generatedAt": "2026-10-26T06:08:45.187Z",
+  "generatedAt": "2026-10-26T06:10:04.137Z",
   "repoRoot": ".",
   "packages": [
     {
@@ -1692,6 +1692,11 @@
                 "t": "boolean",
                 "d": "点遮罩是否关闭抽屉；缺省 true（× 与 Esc 始终可用）"
               },
+              {
+                "n": "modal",
+                "t": "boolean",
+                "d": "是否模态：false 时无遮罩、不锁背景滚动、不困焦点，页面仍可操作（检查器 / 详情面板）；缺省 true"
+              },
               {
                 "n": "onClose",
                 "t": "() => void",
@@ -1710,7 +1715,8 @@
               "打开后从侧边滑出：placement: 'right'（默认）或 'left'，width 控制宽度（窄屏自动收到 92vw）",
               "点遮罩、× 或按 Esc 关闭并写回 false；打开时焦点落在面板首个可交互元素，Esc 只关最上层弹层",
               "底部操作按钮放进 footer；与 modal 的分工：modal 是强打断的确认，drawer 保留主视图上下文做详情/编辑",
-              "面板内容与 modal 一样接受任意 DOM 与响应式函数"
+              "面板内容与 modal 一样接受任意 DOM 与响应式函数",
+              "要「一边看一边改」就把 modal 设成 false：遮罩透明且不吃点击、背景滚动不锁、Tab 不被困在面板里，× 与 Esc 仍能关"
             ]
           },
           {