+
+ )
+}
+
+// 模板卡片组件
+const TemplateCardV2: React.FC<{
+ template: TemplateInfo
+ onView: (template: TemplateInfo) => void
+ onDelete: (templateId: string) => void
+}> = ({ template, onView, onDelete }) => {
+ const thumbnailUrl = TemplateServiceV2.getThumbnailUrl(template)
+ const isCloud = TemplateServiceV2.isCloudTemplate(template)
+
+ return (
+
+ {/* Header */}
+
+
+
+
+ {/* Stats Panel */}
+ {showStats && stats && (
+
+
+
+
+ 模板管理 V2
+管理和导入视频编辑模板 - 新版本
+
+
+
+
+
+
+ )}
+
+ {/* Search and Filters */}
+ 模板统计
+
+
+
+
+ {stats.total_templates}
+ 总模板数
+
+
+ {stats.user_templates}
+ 用户模板
+
+
+ {stats.cloud_templates}
+ 云端模板
+
+
+ {stats.total_materials}
+ 总素材数
+
+
+
+ {/* Popular Tags */}
+ {popularTags.length > 0 && (
+
+ {/* Search */}
+
+
+
+
+ {/* Controls */}
+
+
+
+
+ {/* Cloud Toggle */}
+
+
+ {/* View Mode */}
+
+
+
+
+
+
+ {/* Import Button */}
+
+
+
+ )}
+
+ {/* Template Grid/List */}
+ 热门标签
+
+ {popularTags.map((tagInfo) => (
+
+ ))}
+ {selectedTag && (
+
+ )}
+
+
+ {loading ? (
+
+
+
+ ) : filteredTemplates.length === 0 ? (
+
+
+ ) : (
+ <>
+
+
+ 暂无模板
+点击"批量导入"按钮开始导入模板
+
+
+
+ {viewMode === 'grid' ? (
+ + 模板列表 ({filteredTemplates.length}) +
+ {selectedTag && ( +
+ 筛选标签: {selectedTag}
+
+ )}
+
+ {filteredTemplates.map((template) => (
+
+ ) : (
+
+ {filteredTemplates.map((template) => (
+
+ )}
+
+ )}
+
+ {/* Thumbnail */}
+
+ )
+}
+
+// 模板列表项组件
+const TemplateListItemV2: React.FC<{
+ template: TemplateInfo
+ onView: (template: TemplateInfo) => void
+ onDelete: (templateId: string) => void
+}> = ({ template, onView, onDelete }) => {
+ const thumbnailUrl = TemplateServiceV2.getThumbnailUrl(template)
+ const isCloud = TemplateServiceV2.isCloudTemplate(template)
+
+ return (
+
+ {thumbnailUrl ? (
+ 
+ ) : (
+
+
+ {/* Content */}
+
+
+ )}
+ {isCloud && (
+
+ 云端
+
+ )}
+
+
+ {template.name}
+{template.description}
+ + {/* Stats */} +
+ {TemplateServiceV2.formatDuration(template.duration)}
+ {template.material_count} 素材
+ {template.track_count} 轨道
+
+
+ {/* Tags */}
+ {template.tags.length > 0 && (
+
+ {template.tags.slice(0, 3).map((tag) => (
+
+ {tag}
+
+ ))}
+ {template.tags.length > 3 && (
+
+ +{template.tags.length - 3}
+
+ )}
+
+ )}
+
+ {/* Actions */}
+
+
+ {TemplateServiceV2.formatDate(template.created_at)}
+
+
+
+
+
+
+
+
+ )
+}
+
+export default TemplateManagePageV2
diff --git a/src/services/TemplateServiceV2.ts b/src/services/TemplateServiceV2.ts
new file mode 100644
index 0000000..26991f6
--- /dev/null
+++ b/src/services/TemplateServiceV2.ts
@@ -0,0 +1,379 @@
+import { invoke } from '@tauri-apps/api/core'
+
+// 统一的响应格式
+export interface TemplateResponse {
+ success: boolean
+ message: string
+ data?: any
+ output?: string
+ error?: string
+}
+
+// 模板信息接口
+export interface TemplateInfo {
+ id: string
+ name: string
+ description: string
+ thumbnail_path: string
+ draft_content_path: string
+ resources_path: string
+ created_at: string
+ updated_at: string
+ canvas_config: any
+ duration: number
+ material_count: number
+ track_count: number
+ tags: string[]
+ is_cloud: boolean
+ user_id: string
+}
+
+// 请求接口
+export interface BatchImportRequest {
+ source_folder: string
+ user_id?: string
+ verbose?: boolean
+ json_output?: boolean
+}
+
+export interface TemplateListRequest {
+ user_id?: string
+ include_cloud?: boolean
+ limit?: number
+ verbose?: boolean
+ json_output?: boolean
+}
+
+export interface TemplateGetRequest {
+ template_id: string
+ user_id?: string
+ verbose?: boolean
+ json_output?: boolean
+}
+
+export interface TemplateDeleteRequest {
+ template_id: string
+ user_id?: string
+ verbose?: boolean
+ json_output?: boolean
+}
+
+export interface TemplateSearchRequest {
+ query: string
+ user_id?: string
+ include_cloud?: boolean
+ limit?: number
+ verbose?: boolean
+ json_output?: boolean
+}
+
+// 批量导入结果
+export interface BatchImportResult {
+ imported_count: number
+ failed_count: number
+ imported_templates: Array<{
+ id: string
+ name: string
+ path: string
+ }>
+ failed_templates: Array<{
+ name: string
+ path: string
+ error: string
+ }>
+ message: string
+}
+
+// 统计信息
+export interface TemplateStats {
+ total_templates: number
+ user_templates: number
+ cloud_templates: number
+ total_materials: number
+ total_tracks: number
+ total_duration: number
+ average_duration: number
+}
+
+// 标签信息
+export interface TagInfo {
+ tag: string
+ count: number
+}
+
+export class TemplateServiceV2 {
+ private static currentUserId: string = 'default'
+
+ /**
+ * 设置当前用户ID
+ */
+ static setUserId(userId: string) {
+ this.currentUserId = userId
+ }
+
+ /**
+ * 批量导入模板 (新版本)
+ */
+ static async batchImportTemplates(sourceFolder: string, userId?: string): Promise
+
+
+ {/* Thumbnail */}
+
+
+
+ {thumbnailUrl ? (
+
+ ) : (
+
+
+ {/* Info */}
+
+ 云
+
+ )}
+
+
+ {template.name}
+{template.description}
+ {template.tags.length > 0 && ( +
+ {template.tags.slice(0, 5).map((tag) => (
+
+ {tag}
+
+ ))}
+
+ )}
+
+ {TemplateServiceV2.formatDuration(template.duration)}
+ {template.material_count} 素材
+ {template.track_count} 轨道
+ {TemplateServiceV2.formatDate(template.created_at)}
+
+
+
+
+
+
+