iter(g141): 通知支持四角停靠
This commit is contained in:
@@ -1484,6 +1484,14 @@
|
||||
"acceptance": "dataTable 新增 onRowClick:传了则该行 tabindex=0 并响应点击 / Enter / 空格,未传时行为与现在完全一致(不进 Tab 序列);文档 props/steps 与演示同步;单文件仍 ≤200 行;npm run check 全绿",
|
||||
"notes": "自补:既有组件可用性细节(行数恰好压到 200 行上限,靠合并注释行达标)",
|
||||
"status": "done"
|
||||
},
|
||||
{
|
||||
"id": "g141",
|
||||
"title": "通知支持四角停靠",
|
||||
"motivation": "notification 只能堆在右下角,与抽屉 / 悬浮按钮抢位置;页面里已有 toast 占右上,通知没有别处可去",
|
||||
"acceptance": "notification 新增 placement(四个角),每角独立容器与 3 条上限,顶部角落新通知贴边出现、旧的往下让;文档 props/steps 与演示同步;npm run check 全绿",
|
||||
"notes": "自补:既有组件可用性细节",
|
||||
"status": "open"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
+9
-2
@@ -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 调:四个角各自独立堆叠与节流,顶部角落新通知从屏幕边缘长出、旧的往下让"
|
||||
]
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user