mixvideo-v2/apps/desktop/src
imeepos 49bc9211d6 feat: 重构MaterialSegmentView为多条件检索标签页风格
核心功能重构:
- 将MaterialSegmentView改为多条件检索的标签页风格
- 实现AI分类和模特两个主要检索维度
- 移除折叠/展开功能,改为直接平铺Card卡片风格

 标签页检索系统:
- AI分类标签页:显示所有分类选项及对应数量
- 模特标签页:显示所有模特选项及对应数量
- 全部选项:显示总片段数量
- 动态数量显示:每个选项显示对应的片段数量

 UI/UX优化:
- Card卡片风格:每个片段使用独立卡片展示
- 缩略图显示:支持视频缩略图预览
- 标签信息:显示分类、模特、置信度等信息
- 操作按钮:查看、编辑、删除等快捷操作
- 搜索功能:支持按片段名称、分类、模特搜索

 数据展示优化:
- 时长格式化:MM:SS格式显示时间
- 置信度显示:百分比形式显示AI分类置信度
- 状态标签:不同颜色区分分类和模特信息
- 响应式布局:适配不同屏幕尺寸

 技术实现:
- 使用get_project_segment_view API获取数据
- useMemo优化性能,避免不必要的重新计算
- TypeScript类型安全,完整的接口定义
- 错误处理和加载状态管理

 交互体验:
- 标签页切换:平滑的标签页切换动画
- 过滤选择:点击标签即可过滤对应内容
- 实时搜索:输入即时过滤结果
- 空状态处理:友好的空数据提示

 性能优化:
- 智能过滤:基于选中标签和搜索词的组合过滤
- 数据缓存:避免重复API调用
- 组件优化:使用React hooks优化渲染性能

这个重构完全满足了用户的需求:
1.  检索风格改为标签页
2.  AI分类和模特维度,显示全部/具体选项+数量
3.  内容直接平铺Card卡片风格,无折叠/展开
4.  合理规划内容布局,美观易用
2025-07-15 21:26:53 +08:00
..
assets Initial commit: MixVideo Desktop v0.1.0 2025-07-13 17:57:52 +08:00
components feat: 重构MaterialSegmentView为多条件检索标签页风格 2025-07-15 21:26:53 +08:00
pages fix: 重构项目详情页面 2025-07-15 21:20:00 +08:00
services feat: 实现素材匹配功能 v0.1.19 2025-07-15 14:56:10 +08:00
store fix: 修复 素材列表 tag项目不触发数据更新 2025-07-15 19:06:29 +08:00
stores fix: 模板绑定批量删除后自动刷新列表 2025-07-15 13:55:10 +08:00
styles feat: Complete final UI/UX optimization phase - Visual hierarchy, mobile experience, and accessibility 2025-07-15 20:42:41 +08:00
test fix: 修复 TypeScript 测试配置类型错误 2025-07-13 19:40:14 +08:00
tests feat: 实现项目-模板绑定和素材-模特绑定管理功能 2025-07-15 12:50:30 +08:00
types feat: 添加项目详情/素材管理的MaterialSegment聚合视图功能 2025-07-15 16:49:08 +08:00
App.css feat: UI美化和UX改进 v0.1.5 2025-07-14 00:23:58 +08:00
App.tsx feat: Optimize UI layout with fixed navigation and scrollable content 2025-07-15 20:18:28 +08:00
main.tsx Initial commit: MixVideo Desktop v0.1.0 2025-07-13 17:57:52 +08:00
vite-env.d.ts Initial commit: MixVideo Desktop v0.1.0 2025-07-13 17:57:52 +08:00