Skip to content

feat: overview layer + animations + app icon + Tauri packaging (UI-4) - #4

Merged
Smirk1921 merged 1 commit into
mainfrom
feat/ui4-overview-polish
Oct 7, 2026
Merged

Smirk1921 merged 1 commit into
mainfrom
feat/ui4-overview-polish

Conversation

@Smirk1921

Copy link
Copy Markdown
Owner

UI-4 完工:⓪总览 + 动效 + 图标 + Tauri 壳打磨

施工方案-v0.8.0 §十一全部落地。52 文件(30 改 22 新,+3749/-130)。

⓪ 总览面(Stage A+B)

  • ProcessStamps 工序章五章横排 + state/processStamps.ts 五态引擎(alert>doing>done>todo,消费 hub packs/pull+diff/testRun + useDeadLinks + SSE,30s 失败节流)
  • TodoList / MiniFileTree(复用泛化 CodeFileTree groups prop)/ LayerTiles 四面磁贴,点击跨面跳转
  • Overview.tsx 重写:.overview/.ov-main/.ov-grid/.ov-side 三区骨架照 a-deep.html

动效三件套(对照 r7-motion/dialog/switch)

  • 工作面滑入:RouteSlide + .route-slide-pre(transition 驱动,替换旧 keyframes)
  • 首进阶梯:useFirstEnter + .ov-enter 阶梯 delay .02/.07/.12/.17/.22/.26/.32s
  • 确认门生长:UI-2 既有参数核验一致

顶层接线

  • App.tsx 五层 Provider(+DirtyContext)+ PACK 真实化(packs() 首项)+ SIGN_CHECKS 真实化 + onSign→确认门→push(confirm:true) + onDetail→①
  • LayerNav ⓪①dot 真实化(⓪红=死链/差异;①蓝=脏文件经 DirtyContext)
  • Code.tsx 最小接入 markDirty/markClean

Tauri 壳

  • assets-src/icon.svg 母版(青蓝图纸+双线框+五章微缩+红会签章)→ make-icons.mjs(sharp + 手写 ICO/ICNS 编码器)→ 16 图标全套
  • tauri.conf.json:targets [nsis] + bundle.windows(webviewInstallMode downloadBootstrapper + SimpChinese + 开始菜单夹)
  • lib.rs:is_webview2_present command + 缺 WebView2 标题提示;HubLauncher 红条 + 一键下载
  • npm run tauri build 实测出包:tts-desktop_0.1.0_x64-setup.exe(1.54 MiB)

工具与文档

  • compare-screenshots.mjs(pixelmatch+pngjs,阈值 5%,exit 0/1/2)+ CI(build + cargo check --locked)+ CHANGELOG 骨架 + README 推进
  • screenshots/VERDICT.md:五面比对偏差记录(机器 FAIL 全为结构性——设计稿 vs 真实运行态/尺寸/数据态,⓪面构图逐块人工对齐)

验收

  • npm run build 全绿(130 modules);cargo check 通过;tts-toolkit 2058/69/0 基线不破
  • 真实 hub 冒烟:注册冒烟包 → ⓪面工序章/待办/磁贴/会签栏全渲染(拉取 alert 红 = 无 TTS 正确降级)
  • 联通验收 11 项(UI-2 6 + UI-3 5)+ UI-4 真实数据态截图仍待 v8-final 前人工(需真实 TTS + 《第七大陆》包)

⓪ 总览面:ProcessStamps 工序章五态引擎 + 待办 + 迷你文件树 + 四面状态磁贴
动效三件套:工作面滑入(transition) + 首进阶梯(delay .02-.32s) + 确认门生长核验
顶层接线:App 五层 Provider(+Dirty) + PACK/SIGN_CHECKS 真实化 + onSign 会签出厂
Tauri:16 图标全套(SVG→sharp+手写 ICO/ICNS 编码器) + NSIS 打包 + WebView2 红条
工具:compare-screenshots(pixelmatch) + CI(build+cargo check) + CHANGELOG 骨架
@Smirk1921
Smirk1921 merged commit 1b39a54 into main Oct 7, 2026
2 checks passed
@Smirk1921
Smirk1921 deleted the feat/ui4-overview-polish branch October 7, 2026 17:18
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant