  jimmyandClaude
|
c0e1452e06
|
feat: 添加SSE实时更新、键盘导航和文件系统优化
主要更新:
- 实现 SSE (Server-Sent Events) 实时文件系统监听
- 添加完整的键盘导航功能和快捷键支持
- 优化文件系统 API 集成和错误处理
- 添加优雅关机和连接管理
- 新增详细的功能文档和调试指南
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-10-06 13:25:36 +08:00 |
|
|
jimmyandClaude
|
cc9764463e
|
feat: 添加快速预览、文件统计和虚拟滚动架构
## 新增功能
### 1. 空格键快速预览
- 新增 QuickPreview.vue 组件，支持快速预览文件
- 按空格键打开预览，再次按空格或ESC关闭
- 支持照片、视频、文件夹、文件的预览界面
- 模态框带背景模糊效果和过渡动画
- 显示文件详细信息（大小、日期等）
- 当前使用占位符，待后续接入真实API
### 2. 面包屑文件统计
- 实时显示当前文件夹的照片和视频数量
- 照片统计用蓝色图标🖼️，视频统计用粉色图标🎬
- 数量为0时自动隐藏对应统计
- 切换文件夹时实时更新统计数据
- 位于面包屑右侧，搜索框左侧
### 3. 虚拟滚动基础架构
- 新增 useVirtualScroll composable，支持大量文件的高性能渲染
- useVirtualScroll: 列表模式虚拟滚动
- useVirtualGrid: 网格模式虚拟滚动
- 自动计算可见项目、偏移量和总高度
- 支持自定义 overscan 参数
- 为后续支持数万文件浏览做好准备
## 技术改进
### 组件优化
- 修改 useKeyboardNav 的 onSpace 回调类型，接受 KeyboardEvent 参数
- 在 FilePane 中统一管理空格键事件，避免预览组件重复监听
- 添加预览打开状态检测，正确处理打开/关闭切换
### 类型定义
- 扩展 FileItem 类型定义
- 完善虚拟滚动相关的 TypeScript 类型
### 样式优化
- 添加文件统计的独立样式（白色卡片、轻微阴影）
- 预览组件样式（最大宽度900px、淡入淡出动画）
- 响应式设计，适配不同屏幕尺寸
## 依赖更新
- 安装 vue-virtual-scroller@next（虽然最终使用了自定义实现）
## 文档
- 新增 FEATURES.md 功能说明文档
- 包含详细的使用指南、技术实现和后续优化建议
## Bug修复
- 修复空格键预览无法关闭的问题（事件重复触发）
- 统一空格键事件处理逻辑
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-10-02 00:21:07 +08:00 |
|
|
jimmy
|
7af4f31538
|
A:调整文件夹
|
2025-09-30 21:06:00 +08:00 |
|
|
jimmyandClaude
|
d9690fbaae
|
A: 添加多个设计页面和原型文件
- 添加照片管理器的多个设计版本
- 包含文件夹预览界面
- 添加现代化照片管理器界面
- 包含浅色主题设计变体
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-09-27 19:16:19 +08:00 |
|