KennethCheng/Windows-Gotify-Client-Rust
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity
22 Commits 1 Branch 1 Tag
main
Commit Graph
4 Commits
Author SHA1 Message Date
KennethCheng 383bb404a9 fix(ui): Phase 7 C4 — 卡片间距修复 + 全 UI 翻译为简体中文 
两个问题修一处：\n\n1. 布局 bug：filter 切到 Max/High/Normal/Low 后可见卡片之间留出巨大空白。原因：Slint isible: false 在 for 循环里没真正折叠 layout 槽位，被隐藏的卡片仍占 76px 高 + 8px spacing。修法：把过滤从 Slint 侧搬到 Rust 侧，新增 filtered_model：UI 绑 filtered_model，shared_model 作为全量 canonical；切换过滤时 rebuild_filtered_model + WS drain 用 push_message_to_models 同步两表；测试连接 / tray restart 也都双表更新。\n\n2. UI 默认中文：sidebar（MESSAGES/SERVERS/FILTERS/APP → 消息/服务器/过滤/应用；All/Max/High/Normal/Low/Settings/About → 全部/最高/高/普通/低/设置/关于）、详情面板（Open link → 打开链接）、空态（You're all caught up → 暂时没有新消息；Test Notification → 发送测试通知）、设置页（5 个分组 + 所有 toggle + Appearance radio）、AboutDialog、托盘菜单（打开/暂停通知/设置.../重新连接/退出/新消息：N）、状态文本（Disconnected → 未连接；mock feed → 模拟数据；messages → 条消息）。\n\n新增 priority-filter-changed(int) 回调，sidebar 切过滤时通知 Rust 重建 filtered model。SharedModel/FilteredModel 同步逻辑：HTTP catch-up → WS drain push → 测试连接 → tray restart 都用 helper 函数维护一致性。
 2026-09-19 20:27:15 +08:00
KennethCheng 97becf5c4b feat(ui): Phase 7 C3 — Priority 过滤 + 消息详情面板 
- sidebar FILTERS 加 Max/High/Normal/Low 四档（dot 色与 priority 配色一致），点击切换 priority-filter（0=All, 1=Low, 2=Normal, 3=High, 4=Max）
- MessageList 加 priority-filter property，通过 visible 谓词按 Slint Priority enum 匹配；保留原 idx 让 selected-index 不随 filter 错位
- 右栏加 detail panel：app + priority dot、title、id、relative_time、body、has_click_url 时显示 Open link 按钮（复用 C2 的 message-card-clicked 走 url::open）
- detail panel 与消息列表水平分割，selected-message-index < 0 时自动隐藏；切换 Settings/About 时不显示
 2026-09-19 08:23:01 +08:00
KennethCheng 11a122216b feat(ui): Phase 2 C2 — Mock 消息模型 + Message list + Empty state 
- ui/message-card.slint: export enum Priority + struct MessageItem +
  MessageCard 组件（§7 优先级圆点 + 标题 + 应用·预览 + 相对时间 +
  URL 指示）
- ui/message-list.slint: VerticalLayout + for 渲染 MessageCard
  （避开 std-widgets 的 include_paths 配置需求）
- ui/empty-state.slint: §9 ✦ glyph（Path 自绘）+ "You're all caught up"
  + Test Notification 按钮
- ui/app.slint: messages.length 切换 list / empty-state；点击回
  调到 MainWindow 顶层 callback
- src/models.rs: mock_messages() 生成 12 条覆盖 4 个 priority 的
  假消息；format_relative() 输出 "2 min ago" / Yesterday 等
- src/lib.rs: ui.set_messages(mock_messages_model()) 装载；wire
  on_test_notification_clicked / on_message_card_clicked

避坑：
- Slint 1.18 不允许覆盖 Rectangle 内建 border-color，命名用 card-border
- ModelRc::from 需要 Rc<VecModel<T>> 不是裸 VecModel

验证：cargo build / build --release 都 exit 0，0 warning
- debug   26.55 MB, subsystem = WINDOWS_CUI
- release  7.94 MB, subsystem = WINDOWS_GUI
 2026-09-19 04:39:24 +08:00
KennethCheng 49cbd9e371 feat(ui): Phase 2 C1 — MainWindow + Sidebar + 颜色/主题系统 
完成 AGENTS.md §57 Phase 2 的前 3 项：MainWindow 布局、Sidebar、Dark 主题
基础。剩余的 Message list / Empty state / Settings / Light-Switch /
Window state 留到 C2 / C3。

技术栈变化
----------

本次最大的工程变化是把 Slint UI 从 `slint!{}` macro 内嵌迁到独立
`.slint` 文件 + build.rs 编译：

  ui/app.slint           MainWindow + Sidebar 骨架（Phase 2 C1 完整实现）
  ui/theme.slint         export enum AppearanceMode { System, Light, Dark }
                         （不再有 export global Theme / Palette，见下文）
  ui/components.slint    NavItem / SectionLabel / Divider（Dark 默认颜色）
  ui/message-card.slint  占位 stub（C2 实现）
  ui/message-list.slint  占位 stub（C2 实现）
  ui/empty-state.slint   占位 stub（C2 实现）
  ui/settings-page.slint 占位 stub（C3 实现）
  ui/server-card.slint   占位 stub（C3 实现）
  ui/dialogs.slint       占位 stub（C3 实现）
  build.rs               slint_build::compile("ui/app.slint")，
                         把生成的 .rs 路径写入 SLINT_INCLUDE_GENERATED
  src/lib.rs             `slint::include_modules!()` 引入编译产物；
                         `MainWindow::new()` 拿 UI 实例；
                         `ui.set_theme(AppearanceMode::Dark)` 初始化
                         （C3 改成从 state.json 读 + 监听用户切换）

为什么不用 `include_slint!` —— 那是 `slint_interpreter` crate 提供的
API，不在 `slint` 1.18 主 crate 里。官方推荐的"build-time precompile"
路线是 `slint_build::compile()` + `slint::include_modules!()`，文档明确
写了这一步。

为什么不用 export global Palette / Theme
---------------------------------------

最初一版我把 Theme + Palette 都做成 `export global`，期望从 Rust 端
用 `ui.global::<Theme>().set_appearance(...)` 切换 Light/Dark。失败
了：slint-build 1.18 在生成 Rust 代码时把这两个 global 都 dead-code
消除了，generated 的 pub use 列表里只剩 `MainWindow` 和
`SidebarSelection`。原因——global 的所有 binding 在编译期都被简化为
常量（Theme.appearance 默认 Dark，Palette.background 绑定直接 inline 成
`#1f2024`），没有任何 dynamic 引用保留 global 的符号表。

解决方案：把 Theme + Palette 全部搬到 MainWindow 上作为 out properties，
由 `MainWindow.theme` 触发 binding 重新计算。Rust 端用
`ui.set_theme(AppearanceMode::Light)` 切。代价是 sidebar 的 NavItem
暂时只有 Dark 默认色（fixed `#2f3035` 等），Light theme 在 C3 通过
property forwarding 扩展 NavItem 时补齐——这是 C1 阶段明确接受的折衷。

这一节值得写进 commit 而不是悄悄改掉——后面任何看到代码的人都会好奇
"为什么 palette 不直接 export global？"，是这个原因。下次有 Phase 3+ 的人
碰这块也省得踩同样的坑。

Slint 版本对齐
--------------

之前 commit 时钉过 `slint = "1"`（让 cargo 选最新 1.x 稳定版），现在
slint-build 1.18.0 引入 build-deps：`slint-build`, `i-slint-compiler` 等。
两者锁到同一个 1.18.0 版本是 Slint 自身的 forward-compat 约束
（slint-build 的 `compat-1-18` feature 在 build.rs 启动时强校验）。

MainWindow / Sidebar 布局细节
-----------------------------

按 AGENTS.md §6 / §7：

- 960×680 preferred，760×520 min —— Slint 1.18 不允许同时设
  `width` + `min-width`，用 `preferred-width`/`preferred-height` 替代
  （之前第一次 build 报 `Cannot specify both 'width' and 'min-width'`，
  这里记录一下）。
- 232px sidebar 宽，含 AGENTS.md §7 列出的 6 个 section
  （logo + All + Servers 占位 + Filters 三个 + Settings + About）
- SidebarSelection enum 驱动右侧 view-switcher，三个 view 都有占位
  文字（Messages / Settings / About），C2 / C3 替换实际内容
- AGENTS.md §52 颜色 token 全部按 dark / light 两套列出，由
  `MainWindow.is-dark` 派生；优先级颜色（§7 message card）也按
  §7 Low/Normal/High/Max 映射

未做（按计划归到后续 commit）
------------------------------

C2:
  - src/models.rs（MessageItem + Priority enum，AGENTS.md §34）
  - src/mock.rs（生成 10 条 mock 消息）
  - ui/message-card.slint 真实内容
  - ui/message-list.slint 真实内容（ListView 接 Rust Model adapter）
  - ui/empty-state.slint 真实内容（§9 "You're all caught up" + ✦ + Test button）
  - main 区 if-switch 真正根据 list.is_empty 选 list / empty-state

C3:
  - src/storage/* —— 持久化 state.json
  - ui/settings-page.slint 真实内容（§10 五个分组 + Advanced 折叠）
  - ui/server-card.slint 真实内容
  - ui/dialogs.slint 真实内容（About + confirm）
  - sidebar NavItem 接 palette forwarding，Light theme 真的换 sidebar 颜色
  - 主题切到 Light/System 实时生效（System 跟随 Windows 主题）

验证
----

  cargo build              exit 0, 5.10s（增量）
  cargo build --release    exit 0（slint + skia + accesskit 全重编，约 8 分钟）
  warnings                 0
  debug   .exe             26.01 MB, subsystem = 3 (WINDOWS_CUI / console)
  release .exe              7.87 MB, subsystem = 2 (WINDOWS_GUI)

Phase 2 C1 验收：能在 Windows 上打开 MainWindow（960×680、Dark、含完整
Sidebar），通过 release profile 的 WINDOWS_GUI subsystem 验证无 console。
Sidebar 切换 Settings/About 时右侧文案占位更新——C2/C3 替换为实际 view。
 2026-09-19 04:34:06 +08:00