4b016c2702
根据ComfyUI SDK规范，为参数配置添加了折叠表单功能，提供简洁的信息展示和详细的配置表单： 🎯 核心功能： - ✅ 折叠/展开控制：每个参数都有独立的折叠状态管理 - ✅ 简洁信息展示：参数名称、类型、默认值、描述的概览 - ✅ 详细配置表单：展开后显示完整的参数配置选项 - ✅ 类型图标标识：不同参数类型使用不同颜色和图标 🎨 用户界面优化： - 参数卡片式设计，支持折叠/展开 - 类型标签和必填标识的视觉提示 - 悬停效果和交互反馈 - 简洁的信息概览和详细配置分离 🛠 技术实现： - 使用Set管理展开状态，支持多个参数同时展开 - 类型图标映射系统，每种类型有专属图标和颜色 - 智能值格式化显示，根据类型优化显示效果 - 事件冒泡控制，确保删除按钮不触发展开/折叠 📱 交互体验： - 点击参数卡片头部切换展开/折叠状态 - 展开状态下显示完整的参数配置表单 - 折叠状态下显示关键信息概览 - 删除按钮独立操作，不影响折叠状态 这个实现大大提升了参数配置的用户体验， 让用户能够快速浏览参数概览，按需展开详细配置。 |
||
|---|---|---|
| .. | ||
| docs | ||
| public | ||
| scripts | ||
| src | ||
| src-tauri | ||
| test_data | ||
| .gitignore | ||
| AI_CLASSIFICATION_STATS_FIX.md | ||
| BOWONG_TEXT_VIDEO_AGENT_IMPLEMENTATION.md | ||
| CHANGELOG.md | ||
| DATABASE_OPTIMIZATION_GUIDE.md | ||
| FEATURE_MATERIAL_TYPE_DISPLAY.md | ||
| OUTFIT_PHOTO_GENERATION_IMPLEMENTATION.md | ||
| README.md | ||
| TOOLS_FEATURE.md | ||
| index.html | ||
| package.json | ||
| postcss.config.js | ||
| tailwind.config.js | ||
| test_parallel_processing.md | ||
| 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 等)