iter(g142): 间距容器支持分隔符
This commit is contained in:
@@ -1492,6 +1492,14 @@
|
||||
"acceptance": "notification 新增 placement(四个角),每角独立容器与 3 条上限,顶部角落新通知贴边出现、旧的往下让;文档 props/steps 与演示同步;npm run check 全绿",
|
||||
"notes": "自补:既有组件可用性细节",
|
||||
"status": "done"
|
||||
},
|
||||
{
|
||||
"id": "g142",
|
||||
"title": "间距容器支持分隔符 split",
|
||||
"motivation": "「A · B · C」这类一行多段信息(筛选摘要、面包屑式路径)只能手写 span 分隔符再逐个调 margin,gap 与分隔符混用后间距不均,读屏还会念出「·」",
|
||||
"acceptance": "space 新增 split:仅在 2 个以上子元素间插入分隔符,分隔符 aria-hidden、弱化色、不可选中;文档与演示同步;npm run check 全绿",
|
||||
"notes": "自补:既有组件可用性细节",
|
||||
"status": "open"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
+8
-2
@@ -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"
|
||||
]
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user