message-verify 1.0.0-beta.6 → 1.0.0-beta.8

package/dist/index.js

@@ -2,7 +2,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import ReactDOM from 'react-dom/client';
 import VerifyModal from './verify-modal.js';
 import Fingerprint2 from 'fingerprintjs2';
+let cachedFingerprint = null;
 export const initFingerprint = async () => {
+    if (cachedFingerprint) {
+        // 已有缓存，直接返回 Promise
+        return Promise.resolve(cachedFingerprint);
+    }
+    // 首次异步获取并缓存
     return new Promise((resolve) => {
         Fingerprint2.get(function (components) {
             const includeKeys = ['userAgent', 'deviceMemory', 'cpuClass', 'hardwareConcurrency', 'platform'];
@@ -11,6 +17,7 @@ export const initFingerprint = async () => {
                 .map(component => component.value)
                 .join('###');
             const fingerprint = Fingerprint2.x64hash128(values, 31);
+            cachedFingerprint = fingerprint;
             resolve(fingerprint);
         });
     });

package/dist/locales/en.d.ts

@@ -4,6 +4,7 @@ declare const _default: {
     verifyCode: string;
     pleaseEnterAndSend: string;
     sendSuccess: string;
+    sendFailed: string;
     reSend: string;
     countDownSecound: string;
 };

package/dist/locales/en.js

@@ -4,6 +4,7 @@ export default {
     verifyCode: 'Verification Code',
     pleaseEnterAndSend: 'Please enter the image verification code first, then resend the code',
     sendSuccess: 'Successfully sent',
+    sendFailed: 'Send failed',
     reSend: 'Resend',
     countDownSecound: '{countdown} seconds'
 };

package/dist/locales/id.d.ts

@@ -4,6 +4,7 @@ declare const _default: {
     verifyCode: string;
     pleaseEnterAndSend: string;
     sendSuccess: string;
+    sendFailed: string;
     reSend: string;
     countDownSecound: string;
 };

package/dist/locales/id.js

@@ -4,6 +4,7 @@ export default {
     verifyCode: 'Kode Verifikasi',
     pleaseEnterAndSend: 'Harap masukkan kode verifikasi gambar terlebih dahulu, lalu kirim ulang kode',
     sendSuccess: 'Berhasil dikirim',
+    sendFailed: 'Gagal mengirim',
     reSend: 'Kirim Ulang',
     countDownSecound: '{countdown} detik'
 };

package/dist/locales/zh.d.ts

@@ -4,6 +4,7 @@ declare const _default: {
     verifyCode: string;
     pleaseEnterAndSend: string;
     sendSuccess: string;
+    sendFailed: string;
     reSend: string;
     countDownSecound: string;
 };

package/dist/locales/zh.js

@@ -4,6 +4,7 @@ export default {
     verifyCode: '验证码',
     pleaseEnterAndSend: '请输入图形验证码后，重新发送验证码',
     sendSuccess: '发送成功',
+    sendFailed: '发送失败',
     reSend: '重新发送',
     countDownSecound: '{countdown}秒'
 };

package/dist/verify-modal.js

@@ -6,7 +6,7 @@ import t from './utils/i18n.js';
 import { axios } from '@yqg/resource';
 const CreateMessageVerifyModal = ({ props }) => {
     const [visible, setVisible] = useState(true);
-    const [countdown, setCountdown] = useState(60);
+    const [countdown, setCountdown] = useState(2);
     const [otp, setOtp] = useState('');
     const [captchaImage, setCaptchaImage] = useState('');
     const [captchCode, setCaptchCode] = useState('');
@@ -47,13 +47,18 @@ const CreateMessageVerifyModal = ({ props }) => {
         };
     }, [visible, countdown]);
     const handleResend = async () => {
-        setCountdown(60);
         const formData = new FormData();
         formData.append('captchaKey', captchaKey);
         formData.append('captcha', captchCode);
         // 重新发送验证码
-        await axios.post(api, formData);
+        const res = await axios.post(api, formData);
+        const { code, detail } = res.data?.status || {};
+        if (code !== 0) {
+            message.error(detail || t('sendFailed', lang));
+            return;
+        }
         message.success(t('sendSuccess', lang));
+        setCountdown(60);
     };
     return (_jsxs(Modal, { width: 420, visible: visible, onClose: () => {
             setVisible(false);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "message-verify",
-  "version": "1.0.0-beta.6",
+  "version": "1.0.0-beta.8",
   "type": "module",
   "main": "dist/index.js",
   "dependencies": {

package/src/index.tsx

@@ -3,7 +3,13 @@ import VerifyModal from './verify-modal.js'
 import Fingerprint2 from 'fingerprintjs2';
 import { ModalConfig } from './utils/type.js';
 
+let cachedFingerprint: string | null = null;
 export const initFingerprint = async (): Promise<string> => {
+    if (cachedFingerprint) {
+        // 已有缓存，直接返回 Promise
+        return Promise.resolve(cachedFingerprint);
+    }
+    // 首次异步获取并缓存
     return new Promise((resolve) => {
         Fingerprint2.get(function (components) {
             const includeKeys = ['userAgent', 'deviceMemory', 'cpuClass', 'hardwareConcurrency', 'platform'];
@@ -12,6 +18,7 @@ export const initFingerprint = async (): Promise<string> => {
                 .map(component => component.value)
                 .join('###');
             const fingerprint = Fingerprint2.x64hash128(values, 31);
+            cachedFingerprint = fingerprint;
             resolve(fingerprint);
         });
     });

package/src/locales/en.ts

@@ -4,6 +4,7 @@ export default {
     verifyCode: 'Verification Code',
     pleaseEnterAndSend: 'Please enter the image verification code first, then resend the code',
     sendSuccess: 'Successfully sent',
+    sendFailed: 'Send failed',
     reSend: 'Resend',
     countDownSecound: '{countdown} seconds'
 };

package/src/locales/id.ts

@@ -4,6 +4,7 @@ export default {
     verifyCode: 'Kode Verifikasi',
     pleaseEnterAndSend: 'Harap masukkan kode verifikasi gambar terlebih dahulu, lalu kirim ulang kode',
     sendSuccess: 'Berhasil dikirim',
+    sendFailed: 'Gagal mengirim',
     reSend: 'Kirim Ulang',
     countDownSecound: '{countdown} detik'
 };

package/src/locales/zh.ts

@@ -4,6 +4,7 @@ export default {
     verifyCode: '验证码',
     pleaseEnterAndSend: '请输入图形验证码后，重新发送验证码',
     sendSuccess: '发送成功',
+    sendFailed: '发送失败',
     reSend: '重新发送',
     countDownSecound: '{countdown}秒'
 };

package/src/verify-modal.tsx

@@ -3,11 +3,11 @@ import { Modal, Input, Button, message } from './compoments/index.js'
 import Api from './resource.js'
 import t from './utils/i18n.js'
 import { ModalConfig } from './utils/type.js';
-import { axios } from '@yqg/resource';
+import { axios, customPost } from '@yqg/resource';
 
 const CreateMessageVerifyModal = ({ props }: { props: ModalConfig }) => {
     const [visible, setVisible] = useState(true);
-    const [countdown, setCountdown] = useState(60);
+    const [countdown, setCountdown] = useState(2);
     const [otp, setOtp] = useState('');
     const [captchaImage, setCaptchaImage] = useState<string>('');
     const [captchCode, setCaptchCode] = useState<string>('');
@@ -49,13 +49,18 @@ const CreateMessageVerifyModal = ({ props }: { props: ModalConfig }) => {
     }, [visible, countdown]);
 
     const handleResend = async () => {
-        setCountdown(60);
         const formData = new FormData();
         formData.append('captchaKey', captchaKey);
         formData.append('captcha', captchCode);
         // 重新发送验证码
-        await axios.post(api, formData);
+        const res = await axios.post(api, formData);
+        const { code, detail } = res.data?.status || {};
+        if (code !== 0) {
+            message.error(detail || t('sendFailed', lang));
+            return;
+        }
         message.success(t('sendSuccess', lang));
+        setCountdown(60);
     }
 
     return (