iter: d03 新增折叠面板 accordion 组件

packages/skin/ui/ua.manifest.json

@@ -1,7 +1,7 @@
 {
   "name": "@ui-arch/ui",
   "type": "skin-dom",
-  "description": "DOM 皮肤组件库：button / textField / textarea / checkbox / switch / select / menu / radioGroup / card / badge / alert / toast / tooltip / skeleton / spinner / progress / tabs / pagination / modal / form / formItem / dataTable，构建在 @ui-arch/frame 与 @ui-arch/table-core 之上，样式只消费 --ua-* 令牌。",
+  "description": "DOM 皮肤组件库：button / textField / textarea / checkbox / switch / select / menu / radioGroup / accordion / card / badge / alert / toast / tooltip / skeleton / spinner / progress / tabs / pagination / modal / form / formItem / dataTable，构建在 @ui-arch/frame 与 @ui-arch/table-core 之上，样式只消费 --ua-* 令牌。",
   "tags": [
     "components",
     "dom",
@@ -21,6 +21,7 @@
       "select(props)：自绘下拉选择（非原生 select），value 信号双向绑定，点外部 / Esc 关闭，选项弹层带微动画，disabled 支持布尔或信号禁用",
       "menu(props)：下拉菜单，触发器 + 自绘弹层，条目支持禁用 / 危险 / 分隔线，↑↓ 环形导航，点外部 / Esc 关闭",
       "radioGroup(props)：单选组，options + value 信号双向绑定，disabled 整组禁用",
+      "accordion(props)：折叠面板，标题按钮 + grid 行高过渡，单开（手风琴）或多开，支持禁用面板与 active 信号受控",
       "card(props, ...children)：卡片容器",
       "badge(props)：徽标，variant = default | success | warning | danger",
       "alert(props)：提示条，variant = info | success | warning | danger",
@@ -46,6 +47,8 @@
       "RadioGroupProps",
       "MenuItem",
       "MenuProps",
+      "AccordionItem",
+      "AccordionProps",
       "OptionItem",
       "CardProps",
       "BadgeProps",
@@ -72,7 +75,7 @@
     "语义色 variant 四档：default|info / success / warning / danger，一律来自令牌，禁止硬编码颜色"
   ],
   "docs": {
-    "intro": "21 个 DOM 组件，统一用法：组件是普通函数，传入 props 返回 DOM 节点；需要状态时先创建 signal 再双向绑定。引入 CSS：import '@ui-arch/ui/ui.css'（内部已消费 tokens）。",
+    "intro": "22 个 DOM 组件，统一用法：组件是普通函数，传入 props 返回 DOM 节点；需要状态时先创建 signal 再双向绑定。引入 CSS：import '@ui-arch/ui/ui.css'（内部已消费 tokens）。",
     "steps": [
       "安装依赖：pnpm add @ui-arch/ui @ui-arch/frame（workspace 内自动链接）",
       "引入样式：在应用入口 import '@ui-arch/ui/ui.css'，暗色主题在根元素设 data-theme='dark'",
@@ -381,6 +384,44 @@
           "需要整组禁用时传 disabled：布尔值静态禁用，也可传信号（如 locked）实现动态锁定"
         ]
       },
+      {
+        "id": "accordion",
+        "title": "折叠面板 Accordion",
+        "demo": "sec-accordion",
+        "props": [
+          {
+            "n": "items",
+            "t": "AccordionItem[]",
+            "r": 1,
+            "d": "面板列表：{ value, title, content, disabled? }"
+          },
+          {
+            "n": "active",
+            "t": "Signal<string>",
+            "d": "受控展开面板信号（单开模式）；缺省由组件内部持有状态"
+          },
+          {
+            "n": "multiple",
+            "t": "boolean",
+            "d": "允许多个面板同时展开；缺省 false（手风琴，单开）",
+            "df": "false"
+          },
+          {
+            "n": "onChange",
+            "t": "(active: string) => void",
+            "k": 1,
+            "d": "展开变化回调：收起时传空串"
+          }
+        ],
+        "example": "accordion({ items: [{ value: 'a', title: '账户设置', content: '内容…' }, { value: 'b', title: '通知', content: h('p', null, '…') }] })",
+        "steps": [
+          "准备 items：value 作标识、title 作标题、content 可为字符串 / DOM 节点 / 响应式函数",
+          "默认手风琴模式：展开一个自动收起其他；需要同时展开多个时传 multiple: true",
+          "需要外部控制或读取展开项时传 active 信号（受控单开），否则组件内部自持状态",
+          "标题是原生 button：Tab 聚焦、Enter / Space 切换，展开态带 aria-expanded + region 关联",
+          "内容区用 grid 行高 0fr → 1fr 过渡，无需测量高度；reduced-motion 用户自动静态切换"
+        ]
+      },
       {
         "id": "card",
         "title": "卡片 Card",