From 7dc0db537719e9a4ae39a2b6ebabdf8893f74ac6 Mon Sep 17 00:00:00 2001
From: teukkk <mengyuan.lv@fit2cloud.com>
Date: Tue, 4 Jun 2024 14:59:51 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E7=AE=80=E5=8C=96=E5=A4=8D?=
 =?UTF-8?q?=E5=88=B6=E5=88=B0=E5=89=AA=E8=B4=B4=E6=9D=BF=E7=9A=84=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../report/component/caseReportDrawer.vue     | 23 +++++-------------
 .../report/component/reportDetailDrawer.vue   | 24 ++++++-------------
 .../components/bug-detail-drawer.vue          | 22 +++++------------
 .../components/caseDetailDrawer.vue           | 23 ++++++------------
 .../component/planDetailHeaderRight.vue       | 22 +++++------------
 5 files changed, 32 insertions(+), 82 deletions(-)

diff --git a/frontend/src/views/api-test/report/component/caseReportDrawer.vue b/frontend/src/views/api-test/report/component/caseReportDrawer.vue
index bd8d54365c..f7dd04d721 100644
--- a/frontend/src/views/api-test/report/component/caseReportDrawer.vue
+++ b/frontend/src/views/api-test/report/component/caseReportDrawer.vue
@@ -60,6 +60,7 @@
 
 <script setup lang="ts">
   import { ref } from 'vue';
+  import { useClipboard } from '@vueuse/core';
   import { Message } from '@arco-design/web-vue';
   import { cloneDeep } from 'lodash-es';
 
@@ -76,7 +77,7 @@
   import { RouteEnum } from '@/enums/routeEnum';
 
   const appStore = useAppStore();
-
+  const { copy, isSupported } = useClipboard({ legacy: true });
   const { t } = useI18n();
 
   const props = defineProps<{
@@ -165,23 +166,11 @@
 
       const { origin } = window.location;
       shareLink.value = `${origin}/#/${RouteEnum.SHARE}/${RouteEnum.SHARE_REPORT_CASE}${shareId}`;
-      if (navigator.clipboard) {
-        navigator.clipboard.writeText(shareLink.value).then(
-          () => {
-            Message.info(t('bugManagement.detail.shareTip'));
-          },
-          (e) => {
-            Message.error(e);
-          }
-        );
-      } else {
-        const input = document.createElement('input');
-        input.value = shareLink.value;
-        document.body.appendChild(input);
-        input.select();
-        document.execCommand('copy');
-        document.body.removeChild(input);
+      if (isSupported) {
+        copy(shareLink.value);
         Message.info(t('bugManagement.detail.shareTip'));
+      } else {
+        Message.error(t('common.copyNotSupport'));
       }
     } catch (error) {
       console.log(error);
diff --git a/frontend/src/views/api-test/report/component/reportDetailDrawer.vue b/frontend/src/views/api-test/report/component/reportDetailDrawer.vue
index 6c1ac6fa29..a255c45d68 100644
--- a/frontend/src/views/api-test/report/component/reportDetailDrawer.vue
+++ b/frontend/src/views/api-test/report/component/reportDetailDrawer.vue
@@ -41,6 +41,7 @@
 
 <script setup lang="ts">
   import { ref } from 'vue';
+  import { useClipboard } from '@vueuse/core';
   import { Message } from '@arco-design/web-vue';
   import { cloneDeep } from 'lodash-es';
 
@@ -57,8 +58,9 @@
   import { RouteEnum } from '@/enums/routeEnum';
 
   const appStore = useAppStore();
-
   const { t } = useI18n();
+  const { copy, isSupported } = useClipboard({ legacy: true });
+
   const props = defineProps<{
     visible: boolean;
     reportId: string;
@@ -153,23 +155,11 @@
       shareId.value = res.shareUrl;
       const { origin } = window.location;
       shareLink.value = `${origin}/#/${RouteEnum.SHARE}/${RouteEnum.SHARE_REPORT_SCENARIO}${shareId.value}`;
-      if (navigator.clipboard) {
-        navigator.clipboard.writeText(shareLink.value).then(
-          () => {
-            Message.info(t('bugManagement.detail.shareTip'));
-          },
-          (e) => {
-            Message.error(e);
-          }
-        );
-      } else {
-        const input = document.createElement('input');
-        input.value = shareLink.value;
-        document.body.appendChild(input);
-        input.select();
-        document.execCommand('copy');
-        document.body.removeChild(input);
+      if (isSupported) {
+        copy(shareLink.value);
         Message.info(t('bugManagement.detail.shareTip'));
+      } else {
+        Message.error(t('common.copyNotSupport'));
       }
     } catch (error) {
       console.log(error);
diff --git a/frontend/src/views/bug-management/components/bug-detail-drawer.vue b/frontend/src/views/bug-management/components/bug-detail-drawer.vue
index 9f2c80a8b6..c981bd552b 100644
--- a/frontend/src/views/bug-management/components/bug-detail-drawer.vue
+++ b/frontend/src/views/bug-management/components/bug-detail-drawer.vue
@@ -232,6 +232,7 @@
 <script setup lang="ts">
   import { defineModel, ref } from 'vue';
   import { useRoute, useRouter } from 'vue-router';
+  import { useClipboard } from '@vueuse/core';
   import { Message } from '@arco-design/web-vue';
   import { debounce } from 'lodash-es';
 
@@ -279,6 +280,7 @@
 
   const { t } = useI18n();
   const { openDeleteModal } = useModal();
+  const { copy, isSupported } = useClipboard({ legacy: true });
 
   const emit = defineEmits<{
     (e: 'submit'): void;
@@ -504,23 +506,11 @@
   function shareHandler() {
     const { origin } = window.location;
     const url = `${origin}/#${route.path}?id=${detailInfo.value.id}&pId=${appStore.currentProjectId}&orgId=${appStore.currentOrgId}`;
-    if (navigator.clipboard) {
-      navigator.clipboard.writeText(url).then(
-        () => {
-          Message.info(t('bugManagement.detail.shareTip'));
-        },
-        (e) => {
-          Message.error(e);
-        }
-      );
-    } else {
-      const input = document.createElement('input');
-      input.value = url;
-      document.body.appendChild(input);
-      input.select();
-      document.execCommand('copy');
-      document.body.removeChild(input);
+    if (isSupported) {
+      copy(url);
       Message.info(t('bugManagement.detail.shareTip'));
+    } else {
+      Message.error(t('common.copyNotSupport'));
     }
   }
 
diff --git a/frontend/src/views/case-management/caseManagementFeature/components/caseDetailDrawer.vue b/frontend/src/views/case-management/caseManagementFeature/components/caseDetailDrawer.vue
index be550041cb..d246bbf74b 100644
--- a/frontend/src/views/case-management/caseManagementFeature/components/caseDetailDrawer.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/caseDetailDrawer.vue
@@ -248,6 +248,7 @@
 <script setup lang="ts">
   import { computed, ref } from 'vue';
   import { useRoute, useRouter } from 'vue-router';
+  import { useClipboard } from '@vueuse/core';
   import { Message, TreeNodeData } from '@arco-design/web-vue';
   import dayjs from 'dayjs';
 
@@ -307,6 +308,8 @@
   const userStore = useUserStore();
   const { t } = useI18n();
   const { openModal } = useModal();
+  const { copy, isSupported } = useClipboard({ legacy: true });
+
   const props = defineProps<{
     visible: boolean;
     detailId: string; // 详情 id
@@ -439,23 +442,11 @@
   function shareHandler() {
     const { origin } = window.location;
     const url = `${origin}/#${route.path}?id=${detailInfo.value.id}&pId=${appStore.currentProjectId}&orgId=${appStore.currentOrgId}`;
-    if (navigator.clipboard) {
-      navigator.clipboard.writeText(url).then(
-        () => {
-          Message.info(t('bugManagement.detail.shareTip'));
-        },
-        (e) => {
-          Message.error(e);
-        }
-      );
-    } else {
-      const input = document.createElement('input');
-      input.value = url;
-      document.body.appendChild(input);
-      input.select();
-      document.execCommand('copy');
-      document.body.removeChild(input);
+    if (isSupported) {
+      copy(url);
       Message.info(t('bugManagement.detail.shareTip'));
+    } else {
+      Message.error(t('common.copyNotSupport'));
     }
   }
 
diff --git a/frontend/src/views/test-plan/report/detail/component/planDetailHeaderRight.vue b/frontend/src/views/test-plan/report/detail/component/planDetailHeaderRight.vue
index 7bc42727bf..2ad74379b4 100644
--- a/frontend/src/views/test-plan/report/detail/component/planDetailHeaderRight.vue
+++ b/frontend/src/views/test-plan/report/detail/component/planDetailHeaderRight.vue
@@ -31,6 +31,7 @@
 </template>
 
 <script setup lang="ts">
+  import { useClipboard } from '@vueuse/core';
   import { Message } from '@arco-design/web-vue';
   import dayjs from 'dayjs';
 
@@ -51,6 +52,7 @@
 
   const appStore = useAppStore();
   const { t } = useI18n();
+  const { copy, isSupported } = useClipboard({ legacy: true });
 
   const shareLink = ref<string>('');
   const shareLoading = ref<boolean>(false);
@@ -62,23 +64,11 @@
       });
       const { origin } = window.location;
       shareLink.value = `${origin}/#/${RouteEnum.SHARE}/${RouteEnum.SHARE_REPORT_TEST_PLAN}${res.shareUrl}`;
-      if (navigator.clipboard) {
-        navigator.clipboard.writeText(shareLink.value).then(
-          () => {
-            Message.info(t('bugManagement.detail.shareTip'));
-          },
-          (e) => {
-            Message.error(e);
-          }
-        );
-      } else {
-        const input = document.createElement('input');
-        input.value = shareLink.value;
-        document.body.appendChild(input);
-        input.select();
-        document.execCommand('copy');
-        document.body.removeChild(input);
+      if (isSupported) {
+        copy(shareLink.value);
         Message.info(t('bugManagement.detail.shareTip'));
+      } else {
+        Message.error(t('common.copyNotSupport'));
       }
     } catch (error) {
       // eslint-disable-next-line no-console