9c3f7341aa
新功能: - 实现匹配规则保存后自动刷新轨道片段数据 - 优化匹配规则编辑界面的视觉设计 UI/UX 优化: - 保存按钮从小图标改为明显的绿色按钮，包含文字标签 - 取消按钮也改为带文字的按钮，提升可发现性 - 编辑按钮从灰色图标改为蓝色带边框的按钮 - 编辑状态下添加蓝色背景和边框，突出编辑区域 - 优化标签颜色，在蓝色背景下更加清晰 - 表单控件添加白色背景和蓝色边框 数据刷新机制: - TemplateDetailModal 添加 currentTemplate 状态管理 - 实现 refreshTemplateData 函数自动获取最新模板数据 - 匹配规则保存后触发 handleRuleUpdated 回调 - 自动刷新模板列表和详情数据 用户体验提升: - 保存按钮更容易被发现和点击 - 编辑状态更加明显，用户不会迷失 - 保存后立即看到最新数据，无需手动刷新 - 加载状态和错误提示更加清晰 技术改进: - 按钮样式遵循 promptx/frontend-developer 设计规范 - 响应式设计，支持不同屏幕尺寸 - 完整的状态管理和错误处理 - 优雅的动画过渡效果 |
||
|---|---|---|
| .. | ||
| docs | ||
| public | ||
| scripts | ||
| src | ||
| src-tauri | ||
| test_data | ||
| .gitignore | ||
| CHANGELOG.md | ||
| DATABASE_OPTIMIZATION_GUIDE.md | ||
| README.md | ||
| TOOLS_FEATURE.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 等)