fix: perfect copy componet

locales/en_US.json

@@ -148,6 +148,10 @@
       "searchPlaceholder": "Search icon",
       "clearIcon": "Clear icon",
       "selectorTitle": "Icon selection"
+    },
+    "copyText": {
+      "message": "Copied successfully",
+      "tooltip": "Copy"
     }
   }
 }

locales/zh_CN.json

@@ -83,6 +83,10 @@
       "inputPlaceholder": "选择目标图标",
       "searchPlaceholder": "搜索图标",
       "clearIcon": "清除图标"
+    },
+    "copyText":{
+      "tooltip":"复制",
+      "message":"复制成功"
     }
   },
   "login": {

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">
+    <n-tooltip trigger="hover">
-      <icon-park-outline-copy />
+      <template #trigger>
-    </span>
+        <span v-copy="modelValue" class="cursor-pointer">
+          <icon-park-outline-copy />
+        </span>
+      </template>
+      {{ $t('components.copyText.tooltip') }}
+    </n-tooltip>
   </div>
 </template>

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) {