message-verify 1.0.1-beta.0 → 1.0.1-beta.10

package/dist/index.d.ts

@@ -1,3 +1,4 @@
-import { ModalConfig } from './utils/type.js';
+import { ModalConfig, LoginModalConfig } from './utils/type.js';
 export declare const initFingerprint: () => Promise<string>;
 export declare const createMessageVerifyModal: (modalProps: ModalConfig) => void;
+export declare const createReLoginModal: (modalProps: LoginModalConfig) => void;

package/dist/index.js

@@ -2,16 +2,18 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import ReactDOM from 'react-dom/client';
 import VerifyModal from './verify-modal.js';
 import Fingerprint2 from 'fingerprintjs2';
+import ReLoginModal from './relogin-modal.js';
 let cachedFingerprint = null;
 export const initFingerprint = async () => {
+    // 优先从 window 取
+    if (typeof window !== 'undefined' && window.__YQG_FINGERPRINT__) {
+        return Promise.resolve(window.__YQG_FINGERPRINT__);
+    }
     if (cachedFingerprint) {
-        // 已有缓存，直接返回 Promise
         return Promise.resolve(cachedFingerprint);
     }
-    // 首次异步获取并缓存
     return new Promise((resolve) => {
         Fingerprint2.get(function (components) {
-            console.log('components', components);
             const includeKeys = ['userAgent', 'deviceMemory', 'cpuClass', 'hardwareConcurrency', 'platform'];
             const values = components
                 .filter(component => includeKeys.includes(component.key))
@@ -19,6 +21,9 @@ export const initFingerprint = async () => {
                 .join('###');
             const fingerprint = Fingerprint2.x64hash128(values, 31);
             cachedFingerprint = fingerprint;
+            if (typeof window !== 'undefined') {
+                window.__YQG_FINGERPRINT__ = fingerprint;
+            }
             resolve(fingerprint);
         });
     });
@@ -37,6 +42,16 @@ export const createMessageVerifyModal = (modalProps) => {
             }
         } }));
 };
+// 新增 relogin 弹窗创建方法
+export const createReLoginModal = (modalProps) => {
+    const container = document.createElement('div');
+    container.id = 'antd-modal-container';
+    document.body.appendChild(container);
+    modalRoot = ReactDOM.createRoot(container);
+    modalRoot.render(_jsx(ReLoginModal, { props: {
+            ...modalProps,
+        } }));
+};
 const destroyModal = () => {
     if (modalRoot) {
         modalRoot.unmount();

package/dist/locales/en.d.ts

@@ -7,5 +7,8 @@ declare const _default: {
     sendFailed: string;
     reSend: string;
     countDownSecound: string;
+    accountAlert: string;
+    alertContent: string;
+    ok: string;
 };
 export default _default;

package/dist/locales/en.js

@@ -6,5 +6,8 @@ export default {
     sendSuccess: 'Successfully sent',
     sendFailed: 'Send failed',
     reSend: 'Resend',
-    countDownSecound: '{countdown} seconds'
+    countDownSecound: '{countdown} seconds',
+    accountAlert: 'Account Security Alert',
+    alertContent: 'Changes have been detected in your login environment or network information.To ensure account security, please log in again to verify your identity.',
+    ok: 'OK'
 };

package/dist/locales/id.d.ts

@@ -7,5 +7,8 @@ declare const _default: {
     sendFailed: string;
     reSend: string;
     countDownSecound: string;
+    accountAlert: string;
+    alertContent: string;
+    ok: string;
 };
 export default _default;

package/dist/locales/id.js

@@ -6,5 +6,8 @@ export default {
     sendSuccess: 'Berhasil dikirim',
     sendFailed: 'Gagal mengirim',
     reSend: 'Kirim Ulang',
-    countDownSecound: '{countdown} detik'
+    countDownSecound: '{countdown} detik',
+    accountAlert: 'Peringatan Keamanan Akun',
+    alertContent: 'Terdeteksi perubahan pada lingkungan login atau informasi jaringan Anda.Untuk menjaga keamanan akun, silakan login kembali untuk memverifikasi identitas Anda.',
+    ok: 'Baiklah'
 };

package/dist/locales/zh.d.ts

@@ -7,5 +7,8 @@ declare const _default: {
     sendFailed: string;
     reSend: string;
     countDownSecound: string;
+    accountAlert: string;
+    alertContent: string;
+    ok: string;
 };
 export default _default;

package/dist/locales/zh.js

@@ -6,5 +6,8 @@ export default {
     sendSuccess: '发送成功',
     sendFailed: '发送失败',
     reSend: '重新发送',
-    countDownSecound: '{countdown}秒'
+    countDownSecound: '{countdown}秒',
+    accountAlert: '账号安全提醒',
+    alertContent: '检测到您的登录环境或网络信息有变动，为保障账户安全，请重新登录验证身份',
+    ok: '好的'
 };

package/dist/main.js

@@ -1,13 +1,59 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { createRoot } from 'react-dom/client';
-import { createMessageVerifyModal, initFingerprint } from './index.js'; // 或 './index'
+import { createMessageVerifyModal, initFingerprint, createReLoginModal } from './index.js'; // 或 './index'
 import { axios } from '@yqg/resource';
 const data = "{\"mobile\":\"188****4035\",\"verifyCodeKey\":\"3f025b33-988e-47c0-950d-6beb776d043f\",\"needValid\":true,\"step\":2,\"message\":\"需要填写验证码\"}";
 const fp = await initFingerprint();
 console.log(fp);
-createRoot(document.getElementById('root')).render(_jsx(_Fragment, { children: _jsx("button", { onClick: () => createMessageVerifyModal({
-            data,
-            config: { headers: {} },
-            lang: 'en',
-            http: axios,
-        }), children: "Show verify Modal" }) }));
+const config = {
+    "transitional": {
+        "silentJSONParsing": true,
+        "forcedJSONParsing": true,
+        "clarifyTimeoutError": false
+    },
+    "transformRequest": [
+        null
+    ],
+    "transformResponse": [
+        null
+    ],
+    "timeout": 0,
+    "xsrfCookieName": "XSRF-TOKEN",
+    "xsrfHeaderName": "X-XSRF-TOKEN",
+    "maxContentLength": -1,
+    "maxBodyLength": -1,
+    "headers": {
+        "Accept": "application/json, text/plain, */*",
+        "X-Device-Fingerprint": "185fcce88c629725321adf29daa5e444",
+        "Content-Type": "application/json",
+        "sms-code": "121212",
+        "sms-code-key": "212190c7-2f5e-4cc1-82ec-a242c2ab5425"
+    },
+    "url": "/classification/admin/level/edit",
+    "method": "post",
+    "dataFormat": "JSON",
+    "showRequestData": true,
+    "showResponseData": false,
+    "showGeneralResponseData": true,
+    "headersList": [],
+    "requestDataFunc": "\nfunction(formFilterData){\n  // 这里写你的处理逻辑\n  return {\n    ...formFilterData,\n    'classificationLevel': 2 //等级\n  }\n}\n",
+    "responseDataFunc": "",
+    "responseGeneralDataFunc": "function(req, { data, util, window }) {\n  return req\n    .then((response) => {\n      return Promise.resolve({\n        status: {\n          code: 0,\n        }\n      })\n    })\n    .catch((error) => {\n      // 检查是否有响应数据\n      if (error.response && error.response.data) {\n        const responseData = error.response.data;\n        const detail = responseData.body?.status?.detail || responseData.status?.detail;\n        if (detail) {\n          util.message.error(detail);\n        } else {\n          util.message.error('编辑失败，请重试');\n        }\n      } else {\n        util.message.error('编辑失败，请重试');\n      }\n      console.error('Error during deletion:', error);\n    });\n}",
+    "formInstance": {},
+    "data": "{\"id\":1,\"classificationName\":\"个人基本概况信息\",\"classificationLevel\":2}",
+    "baseURL": "http://localhost:62888"
+};
+createRoot(document.getElementById('root')).render(_jsxs(_Fragment, { children: [_jsx("button", { onClick: () => createMessageVerifyModal({
+                data,
+                config,
+                response: {
+                    config
+                },
+                lang: 'en',
+                http: axios,
+            }), children: "Show verify Modal" }), _jsx("button", { onClick: () => createReLoginModal({
+                goLogin: () => {
+                    console.log('goLogin');
+                },
+                lang: 'zh',
+            }), children: "Show login Modal" })] }));

package/dist/relogin-modal.d.ts

@@ -1,5 +1,5 @@
-import { ModalConfig } from './utils/type.js';
+import { LoginModalConfig } from './utils/type.js';
 declare const ReLoginModal: ({ props }: {
-    props: ModalConfig;
+    props: LoginModalConfig;
 }) => import("react/jsx-runtime.js").JSX.Element;
 export default ReLoginModal;

package/dist/relogin-modal.js

@@ -1,22 +1,23 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { Modal, Button } from './compoments/index.js';
+import t from './utils/i18n.js';
 const ReLoginModal = ({ props }) => {
-    console.log('props', props);
+    const { goLogin, lang } = props || {};
     const [visible, setVisible] = useState(true);
     const onClose = () => {
         setVisible(false);
+        goLogin();
     };
-    return (_jsxs(Modal, { visible: visible, onClose: onClose, width: 420, children: [_jsx("div", { style: { fontWeight: 500, fontSize: 20, marginBottom: 24 }, children: "\u8D26\u53F7\u5B89\u5168\u63D0\u9192" }), _jsx("div", { style: { color: '#222', fontSize: 16, marginBottom: 40, lineHeight: '24px' }, children: "\u68C0\u6D4B\u5230\u60A8\u7684\u767B\u5F55\u73AF\u5883\u6216\u7F51\u7EDC\u4FE1\u606F\u6709\u53D8\u52A8\uFF0C\u4E3A\u4FDD\u969C\u8D26\u6237\u5B89\u5168\uFF0C\u8BF7\u91CD\u65B0\u767B\u5F55\u9A8C\u8BC1\u8EAB\u4EFD" }), _jsx("div", { style: { display: 'flex', justifyContent: 'center' }, children: _jsx(Button, { style: {
+    return (_jsxs(Modal, { visible: visible, onClose: onClose, width: 420, children: [_jsx("div", { style: { fontWeight: 500, fontSize: 20, marginBottom: 24 }, children: t('accountAlert', lang) }), _jsx("div", { style: { color: '#222', fontSize: 16, marginBottom: 40, lineHeight: '24px' }, children: t('alertContent', lang) }), _jsx("div", { style: { display: 'flex', justifyContent: 'center' }, children: _jsx(Button, { style: {
                         background: '#1677ff',
                         color: '#fff',
                         border: 'none',
-                        width: 160,
-                        height: 44,
-                        fontSize: 18,
-                        fontWeight: 500,
+                        width: 80,
+                        height: 36,
+                        fontSize: 14,
                         borderRadius: 8,
                         boxShadow: '0 2px 8px rgba(22,119,255,0.08)',
-                    }, onClick: onClose, children: "\u597D\u7684" }) })] }));
+                    }, onClick: onClose, children: t('ok', lang) }) })] }));
 };
 export default ReLoginModal;

package/dist/utils/type.d.ts

@@ -7,7 +7,7 @@ export type ModalConfig = {
         };
         [key: string]: unknown;
     };
-    lang: 'zh' | 'en' | 'id';
+    lang?: 'zh' | 'en' | 'id';
     http: {
         (params: object): Promise<unknown>;
         defaults: {
@@ -19,4 +19,9 @@ export type ModalConfig = {
         };
     };
     api?: string;
+    response: any;
+};
+export type LoginModalConfig = {
+    goLogin: () => void;
+    lang?: 'zh' | 'en' | 'id';
 };

package/dist/verify-modal.js

@@ -11,7 +11,7 @@ const CreateMessageVerifyModal = ({ props }) => {
     const [captchaImage, setCaptchaImage] = useState('');
     const [captchCode, setCaptchCode] = useState('');
     const [captchaKey, setCaptchaKey] = useState('');
-    const { data, config, http, lang, api = '/admin/sms/send' } = props || {};
+    const { data, http, lang, api = '/admin/sms/send', response } = props || {};
     const dataObj = JSON.parse(data || '{}');
     const { mobile, verifyCodeKey } = dataObj || {};
     const getKey = async () => {
@@ -66,15 +66,26 @@ const CreateMessageVerifyModal = ({ props }) => {
         }, children: [_jsx("div", { style: { fontSize: 14, color: '#666' }, children: t('alreadySend', lang, { phone: mobile }) }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 8, marginTop: 12 }, children: [_jsx(Input.OTP, { length: 6, value: otp, onChange: async (val) => {
                             setOtp(val);
                             if (val.length === 6) {
+                                const { data: { status: { code, detail } = {} } } = response || {};
                                 http({
-                                    ...config,
+                                    ...response?.config,
                                     headers: {
                                         ...http.defaults.headers.common,
                                         'sms-code': val,
                                         'sms-code-key': verifyCodeKey,
-                                        'Content-Type': config.headers['Content-Type'],
+                                        'Content-Type': response?.config.headers['Content-Type'],
                                     }
                                 });
+                                console.log('=>response===>', response);
+                                if (code !== 0) {
+                                    const detailObj = JSON.parse(detail || '{}');
+                                    message.error(detailObj?.message || t('verifyFailed', lang));
+                                    return;
+                                }
+                                else {
+                                    message.success(t('verifySuccess', lang));
+                                    // setVisible(false);
+                                }
                                 setVisible(false);
                             }
                         } }), _jsx(Button, { disabled: countdown > 0 || !captchCode, onClick: handleResend, style: { padding: '8px' }, children: countdown > 0 ? t('countDownSecound', lang, { countdown }) : t('reSend', lang) })] }), countdown > 0 ? null :

package/package.json

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

package/src/index.tsx

@@ -1,18 +1,21 @@
 import ReactDOM from 'react-dom/client'
 import VerifyModal from './verify-modal.js'
 import Fingerprint2 from 'fingerprintjs2';
-import { ModalConfig } from './utils/type.js';
+import ReLoginModal from './relogin-modal.js';
+import { ModalConfig, LoginModalConfig } from './utils/type.js';
 
 let cachedFingerprint: string | null = null;
+
 export const initFingerprint = async (): Promise<string> => {
+    // 优先从 window 取
+    if (typeof window !== 'undefined' && (window as any).__YQG_FINGERPRINT__) {
+        return Promise.resolve((window as any).__YQG_FINGERPRINT__);
+    }
     if (cachedFingerprint) {
-        // 已有缓存，直接返回 Promise
         return Promise.resolve(cachedFingerprint);
     }
-    // 首次异步获取并缓存
     return new Promise((resolve) => {
         Fingerprint2.get(function (components) {
-          console.log('components', components);
             const includeKeys = ['userAgent', 'deviceMemory', 'cpuClass', 'hardwareConcurrency', 'platform'];
             const values = components
                 .filter(component => includeKeys.includes(component.key))
@@ -20,6 +23,9 @@ export const initFingerprint = async (): Promise<string> => {
                 .join('###');
             const fingerprint = Fingerprint2.x64hash128(values, 31);
             cachedFingerprint = fingerprint;
+            if (typeof window !== 'undefined') {
+                (window as any).__YQG_FINGERPRINT__ = fingerprint;
+            }
             resolve(fingerprint);
         });
     });
@@ -46,6 +52,22 @@ export const createMessageVerifyModal = (modalProps: ModalConfig) => {
   )
 }
 
+// 新增 relogin 弹窗创建方法
+export const createReLoginModal = (modalProps: LoginModalConfig) => {
+  const container = document.createElement('div')
+  container.id = 'antd-modal-container'
+  document.body.appendChild(container)
+
+  modalRoot = ReactDOM.createRoot(container)
+  modalRoot.render(
+    <ReLoginModal
+      props={{
+        ...modalProps,
+      }}
+    />
+  )
+}
+
 const destroyModal = () => {
   if (modalRoot) {
     modalRoot.unmount()

package/src/locales/en.ts

@@ -6,5 +6,8 @@ export default {
     sendSuccess: 'Successfully sent',
     sendFailed: 'Send failed',
     reSend: 'Resend',
-    countDownSecound: '{countdown} seconds'
+    countDownSecound: '{countdown} seconds',
+    accountAlert: 'Account Security Alert',
+    alertContent: 'Changes have been detected in your login environment or network information.To ensure account security, please log in again to verify your identity.',
+    ok: 'OK'
 };

package/src/locales/id.ts

@@ -6,5 +6,8 @@ export default {
     sendSuccess: 'Berhasil dikirim',
     sendFailed: 'Gagal mengirim',
     reSend: 'Kirim Ulang',
-    countDownSecound: '{countdown} detik'
+    countDownSecound: '{countdown} detik',
+    accountAlert: 'Peringatan Keamanan Akun',
+    alertContent: 'Terdeteksi perubahan pada lingkungan login atau informasi jaringan Anda.Untuk menjaga keamanan akun, silakan login kembali untuk memverifikasi identitas Anda.',
+    ok: 'Baiklah'
 };

package/src/locales/zh.ts

@@ -6,5 +6,8 @@ export default {
     sendSuccess: '发送成功',
     sendFailed: '发送失败',
     reSend: '重新发送',
-    countDownSecound: '{countdown}秒'
+    countDownSecound: '{countdown}秒',
+    accountAlert: '账号安全提醒',
+    alertContent: '检测到您的登录环境或网络信息有变动，为保障账户安全，请重新登录验证身份',
+    ok: '好的'
 };

package/src/main.tsx

@@ -1,5 +1,5 @@
 import { createRoot } from 'react-dom/client';
-import { createMessageVerifyModal, initFingerprint } from './index.js'; // 或 './index'
+import { createMessageVerifyModal, initFingerprint, createReLoginModal } from './index.js'; // 或 './index'
 import { axios } from '@yqg/resource';
 
 const data = "{\"mobile\":\"188****4035\",\"verifyCodeKey\":\"3f025b33-988e-47c0-950d-6beb776d043f\",\"needValid\":true,\"step\":2,\"message\":\"需要填写验证码\"}";
@@ -7,14 +7,63 @@ const data = "{\"mobile\":\"188****4035\",\"verifyCodeKey\":\"3f025b33-988e-47c0
 const fp = await initFingerprint();
 console.log(fp);
 
+const config = {
+    "transitional": {
+        "silentJSONParsing": true,
+        "forcedJSONParsing": true,
+        "clarifyTimeoutError": false
+    },
+    "transformRequest": [
+        null
+    ],
+    "transformResponse": [
+        null
+    ],
+    "timeout": 0,
+    "xsrfCookieName": "XSRF-TOKEN",
+    "xsrfHeaderName": "X-XSRF-TOKEN",
+    "maxContentLength": -1,
+    "maxBodyLength": -1,
+    "headers": {
+        "Accept": "application/json, text/plain, */*",
+        "X-Device-Fingerprint": "185fcce88c629725321adf29daa5e444",
+        "Content-Type": "application/json",
+        "sms-code": "121212",
+        "sms-code-key": "212190c7-2f5e-4cc1-82ec-a242c2ab5425"
+    },
+    "url": "/classification/admin/level/edit",
+    "method": "post",
+    "dataFormat": "JSON",
+    "showRequestData": true,
+    "showResponseData": false,
+    "showGeneralResponseData": true,
+    "headersList": [],
+    "requestDataFunc": "\nfunction(formFilterData){\n  // 这里写你的处理逻辑\n  return {\n    ...formFilterData,\n    'classificationLevel': 2 //等级\n  }\n}\n",
+    "responseDataFunc": "",
+    "responseGeneralDataFunc": "function(req, { data, util, window }) {\n  return req\n    .then((response) => {\n      return Promise.resolve({\n        status: {\n          code: 0,\n        }\n      })\n    })\n    .catch((error) => {\n      // 检查是否有响应数据\n      if (error.response && error.response.data) {\n        const responseData = error.response.data;\n        const detail = responseData.body?.status?.detail || responseData.status?.detail;\n        if (detail) {\n          util.message.error(detail);\n        } else {\n          util.message.error('编辑失败，请重试');\n        }\n      } else {\n        util.message.error('编辑失败，请重试');\n      }\n      console.error('Error during deletion:', error);\n    });\n}",
+    "formInstance": {},
+    "data": "{\"id\":1,\"classificationName\":\"个人基本概况信息\",\"classificationLevel\":2}",
+    "baseURL": "http://localhost:62888"
+};
 createRoot(document.getElementById('root')!).render(
     <>
-    <button onClick={() => createMessageVerifyModal({ 
-        data,
-        config: {headers: {}},
-        lang: 'en',
-        http: axios,
-    })}>
-      Show verify Modal
-    </button>
+        <button onClick={() => createMessageVerifyModal({
+            data,
+            config,
+            response: {
+                config
+            },
+            lang: 'en',
+            http: axios,
+        })}>
+            Show verify Modal
+        </button>
+        <button  onClick={() => createReLoginModal({
+            goLogin: () => {
+                console.log('goLogin');
+            },
+            lang: 'zh',
+        })}>
+            Show login Modal
+        </button>
     </>);

package/src/relogin-modal.tsx

@@ -1,20 +1,22 @@
 import { useState } from 'react'
 import { Modal, Button } from './compoments/index.js'
-import { ModalConfig } from './utils/type.js';
+import { LoginModalConfig } from './utils/type.js';
+import t from './utils/i18n.js'
 
-const ReLoginModal = ({ props }: { props: ModalConfig }) => {
-    console.log('props', props);
+const ReLoginModal = ({ props }: { props: LoginModalConfig }) => {
+    const { goLogin, lang } = props || {};
     const [visible, setVisible] = useState(true);
     const onClose = () => {
         setVisible(false);
+        goLogin();
     };
     return (
         <Modal visible={visible} onClose={onClose} width={420}>
             <div style={{ fontWeight: 500, fontSize: 20, marginBottom: 24 }}>
-                账号安全提醒
+                {t('accountAlert', lang)}
             </div>
             <div style={{ color: '#222', fontSize: 16, marginBottom: 40, lineHeight: '24px' }}>
-                检测到您的登录环境或网络信息有变动，为保障账户安全，请重新登录验证身份
+                {t('alertContent', lang)}
             </div>
             <div style={{ display: 'flex', justifyContent: 'center' }}>
                 <Button
@@ -22,16 +24,15 @@ const ReLoginModal = ({ props }: { props: ModalConfig }) => {
                         background: '#1677ff',
                         color: '#fff',
                         border: 'none',
-                        width: 160,
-                        height: 44,
-                        fontSize: 18,
-                        fontWeight: 500,
+                        width: 80,
+                        height: 36,
+                        fontSize: 14,
                         borderRadius: 8,
                         boxShadow: '0 2px 8px rgba(22,119,255,0.08)',
                     }}
                     onClick={onClose}
                 >
-                    好的
+                    {t('ok', lang)}
                 </Button>
             </div>
         </Modal>

package/src/utils/type.ts

@@ -8,7 +8,7 @@ export type ModalConfig = {
         };
         [key: string]: unknown;
     };
-    lang: 'zh' | 'en' | 'id';
+    lang?: 'zh' | 'en' | 'id';
     http: {
         (params: object): Promise<unknown>;
         defaults: {
@@ -20,4 +20,10 @@ export type ModalConfig = {
         }
     };
     api?: string;
+    response: any;
+}
+
+export type LoginModalConfig = {
+    goLogin: () => void;
+    lang?: 'zh' | 'en' | 'id';
 }

package/src/verify-modal.tsx

@@ -12,7 +12,7 @@ const CreateMessageVerifyModal = ({ props }: { props: ModalConfig }) => {
     const [captchaImage, setCaptchaImage] = useState<string>('');
     const [captchCode, setCaptchCode] = useState<string>('');
     const [captchaKey, setCaptchaKey] = useState<string>('');
-    const { data, config, http, lang, api='/admin/sms/send' } = props || {};
+    const { data, http, lang, api='/admin/sms/send', response } = props || {};
     const dataObj = JSON.parse(data || '{}');
     const { mobile, verifyCodeKey } = dataObj || {};
 
@@ -81,15 +81,25 @@ const CreateMessageVerifyModal = ({ props }: { props: ModalConfig }) => {
                     onChange={async (val) => {
                         setOtp(val);
                         if (val.length === 6) {
+                            const {data: {status: {code, detail} = {}}} = response || {};
                             http({
-                                ...config,
+                                ...response?.config,
                                 headers: {
                                     ...http.defaults.headers.common,
                                     'sms-code': val,
                                     'sms-code-key': verifyCodeKey,
-                                    'Content-Type': config.headers['Content-Type'],
+                                    'Content-Type': response?.config.headers['Content-Type'],
                                 }
                             }) as any;
+                            console.log('=>response===>', response);
+                            if(code !== 0) {
+                                const detailObj = JSON.parse(detail || '{}');
+                                message.error(detailObj?.message || t('verifyFailed', lang));
+                                return;
+                            } else {
+                                message.success(t('verifySuccess', lang));
+                                // setVisible(false);
+                            }
                             setVisible(false);
                         }
                     }} />