imeepos
/
mixvideo-v2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
视频混剪
136 Commits 1 Branch 0 Tags 7.3 MiB
Rust 52%
TypeScript 47%
CSS 0.8%
Go to file
imeepos 60cd01c1ec feat: 重构MaterialSegmentView为多条件筛选系统 - 移除标签页设计 
核心功能重构:
- 移除标签页(tab)设计，改为同时显示AI分类和模特的筛选条件
- 实现组合筛选：AI分类 AND 模特的多条件检索
- 支持类似'AI分类：全身 and 模特：杨明明'的筛选组合

 多条件筛选系统:
- AI分类筛选：独立的筛选区域，显示所有分类选项及数量
- 模特筛选：独立的筛选区域，显示所有模特选项及数量
- 组合筛选：两个条件可以同时生效，实现精确筛选
- 当前筛选条件显示：实时显示已选择的筛选条件

 UI/UX优化:
- 分区设计：AI分类和模特各自独立的筛选区域
- 视觉区分：AI分类使用蓝色主题，模特使用绿色主题
- 筛选状态显示：当有筛选条件时显示当前筛选状态栏
- 清除功能：一键清除所有筛选条件
- Card卡片风格：片段展示保持卡片设计

 数据处理优化:
- 智能过滤：先获取所有片段，再依次应用分类和模特过滤
- 组合逻辑：支持分类 AND 模特的组合筛选
- 搜索集成：搜索功能与筛选条件无缝结合
- 实时更新：筛选条件变化时立即更新结果

 技术实现:
- 移除activeTab状态，简化组件逻辑
- 优化过滤算法，支持多条件组合
- 保持useMemo性能优化
- 完善的错误处理和加载状态

 交互体验:
- 直观的筛选界面：用户可以清楚看到所有可用的筛选选项
- 即时反馈：点击筛选条件立即看到结果变化
- 状态提示：当前筛选条件清晰显示，支持快速清除
- 空状态处理：没有匹配结果时的友好提示

 功能特点:
- 支持单一条件筛选：只选择AI分类或只选择模特
- 支持组合条件筛选：同时选择AI分类和模特
- 支持搜索+筛选：搜索词与筛选条件组合使用
- 支持快速重置：一键清除所有筛选条件

这个重构完全满足了用户的新需求：
1.  移除了标签页设计
2.  实现了AI分类和模特的同时筛选
3.  支持组合筛选条件（AI分类 AND 模特）
4.  提供了清晰的筛选状态显示和管理
 		2025-07-15 21:36:33 +08:00
.github/workflows Initial commit: MixVideo Desktop v0.1.0 2025-07-13 17:57:52 +08:00
apps/desktop feat: 重构MaterialSegmentView为多条件筛选系统 - 移除标签页设计 2025-07-15 21:36:33 +08:00
docs docs: 添加项目一键AI分类功能开发文档 2025-07-14 18:29:28 +08:00
.gitignore Initial commit: MixVideo Desktop v0.1.0 2025-07-13 17:57:52 +08:00
Cargo.lock feat: 完善模板导入功能 2025-07-14 21:34:07 +08:00
Cargo.toml Initial commit: MixVideo Desktop v0.1.0 2025-07-13 17:57:52 +08:00
HOTFIX_TEST_GUIDE.md hotfix: 修复 Windows 上 FFmpeg/FFprobe 命令行闪现问题 2025-07-13 23:06:22 +08:00
LICENSE add LICENSE. 2025-07-13 09:59:41 +00:00
OPTIMIZATION_PLAN.md feat: 优化模特管理界面UI/UX设计 2025-07-14 10:45:08 +08:00
README.md Initial commit: MixVideo Desktop v0.1.0 2025-07-13 17:57:52 +08:00
RELEASE-v0.1.9.md docs: 添加 v0.1.9 发布说明 2025-07-14 18:41:56 +08:00
RELEASE_NOTES_0.1.6.md chore: 发布 v0.1.6 版本 2025-07-14 10:50:17 +08:00
RELEASE_NOTES_v0.1.2.md hotfix: 修复 Windows 上 FFmpeg/FFprobe 命令行闪现问题 2025-07-13 23:06:22 +08:00
RELEASE_NOTES_v0.1.5.md docs: add release notes for v0.1.5 2025-07-14 00:34:07 +08:00
SELECT_COMPONENT_OPTIMIZATION.md feat: 优化模特管理界面UI/UX设计 2025-07-14 10:45:08 +08:00
UI_SIZE_OPTIMIZATION_SUMMARY.md feat: 优化模特管理界面UI/UX设计 2025-07-14 10:45:08 +08:00
UI_UX_OPTIMIZATION_SUMMARY.md feat: 优化模特管理界面UI/UX设计 2025-07-14 10:45:08 +08:00
package.json feat: 添加项目详情/素材管理的MaterialSegment聚合视图功能 2025-07-15 16:49:08 +08:00
pnpm-lock.yaml feat: 添加项目详情/素材管理的MaterialSegment聚合视图功能 2025-07-15 16:49:08 +08:00
pnpm-workspace.yaml Initial commit: MixVideo Desktop v0.1.0 2025-07-13 17:57:52 +08:00
tsconfig.json Initial commit: MixVideo Desktop v0.1.0 2025-07-13 17:57:52 +08:00

README.md

MixVideo

🎬 MixVideo - 基于 Tauri 构建的跨平台多媒体处理桌面应用

✨ 特性

  • 🚀 跨平台: 支持 Windows、macOS、Linux
  • ⚡ 高性能: 基于 Rust + Tauri 2.0 构建
  • 🎨 现代界面: React + TypeScript + Vite
  • 🔧 可扩展: 支持多语言微服务架构
  • 📦 多包管理: PNPM Workspace + Cargo Workspace

🏗️ 项目结构

mixvideo/
├── apps/
│   └── desktop/           # Tauri 桌面应用
├── packages/
│   ├── services/          # 微服务 (Python, Rust)
│   └── shared/            # 共享代码和协议
├── tools/                 # 开发工具
└── docs/                  # 文档

🚀 快速开始

环境要求

  • Node.js 18+
  • Rust 1.70+
  • PNPM 8+

安装依赖

pnpm install

开发模式

# 启动桌面应用开发模式
pnpm tauri:dev

# 或者直接在 apps/desktop 目录下
cd apps/desktop
pnpm dev

构建应用

# 构建生产版本
pnpm tauri:build

# 或者在 apps/desktop 目录下
cd apps/desktop
pnpm tauri build

📦 发布

手动发布

  1. 构建应用: pnpm tauri:build
  2. 安装包位置: target/release/bundle/
    • Windows: .msi 和 .exe 安装包
    • macOS: .dmg 和 .app 包
    • Linux: .deb, .rpm 和 .AppImage

自动发布 (GitHub Actions)

  1. 创建新的 Git 标签:

    git tag v0.1.0
git push origin v0.1.0

  2. GitHub Actions 将自动构建并创建 Release

🛠️ 技术栈

桌面应用

  • 前端: React 18 + TypeScript + Vite
  • 后端: Rust + Tauri 2.0
  • 状态管理: 待定
  • UI 组件: 待定

微服务 (计划中)

  • Python 服务: FastAPI + gRPC
  • Rust 服务: Tonic + gRPC
  • 通信协议: Protocol Buffers

📝 开发指南

推荐 IDE

  • VS Code + 扩展:
    • Tauri
    • rust-analyzer
    • ES7+ React/Redux/React-Native snippets

代码规范

  • Rust: 使用 cargo fmt 和 cargo clippy
  • TypeScript: 使用 ESLint + Prettier
  • Python: 使用 Black + isort + flake8

🤝 贡献

欢迎提交 Issue 和 Pull Request！

📄 许可证

MIT License - 详见 LICENSE 文件

👨‍💻 作者

imeepos - GitHub