From 88516d949154398b54b6e605bb19f413a66d3bc0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A5=94=E8=B7=91=E7=9A=84=E9=9D=A2=E6=9D=A1?=
 <1262327911@qq.com>
Date: Fri, 3 Jun 2022 18:53:37 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9=E8=87=AA=E5=8A=A8?=
 =?UTF-8?q?=E5=A4=8D=E5=88=B6=E7=B2=98=E8=B4=B4=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/router.ts                           | 15 ++++++--
 .../ContentHeader/headerRightBtn/index.vue    | 34 ++++++++-----------
 2 files changed, 27 insertions(+), 22 deletions(-)

diff --git a/src/utils/router.ts b/src/utils/router.ts
index a748830a..5a117357 100644
--- a/src/utils/router.ts
+++ b/src/utils/router.ts
@@ -1,6 +1,6 @@
 import { useRoute } from 'vue-router'
 import { ResultEnum, RequestHttpHeaderEnum } from '@/enums/httpEnum'
-import { ErrorPageNameMap, PageEnum } from '@/enums/pageEnum'
+import { ErrorPageNameMap, PageEnum, PreviewEnum } from '@/enums/pageEnum'
 import { docPath, giteeSourceCodePath } from '@/settings/pathConst'
 import { SystemStoreEnum, SystemStoreUserInfoEnum } from '@/store/modules/systemStore/systemStore.d'
 import { StorageEnum } from '@/enums/storageEnum'
@@ -199,4 +199,15 @@ export const loginCheck = () => {
   } catch (error) {
     return false
   }
-} 
\ No newline at end of file
+}
+
+/**
+ * * 预览地址
+ * @returns 
+ */
+ export const previewPath = () => {
+  const { origin, pathname } = document.location
+  const path = fetchPathByName(PreviewEnum.CHART_PREVIEW_NAME, 'href')
+  const previewPath = `${origin}${pathname}${path}/${fetchRouteParamsLocation()}`
+  return previewPath
+}
\ No newline at end of file
diff --git a/src/views/chart/ContentHeader/headerRightBtn/index.vue b/src/views/chart/ContentHeader/headerRightBtn/index.vue
index ef56ac28..600c11e3 100644
--- a/src/views/chart/ContentHeader/headerRightBtn/index.vue
+++ b/src/views/chart/ContentHeader/headerRightBtn/index.vue
@@ -31,7 +31,7 @@
           <n-alert :show-icon="false" title="预览地址：" type="success">
             {{ previewPath() }}
           </n-alert>
-          <n-button tertiary type="primary" @click="copyPath()">
+          <n-button tertiary type="primary" @click="copyPreviewPath()">
             复制地址
           </n-button>
         </n-space>
@@ -52,6 +52,7 @@
 <script setup lang="ts">
 import { ref, shallowReactive, watchEffect } from 'vue'
 import { useRoute } from 'vue-router'
+import { useClipboard } from '@vueuse/core'
 import { PreviewEnum } from '@/enums/pageEnum'
 import { StorageEnum } from '@/enums/storageEnum'
 import { ResultEnum } from '@/enums/httpEnum'
@@ -59,7 +60,7 @@ import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore
 import { ProjectInfoEnum } from '@/store/modules/chartEditStore/chartEditStore.d'
 import { updateProjectApi } from '@/api/path'
 import {
-  goDialog,
+  previewPath,
   renderIcon,
   fetchPathByName,
   routerTurnByPath,
@@ -73,6 +74,9 @@ import { icon } from '@/plugins'
 const { BrowsersOutlineIcon, SendIcon, CloseIcon } = icon.ionicons5
 const chartEditStore = useChartEditStore()
 
+const previewPathRef = ref(previewPath())
+const { copy, isSupported } = useClipboard({ source: previewPathRef })
+
 const routerParamsInfo = useRoute()
 
 const modelShow = ref<boolean>(false)
@@ -87,14 +91,6 @@ const closeHandle = () => {
   modelShow.value = false
 }
 
-// 预览地址
-const previewPath = () => {
-  const { origin, pathname } = document.location
-  const path = fetchPathByName(PreviewEnum.CHART_PREVIEW_NAME, 'href')
-  const previewPath = `${origin}${pathname}${path}/${fetchRouteParamsLocation()}`
-  return previewPath
-}
-
 // 预览
 const previewHandle = () => {
   const path = fetchPathByName(PreviewEnum.CHART_PREVIEW_NAME, 'href')
@@ -139,15 +135,13 @@ const modelShowHandle = () => {
 }
 
 // 复制预览地址
-const copyPath = (successText?: string, failure?: string) => {
-  navigator.clipboard
-    .writeText(previewPath())
-    .then(() => {
-      window['$message'].success(successText || '复制成功！')
-    })
-    .catch(() => {
-      window['$message'].success(failure || '复制失败！')
-    })
+const copyPreviewPath = (successText?: string, failureText?: string) => {
+  if(isSupported) {
+    copy()
+    window['$message'].success(successText || '复制成功！')
+  } else {
+    window['$message'].success(failureText || '复制失败！')
+  }
 }
 
 // 发布
@@ -161,7 +155,7 @@ const sendHandle = async () => {
   if (res.code === ResultEnum.SUCCESS) {
     modelShowHandle()
     if (!release.value) {
-      copyPath('发布成功！已复制地址到剪贴板~')
+      copyPreviewPath('发布成功！已复制地址到剪贴板~', '发布成功！')
     } else {
       window['$message'].success(`已取消发布`)
     }