From becab7b07ceb638c3842915dbb56c7f21837f900 Mon Sep 17 00:00:00 2001
From: Timothy Yin <master@uniiem.com>
Date: Mon, 6 Jan 2025 14:31:50 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat(SRTEditor):=20=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E5=AF=BC=E5=87=BA=E8=A7=86=E9=A2=91=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?=E7=9A=84=E7=8A=B6=E6=80=81=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/aigc/generation/SRTEditor.vue | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/components/aigc/generation/SRTEditor.vue b/components/aigc/generation/SRTEditor.vue
index 0209ca0..03b4e66 100644
--- a/components/aigc/generation/SRTEditor.vue
+++ b/components/aigc/generation/SRTEditor.vue
@@ -27,6 +27,7 @@ const isSaving = ref(false)
 const rawSrt = ref<string | null>(null)
 const subtitles = ref<Subtitle[]>([])
 const modified = ref(false)
+const isExporting = ref(false)
 
 const videoElement = ref<HTMLVideoElement | null>(null)
 
@@ -175,7 +176,7 @@ const saveNewSubtitle = () => {
 }
 
 const exportVideo = () => {
-  isSaving.value = true
+  isExporting.value = true
   useVideoSubtitleEmbedding(props.course.video_url, props.course.subtitle_url, {
     color: subtitleStyleState.color,
     fontSize: subtitleStyleState.fontSize,
@@ -196,7 +197,7 @@ const exportVideo = () => {
     const { download } = useDownload(blobUrl, 'combined_video.mp4')
     download()
   }).finally(() => {
-    isSaving.value = false
+    isExporting.value = false
   })
 }
 
@@ -219,7 +220,7 @@ defineExpose({
 
 <template>
   <div>
-    <USlideover v-model="isDrawerActive" :ui="{ width: 'max-w-xl' }">
+    <USlideover v-model="isDrawerActive" :prevent-close="modified" :ui="{ width: 'max-w-xl' }">
       <UCard class="flex flex-col flex-1 overflow-hidden" :ui="{
         body: { base: 'overflow-auto flex-1' },
         ring: '',
@@ -356,10 +357,10 @@ defineExpose({
         <template #footer>
           <div class="flex justify-end items-center gap-2">
             <span v-if="modified" class="text-sm text-yellow-500 font-medium">已更改但未保存</span>
-            <UButton :loading="isSaving" variant="soft" icon="i-tabler-file-export" @click="exportVideo">
+            <UButton :loading="isExporting" variant="soft" icon="i-tabler-file-export" @click="exportVideo">
               导出视频
             </UButton>
-            <UButton :disabled="!modified" :loading="isSaving" icon="i-tabler-device-floppy" @click="saveNewSubtitle">
+            <UButton :disabled="isExporting || !modified" :loading="isSaving" icon="i-tabler-device-floppy" @click="saveNewSubtitle">
               保存{{ isSaving ? '中' : '' }}
             </UButton>
           </div>