feat: ✨ 链接支持快速跳转

Author: xiaohuohumax

apps/common/qr-code/CHANGELOG.md

@@ -1,5 +1,11 @@
 # common-qr-code
 
+## 1.4.0
+
+### Minor Changes
+
+- 链接支持快速跳转
+
 ## 1.3.0
 
 ### Minor Changes

apps/common/qr-code/package.json

@@ -1,7 +1,7 @@
 {
   "name": "common-qr-code",
   "type": "module",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "private": true,
   "description": "图片二维码识别（Common QR Code）-- 右键图片，识别二维码并复制到剪贴板。",
   "author": {

apps/common/qr-code/src/index.ts

@@ -3,7 +3,7 @@ import { GM_registerMenuCommand, GM_setClipboard } from '$'
 import { Notify } from 'notiflix/build/notiflix-notify-aio'
 import Swal from 'sweetalert'
 import { ID, VERSION } from 'virtual:meta'
-import { decodeQrCode } from './utils'
+import { decodeQrCode, isUrl } from './utils'
 
 console.log(`${ID}(v${VERSION})`)
 
@@ -33,7 +33,27 @@ GM_registerMenuCommand('Decode QR Code', () => {
         resultButton.style.marginTop = '10px'
       }
       resultButton.dataset.result = result
-      element.appendChild(resultButton)
+      if (isUrl(result)) {
+        const div = document.createElement('div')
+        div.style.display = 'flex'
+        const a = document.createElement('a')
+        a.href = result
+        a.target = '_blank'
+        a.textContent = '跳转'
+        a.style.marginLeft = '10px'
+        a.style.fontSize = '14px'
+        a.style.flexShrink = '0'
+        a.style.display = 'inline-flex'
+        a.style.alignItems = 'center'
+        a.style.justifyContent = 'center'
+        a.className = 'swal-button swal-button--cancel'
+        div.appendChild(resultButton)
+        div.appendChild(a)
+        element.appendChild(div)
+      }
+      else {
+        element.appendChild(resultButton)
+      }
     }
 
     element.addEventListener('click', (event) => {

apps/common/qr-code/src/utils.ts

@@ -64,3 +64,7 @@ export async function decodeQrCode(element: ImageElement): Promise<string[]> {
     }
   })
 }
+
+export function isUrl(url: string): boolean {
+  return /^https?:\/\//.test(url.trimStart())
+}

dist/common-qr-code.user.js

@@ -1085,6 +1085,9 @@
       }
     });
   }
+  function isUrl(url) {
+    return /^https?:\/\//.test(url.trimStart());
+  }
   console.log(`${ID}(v${VERSION})`);
   let image = null;
   _GM_registerMenuCommand("Decode QR Code", () => {
@@ -1109,7 +1112,18 @@
           resultButton.style.marginTop = "10px";
         }
         resultButton.dataset.result = result;
-        element.appendChild(resultButton);
+        if (isUrl(result)) {
+          const div = document.createElement("div");
+          const a = document.createElement("a");
+          a.href = result;
+          a.target = "_blank";
+          a.textContent = "跳转";
+          div.appendChild(resultButton);
+          div.appendChild(a);
+          resultButton.appendChild(div);
+        } else {
+          element.appendChild(resultButton);
+        }
       }
       element.addEventListener("click", (event) => {
         if (event.target instanceof HTMLButtonElement && event.target.dataset.result) {