diff --git a/apps/desktop/src/App.tsx b/apps/desktop/src/App.tsx index eae847a..aae6c98 100644 --- a/apps/desktop/src/App.tsx +++ b/apps/desktop/src/App.tsx @@ -10,7 +10,7 @@ import { useProjectStore } from './store/projectStore'; import { useUIStore } from './store/uiStore'; import { CreateProjectRequest, UpdateProjectRequest } from './types/project'; import "./App.css"; - +import './styles/design-system.css'; /** * 主应用组件 * 遵循 Tauri 开发规范的应用架构设计 diff --git a/apps/desktop/src/components/AiAnalysisLogViewer.tsx b/apps/desktop/src/components/AiAnalysisLogViewer.tsx index 538c188..af651ec 100644 --- a/apps/desktop/src/components/AiAnalysisLogViewer.tsx +++ b/apps/desktop/src/components/AiAnalysisLogViewer.tsx @@ -2,7 +2,6 @@ import React, { useState, useEffect } from 'react'; import { invoke } from '@tauri-apps/api/core'; import { Search, - Filter, Download, RefreshCw, AlertCircle, @@ -10,7 +9,6 @@ import { Clock, XCircle, Eye, - Trash2, RotateCcw } from 'lucide-react'; import { LoadingSpinner } from './LoadingSpinner'; diff --git a/apps/desktop/src/components/CustomSelect.tsx b/apps/desktop/src/components/CustomSelect.tsx new file mode 100644 index 0000000..3045b6f --- /dev/null +++ b/apps/desktop/src/components/CustomSelect.tsx @@ -0,0 +1,30 @@ +import { ChevronDownIcon } from "lucide-react"; + +// 自定义下拉选择组件 +export const CustomSelect: React.FC<{ + value: string; + onChange: (value: string) => void; + options: { value: string; label: string }[]; + placeholder?: string; + className?: string; +}> = ({ value, onChange, options, placeholder, className = '' }) => { + return ( +
+ +
+ +
+
+ ); +}; \ No newline at end of file diff --git a/apps/desktop/src/components/ModelCard.tsx b/apps/desktop/src/components/ModelCard.tsx index 7fd55d3..ec8f2d3 100644 --- a/apps/desktop/src/components/ModelCard.tsx +++ b/apps/desktop/src/components/ModelCard.tsx @@ -15,7 +15,6 @@ import { import { HeartIcon as HeartIconSolid } from '@heroicons/react/24/solid'; -import '../styles/design-system.css'; interface ModelCardProps { model: Model; diff --git a/apps/desktop/src/components/ModelList.tsx b/apps/desktop/src/components/ModelList.tsx index 38ede7d..d2890bb 100644 --- a/apps/desktop/src/components/ModelList.tsx +++ b/apps/desktop/src/components/ModelList.tsx @@ -13,7 +13,6 @@ import { SparklesIcon, HeartIcon } from '@heroicons/react/24/outline'; -import '../styles/design-system.css'; interface ModelListProps { onModelSelect?: (model: Model) => void; diff --git a/apps/desktop/src/components/ModelSearch.tsx b/apps/desktop/src/components/ModelSearch.tsx index 5d31c27..8573dc5 100644 --- a/apps/desktop/src/components/ModelSearch.tsx +++ b/apps/desktop/src/components/ModelSearch.tsx @@ -1,8 +1,8 @@ import React from 'react'; import { ModelStatus, Gender, ModelSortBy, SortOrder } from '../types/model'; -import { MagnifyingGlassIcon, FunnelIcon, ArrowUpIcon, ArrowDownIcon, ChevronDownIcon } from '@heroicons/react/24/outline'; -import '../styles/design-system.css'; +import { MagnifyingGlassIcon, FunnelIcon, ArrowUpIcon, ArrowDownIcon } from '@heroicons/react/24/outline'; +import { CustomSelect } from './CustomSelect' interface ModelSearchProps { searchQuery: string; onSearchChange: (query: string) => void; @@ -79,34 +79,7 @@ const ModelSearch: React.FC = ({ } }; - // 自定义下拉选择组件 - const CustomSelect: React.FC<{ - value: string; - onChange: (value: string) => void; - options: { value: string; label: string }[]; - placeholder?: string; - className?: string; - }> = ({ value, onChange, options, placeholder, className = '' }) => { - return ( -
- -
- -
-
- ); - }; + return (
diff --git a/apps/desktop/src/components/VideoClassificationProgress.tsx b/apps/desktop/src/components/VideoClassificationProgress.tsx index 3773c3e..c8ce0ef 100644 --- a/apps/desktop/src/components/VideoClassificationProgress.tsx +++ b/apps/desktop/src/components/VideoClassificationProgress.tsx @@ -31,10 +31,6 @@ export const VideoClassificationProgress: React.FC { - try { - console.log('🎮 队列控制按钮点击，当前状态:', typedQueueStats?.status); - - if (typedQueueStats?.status === 'Running') { - console.log('⏸️ 暂停队列...'); - await pauseQueue(); - } else if (typedQueueStats?.status === 'Paused') { - console.log('▶️ 恢复队列...'); - await resumeQueue(); - } else { - console.log('❓ 未知状态，无法操作:', typedQueueStats?.status); - } - } catch (error) { - console.error('❌ 队列控制失败:', error); - } - }; - - const handleStop = async () => { - try { - console.log('🛑 停止队列...'); - await stopQueue(); - } catch (error) { - console.error('❌ 停止队列失败:', error); - } - }; // 计算进度百分比 const getOverallProgress = useCallback(() => { diff --git a/apps/desktop/src/pages/ProjectDetails.tsx b/apps/desktop/src/pages/ProjectDetails.tsx index 089f61d..a6148fe 100644 --- a/apps/desktop/src/pages/ProjectDetails.tsx +++ b/apps/desktop/src/pages/ProjectDetails.tsx @@ -1,6 +1,6 @@ import React, { useEffect, useState } from 'react'; import { useParams, useNavigate } from 'react-router-dom'; -import { ArrowLeft, FolderOpen, Calendar, Settings, Upload, FileVideo, FileAudio, FileImage, HardDrive } from 'lucide-react'; +import { ArrowLeft, FolderOpen, Settings, Upload, FileVideo, FileAudio, FileImage, HardDrive } from 'lucide-react'; import { useProjectStore } from '../store/projectStore'; import { useMaterialStore } from '../store/materialStore'; import { Project } from '../types/project'; @@ -8,7 +8,6 @@ import { MaterialImportResult } from '../types/material'; import { LoadingSpinner } from '../components/LoadingSpinner'; import { ErrorMessage } from '../components/ErrorMessage'; import { MaterialImportDialog } from '../components/MaterialImportDialog'; -import { FFmpegDebugPanel } from '../components/FFmpegDebugPanel'; import { MaterialCard } from '../components/MaterialCard'; import { VideoClassificationProgress } from '../components/VideoClassificationProgress'; import { AiAnalysisLogViewer } from '../components/AiAnalysisLogViewer';