91eb22aaa9
文件显示优化: - 提取文件名显示：从完整路径中提取文件名，避免显示过长的路径 - 处理Windows长路径格式：正确处理\\\\?\\前缀的长路径 - 简洁的文件名展示：只显示文件名而不是完整路径 打开目录功能: - 添加FolderOpen图标按钮：每个片段卡片都有打开目录按钮 - 跨平台支持：Windows使用explorer /select，macOS使用open -R，Linux使用xdg-open - 智能路径处理：自动检测文件/目录并使用合适的打开方式 - 错误处理：完善的错误处理和日志记录 后端命令实现: - 新增open_file_directory命令：支持打开文件所在目录 - 注册到invoke_handler：在lib.rs中正确注册新命令 - 系统集成：使用系统默认的文件管理器打开目录 UI/UX改进: - 文件名+按钮布局：文件名和打开按钮在同一行显示 - 悬停效果：按钮有hover状态，提供良好的交互反馈 - 工具提示：按钮有'打开文件所在目录'的提示文字 - 图标设计：使用FolderOpen图标，直观表达功能 功能特点: - 一键打开：点击按钮直接在文件管理器中打开文件所在目录 - 文件定位：Windows下会自动选中对应文件 - 路径兼容：支持各种路径格式，包括长路径 - 安全检查：文件不存在时会给出错误提示 现在用户可以： 1. 看到简洁的文件名而不是冗长的完整路径 2. 点击文件夹图标快速打开文件所在目录 3. 在文件管理器中直接定位到对应文件 4. 享受跨平台一致的用户体验 |
||
|---|---|---|
| .. | ||
| public | ||
| scripts | ||
| src | ||
| src-tauri | ||
| .gitignore | ||
| CHANGELOG.md | ||
| DATABASE_OPTIMIZATION_GUIDE.md | ||
| README.md | ||
| index.html | ||
| package.json | ||
| postcss.config.js | ||
| tailwind.config.js | ||
| tsconfig.json | ||
| tsconfig.node.json | ||
| vite.config.ts | ||
| vitest.config.ts | ||
README.md
@mixvideo/desktop
MixVideo 桌面应用 - 基于 Tauri + React + TypeScript 构建的跨平台桌面应用。
🚀 快速开始
开发环境要求
- Node.js 18+
- Rust 1.70+
- PNPM 8+
安装依赖
pnpm install
开发模式
pnpm dev
# 或
pnpm tauri:dev
构建应用
pnpm tauri:build
📁 项目结构
apps/desktop/
├── src/ # React 前端源码
│ ├── components/ # React 组件
│ ├── pages/ # 页面组件
│ ├── hooks/ # 自定义 Hooks
│ ├── services/ # API 服务
│ ├── types/ # TypeScript 类型
│ └── utils/ # 工具函数
├── src-tauri/ # Rust 后端源码
│ ├── src/ # Rust 源码
│ ├── Cargo.toml # Rust 依赖配置
│ └── tauri.conf.json # Tauri 配置
├── public/ # 静态资源
└── package.json # 前端依赖配置
🛠️ 技术栈
- 前端: React 18 + TypeScript + Vite
- 后端: Rust + Tauri 2.0
- UI: 待定 (可选择 Ant Design、Material-UI 等)
- 状态管理: 待定 (可选择 Zustand、Redux Toolkit 等)