Skip to content

refactor: 重构为 Windows Explorer 风格的 Shell 架构#3

Open
gy212 wants to merge 2 commits intomainfrom
refactor/explorer-shell-architecture
Open

refactor: 重构为 Windows Explorer 风格的 Shell 架构#3
gy212 wants to merge 2 commits intomainfrom
refactor/explorer-shell-architecture

Conversation

@gy212
Copy link
Copy Markdown
Owner

@gy212 gy212 commented Mar 27, 2026

Summary

  • 移除照片编辑模块(PhotoEditor、editStore、后端 editor/colorspace/native_editor 服务),精简应用定位
  • 移除旧布局系统(Layout、AppHeader、Toolbar、Sidebar、HomePage 及 dashboard 组件)
  • 新增 Explorer 风格的 Shell 壳层:AppShell、TitleBar、CommandBar、BreadcrumbBar、StatusBar
  • 新增树形导航面板(NavigationPane、NavTree)
  • 新增内容区域与 6 种视图模式(大/中/小图标、列表、详细、磁贴)+ ViewSwitcher、FilterPanel
  • 新增右侧预览窗格(PreviewPane、MetadataPanel)
  • 引入 Fluent UI 组件库(@fluentui/react-components),支持 light/dark 主题
  • 扩展 navigationStore 为完整 Shell 状态管理,支持视图偏好、筛选、排序,debounce 持久化到后端
  • 后端新增 ShellSettings、WindowSettings 模型,增强 window_effects(Mica/Acrylic/Solid)
  • 新增 docs/specs/ 产品规范与架构文档

改动规模

89 files changed, +10640 / -5449

Test plan

  • npm run test 前端测试通过
  • cd src-tauri && cargo test 后端测试通过
  • npm run lint 无新增 lint 错误
  • 手动验证导航面板、视图切换、预览窗格功能正常
  • 验证 Mica/Acrylic 窗口效果在 Windows 11 下正常

gy212 and others added 2 commits March 27, 2026 15:07
- 移除照片编辑模块(PhotoEditor、editStore、后端 editor/colorspace 服务)
- 移除旧布局系统(Layout、AppHeader、Toolbar、Sidebar、HomePage 等)
- 新增 Shell 壳层组件(AppShell、TitleBar、CommandBar、BreadcrumbBar、StatusBar)
- 新增树形导航面板(NavigationPane、NavTree)
- 新增内容区域与 6 种视图模式(大/中/小图标、列表、详细、磁贴)
- 新增预览窗格(PreviewPane、MetadataPanel)
- 引入 Fluent UI 组件库,支持 light/dark 主题切换
- 扩展 navigationStore 为完整 Shell 状态管理,支持 debounce 持久化
- 扩展后端 settings 模型,新增 ShellSettings 和 WindowSettings
- 增强 window_effects 原生窗口效果(Mica/Acrylic/Solid)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
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