From 416f5bc113352ac726a73b4f58e2218bb742b4d5 Mon Sep 17 00:00:00 2001
From: "fengchuanhn@gmail.com" <fengchuanhn@gmail.com>
Date: Mon, 25 May 2026 02:13:03 +0800
Subject: [PATCH] 1

---
 src/components/workflow/Step02AudioVideo.vue | 59 +++++++++++++++++++-
 src/components/workflow/Step03VideoEdit.vue  | 29 +++++++++-
 2 files changed, 85 insertions(+), 3 deletions(-)

diff --git a/src/components/workflow/Step02AudioVideo.vue b/src/components/workflow/Step02AudioVideo.vue
index 26264c1..aae8b6f 100644
--- a/src/components/workflow/Step02AudioVideo.vue
+++ b/src/components/workflow/Step02AudioVideo.vue
@@ -4,6 +4,7 @@ import { storeToRefs } from "pinia";
 import { useWorkflowStore } from "../../stores/workflow.js";
 import { useAvatarStore } from "../../stores/avatar.js";
 import VoiceManageDialog from "./VoiceManageDialog.vue";
+import { revealLocalFileInFolder } from "../../services/fileExport.js";
 
 const workflow = useWorkflowStore();
 const avatarStore = useAvatarStore();
@@ -14,10 +15,12 @@ const {
   avatarSelect,
   speechGenerating,
   generatedAudioSrc,
+  generatedAudioPath,
   currentAudioId,
   audioHistory,
   videoGenerating,
   generatedVideoSrc,
+  generatedVideoPath,
   currentVideoId,
   videoHistory,
 } = storeToRefs(workflow);
@@ -68,6 +71,21 @@ async function onPickAudioHistory() {
   await workflow.pickAudioHistory(currentAudioId.value);
 }
 
+async function onOpenAudioInExplorer() {
+  if (!generatedAudioPath.value) {
+    feedback.value = { severity: "error", message: "暂无音频文件" };
+    return;
+  }
+  try {
+    await revealLocalFileInFolder(generatedAudioPath.value);
+  } catch (err) {
+    feedback.value = {
+      severity: "error",
+      message: err instanceof Error ? err.message : String(err),
+    };
+  }
+}
+
 async function onGenerateTalkingVideo() {
   feedback.value = { severity: "", message: "" };
   const result = await workflow.generateTalkingVideo();
@@ -84,6 +102,21 @@ async function onPickVideoHistory() {
   await workflow.pickVideoHistory(currentVideoId.value);
 }
 
+async function onOpenVideoInExplorer() {
+  if (!generatedVideoPath.value) {
+    feedback.value = { severity: "error", message: "暂无视频文件" };
+    return;
+  }
+  try {
+    await revealLocalFileInFolder(generatedVideoPath.value);
+  } catch (err) {
+    feedback.value = {
+      severity: "error",
+      message: err instanceof Error ? err.message : String(err),
+    };
+  }
+}
+
 onMounted(() => {
   avatarStore.refresh();
   workflow.refreshAudioHistory();
@@ -155,7 +188,18 @@ onMounted(() => {
     </p>
     <div class="dashboard-preview-box mt-3">
       <div class="mb-2 flex items-center justify-between gap-2">
-        <span class="text-xs text-slate-400">音频预览</span>
+        <div class="flex items-center gap-0.5">
+          <span class="text-xs text-slate-400">音频预览</span>
+          <Button
+            icon="pi pi-folder-open"
+            size="small"
+            severity="secondary"
+            text
+            :disabled="!generatedAudioPath"
+            aria-label="在资源管理器中打开"
+            @click="onOpenAudioInExplorer"
+          />
+        </div>
         <Select
           v-if="audioHistoryOptions.length"
           v-model="currentAudioId"
@@ -198,7 +242,18 @@ onMounted(() => {
     />
     <div class="mt-2">
       <div class="mb-2 flex items-center justify-between gap-2">
-        <span class="text-xs text-slate-400">视频预览</span>
+        <div class="flex items-center gap-0.5">
+          <span class="text-xs text-slate-400">视频预览</span>
+          <Button
+            icon="pi pi-folder-open"
+            size="small"
+            severity="secondary"
+            text
+            :disabled="!generatedVideoPath"
+            aria-label="在资源管理器中打开"
+            @click="onOpenVideoInExplorer"
+          />
+        </div>
         <Select
           v-if="videoHistoryOptions.length"
           v-model="currentVideoId"
diff --git a/src/components/workflow/Step03VideoEdit.vue b/src/components/workflow/Step03VideoEdit.vue
index dbc12e5..521a3d1 100644
--- a/src/components/workflow/Step03VideoEdit.vue
+++ b/src/components/workflow/Step03VideoEdit.vue
@@ -2,6 +2,7 @@
 import { computed, ref } from "vue";
 import { storeToRefs } from "pinia";
 import { useWorkflowStore } from "../../stores/workflow.js";
+import { revealLocalFileInFolder } from "../../services/fileExport.js";
 
 const workflow = useWorkflowStore();
 const {
@@ -52,6 +53,21 @@ async function onPickPipMaterial() {
   feedback.value = { severity: "", message: "" };
   showFeedback(await workflow.choosePipMaterial());
 }
+
+async function onOpenVideoInExplorer() {
+  if (!generatedVideoPath.value) {
+    feedback.value = { severity: "error", message: "暂无视频文件" };
+    return;
+  }
+  try {
+    await revealLocalFileInFolder(generatedVideoPath.value);
+  } catch (err) {
+    feedback.value = {
+      severity: "error",
+      message: err instanceof Error ? err.message : String(err),
+    };
+  }
+}
 </script>
 
 <template>
@@ -122,7 +138,18 @@ async function onPickPipMaterial() {
     </p>
 
     <div class="dashboard-preview-box mt-3">
-      <div class="mb-2 text-xs text-slate-400">编辑预览</div>
+      <div class="mb-2 flex items-center gap-0.5">
+        <span class="text-xs text-slate-400">编辑预览</span>
+        <Button
+          icon="pi pi-folder-open"
+          size="small"
+          severity="secondary"
+          text
+          :disabled="!generatedVideoPath"
+          aria-label="在资源管理器中打开"
+          @click="onOpenVideoInExplorer"
+        />
+      </div>
       <div class="dashboard-aspect-video">
         <video
           v-if="generatedVideoSrc"