增加导出剪映草稿功能

src/components/CozeApiSettings.js

@@ -134,7 +134,7 @@ const CozeApiSettings = ({ onSave, isInModal = true }) => {
   // 生成工作流ID配置表单
   const renderWorkflowIdInputs = () => {
     // 添加所有工作流
-    const mainWorkflows = ['textToDescription', 'getStyleList', 'generateImage'];
+    const mainWorkflows = ['textToDescription', 'getStyleList', 'generateImage', 'exportJianyingDraft'];
     
     return mainWorkflows.map((key) => (
       <Form.Group className="mb-3" key={key}>

src/pages/projectDetail/projectDetail.js

@@ -66,6 +66,8 @@ const ProjectDetail = () => {
   const [lipSyncProgress, setLipSyncProgress] = useState(0);
   const [lipSyncTaskId, setLipSyncTaskId] = useState(null);
   const [lipSyncResultUrl, setLipSyncResultUrl] = useState(null);
+  // 添加导出剪映草稿相关状态
+  const [exportingDraft, setExportingDraft] = useState(false);
 
   const fileInputRef = useRef(null);
 
@@ -2004,6 +2006,97 @@ const ProjectDetail = () => {
     }
   };
 
+  /**
+   * 处理导出剪映草稿
+   */
+  const handleExportDraft = async () => {
+    try {
+      // 检查是否有音频和视频
+      if (!project.audio_url || !project.lip_sync_video_path) {
+        toast.error('请先完成对口型视频生成');
+        return;
+      }
+
+      // 检查是否有分镜数据
+      if (!segments || segments.length === 0) {
+        toast.error('没有可导出的分镜数据');
+        return;
+      }
+
+      // 检查所有分镜是否都有必要的字段
+      const invalidSegments = segments.filter(segment => 
+        !segment.start_time || 
+        !segment.end_time || 
+        !segment.text || 
+        !segment.image_path
+      );
+
+      if (invalidSegments.length > 0) {
+        toast.error(`有${invalidSegments.length}个分镜缺少必要信息，请完善后再导出`);
+        return;
+      }
+
+      setExportingDraft(true);
+
+      // 转换时间格式为微秒
+      const textList = segments.map(segment => {
+        const startTime = convertTimeToMicroseconds(segment.start_time);
+        const endTime = convertTimeToMicroseconds(segment.end_time);
+        const duration = endTime - startTime;
+
+        return {
+          start_time: startTime,
+          end_time: endTime,
+          duration: duration,
+          text: segment.text,
+          image_path: segment.image_path
+        };
+      });
+
+      // 调用工作流API
+      const cozeInstance = initCozeService();
+      const response = await cozeInstance.runWorkflow(WORKFLOW_IDS.exportJianyingDraft, {
+        audio_url: project.audio_url,
+        video_url: project.lip_sync_video_path,
+        text_list: textList
+      });
+
+      if (response && response.data) {
+        try {
+          const result = JSON.parse(response.data);
+          if (result.output) {
+            toast.success('剪映草稿导出成功');
+            // 这里可以添加下载草稿文件的逻辑
+          } else {
+            throw new Error('导出结果格式不正确');
+          }
+        } catch (e) {
+          throw new Error('解析导出结果失败');
+        }
+      } else {
+        throw new Error('导出失败，未收到有效响应');
+      }
+    } catch (error) {
+      console.error('导出剪映草稿失败:', error);
+      toast.error(`导出失败: ${error.message}`);
+    } finally {
+      setExportingDraft(false);
+    }
+  };
+
+  // 辅助函数：将时间格式转换为微秒
+  const convertTimeToMicroseconds = (timeStr) => {
+    if (!timeStr) return 0;
+    
+    // 处理时间格式 "HH:MM:SS,SSS"
+    const [time, milliseconds] = timeStr.split(',');
+    const [hours, minutes, seconds] = time.split(':').map(Number);
+    const ms = milliseconds ? parseInt(milliseconds) : 0;
+    
+    // 转换为微秒
+    return (hours * 3600 + minutes * 60 + seconds) * 1000000 + ms * 1000;
+  };
+
   if (loading && !silentLoading) {
     return <div className="text-center p-5">加载中...</div>;
   }
@@ -2281,6 +2374,28 @@ const ProjectDetail = () => {
                   >
                     清除选择
                   </Button>
+                  <Button
+                    variant="outline-success"
+                    size="sm"
+                    onClick={handleExportDraft}
+                    disabled={exportingDraft || !project.audio_url || !project.lip_sync_video_path || !segments || segments.length === 0}
+                  >
+                    {exportingDraft ? (
+                      <>
+                        <Spinner
+                          as="span"
+                          animation="border"
+                          size="sm"
+                          role="status"
+                          aria-hidden="true"
+                          className="me-1"
+                        />
+                        导出中...
+                      </>
+                    ) : (
+                      '导出剪映草稿'
+                    )}
+                  </Button>
                 </div>
               </Card.Header>
               <Card.Body>

src/utils/cozeConfig.js

@@ -28,6 +28,8 @@ export const WORKFLOW_IDS = {
   // 添加画风列表和画图工作流
   getStyleList: storedWorkflowIds.getStyleList || process.env.REACT_APP_COZE_WORKFLOW_GET_STYLE_LIST || 'workflow_id_for_get_style_list',
   generateImage: storedWorkflowIds.generateImage || process.env.REACT_APP_COZE_WORKFLOW_GENERATE_IMAGE || 'workflow_id_for_generate_image',
+  // 添加导出剪映草稿工作流
+  exportJianyingDraft: storedWorkflowIds.exportJianyingDraft || process.env.REACT_APP_COZE_WORKFLOW_EXPORT_JIANYING_DRAFT || '7485203690664837120',
 };
 
 // 工作流名称到显示名称的映射
@@ -35,6 +37,7 @@ export const WORKFLOW_DISPLAY_NAMES = {
   textToDescription: '文本转描述词',
   getStyleList: '获取画风列表',
   generateImage: '生成图像',
+  exportJianyingDraft: '导出剪映草稿',
 };
 
 // 获取所有工作流ID和显示名称的映射