iter(g142): 间距容器支持分隔符

This commit is contained in:
HIsheR
2026-10-26 15:37:34 +08:00
parent 508d11a29e
commit 5af2139366
8 changed files with 46 additions and 6 deletions
+8 -2
View File
@@ -1,6 +1,6 @@
{
"$schema": "ui-arch-registry-index/0.1",
"generatedAt": "2026-10-26T07:36:09.637Z",
"generatedAt": "2026-10-26T07:37:18.841Z",
"repoRoot": ".",
"packages": [
{
@@ -1575,6 +1575,11 @@
"n": "block",
"t": "boolean",
"d": "是否占满父容器宽度;缺省按内容收缩"
},
{
"n": "split",
"t": "string",
"d": "子元素之间的分隔符(如 · / |):纯装饰、aria-hidden,仅 2 个以上子元素时插入"
}
],
"example": "space({ size: 'lg' }, button({ label: '保存' }), button({ label: '取消', variant: 'ghost' })) / space({ direction: 'vertical', align: 'start' }, ...)",
@@ -1582,7 +1587,8 @@
"把一排需要统一间距的元素交给 space 托管,不再各自写 margin",
"调间距:size 传 sm/md/lg 走令牌,需要精确像素时直接给数字",
"竖排用 direction: 'vertical',配 align: 'start' 让子元素左对齐",
"工具栏两端撑开用 justify: 'between' + block: true;窄屏放不下时加 wrap"
"工具栏两端撑开用 justify: 'between' + block: true;窄屏放不下时加 wrap",
"一行里要塞分隔符(面包屑式「A · B · C」)传 split: '·':分隔符由容器插入且读屏跳过,不要手写 span 再逐个调 margin"
]
},
{