From eb82842fad50062409b5e60d0266e409ed161ee9 Mon Sep 17 00:00:00 2001
From: chansee97 <chen.dev@foxmail.com>
Date: Wed, 26 Jun 2024 21:00:08 +0800
Subject: [PATCH] fix: perfect copy componet

---
 locales/en_US.json                 |  4 ++++
 locales/zh_CN.json                 |  4 ++++
 package.json                       |  1 -
 src/components/common/HelpInfo.vue |  2 +-
 src/components/custom/CopyText.vue | 11 ++++++++---
 src/directives/copy.ts             |  3 ++-
 6 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/locales/en_US.json b/locales/en_US.json
index 1d60415..932d7ef 100644
--- a/locales/en_US.json
+++ b/locales/en_US.json
@@ -148,6 +148,10 @@
       "searchPlaceholder": "Search icon",
       "clearIcon": "Clear icon",
       "selectorTitle": "Icon selection"
+    },
+    "copyText": {
+      "message": "Copied successfully",
+      "tooltip": "Copy"
     }
   }
 }
diff --git a/locales/zh_CN.json b/locales/zh_CN.json
index 6008c42..49feb6d 100644
--- a/locales/zh_CN.json
+++ b/locales/zh_CN.json
@@ -83,6 +83,10 @@
       "inputPlaceholder": "选择目标图标",
       "searchPlaceholder": "搜索图标",
       "clearIcon": "清除图标"
+    },
+    "copyText":{
+      "tooltip":"复制",
+      "message":"复制成功"
     }
   },
   "login": {
diff --git a/package.json b/package.json
index 1d11519..f3b5d34 100644
--- a/package.json
+++ b/package.json
@@ -57,7 +57,6 @@
     "echarts": "^5.5.0",
     "md-editor-v3": "^4.15.2",
     "pinia": "^2.1.7",
-    "pinia-plugin-persist": "^1.0.0",
     "pinia-plugin-persistedstate": "^3.2.1",
     "quill": "^2.0.2",
     "radash": "^12.1.0",
diff --git a/src/components/common/HelpInfo.vue b/src/components/common/HelpInfo.vue
index 33e72fd..d285193 100644
--- a/src/components/common/HelpInfo.vue
+++ b/src/components/common/HelpInfo.vue
@@ -9,7 +9,7 @@ const props = defineProps<Props>()
 <template>
   <n-tooltip :show-arrow="false" trigger="hover">
     <template #trigger>
-      <icon-park-outline-help />
+      <icon-park-outline-help  class="op-50 cursor-help"/>
     </template>
     {{ props.message }}
   </n-tooltip>
diff --git a/src/components/custom/CopyText.vue b/src/components/custom/CopyText.vue
index 49b7a9d..cb43076 100644
--- a/src/components/custom/CopyText.vue
+++ b/src/components/custom/CopyText.vue
@@ -10,8 +10,13 @@ const modelValue = defineModel<string>('value')
     <n-ellipsis :style="{ 'max-width': props.maxLength || '12em' }">
       {{ modelValue }}
     </n-ellipsis>
-    <span v-copy="modelValue" class="cursor-pointer">
-      <icon-park-outline-copy />
-    </span>
+    <n-tooltip trigger="hover">
+      <template #trigger>
+        <span v-copy="modelValue" class="cursor-pointer">
+          <icon-park-outline-copy />
+        </span>
+      </template>
+      {{ $t('components.copyText.tooltip') }}
+    </n-tooltip>
   </div>
 </template>
diff --git a/src/directives/copy.ts b/src/directives/copy.ts
index f483d91..bfd529f 100644
--- a/src/directives/copy.ts
+++ b/src/directives/copy.ts
@@ -1,4 +1,5 @@
 import type { App, Directive } from 'vue'
+import { $t } from '@/utils'
 
 interface CopyHTMLElement extends HTMLElement {
   _copyText: string
@@ -25,7 +26,7 @@ export function install(app: App) {
     if (!clipboardEnable())
       return
     copy(this._copyText)
-    window.$message.success('复制成功')
+    window.$message.success($t('components.copyText.message'))
   }
 
   function updataClipboard(el: CopyHTMLElement, text: string) {