feat: 新增导出到剪切板

Author: FreecellRaid

src/components/popovers/ExportPopover.vue

@@ -1,5 +1,6 @@
 <template>
     <div class="popover">
+        <div class="export-item" @click="handleCopyText">导出到剪切板</div>
         <div class="export-item" @click="handleExportText">导出为 TEXT</div>
         <div class="export-item" @click="handleExportHtml">导出为 HTML</div>
         <div class="export-item" @click="handleExportDoc">导出为 DOC</div>
@@ -14,10 +15,26 @@ import { useExport } from '@/composables/useExporter';
 import { useProjectManager } from '@/composables/useProjectManager';
 const projectManager = useProjectManager();
 
-const { exportAsText, exportAsHtml, exportAsDoc, exportAsDocx } = useExport();
+const {
+    exportAsText,
+    exportAsHtml,
+    exportAsDoc,
+    exportAsDocx,
+    copyTextToClipboard,
+} = useExport();
+async function handleCopyText() {
+    try {
+        await copyTextToClipboard();
+        alert('已复制导出内容到剪切板');
+    } catch (error) {
+        console.error(error);
+        alert(error instanceof Error ? error.message : '复制导出时发生错误');
+    }
+}
+
 async function handleExportText() {
     try {
-        exportAsText();
+        await exportAsText();
     } catch (error) {
         console.error(error);
         alert(error instanceof Error ? error.message : '导出TXT时发生错误');

src/composables/useExporter.ts

@@ -8,22 +8,25 @@ import {
     htmlAdapter,
     docAdapter,
 } from '@/io/export/adapters/exportAdapters';
-import type { ExportFormat } from '@/types/export';
+import type { ExportFormat, ExportRow } from '@/types/export';
 
 export function useExport() {
     const logStore = useLogStore();
     const styleStore = useStyleStore();
     const exportStore = useExportStore();
 
-    function buildRows() {
+    function buildRows(): ExportRow[] {
         const { documents } = logStore;
         const { viewSettings, activeRules } = styleStore;
 
         return flattenLogToRows(documents, viewSettings, activeRules);
     }
 
     async function exportWithAdapter(
-        adapter: (rows: any, format: ExportFormat) => any,
+        adapter: (
+            rows: ExportRow[],
+            format: ExportFormat,
+        ) => string | Blob | Promise<string | Blob>,
         format: ExportFormat,
         fileExtension: string,
         mimeType: string,
@@ -39,26 +42,51 @@ export function useExport() {
 
     // ===== 对外接口 =====
 
-    const exportAsText = (format: ExportFormat = exportStore.activeFormat) => {
-        exportWithAdapter(
+    const buildTextContent = (
+        format: ExportFormat = exportStore.activeFormat,
+    ): string => {
+        const rows = buildRows();
+        return textAdapter(rows, format);
+    };
+
+    const exportAsText = async (
+        format: ExportFormat = exportStore.activeFormat,
+    ) => {
+        await exportWithAdapter(
             textAdapter,
             format,
             format.fileExtension || '.txt',
             'text/plain;charset=utf-8',
         );
     };
 
-    const exportAsHtml = (format: ExportFormat = exportStore.activeFormat) => {
-        exportWithAdapter(
+    const copyTextToClipboard = async (
+        format: ExportFormat = exportStore.activeFormat,
+    ) => {
+        const content = buildTextContent(format);
+        await writeTextToClipboard(content);
+    };
+
+    const exportAsHtml = async (
+        format: ExportFormat = exportStore.activeFormat,
+    ) => {
+        await exportWithAdapter(
             htmlAdapter,
             format,
             '.html',
             'text/html;charset=utf-8',
         );
     };
 
-    const exportAsDoc = (format: ExportFormat = exportStore.activeFormat) => {
-        exportWithAdapter(docAdapter, format, '.doc', 'application/msword');
+    const exportAsDoc = async (
+        format: ExportFormat = exportStore.activeFormat,
+    ) => {
+        await exportWithAdapter(
+            docAdapter,
+            format,
+            '.doc',
+            'application/msword',
+        );
     };
 
     const exportAsDocx = async (
@@ -79,9 +107,36 @@ export function useExport() {
         exportAsHtml,
         exportAsDoc,
         exportAsDocx,
+        copyTextToClipboard,
     };
 }
 
+async function writeTextToClipboard(content: string) {
+    if (navigator.clipboard?.writeText) {
+        await navigator.clipboard.writeText(content);
+        return;
+    }
+
+    const textarea = document.createElement('textarea');
+    textarea.value = content;
+    textarea.setAttribute('readonly', '');
+    textarea.style.position = 'fixed';
+    textarea.style.left = '-9999px';
+    textarea.style.top = '0';
+
+    document.body.appendChild(textarea);
+    textarea.select();
+
+    try {
+        const copied = document.execCommand('copy');
+        if (!copied) {
+            throw new Error('复制失败');
+        }
+    } finally {
+        document.body.removeChild(textarea);
+    }
+}
+
 function downloadFile(
     content: string | Blob,
     filename: string,