From d348b832cbebb064fd73e4b2f8b68f0967226f8e Mon Sep 17 00:00:00 2001
From: xream <xream@icloud.com>
Date: Fri, 8 Mar 2024 11:50:19 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=87=E4=BB=B6=E9=A2=84=E8=A7=88?=
 =?UTF-8?q?=E7=95=8C=E9=9D=A2=E5=A2=9E=E5=8A=A0=E5=A4=8D=E5=88=B6=E9=A2=84?=
 =?UTF-8?q?=E8=A7=88=E5=86=85=E5=AE=B9=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json              |  2 +-
 src/views/FilePreview.vue | 29 +++++++++++++++++++++++++++++
 2 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 1f2146e67..a4cf90352 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sub-store-front-end",
-  "version": "2.14.151",
+  "version": "2.14.152",
   "private": true,
   "scripts": {
     "dev": "vite --host",
diff --git a/src/views/FilePreview.vue b/src/views/FilePreview.vue
index f9840bb41..d14e3b780 100644
--- a/src/views/FilePreview.vue
+++ b/src/views/FilePreview.vue
@@ -11,6 +11,13 @@
             }}</span
           >
         </h1>
+        <button class="copy" @click.stop="copyContent">
+          <svg-icon
+            name="copy"
+            class="action-icon"
+            color="var(--comment-text-color)"
+          />
+        </button>
         <button @click="clickClose">
           <font-awesome-icon icon="fa-solid fa-circle-xmark" />
         </button>
@@ -30,11 +37,19 @@
 </template>
 
 <script lang="ts" setup>
+  
   import { useSubsApi } from '@/api/subs';
   import { useSubsStore } from '@/store/subs';
   import { Toast } from '@nutui/nutui';
   import { computed, ref, toRaw } from 'vue';
   import { useI18n } from 'vue-i18n';
+  import { useClipboard } from '@vueuse/core';
+  import useV3Clipboard from 'vue-clipboard3';
+  import { useAppNotifyStore } from '@/store/appNotify';
+
+  const { copy, isSupported } = useClipboard();
+  const { toClipboard: copyFallback } = useV3Clipboard();
+  const { showNotify } = useAppNotifyStore();
 
   const { t } = useI18n();
   const subsStore = useSubsStore();
@@ -62,6 +77,14 @@
   const clickClose = () => {
     emit('closePreview');
   };
+  const copyContent = async () => {
+    if (isSupported) {
+      await copy(processedData);
+    } else {
+      await copyFallback(processedData);
+    }
+    showNotify({ title: '已复制预览内容' });
+  };
 </script>
 
 <style lang="scss" scoped>
@@ -247,6 +270,12 @@
       font-size: 20px;
       padding: 8px;
       color: var(--lowest-text-color);
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+    .copy {
+      margin-left: auto;
     }
   }