iter(g164): 描述列表支持竖排与标题操作区

This commit is contained in:
HIsheR
2026-10-26 16:09:59 +08:00
parent bb1625a06d
commit b533903994
7 changed files with 78 additions and 8 deletions
+15 -2
View File
@@ -1,6 +1,6 @@
{
"$schema": "ui-arch-registry-index/0.1",
"generatedAt": "2026-10-26T08:04:47.351Z",
"generatedAt": "2026-10-26T08:09:26.855Z",
"repoRoot": ".",
"packages": [
{
@@ -2104,6 +2104,18 @@
"n": "title",
"t": "string",
"d": "分组标题;缺省不渲染标题行"
},
{
"n": "layout",
"t": "'horizontal' | 'vertical'",
"df": "'horizontal'",
"d": "字段名位置:horizontal 在值左侧,vertical 在值上方(窄栏 / 长文本更耐读,配 bordered 时去掉标签区的分隔线)"
},
{
"n": "extra",
"t": "unknown",
"k": 1,
"d": "标题行右侧内容(如更新时间、刷新按钮);仅在传了 title 时渲染"
}
],
"example": "descriptions({ title: '订单信息', column: 2, bordered: true, items: [{ label: '订单号', value: 'RB-2048' }, { label: '金额', value: '¥1,280.00' }, { label: '备注', value: '加急', span: 2 }] })",
@@ -2113,7 +2125,8 @@
"value 支持任意 DOM:放 tag、badge、button 都可以;要给值做响应式更新就传函数 () => 内容",
"bordered: true 是表格形态(适合打印与密集信息),纯网格形态更轻,适合卡片内嵌",
"窄屏自动降为单列,无需在调用方写媒体查询",
"纯展示组件,无状态无回调:值变了由调用方重新渲染或传函数式 value"
"纯展示组件,无状态无回调:值变了由调用方重新渲染或传函数式 value",
"窄栏或长文本场景把 layout 设成 'vertical':字段名落到值上方,bordered 形态会自动去掉标签右侧的分隔线与底纹;标题行要放操作就传 extra(数组可放多个节点)"
]
},
{