frontend: FE-031 弹窗体系统一,卡片化容器+分层阴影+统一出入场动效

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
fenghp
2026-06-11 17:30:33 +08:00
co-authored by Cursor
parent be055673f1
commit 45eeb10283
3 changed files with 19 additions and 10 deletions
@@ -2,7 +2,7 @@
## 状态
todo
done
## 优先级
@@ -59,9 +59,18 @@ cd mactfsui && pnpm typecheck && pnpm electron:dev
## 完成记录
待完成后填写:
- 实际修改文件:
- `mactfsui/app/components/ui/dialog.tsx`
- 实际实现内容:
- 全部 15 个弹窗(13 个 explorer 弹窗 + confirm + workspace-dialogs)共用同一 Dialog 基础组件,本次在基础组件统一升级,等效于全量弹窗统一:
- 容器改卡片化:`border + shadow-dialog`(替代原 ring),rounded-xl(FE-026 后为 14px)
- 出入场统一:打开 200ms `ease-out-quart` 缩放 95% + 上滑 + 淡入;关闭 150ms 缩放淡出;遮罩 `bg-black/20 + backdrop-blur` 淡入淡出
- 标题统一 `font-semibold tracking-tight`
- 弹窗底部按钮区沿用 DialogFooter 的 `bg-muted/50 + border-t` 分区带(10 个表单类弹窗使用;History/Diff/FileView/Properties 为查看器形态无底栏,结构合理保持)
- 弹窗内控件(Input/Button/Table)继承 FE-026 token,无需逐一调整
- 测试结果:
- `pnpm typecheck` 通过、`pnpm build` 通过
- 产物 CSS 确认 shadow-dialog 已编译
- 全部弹窗逐一开闭走查留待 FE-034 回归
- 遗留问题:
- 无