Implement export flow signature integration (T034, T037)

Co-authored-by: LuSrackhall <142690689+LuSrackhall@users.noreply.github.com>

Author: Copilot

frontend/src/components/SignatureSelectDialog.vue

@@ -0,0 +1,149 @@
+<!--
+ * This file is part of the KeyTone project.
+ *
+ * Copyright (C) 2024 LuSrackhall
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+-->
+
+<template>
+  <q-dialog v-model="showDialog" persistent>
+    <q-card style="max-width: 360px; width: 100%">
+      <q-card-section>
+        <div class="text-h6">{{ $t('signature.exportFlow.selectSignature') }}</div>
+      </q-card-section>
+
+      <q-separator />
+
+      <q-card-section>
+        <div class="text-body2 q-mb-md">{{ $t('signature.exportFlow.selectPrompt') }}</div>
+        
+        <q-select
+          v-model="selectedSignature"
+          :options="signatureOptions"
+          :label="$t('signature.signatureName')"
+          outlined
+          dense
+          option-label="name"
+          option-value="name"
+          :error="required && !selectedSignature"
+          :error-message="$t('signature.exportFlow.signatureRequired')"
+        >
+          <template v-slot:no-option>
+            <q-item>
+              <q-item-section class="text-grey">
+                {{ $t('signature.emptyState.noSignatures') }}
+              </q-item-section>
+            </q-item>
+          </template>
+        </q-select>
+      </q-card-section>
+
+      <q-separator />
+
+      <q-card-actions align="right">
+        <q-btn flat :label="$t('KeyToneAlbum.cancel')" color="primary" @click="handleCancel" />
+        <q-btn 
+          flat 
+          :label="$t('KeyToneAlbum.confirm')" 
+          color="primary" 
+          @click="handleConfirm" 
+          :disable="required && !selectedSignature"
+        />
+      </q-card-actions>
+    </q-card>
+  </q-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from 'vue';
+import { useQuasar } from 'quasar';
+import { useI18n } from 'vue-i18n';
+import { api } from 'src/boot/axios';
+
+const $q = useQuasar();
+const { t } = useI18n();
+
+const showDialog = ref(false);
+const selectedSignature = ref<any>(null);
+const signatureOptions = ref<any[]>([]);
+const required = ref(false);
+
+let resolveCallback: ((signature: any) => void) | null = null;
+let rejectCallback: (() => void) | null = null;
+
+// Load signatures from backend
+const loadSignatures = async () => {
+  try {
+    const response = await api.get('/store/get', {
+      params: { key: 'signature_manager' }
+    });
+
+    if (response.data.message === 'ok' && response.data.value) {
+      const signatureManager = response.data.value;
+      signatureOptions.value = Object.values(signatureManager).filter((v: any) => v && v.name);
+    } else {
+      signatureOptions.value = [];
+    }
+  } catch (error) {
+    console.error('Failed to load signatures:', error);
+    signatureOptions.value = [];
+  }
+};
+
+// Open the dialog
+const open = (isRequired: boolean = false): Promise<any> => {
+  return new Promise((resolve, reject) => {
+    required.value = isRequired;
+    selectedSignature.value = null;
+    resolveCallback = resolve;
+    rejectCallback = reject;
+    showDialog.value = true;
+    loadSignatures();
+  });
+};
+
+// Handle confirm
+const handleConfirm = () => {
+  if (required.value && !selectedSignature.value) {
+    $q.notify({
+      type: 'warning',
+      message: t('signature.exportFlow.signatureRequired'),
+    });
+    return;
+  }
+
+  showDialog.value = false;
+  if (resolveCallback) {
+    resolveCallback(selectedSignature.value);
+  }
+};
+
+// Handle cancel
+const handleCancel = () => {
+  showDialog.value = false;
+  if (rejectCallback) {
+    rejectCallback();
+  }
+};
+
+// Expose open method
+defineExpose({ open });
+</script>
+
+<style scoped>
+.q-card {
+  border-radius: 8px;
+}
+</style>

frontend/src/pages/Keytone_album_page_new.vue

@@ -284,6 +284,9 @@
 
   <!-- Signature Management Dialog -->
   <SignatureManagementDialog ref="signatureDialogRef" />
+  
+  <!-- Signature Select Dialog for Export -->
+  <SignatureSelectDialog ref="signatureSelectDialogRef" />
 </template>
 
 <script setup lang="ts">
@@ -294,8 +297,10 @@ import { nanoid } from 'nanoid';
 import { computed, nextTick, useTemplateRef } from 'vue';
 import KeytoneAlbum from 'src/components/Keytone_album.vue';
 import SignatureManagementDialog from 'src/components/SignatureManagementDialog.vue';
+import SignatureSelectDialog from 'src/components/SignatureSelectDialog.vue';
 import { ref, onMounted, onUnmounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
+import { api } from 'src/boot/axios';
 import {
   DeleteAlbum,
   GetAudioPackageName,
@@ -325,6 +330,7 @@ const keytoneAlbum_store = useKeytoneAlbumStore();
 const selectedKeyTonePkgRef = useTemplateRef<QSelect>('selectedKeyTonePkgRef');
 const keytoneAlbumRef = ref<InstanceType<typeof KeytoneAlbum> | null>(null);
 const signatureDialogRef = ref<InstanceType<typeof SignatureManagementDialog> | null>(null);
+const signatureSelectDialogRef = ref<InstanceType<typeof SignatureSelectDialog> | null>(null);
 const isCollapsed = ref(false);
 let lastScrollTop = 0;
 const isAtTop = ref(true);
@@ -413,6 +419,55 @@ const exportAlbumLegacy = async () => {
     }
     const albumName = albumNameResponse.name;
 
+    // Check if album has signatures - get album config to see if it has signatures
+    let selectedSignature = null;
+    try {
+      const albumConfigResponse = await api.get('/keytone_pkg/get', {
+        params: { 
+          key: 'album_signatures',
+          audioPkgUUID: albumNameResponse.audioPkgUUID || setting_store.mainHome.selectedKeyTonePkg.split(/[\\/]/).pop()
+        }
+      });
+      
+      const hasSignatures = albumConfigResponse.data.value && Object.keys(albumConfigResponse.data.value).length > 0;
+      
+      // Show signature selection dialog
+      try {
+        selectedSignature = await signatureSelectDialogRef.value?.open(hasSignatures);
+      } catch (err) {
+        // User cancelled signature selection
+        return;
+      }
+      
+      // If album has signatures but no signature selected, prevent export
+      if (hasSignatures && !selectedSignature) {
+        q.notify({
+          type: 'warning',
+          message: $t('signature.exportFlow.signatureRequired'),
+        });
+        return;
+      }
+    } catch (error) {
+      console.log('No signatures check or album config not found, proceeding without signature selection');
+    }
+
+    // If signature was selected, call the sign bridge
+    if (selectedSignature) {
+      try {
+        await api.post('/export/sign-bridge', {
+          albumId: albumNameResponse.audioPkgUUID || setting_store.mainHome.selectedKeyTonePkg.split(/[\\/]/).pop(),
+          signatureName: selectedSignature.name
+        });
+      } catch (error) {
+        console.error('Failed to add signature to album:', error);
+        q.notify({
+          type: 'warning',
+          message: $t('signature.notify.exportFailed') + ': ' + (error instanceof Error ? error.message : String(error)),
+        });
+        // Continue with export even if signature bridge fails
+      }
+    }
+
     // 调用导出函数获取zip文件blob
     const blob = await ExportAlbum(setting_store.mainHome.selectedKeyTonePkg);
     const url = window.URL.createObjectURL(blob);
@@ -456,6 +511,55 @@ const exportAlbum = async () => {
     }
     const albumName = albumNameResponse.name;
 
+    // Check if album has signatures - get album config to see if it has signatures
+    let selectedSignature = null;
+    try {
+      const albumConfigResponse = await api.get('/keytone_pkg/get', {
+        params: { 
+          key: 'album_signatures',
+          audioPkgUUID: albumNameResponse.audioPkgUUID || setting_store.mainHome.selectedKeyTonePkg.split(/[\\/]/).pop()
+        }
+      });
+      
+      const hasSignatures = albumConfigResponse.data.value && Object.keys(albumConfigResponse.data.value).length > 0;
+      
+      // Show signature selection dialog
+      try {
+        selectedSignature = await signatureSelectDialogRef.value?.open(hasSignatures);
+      } catch (err) {
+        // User cancelled signature selection
+        return;
+      }
+      
+      // If album has signatures but no signature selected, prevent export
+      if (hasSignatures && !selectedSignature) {
+        q.notify({
+          type: 'warning',
+          message: $t('signature.exportFlow.signatureRequired'),
+        });
+        return;
+      }
+    } catch (error) {
+      console.log('No signatures check or album config not found, proceeding without signature selection');
+    }
+
+    // If signature was selected, call the sign bridge
+    if (selectedSignature) {
+      try {
+        await api.post('/export/sign-bridge', {
+          albumId: albumNameResponse.audioPkgUUID || setting_store.mainHome.selectedKeyTonePkg.split(/[\\/]/).pop(),
+          signatureName: selectedSignature.name
+        });
+      } catch (error) {
+        console.error('Failed to add signature to album:', error);
+        q.notify({
+          type: 'warning',
+          message: $t('signature.notify.exportFailed') + ': ' + (error instanceof Error ? error.message : String(error)),
+        });
+        // Continue with export even if signature bridge fails
+      }
+    }
+
     // 获取导出数据
     const blob = await ExportAlbum(setting_store.mainHome.selectedKeyTonePkg);
 

specs/002-aaaa-aaaa-aaaa/tasks.md

@@ -50,10 +50,10 @@
 - [x] T031 创建与删除：通过 `/store/set` 更新 `signature_manager`；保护码由前端创建时自动生成且 UI 不展示（frontend/src/services/ 或 stores/）
 - [x] T032 导出签名文件（.ktsign）：调用 POST `/signature/export`，并处理保存（前端桥接到系统对话框，遵循 Electron 安全边界）；注意：该操作为“签名文件管理”，不涉及“专辑导出”
 - [x] T033 导入签名：调用 POST `/signature/import`，成功后列表自动刷新（SSE）
-- [ ] T034 导出流程集成：在专辑导出步骤弹出签名选择，调用 `/export/sign-bridge` 将签名写入 `album_signatures` 并继续导出（frontend/src/pages/ 或组件）
+- [x] T034 导出流程集成：在专辑导出步骤弹出签名选择，调用 `/export/sign-bridge` 将签名写入 `album_signatures` 并继续导出（frontend/src/pages/ 或组件）
 - [x] T035 i18n：新增 `signature` 命名空间的中英文 key，覆盖所有用户可见文本（frontend/src/i18n/{zh-CN,en-US}/index.json）
 - [x] T036 覆盖确认 UI：导入签名遇到“唯一标识相同”的重复时，弹出“覆盖/取消”确认对话框并完成 i18n 覆盖
-- [ ] T037 导出前置校验：当专辑已有签名时，导出流程必须要求再选择签名（否则禁用继续/提示）；与后端桥接响应保持一致的错误提示
+- [x] T037 导出前置校验：当专辑已有签名时，导出流程必须要求再选择签名（否则禁用继续/提示）；与后端桥接响应保持一致的错误提示
 
 ### 3.4.x 追加（一致性与可用性）