fix(theme): keep display copied hint when click multiple times (#1262)

vuejs · Aug 31, 2022 · bb11d0f · bb11d0f
1 parent 12591a9
commit bb11d0f
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/client/app/composables/copyCode.ts b/src/client/app/composables/copyCode.ts
@@ -2,6 +2,7 @@ import { inBrowser } from '../utils.js'
 
 export function useCopyCode() {
   if (inBrowser) {
+    const timeoutIdMap: Map<HTMLElement, number> = new Map()
     window.addEventListener('click', (e) => {
       const el = e.target as HTMLElement
       if (el.matches('div[class*="language-"] > button.copy')) {
@@ -24,10 +25,13 @@ export function useCopyCode() {
 
         copyToClipboard(text).then(() => {
           el.classList.add('copied')
-          setTimeout(() => {
+          clearTimeout(timeoutIdMap.get(el))
+          const timeoutId = setTimeout(() => {
             el.classList.remove('copied')
             el.blur()
+            timeoutIdMap.delete(el)
           }, 2000)
+          timeoutIdMap.set(el, timeoutId)
         })
       }
     })