From eb23e4b2125924cf6020f7b6885e8f8f16c1c07f Mon Sep 17 00:00:00 2001
From: teukkk <mengyuan.lv@fit2cloud.com>
Date: Tue, 4 Jun 2024 15:09:09 +0800
Subject: [PATCH] =?UTF-8?q?refactor(=E6=8E=A5=E5=8F=A3=E6=B5=8B=E8=AF=95):?=
 =?UTF-8?q?=20=E7=AE=80=E5=8C=96=E5=A4=8D=E5=88=B6=E5=88=B0=E5=89=AA?=
 =?UTF-8?q?=E8=B4=B4=E6=9D=BF=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../caseAndScenarioReportDrawer.vue           | 22 +++++--------------
 1 file changed, 6 insertions(+), 16 deletions(-)

diff --git a/frontend/src/views/api-test/components/caseAndScenarioReportDrawer.vue b/frontend/src/views/api-test/components/caseAndScenarioReportDrawer.vue
index 97740eb451..b39f27c5c9 100644
--- a/frontend/src/views/api-test/components/caseAndScenarioReportDrawer.vue
+++ b/frontend/src/views/api-test/components/caseAndScenarioReportDrawer.vue
@@ -35,6 +35,7 @@
 
 <script setup lang="ts">
   import { ref } from 'vue';
+  import { useClipboard } from '@vueuse/core';
   import { Message } from '@arco-design/web-vue';
 
   import MsButton from '@/components/pure/ms-button/index.vue';
@@ -56,6 +57,7 @@
 
   const appStore = useAppStore();
   const { t } = useI18n();
+  const { copy, isSupported } = useClipboard({ legacy: true });
 
   const innerVisible = defineModel<boolean>('visible', {
     required: true,
@@ -140,23 +142,11 @@
       shareLink.value = `${origin}/#/${RouteEnum.SHARE}/${
         props.isScenario ? RouteEnum.SHARE_REPORT_SCENARIO : 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) {
       // eslint-disable-next-line no-console