iter(g141): 通知支持四角停靠

This commit is contained in:
HIsheR
2026-10-26 15:36:28 +08:00
parent 36087b1b20
commit 6cde61829e
8 changed files with 54 additions and 13 deletions
+9 -2
View File
@@ -1,6 +1,6 @@
{
"$schema": "ui-arch-registry-index/0.1",
"generatedAt": "2026-10-26T07:33:59.912Z",
"generatedAt": "2026-10-26T07:36:09.637Z",
"repoRoot": ".",
"packages": [
{
@@ -2369,6 +2369,12 @@
"n": "action",
"t": "unknown",
"d": "操作区内容(如按钮);缺省不渲染"
},
{
"n": "placement",
"t": "'top-right' | 'bottom-right' | 'top-left' | 'bottom-left'",
"df": "bottom-right",
"d": "停靠角落;每个角落独立堆叠(同角最多 3 条),右上与 toast 同侧,建议次要信息放左侧"
}
],
"example": "const { close } = notification({ title: '导出完成', description: 'report.csv 已开始下载', variant: 'success', duration: 4000 }); // close() 手动关闭",
@@ -2377,7 +2383,8 @@
"缺省常驻(duration 0),需要自动消失就传毫秒数,如 duration: 4000",
"返回 { el, close } 句柄:程序化关闭用 close(),需要自己挂交互就用 el",
"action 放操作区(常见为按钮);variant 决定左侧条与圆点语义色",
"与 toast 的分工:toast 右上角轻量瞬时,notification 右下角可长读、可操作"
"与 toast 的分工:toast 右上角轻量瞬时,notification 右下角可长读、可操作",
"停靠角落用 placement 调:四个角各自独立堆叠与节流,顶部角落新通知从屏幕边缘长出、旧的往下让"
]
},
{