feat: 合并代码

src/App.vue

@@ -53,6 +53,26 @@ export default defineComponent({
         }
       );
     }
+    // (() => {
+    //   function block() {
+    //     if (
+    //       window.outerHeight - window.innerHeight > 200 ||
+    //       window.outerWidth - window.innerWidth > 200
+    //     ) {
+    //       document.body.innerHTML = "检测到非法调试,请关闭后刷新重试!";
+    //     }
+    //     setInterval(() => {
+    //       (function () {
+    //         return false;
+    //       })
+    //         ["constructor"]("debugger")
+    //         ["call"]();
+    //     }, 50);
+    //   }
+    //   try {
+    //     block();
+    //   } catch (err) {}
+    // })();
   }
 });
 </script>

src/components/ReImageVerify/src/hooks.ts

@@ -16,7 +16,9 @@ export const useImageVerify = (width = 120, height = 40) => {
 
   function getImgCode() {
     if (!domRef.value) return;
-    imgCode.value = draw(domRef.value, width, height);
+    draw(domRef.value, width, height).then(code => {
+      imgCode.value = code;
+    });
   }
 
   onMounted(() => {
@@ -42,22 +44,24 @@ function randomColor(min: number, max: number) {
   const b = randomNum(min, max);
   return `rgb(${r},${g},${b})`;
 }
-
-function draw(dom: HTMLCanvasElement, width: number, height: number) {
+function draw(
+  dom: HTMLCanvasElement,
+  width: number,
+  height: number
+): Promise<string> {
+  return new Promise(resolve => {
     let imgCode = "";
-  let captchaCode = "";
     const now = new Date().getTime().toString();
     getCaptcha(now).then(res => {
       if (res.code === "0") {
-      captchaCode = res.data;
+        const captchaCode = res.data;
         useUserStoreHook().SET_VERIFYCODE(captchaCode);
         useUserStoreHook().SET_CAPTCHATIME(now);
         const ctx = dom.getContext("2d");
-      if (!ctx) return imgCode;
+        if (!ctx) return resolve(imgCode);
         ctx.fillStyle = randomColor(180, 230);
         ctx.fillRect(0, 0, width, height);
         for (let i = 0; i < captchaCode.length; i += 1) {
-        // const text = NUMBER_STRING[randomNum(0, NUMBER_STRING.length)];
           const text = captchaCode[i];
           imgCode += text;
           const fontSize = randomNum(18, 41);
@@ -86,9 +90,10 @@ function draw(dom: HTMLCanvasElement, width: number, height: number) {
           ctx.fillStyle = randomColor(150, 200);
           ctx.fill();
         }
-      return imgCode as string;
+        resolve(imgCode);
       } else {
-      return "";
+        resolve("");
       }
     });
+  });
 }