message-verify 1.0.1-beta.74 → 1.0.1-beta.9

package/.arcconfig

@@ -1,5 +1,4 @@
 {
-  "project.name": "message-verify",
   "phabricator.uri": "https://code.yangqianguan.com/",
   "lint.engine": "YqgWebDiffLintEngine"
 }

package/dist/compoments/button.js

@@ -3,6 +3,8 @@ const Button = ({ disabled, onClick, children, style }) => {
     const handleClick = (e) => {
         if (!disabled) {
             onClick?.(e);
+            // 这里可以记录点击事件
+            console.log('按钮被点击');
         }
     };
     return (_jsx("button", { disabled: disabled, onClick: handleClick, style: {

package/dist/index.d.ts

@@ -1,8 +1,4 @@
-import { VerifyModalConfig, LoginModalConfig } 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;
-export declare const VerifyHandler: {
-    _currentUrl: string;
-    createModal: ({ data, config, http, verifyPromise, sendApi }: VerifyModalConfig) => Promise<any>;
-    getResponse: (response: any) => any;
-};

package/dist/index.js

@@ -1,86 +1,57 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import ReactDOM from 'react-dom/client';
-import VerifyModal from './modal/verify-modal.js';
+import VerifyModal from './verify-modal.js';
 import Fingerprint2 from 'fingerprintjs2';
-import ReLoginModal from './modal/relogin-modal.js';
-import eventEmitter from './utils/eventEmitter.js';
-let fingerprintPromise = null; // 用 Promise 本身作为缓存
-let modalRoot = null;
+import ReLoginModal from './relogin-modal.js';
+let cachedFingerprint = null;
 export const initFingerprint = async () => {
-    console.log('fingerprintPromise:', fingerprintPromise);
-    if (!fingerprintPromise) {
-        fingerprintPromise = new Promise((resolve) => {
-            Fingerprint2.get(components => {
-                const includeKeys = ['userAgent', 'cpuClass', 'hardwareConcurrency', 'platform'];
-                console.log('components:', components);
-                const values = components
-                    .filter(c => includeKeys.includes(c.key))
-                    .map(c => c.value)
-                    .join('###');
-                console.log('values:', values);
-                const fingerprint = Fingerprint2.x64hash128(values, 31);
-                console.log('fingerprint:', fingerprint);
-                resolve(fingerprint);
-            });
-        });
-    }
-    return fingerprintPromise;
-};
-const destroyModal = (modalId) => {
-    if (modalRoot) {
-        modalRoot.unmount();
-        document.getElementById(modalId)?.remove();
-        modalRoot = null;
+    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))
+                .map(component => component.value)
+                .join('###');
+            const fingerprint = Fingerprint2.x64hash128(values, 31);
+            cachedFingerprint = fingerprint;
+            resolve(fingerprint);
+        });
+    });
 };
-const creatModal = (modalProps, modalId, ModalDom) => {
-    destroyModal(modalId);
+let modalRoot = null;
+export const createMessageVerifyModal = (modalProps) => {
     const container = document.createElement('div');
-    container.id = modalId;
+    container.id = 'antd-modal-container';
     document.body.appendChild(container);
     modalRoot = ReactDOM.createRoot(container);
-    modalRoot.render(_jsx(ModalDom, { props: {
+    modalRoot.render(_jsx(VerifyModal, { props: {
             ...modalProps,
             onClose: () => {
-                destroyModal(modalId);
+                modalProps.onClose?.();
+                destroyModal();
             }
         } }));
 };
-const createMessageVerifyModal = (modalProps) => {
-    const verifyModalId = 'verify-modal-container';
-    creatModal(modalProps, verifyModalId, VerifyModal);
-};
 // 新增 relogin 弹窗创建方法
 export const createReLoginModal = (modalProps) => {
-    const reLoginModalId = 'relogin-modal-container';
-    creatModal(modalProps, reLoginModalId, ReLoginModal);
+    const container = document.createElement('div');
+    container.id = 'antd-modal-container';
+    document.body.appendChild(container);
+    modalRoot = ReactDOM.createRoot(container);
+    modalRoot.render(_jsx(ReLoginModal, { props: {
+            ...modalProps,
+        } }));
 };
-export const VerifyHandler = {
-    _currentUrl: '',
-    createModal: ({ data, config, http, verifyPromise, sendApi }) => {
-        VerifyHandler._currentUrl = config?.url || '';
-        const toEmpty = () => {
-            verifyPromise.current = null;
-        };
-        if (!verifyPromise.current) {
-            verifyPromise.current = new Promise((resolve, reject) => {
-                createMessageVerifyModal({
-                    data,
-                    config,
-                    http,
-                    apiResolve: resolve,
-                    apiReject: reject,
-                    apiPromiseToEmpty: toEmpty,
-                    sendApi
-                });
-            }).finally(toEmpty);
-        }
-        return verifyPromise.current;
-    },
-    getResponse: (response) => {
-        if (VerifyHandler._currentUrl === response?.config?.url) {
-            eventEmitter.emit('response', response?.data?.status?.code ?? -1);
-        }
-        return response;
+const destroyModal = () => {
+    if (modalRoot) {
+        modalRoot.unmount();
+        document.getElementById('antd-modal-container')?.remove();
+        modalRoot = null;
     }
 };

package/dist/locales/en.d.ts

@@ -10,7 +10,5 @@ declare const _default: {
     accountAlert: string;
     alertContent: string;
     ok: string;
-    chidoriOpenPro: string;
-    verifyFail: string;
 };
 export default _default;

package/dist/locales/en.js

@@ -9,7 +9,5 @@ export default {
     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',
-    chidoriOpenPro: 'Chidori has activated security protection for you',
-    verifyFail: 'Validation failed'
+    ok: 'OK'
 };

package/dist/locales/id.d.ts

@@ -10,7 +10,5 @@ declare const _default: {
     accountAlert: string;
     alertContent: string;
     ok: string;
-    chidoriOpenPro: string;
-    verifyFail: string;
 };
 export default _default;

package/dist/locales/id.js

@@ -9,7 +9,5 @@ export default {
     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',
-    chidoriOpenPro: 'chidori telah mengaktifkan keamanan untuk Anda',
-    verifyFail: 'Autentikasi gagal'
+    ok: 'Baiklah'
 };

package/dist/locales/zh.d.ts

@@ -10,7 +10,5 @@ declare const _default: {
     accountAlert: string;
     alertContent: string;
     ok: string;
-    chidoriOpenPro: string;
-    verifyFail: string;
 };
 export default _default;

package/dist/locales/zh.js

@@ -9,7 +9,5 @@ export default {
     countDownSecound: '{countdown}秒',
     accountAlert: '账号安全提醒',
     alertContent: '检测到您的登录环境或网络信息有变动，为保障账户安全，请重新登录验证身份',
-    ok: '好的',
-    chidoriOpenPro: 'chidori已为您开启安全防护',
-    verifyFail: '验证失败'
+    ok: '好的'
 };

package/dist/main.js

@@ -1,17 +1,22 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { createRoot } from 'react-dom/client';
-import { initFingerprint, createReLoginModal, VerifyHandler } 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();
-const fp2 = await initFingerprint();
-console.log(fp, fp2);
+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",
@@ -19,8 +24,10 @@ const config = {
     "maxBodyLength": -1,
     "headers": {
         "Accept": "application/json, text/plain, */*",
-        "X-Device-Fingerprint": "531f14c7176b16ebeb18e2b23d6bd124",
-        "Content-Type": "application/json"
+        "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",
@@ -36,10 +43,15 @@ const config = {
     "data": "{\"id\":1,\"classificationName\":\"个人基本概况信息\",\"classificationLevel\":2}",
     "baseURL": "http://localhost:62888"
 };
-const promise = { current: null };
-createRoot(document.getElementById('root')).render(_jsxs(_Fragment, { children: [_jsx("button", { onClick: () => {
-                return VerifyHandler.createModal({ data, config, http: axios, verifyPromise: promise });
-            }, children: "Show verify Modal" }), _jsx("button", { onClick: () => createReLoginModal({
+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');
                 },

package/dist/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["../src/index.tsx","../src/main.tsx","../src/vite-env.d.ts","../src/compoments/button.tsx","../src/compoments/index.ts","../src/compoments/input.tsx","../src/compoments/message.tsx","../src/compoments/modal.tsx","../src/locales/en.ts","../src/locales/id.ts","../src/locales/zh.ts","../src/modal/relogin-modal.tsx","../src/modal/verify-modal.tsx","../src/utils/eventemitter.ts","../src/utils/i18n.ts","../src/utils/resource.ts","../src/utils/status.ts","../src/utils/type.ts"],"version":"5.7.3"}
+{"root":["../src/index.tsx","../src/main.tsx","../src/relogin-modal.tsx","../src/resource.ts","../src/verify-modal.tsx","../src/vite-env.d.ts","../src/compoments/button.tsx","../src/compoments/index.ts","../src/compoments/input.tsx","../src/compoments/message.tsx","../src/compoments/modal.tsx","../src/locales/en.ts","../src/locales/id.ts","../src/locales/zh.ts","../src/utils/i18n.ts","../src/utils/status.ts","../src/utils/type.ts"],"version":"5.7.3"}

package/dist/utils/type.d.ts

@@ -1,4 +1,4 @@
-export type VerifyModalConfig = {
+export type ModalConfig = {
     data: string;
     onClose?: () => void;
     config: {
@@ -18,16 +18,10 @@ export type VerifyModalConfig = {
             };
         };
     };
-    sendApi?: string;
-    apiReject?: any;
-    apiResolve?: any;
-    apiPromiseToEmpty?: () => void;
-    verifyPromise: {
-        current: Promise<any> | null;
-    };
+    api?: string;
+    response: any;
 };
 export type LoginModalConfig = {
     goLogin: () => void;
-    onClose?: () => void;
     lang?: 'zh' | 'en' | 'id';
 };

package/dist/verify-modal.d.ts

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

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, http, lang, sendApi = '/admin/sms/send', config, apiResolve, apiPromiseToEmpty } = props || {};
+    const { data, http, lang, api = '/admin/sms/send', response } = props || {};
     const dataObj = JSON.parse(data || '{}');
     const { mobile, verifyCodeKey } = dataObj || {};
     const getKey = async () => {
@@ -51,65 +51,46 @@ const CreateMessageVerifyModal = ({ props }) => {
         formData.append('captchaKey', captchaKey);
         formData.append('captcha', captchCode);
         // 重新发送验证码
-        const res = await axios.post(sendApi, 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);
-        setOtp('');
     };
     return (_jsxs(Modal, { width: 420, visible: visible, onClose: () => {
             setVisible(false);
-            apiPromiseToEmpty?.();
             props.onClose?.();
         }, 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) {
-                                try {
-                                    const res = await Promise.race([
-                                        new Promise((resolve, reject) => {
-                                            setTimeout(() => {
-                                                reject(new Error('Timeout'));
-                                            }, 1000);
-                                        }),
-                                        new Promise((resolve, reject) => {
-                                            http({
-                                                ...config,
-                                                headers: {
-                                                    ...http.defaults.headers.common,
-                                                    'sms-code': val,
-                                                    'sms-code-key': verifyCodeKey,
-                                                    'Content-Type': config.headers['Content-Type'],
-                                                }
-                                            }).then(res => {
-                                                resolve(res);
-                                            }).catch(err => {
-                                                reject(err);
-                                            });
-                                        })
-                                    ]);
-                                    if (res?.data?.status?.code === 0) {
-                                        apiResolve(res);
-                                        setVisible(false);
-                                    }
-                                    else {
-                                        message.error('验证失败');
-                                        setOtp('');
+                                const { data: { status: { code, detail } = {} } } = response || {};
+                                http({
+                                    ...response?.config,
+                                    headers: {
+                                        ...http.defaults.headers.common,
+                                        'sms-code': val,
+                                        'sms-code-key': verifyCodeKey,
+                                        '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;
                                 }
-                                catch (error) {
-                                    console.warn('catch', error);
-                                    message.error('验证失败');
-                                    setOtp('');
+                                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 :
                 _jsxs("div", { style: { marginTop: 12, display: 'flex', alignItems: 'center' }, children: [_jsx(Input, { placeholder: t('pleaseEnterPicVerifyCode', lang), onChange: (e) => {
                                 setCaptchCode(e);
-                            }, style: { width: 300 } }), captchaImage && _jsx("img", { src: captchaImage, alt: t('verifyCode', lang), style: { width: 100, height: 30, marginLeft: 8 }, onClick: getKey })] }), (countdown > 0 || captchCode) ? null : _jsx("div", { style: { fontSize: 14, color: 'red' }, children: t('pleaseEnterAndSend', lang) }), _jsx("div", { style: { fontSize: 14, color: '#666', marginTop: 12 }, children: t('chidoriOpenPro', lang) })] }));
+                            }, style: { width: 300 } }), captchaImage && _jsx("img", { src: captchaImage, alt: t('verifyCode', lang), style: { width: 100, height: 30, marginLeft: 8 }, onClick: getKey })] }), (countdown > 0 || captchCode) ? null : _jsx("div", { style: { fontSize: 14, color: 'red' }, children: t('pleaseEnterAndSend', lang) })] }));
 };
 export default CreateMessageVerifyModal;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "message-verify",
-  "version": "1.0.1-beta.74",
+  "version": "1.0.1-beta.9",
   "type": "module",
   "main": "dist/index.js",
   "dependencies": {
@@ -29,7 +29,6 @@
     "build": "tsc -b",
     "analyze": "vite build",
     "lint": "eslint .",
-    "preview": "vite preview",
-    "release:beta": "pnpm version prerelease --preid=beta && pnpm run build && pnpm publish"
+    "preview": "vite preview"
   }
 }

package/src/compoments/button.tsx

@@ -11,6 +11,8 @@ const Button: React.FC<CustomButtonProps> = ({ disabled, onClick, children, styl
     const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {
         if (!disabled) {
             onClick?.(e);
+            // 这里可以记录点击事件
+            console.log('按钮被点击');
         }
     };
 

package/src/index.tsx

@@ -1,96 +1,72 @@
 import ReactDOM from 'react-dom/client'
-import VerifyModal from './modal/verify-modal.js'
+import VerifyModal from './verify-modal.js'
 import Fingerprint2 from 'fingerprintjs2';
-import ReLoginModal from './modal/relogin-modal.js';
-import { VerifyModalConfig, LoginModalConfig } from './utils/type.js';
-import eventEmitter from './utils/eventEmitter.js';
+import ReLoginModal from './relogin-modal.js';
+import { ModalConfig, LoginModalConfig } from './utils/type.js';
 
-let fingerprintPromise: Promise<string> | null = null; // 用 Promise 本身作为缓存
-let modalRoot: ReactDOM.Root | null = null
+let cachedFingerprint: string | null = null;
 export const initFingerprint = async (): Promise<string> => {
-    console.log('fingerprintPromise:', fingerprintPromise);
-    if (!fingerprintPromise) {
-        fingerprintPromise = new Promise((resolve) => {
-            Fingerprint2.get(components => {
-                const includeKeys = ['userAgent', 'cpuClass', 'hardwareConcurrency', 'platform'];
-                console.log('components:', components);
-                const values = components
-                    .filter(c => includeKeys.includes(c.key))
-                    .map(c => c.value)
-                    .join('###');
-                console.log('values:', values);
-                const fingerprint = Fingerprint2.x64hash128(values, 31);
-                console.log('fingerprint:', fingerprint);
-                resolve(fingerprint);
-            });
-        });
+    if (cachedFingerprint) {
+        // 已有缓存，直接返回 Promise
+        return Promise.resolve(cachedFingerprint);
     }
-    return fingerprintPromise;
+    // 首次异步获取并缓存
+    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))
+                .map(component => component.value)
+                .join('###');
+            const fingerprint = Fingerprint2.x64hash128(values, 31);
+            cachedFingerprint = fingerprint;
+            resolve(fingerprint);
+        });
+    });
 };
 
-const destroyModal = (modalId: string) => {
-    if (modalRoot) {
-        modalRoot.unmount()
-        document.getElementById(modalId)?.remove()
-        modalRoot = null
-    }
-}
+let modalRoot: ReactDOM.Root | null = null
 
-const creatModal = (modalProps: VerifyModalConfig | LoginModalConfig, modalId: string, ModalDom: any) => {
-    destroyModal(modalId);
-    const container = document.createElement('div')
-    container.id = modalId
-    document.body.appendChild(container)
+export const createMessageVerifyModal = (modalProps: ModalConfig) => {
+  const container = document.createElement('div')
+  container.id = 'antd-modal-container'
+  document.body.appendChild(container)
 
-    modalRoot = ReactDOM.createRoot(container)
-    modalRoot.render(
-        <ModalDom
-            props={{
-                ...modalProps,
-                onClose: () => {
-                    destroyModal(modalId);
-                }
-            }}
-        />
-    )
+  modalRoot = ReactDOM.createRoot(container)
+  modalRoot.render(
+    <VerifyModal
+      props={{
+        ...modalProps,
+        onClose: () => {
+          modalProps.onClose?.()
+          destroyModal()
+        }
+      }}
+    />
+  )
 }
 
-const createMessageVerifyModal = (modalProps: VerifyModalConfig) => {
-    const verifyModalId = 'verify-modal-container';
-    creatModal(modalProps, verifyModalId, VerifyModal);
-}
 // 新增 relogin 弹窗创建方法
 export const createReLoginModal = (modalProps: LoginModalConfig) => {
-    const reLoginModalId = 'relogin-modal-container';
-    creatModal(modalProps, reLoginModalId, ReLoginModal);
+  const container = document.createElement('div')
+  container.id = 'antd-modal-container'
+  document.body.appendChild(container)
+
+  modalRoot = ReactDOM.createRoot(container)
+  modalRoot.render(
+    <ReLoginModal
+      props={{
+        ...modalProps,
+      }}
+    />
+  )
 }
 
-export const VerifyHandler = {
-    _currentUrl: '',
-    createModal: ({ data, config, http, verifyPromise, sendApi }: VerifyModalConfig) => {
-        VerifyHandler._currentUrl = config?.url as string || '';
-        const toEmpty = () => {
-            verifyPromise.current = null;
-        };
-        if (!verifyPromise.current) {
-            verifyPromise.current = new Promise((resolve, reject) => {
-                createMessageVerifyModal({
-                    data,
-                    config,
-                    http,
-                    apiResolve: resolve,
-                    apiReject: reject,
-                    apiPromiseToEmpty: toEmpty,
-                    sendApi
-                } as VerifyModalConfig);
-            }).finally(toEmpty);
-        }
-        return verifyPromise.current;
-    },
-    getResponse: (response: any) => {
-        if (VerifyHandler._currentUrl === response?.config?.url) {
-            eventEmitter.emit('response', response?.data?.status?.code ?? -1);
-        }
-        return response;
-    }
-};
+const destroyModal = () => {
+  if (modalRoot) {
+    modalRoot.unmount()
+    document.getElementById('antd-modal-container')?.remove()
+    modalRoot = null
+  }
+}

package/src/locales/en.ts

@@ -9,7 +9,5 @@ export default {
     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',
-    chidoriOpenPro: 'Chidori has activated security protection for you',
-    verifyFail: 'Validation failed'
+    ok: 'OK'
 };

package/src/locales/id.ts

@@ -9,7 +9,5 @@ export default {
     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',
-    chidoriOpenPro: 'chidori telah mengaktifkan keamanan untuk Anda',
-    verifyFail: 'Autentikasi gagal'
+    ok: 'Baiklah'
 };

package/src/locales/zh.ts

@@ -9,7 +9,5 @@ export default {
     countDownSecound: '{countdown}秒',
     accountAlert: '账号安全提醒',
     alertContent: '检测到您的登录环境或网络信息有变动，为保障账户安全，请重新登录验证身份',
-    ok: '好的',
-    chidoriOpenPro: 'chidori已为您开启安全防护',
-    verifyFail: '验证失败'
+    ok: '好的'
 };

package/src/main.tsx

@@ -1,12 +1,11 @@
 import { createRoot } from 'react-dom/client';
-import { initFingerprint, createReLoginModal, VerifyHandler } 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();
-const fp2 = await initFingerprint();
-console.log(fp, fp2);
+console.log(fp);
 
 const config = {
     "transitional": {
@@ -14,6 +13,12 @@ const config = {
         "forcedJSONParsing": true,
         "clarifyTimeoutError": false
     },
+    "transformRequest": [
+        null
+    ],
+    "transformResponse": [
+        null
+    ],
     "timeout": 0,
     "xsrfCookieName": "XSRF-TOKEN",
     "xsrfHeaderName": "X-XSRF-TOKEN",
@@ -21,8 +26,10 @@ const config = {
     "maxBodyLength": -1,
     "headers": {
         "Accept": "application/json, text/plain, */*",
-        "X-Device-Fingerprint": "531f14c7176b16ebeb18e2b23d6bd124",
-        "Content-Type": "application/json"
+        "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",
@@ -37,15 +44,19 @@ const config = {
     "formInstance": {},
     "data": "{\"id\":1,\"classificationName\":\"个人基本概况信息\",\"classificationLevel\":2}",
     "baseURL": "http://localhost:62888"
-}
-
-const promise = {current: null};
+};
 createRoot(document.getElementById('root')!).render(
     <>
-        <button onClick={() => {
-            return VerifyHandler.createModal({data, config, http: axios, verifyPromise: promise});
-        }}>
-            Show verify Modal 
+        <button onClick={() => createMessageVerifyModal({
+            data,
+            config,
+            response: {
+                config
+            },
+            lang: 'en',
+            http: axios,
+        })}>
+            Show verify Modal
         </button>
         <button  onClick={() => createReLoginModal({
             goLogin: () => {

package/src/{modal/relogin-modal.tsx → relogin-modal.tsx}

@@ -1,15 +1,14 @@
 import { useState } from 'react'
-import { Modal, Button } from '../compoments/index.js'
-import { LoginModalConfig } from '../utils/type.js';
-import t from '../utils/i18n.js'
+import { Modal, Button } from './compoments/index.js'
+import { LoginModalConfig } from './utils/type.js';
+import t from './utils/i18n.js'
 
 const ReLoginModal = ({ props }: { props: LoginModalConfig }) => {
-    const { goLogin, lang, onClose: destroyModal } = props || {};
+    const { goLogin, lang } = props || {};
     const [visible, setVisible] = useState(true);
     const onClose = () => {
         setVisible(false);
         goLogin();
-        destroyModal?.();
     };
     return (
         <Modal visible={visible} onClose={onClose} width={420}>

package/src/utils/type.ts

@@ -1,5 +1,5 @@
 
-export type VerifyModalConfig = {
+export type ModalConfig = {
     data: string;
     onClose?: () => void
     config: {
@@ -19,15 +19,11 @@ export type VerifyModalConfig = {
             }
         }
     };
-    sendApi?: string;
-    apiReject?: any;
-    apiResolve?: any;
-    apiPromiseToEmpty?: () => void;
-    verifyPromise: {current: Promise<any> | null}
+    api?: string;
+    response: any;
 }
 
 export type LoginModalConfig = {
     goLogin: () => void;
-    onClose?: () => void
     lang?: 'zh' | 'en' | 'id';
 }

package/src/{modal/verify-modal.tsx → verify-modal.tsx}

@@ -1,23 +1,20 @@
-import { useRef, useEffect, useState } from 'react'
-import { Modal, Input, Button, message } from '../compoments/index.js'
-import Api from '../utils/resource.js'
-import t from '../utils/i18n.js'
-import { VerifyModalConfig } from '../utils/type.js';
+import { useEffect, useState } from 'react'
+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 eventEmitter from '../utils/eventEmitter.js';
 
-const CreateMessageVerifyModal = ({ props }: { props: VerifyModalConfig }) => {
+const CreateMessageVerifyModal = ({ props }: { props: ModalConfig }) => {
     const [visible, setVisible] = useState(true);
     const [countdown, setCountdown] = useState(60);
     const [otp, setOtp] = useState('');
     const [captchaImage, setCaptchaImage] = useState<string>('');
     const [captchCode, setCaptchCode] = useState<string>('');
     const [captchaKey, setCaptchaKey] = useState<string>('');
-    const { data, http, lang, sendApi = '/admin/sms/send', config, apiResolve, apiPromiseToEmpty, onClose } = props || {};
+    const { data, http, lang, api='/admin/sms/send', response } = props || {};
     const dataObj = JSON.parse(data || '{}');
     const { mobile, verifyCodeKey } = dataObj || {};
-    const resolveRef = useRef<any>(null);
-    const rejectRef = useRef<any>(null);
 
     const getKey = async () => {
         try {
@@ -28,11 +25,10 @@ const CreateMessageVerifyModal = ({ props }: { props: VerifyModalConfig }) => {
                 const image = Api.getCaptchaImgUrl(key) as unknown;
                 setCaptchaImage(image as string);
             }
-        } catch (err) {
-            const msg =
-                typeof err === 'object' && err !== null && 'message' in err
-                    ? (err as { message: string }).message
-                    : String(err);
+        } catch (err) {const msg =
+            typeof err === 'object' && err !== null && 'message' in err
+                ? (err as {message: string}).message
+                : String(err);
             message.error(msg as React.ReactNode);
         }
     }
@@ -52,41 +48,19 @@ const CreateMessageVerifyModal = ({ props }: { props: VerifyModalConfig }) => {
         };
     }, [visible, countdown]);
 
-
-    useEffect(() => {
-        const handler = (data: any) => {
-            // 这里处理收到的数据
-            console.log('收到 response 事件:', data);
-            if (data === 0) {
-                resolveRef.current({
-                    code: data,
-                });
-            } else {
-                rejectRef.current({
-                    code: data,
-                });
-            }
-          };
-          eventEmitter.on('response', handler);
-          return () => {
-            eventEmitter.off('response', handler);
-          };
-    }, []);
-
     const handleResend = async () => {
         const formData = new FormData();
         formData.append('captchaKey', captchaKey);
         formData.append('captcha', captchCode);
         // 重新发送验证码
-        const res = await axios.post(sendApi, formData) || {};
-        const { code } = res.data?.status || {};
+        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);
-        setOtp('');
     }
 
     return (
@@ -95,8 +69,7 @@ const CreateMessageVerifyModal = ({ props }: { props: VerifyModalConfig }) => {
             visible={visible}
             onClose={() => {
                 setVisible(false);
-                apiPromiseToEmpty?.();
-                onClose?.();
+                props.onClose?.();
             }}
         >
             <div style={{ fontSize: 14, color: '#666' }}>{t('alreadySend', lang, { phone: mobile })}</div>
@@ -108,32 +81,26 @@ const CreateMessageVerifyModal = ({ props }: { props: VerifyModalConfig }) => {
                     onChange={async (val) => {
                         setOtp(val);
                         if (val.length === 6) {
-                            try {
-                                const res = await new Promise((resolve, reject) => {
-                                    resolveRef.current = resolve;
-                                    rejectRef.current = reject;
-                                    http({
-                                        ...config,
-                                        headers: {
-                                            ...http.defaults.headers.common,
-                                            'sms-code': val,
-                                            'sms-code-key': verifyCodeKey,
-                                            'Content-Type': config.headers['Content-Type'],
-                                        }
-                                    });
-                                }) as any;
-                                if (res?.code === 0 || res?.data?.status?.code === 0) {
-                                    apiResolve(res);
-                                    setVisible(false);
-                                } else {
-                                    message.error(t('verifyFail', lang));
-                                    setOtp('');
+                            const {data: {status: {code, detail} = {}}} = response || {};
+                            http({
+                                ...response?.config,
+                                headers: {
+                                    ...http.defaults.headers.common,
+                                    'sms-code': val,
+                                    'sms-code-key': verifyCodeKey,
+                                    'Content-Type': response?.config.headers['Content-Type'],
                                 }
-                            } catch (error) {
-                                console.warn('catch=>error', error);
-                                message.error(t('verifyFail', lang));
-                                setOtp('');
+                            }) 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);
                         }
                     }} />
                 <Button
@@ -157,7 +124,6 @@ const CreateMessageVerifyModal = ({ props }: { props: VerifyModalConfig }) => {
                     {captchaImage && <img src={captchaImage} alt={t('verifyCode', lang)} style={{ width: 100, height: 30, marginLeft: 8 }} onClick={getKey} />}
                 </div>}
             {(countdown > 0 || captchCode) ? null : <div style={{ fontSize: 14, color: 'red' }}>{t('pleaseEnterAndSend', lang)}</div>}
-            <div style={{ fontSize: 14, color: '#666', marginTop: 12 }}>{t('chidoriOpenPro', lang)}</div>
         </Modal>
     );
 };

package/dist/modal/relogin-modal.d.ts

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

package/dist/modal/relogin-modal.js

@@ -1,24 +0,0 @@
-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 }) => {
-    const { goLogin, lang, onClose: destroyModal } = props || {};
-    const [visible, setVisible] = useState(true);
-    const onClose = () => {
-        setVisible(false);
-        goLogin();
-        destroyModal?.();
-    };
-    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: 80,
-                        height: 36,
-                        fontSize: 14,
-                        borderRadius: 8,
-                        boxShadow: '0 2px 8px rgba(22,119,255,0.08)',
-                    }, onClick: onClose, children: t('ok', lang) }) })] }));
-};
-export default ReLoginModal;

package/dist/modal/verify-modal.d.ts

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

package/dist/modal/verify-modal.js

@@ -1,128 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useEffect, useState } from 'react';
-import { Modal, Input, Button, message } from '../compoments/index.js';
-import Api from '../utils/resource.js';
-import t from '../utils/i18n.js';
-import { axios } from '@yqg/resource';
-import eventEmitter from '../utils/eventEmitter.js';
-const CreateMessageVerifyModal = ({ props }) => {
-    const [visible, setVisible] = useState(true);
-    const [countdown, setCountdown] = useState(60);
-    const [otp, setOtp] = useState('');
-    const [captchaImage, setCaptchaImage] = useState('');
-    const [captchCode, setCaptchCode] = useState('');
-    const [captchaKey, setCaptchaKey] = useState('');
-    const { data, http, lang, sendApi = '/admin/sms/send', config, apiResolve, apiPromiseToEmpty, onClose } = props || {};
-    const dataObj = JSON.parse(data || '{}');
-    const { mobile, verifyCodeKey } = dataObj || {};
-    const resolveRef = useRef(null);
-    const rejectRef = useRef(null);
-    const getKey = async () => {
-        try {
-            const res = await Api.getCaptchaKey();
-            const { body: key } = res.data || {};
-            setCaptchaKey(key);
-            if (key) {
-                const image = Api.getCaptchaImgUrl(key);
-                setCaptchaImage(image);
-            }
-        }
-        catch (err) {
-            const msg = typeof err === 'object' && err !== null && 'message' in err
-                ? err.message
-                : String(err);
-            message.error(msg);
-        }
-    };
-    useEffect(() => {
-        let timer = null;
-        if (visible && countdown > 0) {
-            timer = setInterval(() => {
-                setCountdown((prev) => prev - 1);
-            }, 1000);
-        }
-        if (countdown === 0) {
-            getKey();
-        }
-        return () => {
-            if (timer)
-                clearInterval(timer);
-        };
-    }, [visible, countdown]);
-    useEffect(() => {
-        const handler = (data) => {
-            // 这里处理收到的数据
-            console.log('收到 response 事件:', data);
-            if (data === 0) {
-                resolveRef.current({
-                    code: data,
-                });
-            }
-            else {
-                rejectRef.current({
-                    code: data,
-                });
-            }
-        };
-        eventEmitter.on('response', handler);
-        return () => {
-            eventEmitter.off('response', handler);
-        };
-    }, []);
-    const handleResend = async () => {
-        const formData = new FormData();
-        formData.append('captchaKey', captchaKey);
-        formData.append('captcha', captchCode);
-        // 重新发送验证码
-        const res = await axios.post(sendApi, formData) || {};
-        const { code } = res.data?.status || {};
-        if (code !== 0) {
-            return;
-        }
-        message.success(t('sendSuccess', lang));
-        // 重置倒计时、验证码
-        setCountdown(60);
-        setOtp('');
-    };
-    return (_jsxs(Modal, { width: 420, visible: visible, onClose: () => {
-            setVisible(false);
-            apiPromiseToEmpty?.();
-            onClose?.();
-        }, 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) {
-                                try {
-                                    const res = await new Promise((resolve, reject) => {
-                                        resolveRef.current = resolve;
-                                        rejectRef.current = reject;
-                                        http({
-                                            ...config,
-                                            headers: {
-                                                ...http.defaults.headers.common,
-                                                'sms-code': val,
-                                                'sms-code-key': verifyCodeKey,
-                                                'Content-Type': config.headers['Content-Type'],
-                                            }
-                                        });
-                                    });
-                                    if (res?.code === 0 || res?.data?.status?.code === 0) {
-                                        apiResolve(res);
-                                        setVisible(false);
-                                    }
-                                    else {
-                                        message.error(t('verifyFail', lang));
-                                        setOtp('');
-                                    }
-                                }
-                                catch (error) {
-                                    console.warn('catch=>error', error);
-                                    message.error(t('verifyFail', lang));
-                                    setOtp('');
-                                }
-                            }
-                        } }), _jsx(Button, { disabled: countdown > 0 || !captchCode, onClick: handleResend, style: { padding: '8px' }, children: countdown > 0 ? t('countDownSecound', lang, { countdown }) : t('reSend', lang) })] }), countdown > 0 ? null :
-                _jsxs("div", { style: { marginTop: 12, display: 'flex', alignItems: 'center' }, children: [_jsx(Input, { placeholder: t('pleaseEnterPicVerifyCode', lang), onChange: (e) => {
-                                setCaptchCode(e);
-                            }, style: { width: 300 } }), captchaImage && _jsx("img", { src: captchaImage, alt: t('verifyCode', lang), style: { width: 100, height: 30, marginLeft: 8 }, onClick: getKey })] }), (countdown > 0 || captchCode) ? null : _jsx("div", { style: { fontSize: 14, color: 'red' }, children: t('pleaseEnterAndSend', lang) }), _jsx("div", { style: { fontSize: 14, color: '#666', marginTop: 12 }, children: t('chidoriOpenPro', lang) })] }));
-};
-export default CreateMessageVerifyModal;

package/dist/utils/eventEmitter.d.ts

@@ -1,10 +0,0 @@
-type Listener = (...args: any[]) => void;
-declare class EventEmitter {
-    private events;
-    on(event: string, listener: Listener): void;
-    off(event: string, listener: Listener): void;
-    emit(event: string, ...args: any[]): void;
-    once(event: string, listener: Listener): void;
-}
-declare const eventEmitter: EventEmitter;
-export default eventEmitter;

package/dist/utils/eventEmitter.js

@@ -1,28 +0,0 @@
-class EventEmitter {
-    events = {};
-    on(event, listener) {
-        if (!this.events[event]) {
-            this.events[event] = [];
-        }
-        this.events[event].push(listener);
-    }
-    off(event, listener) {
-        if (!this.events[event])
-            return;
-        this.events[event] = this.events[event].filter(l => l !== listener);
-    }
-    emit(event, ...args) {
-        if (!this.events[event])
-            return;
-        this.events[event].forEach(listener => listener(...args));
-    }
-    once(event, listener) {
-        const onceListener = (...args) => {
-            listener(...args);
-            this.off(event, onceListener);
-        };
-        this.on(event, onceListener);
-    }
-}
-const eventEmitter = new EventEmitter();
-export default eventEmitter;

package/dist/utils/resource.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("@yqg/resource").default & Record<"getCaptchaKey" | "reSendCode" | "getCaptchaImgUrl", import("@yqg/resource").CustomMethod>;
-export default _default;

package/dist/utils/resource.js

@@ -1,7 +0,0 @@
-import { assign, customPost } from '@yqg/resource';
-const api = {
-    getCaptchaKey: customPost('/messageVerify/admin/captcha/key'),
-    reSendCode: customPost('/admin/sms/send'),
-    getCaptchaImgUrl: (captchaKey) => { return `/messageVerify/admin/captcha/image/${captchaKey}`; },
-};
-export default assign(api);

package/src/utils/eventEmitter.ts

@@ -1,33 +0,0 @@
-type Listener = (...args: any[]) => void;
-
-class EventEmitter {
-  private events: Record<string, Listener[]> = {};
-
-  on(event: string, listener: Listener) {
-    if (!this.events[event]) {
-      this.events[event] = [];
-    }
-    this.events[event].push(listener);
-  }
-
-  off(event: string, listener: Listener) {
-    if (!this.events[event]) return;
-    this.events[event] = this.events[event].filter(l => l !== listener);
-  }
-
-  emit(event: string, ...args: any[]) {
-    if (!this.events[event]) return;
-    this.events[event].forEach(listener => listener(...args));
-  }
-
-  once(event: string, listener: Listener) {
-    const onceListener: Listener = (...args) => {
-      listener(...args);
-      this.off(event, onceListener);
-    };
-    this.on(event, onceListener);
-  }
-}
-
-const eventEmitter = new EventEmitter();
-export default eventEmitter;