iter(g96): 抽屉支持上下滑出方位

This commit is contained in:
HIsheR
2026-10-26 13:15:00 +08:00
parent 6e6860abab
commit 306fd90ab7
8 changed files with 52 additions and 14 deletions
+8
View File
@@ -1124,6 +1124,14 @@
"acceptance": "StatisticProps 新增 countdown(目标时间戳毫秒),传了即每秒显示 DD 天 HH:MM:SS(不足一天省天数),value 转为可选;到点或组件被移除后自动 clearInterval,不留常驻定时器;倒计时不走滚动动画;文档与演示同步;npm run check 全绿",
"notes": "自补:功能补齐;停表条件放在 tick 内自检 isConnected,无需额外卸载钩子",
"status": "done"
},
{
"id": "g96",
"title": "抽屉支持上下滑出方位",
"motivation": "drawer 的 placement 只有 left/right,移动端最常见的「底部弹层」只能拿 modal 或者自己写 fixed 容器凑,既丢了焦点陷阱与 Esc 栈,样式也不统一",
"acceptance": "placement 扩到 'left' | 'right' | 'top' | 'bottom';上下滑出时 width 语义变为高度、横向自动铺满(max-width 放开),入场位移走 translateY,四条方位共用同一套遮罩/焦点陷阱/Esc 栈;文档与演示(底部抽屉实例)同步;npm run check 全绿",
"notes": "自补:组件能力补齐;只加 CSS 分支与一个三元表达尺寸,逻辑零改动",
"status": "open"
}
]
}
+3 -3
View File
@@ -1,6 +1,6 @@
{
"$schema": "ui-arch-registry-index/0.1",
"generatedAt": "2026-10-26T05:13:47.565Z",
"generatedAt": "2026-10-26T05:14:42.470Z",
"repoRoot": ".",
"packages": [
{
@@ -1619,14 +1619,14 @@
},
{
"n": "placement",
"t": "'left' | 'right'",
"t": "'left' | 'right' | 'top' | 'bottom'",
"d": "滑出方向;缺省 right",
"df": "right"
},
{
"n": "width",
"t": "number",
"d": "面板宽度像素(窄屏最多 92vw);缺省 320",
"d": "面板尺寸(像素):左右滑出为宽度,上下滑出为高度;缺省 320",
"df": "320"
},
{