mixvideo-v2

Files

imeepos c2e7b2c70f feat: 大幅增强ProjectCard - 添加统计信息和打开文件夹功能

功能增强：
为首页项目列表中的ProjectCard添加了丰富的统计信息展示和便捷的文件夹操作功能，
让用户能够快速了解项目状态并方便地访问项目文件。

新增功能：
1. 项目统计信息展示：
   - 自动加载项目素材统计数据
   - 显示素材总数和总文件大小
   - 按类型分类显示（视频、音频、图片、其他）
   - 使用颜色编码区分不同文件类型

2. 打开文件夹功能：
   - 底部按钮栏新增文件夹图标按钮
   - 下拉菜单中添加'打开文件夹'选项
   - 支持Windows长路径格式处理
   - 双重备用机制确保兼容性

3. 加载状态优化：
   - 统计信息加载时显示加载状态
   - 静默处理加载失败，不影响卡片显示
   - 优雅的动画效果

技术实现：
1. 统计数据获取：
   - 使用get_project_material_stats命令
   - React hooks管理状态
   - useEffect自动加载数据

2. 文件夹操作：
   - 集成@tauri-apps/plugin-opener
   - 路径标准化处理
   - 错误处理和用户提示

3. UI设计：
   - 统计信息卡片式展示
   - 图标+数字的直观显示
   - 响应式布局适配

4. 数据格式化：
   - formatFileSize函数处理文件大小
   - 智能单位转换（B/KB/MB/GB/TB）

视觉效果：
 项目统计信息一目了然
 文件类型分布清晰展示
 便捷的文件夹访问按钮
 加载状态友好提示
 颜色编码增强可读性

用户体验：
- 快速了解项目规模和内容
- 一键打开项目文件夹
- 直观的文件类型分布
- 流畅的交互体验

现在首页的项目卡片功能更加完善，用户可以快速了解项目状态并便捷地进行文件管理！

2025-07-13 22:26:18 +08:00