fix(useClipboard): fix issue when permission is not defined (#3812)

Mister-Hope · web-flow · commit a9f02dd5fb7c · 2024-02-27T04:32:10.000Z
diff --git a/packages/core/useClipboard/index.ts b/packages/core/useClipboard/index.ts
@@ -71,7 +71,7 @@ export function useClipboard(options: UseClipboardOptions<MaybeRefOrGetter<strin
   const timeout = useTimeoutFn(() => copied.value = false, copiedDuring)
 
   function updateText() {
-    if (isClipboardApiSupported.value && permissionRead.value !== 'denied') {
+    if (isClipboardApiSupported.value && isAllowed(permissionRead.value)) {
       navigator!.clipboard.readText().then((value) => {
         text.value = value
       })
@@ -86,7 +86,7 @@ export function useClipboard(options: UseClipboardOptions<MaybeRefOrGetter<strin
 
   async function copy(value = toValue(source)) {
     if (isSupported.value && value != null) {
-      if (isClipboardApiSupported.value && permissionWrite.value !== 'denied')
+      if (isClipboardApiSupported.value && isAllowed(permissionWrite.value))
         await navigator!.clipboard.writeText(value)
       else
         legacyCopy(value)
@@ -112,6 +112,10 @@ export function useClipboard(options: UseClipboardOptions<MaybeRefOrGetter<strin
     return document?.getSelection?.()?.toString() ?? ''
   }
 
+  function isAllowed(status: PermissionState | undefined) {
+    return status === 'granted' || status === 'prompt'
+  }
+
   return {
     isSupported,
     text: text as ComputedRef<string>,
