iter(g63): card 支持标题操作区、底部操作区与悬停态

llms-full.txt

@@ -1,6 +1,6 @@
 # @ui-arch 组件库 Agent 文档（无图形版）
 
-> 自动生成于 2026-10-26T04:26:29.979Z，数据源：各包 ua.manifest.json，勿手改。人类版文档站：apps/docs/index.html。
+> 自动生成于 2026-10-26T04:28:43.453Z，数据源：各包 ua.manifest.json，勿手改。人类版文档站：apps/docs/index.html。
 > 组件 = 普通函数，传 props 返回 DOM；状态用 signal 双向绑定：读 signal() 写 signal(v)。
 
 ## 快速上手
@@ -388,6 +388,10 @@ breadcrumb({ items: [{ label: '首页', href: '/' }, { label: '设置' }, { labe
 
 - title：string —— 标题；缺省不渲染标题行
 - ...children：unknown[] —— 任意子节点：字符串 / DOM / 响应式函数
+- extra：unknown —— 标题行右侧操作区（按钮 / 统计文案）；缺省不渲染
+- footer：unknown —— 底部操作区；缺省不渲染
+- bordered：boolean —— 是否显示边框；缺省 true
+- hoverable：boolean —— 悬停浮起（可点击卡片）；缺省 false
 
 示例：
 
@@ -400,6 +404,9 @@ card({ title: '用户表' }, dataTable({ data, columns }))
 1. card 是容器组件：第一个参数是 props，其余参数是任意子节点
 2. 传 title 显示标题行，否则只有内容区
 3. 子节点可以混合字符串、DOM 节点与响应式函数
+4. title 与 extra 同处标题行：有 extra 时右侧对齐，没标题也能只放操作区
+5. footer 渲染在内容之后的底部区，右对齐并带上分隔线，适合放主次按钮
+6. bordered:false 去边框（嵌在已有边界的容器里），hoverable 让整卡悬停浮起（自带 reduced-motion 兜底）
 
 现场演示：apps/docs/demo.html#sec-card