message-verify 1.0.0-beta.8 → 1.0.0

package/.arcconfig

@@ -0,0 +1,8 @@
+{
+  "project.name": "yqg-message-verify",
+  "phabricator.uri": "https://code.yangqianguan.com/",
+  "phutil_libraries": {
+        "libcustom": "./arcanist"
+    },
+  "lint.engine": "YqgWebDiffLintEngine"
+}

package/arcanist/.phutil_module_cache

@@ -0,0 +1 @@
+{"__symbol_cache_version__":11,"0861795cb7fca1601b342f4e44fe1aed":{"have":{"class":{"YqgWebDiffLintEngine":13}},"need":{"class":{"ArcanistLintEngine":42,"ExecFuture":1832,"PhutilConsole":1780}},"xmap":{"YqgWebDiffLintEngine":["ArcanistLintEngine"]}}}

package/arcanist/__phutil_library_init__.php

@@ -0,0 +1,3 @@
+<?php
+
+phutil_register_library('libcustom', __FILE__);

package/arcanist/__phutil_library_map__.php

@@ -0,0 +1,18 @@
+<?php
+
+/**
+ * This file is automatically generated. Use 'arc liberate' to rebuild it.
+ *
+ * @generated
+ * @phutil-library-version 2
+ */
+phutil_register_library_map(array(
+  '__library_version__' => 2,
+  'class' => array(
+    'YqgWebDiffLintEngine' => 'lint/engine/YqgWebDiffLintEngine.php',
+  ),
+  'function' => array(),
+  'xmap' => array(
+    'YqgWebDiffLintEngine' => 'ArcanistLintEngine',
+  ),
+));

package/arcanist/lint/engine/YqgWebDiffLintEngine.php

@@ -0,0 +1,68 @@
+<?php
+
+class YqgWebDiffLintEngine extends ArcanistLintEngine
+{
+    /** @Override */
+    public function buildLinters()
+    {
+        // Filter the affected paths.
+        $paths = $this->getPaths();
+        foreach ($paths as $key => $path) {
+            if (!$this->pathExists($path)) {
+                // Don't lint removed files. In more complex linters it is sometimes
+                // appropriate to lint removed files so you can raise a warning like
+                // "you deleted X, but forgot to delete Y!", but most linters do not
+                // operate correctly on removed files.
+                unset($paths[$key]);
+                continue;
+            }
+
+            $disk = $this->getFilePathOnDisk($path);
+            if (is_dir($disk)) {
+                // Don't lint directories. (In SVN, they can be directly modified by
+                // changing properties on them, and may appear as modified paths.)
+                unset($paths[$key]);
+                continue;
+            }
+        }
+
+        $command = '';
+        $patterns = array(
+            '/\.(jsx?｜tsx?|vue?|ts?)$/' => 'pnpm eslint',
+            // '/\.(less|s?css)$/' => 'npx stylelint --fix' // 理论上暂时不用 style lint
+        );
+
+        foreach ($patterns as $pattern => $lintCommand) {
+            $matchedPaths = preg_grep($pattern, $paths);
+            if (count($matchedPaths) > 0) {
+                if (strlen($command)) {
+                    $command .= ' && \\';
+                }
+
+                $command .= $lintCommand . ' ' . join(' ', $matchedPaths);
+            }
+        }
+
+        $root = $this->getWorkingCopy()->getProjectRoot();
+        $console = PhutilConsole::getConsole();
+
+        $future = new ExecFuture($command);
+        $future->setCWD($root . "/");
+        list($exitcode, $stdout, $stderr) = $future->resolve();
+        $console->writeOut($stdout);
+        $console->writeOut($stderr);
+        $console->writeOut("\n");
+
+        if ($exitcode != 0) {
+            $console->writeOut("All code in any code-base should look like a single person typed it, no matter how many people contributed. --idiomatic.js\n");
+            $console->writeOut("无论有多少人在维护，所有在代码仓库中的代码理应看起来像同一个人写的。 --idiomatic.js\n");
+            $console->writeOut("https://github.com/rwaldron/idiomatic.js/tree/master/translations/zh_CN\n");
+            throw new Exception("Keep it in mind!");
+        } else {
+            $console->writeOut("All code are clean, you did a great job!\n");
+        }
+
+        return;
+    }
+
+}

package/dist/index.d.ts

@@ -1,3 +1,4 @@
-import { ModalConfig } from './utils/type.js';
+import { VerifyModalConfig, 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: ({ data, config, http, verifyPromise, sendApi }: VerifyModalConfig) => Promise<any>;

package/dist/index.js

@@ -1,45 +1,71 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import ReactDOM from 'react-dom/client';
-import VerifyModal from './verify-modal.js';
+import VerifyModal from './modal/verify-modal.js';
 import Fingerprint2 from 'fingerprintjs2';
-let cachedFingerprint = null;
+import ReLoginModal from './modal/relogin-modal.js';
+let fingerprintPromise = null; // 用 Promise 本身作为缓存
+let modalRoot = 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'];
-            const values = components
-                .filter(component => includeKeys.includes(component.key))
-                .map(component => component.value)
-                .join('###');
-            const fingerprint = Fingerprint2.x64hash128(values, 31);
-            cachedFingerprint = fingerprint;
-            resolve(fingerprint);
+    if (!fingerprintPromise) {
+        fingerprintPromise = new Promise((resolve) => {
+            Fingerprint2.get(components => {
+                const includeKeys = ['userAgent', 'cpuClass', 'hardwareConcurrency', 'platform'];
+                const values = components
+                    .filter(c => includeKeys.includes(c.key))
+                    .map(c => c.value)
+                    .join('###');
+                const fingerprint = Fingerprint2.x64hash128(values, 31);
+                resolve(fingerprint);
+            });
         });
-    });
+    }
+    return fingerprintPromise;
 };
-let modalRoot = null;
-export const createMessageVerifyModal = (modalProps) => {
+const destroyModal = (modalId) => {
+    if (modalRoot) {
+        modalRoot.unmount();
+        document.getElementById(modalId)?.remove();
+        modalRoot = null;
+    }
+};
+const creatModal = (modalProps, modalId, ModalDom) => {
+    destroyModal(modalId);
     const container = document.createElement('div');
-    container.id = 'antd-modal-container';
+    container.id = modalId;
     document.body.appendChild(container);
     modalRoot = ReactDOM.createRoot(container);
-    modalRoot.render(_jsx(VerifyModal, { props: {
+    modalRoot.render(_jsx(ModalDom, { props: {
             ...modalProps,
             onClose: () => {
-                modalProps.onClose?.();
-                destroyModal();
+                destroyModal(modalId);
             }
         } }));
 };
-const destroyModal = () => {
-    if (modalRoot) {
-        modalRoot.unmount();
-        document.getElementById('antd-modal-container')?.remove();
-        modalRoot = null;
+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);
+};
+export const VerifyHandler = ({ data, config, http, verifyPromise, sendApi }) => {
+    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;
 };

package/dist/locales/en.d.ts

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

package/dist/locales/en.js

@@ -6,5 +6,10 @@ 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',
+    chidoriOpenPro: 'Chidori has activated security protection for you',
+    verifyFail: 'Validation failed'
 };

package/dist/locales/id.d.ts

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

package/dist/locales/id.js

@@ -6,5 +6,10 @@ 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',
+    chidoriOpenPro: 'chidori telah mengaktifkan keamanan untuk Anda',
+    verifyFail: 'Autentikasi gagal'
 };

package/dist/locales/zh.d.ts

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

package/dist/locales/zh.js

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

package/dist/main.js

@@ -1,13 +1,47 @@
-import { jsx as _jsx } 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 { initFingerprint, createReLoginModal, VerifyHandler } 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("button", { onClick: () => createMessageVerifyModal({
-        data,
-        config: { headers: {} },
-        lang: 'en',
-        http: axios,
-    }), children: "Show Modal" }));
+const fp2 = await initFingerprint();
+console.log(fp, fp2);
+const config = {
+    "transitional": {
+        "silentJSONParsing": true,
+        "forcedJSONParsing": true,
+        "clarifyTimeoutError": false
+    },
+    "timeout": 0,
+    "xsrfCookieName": "XSRF-TOKEN",
+    "xsrfHeaderName": "X-XSRF-TOKEN",
+    "maxContentLength": -1,
+    "maxBodyLength": -1,
+    "headers": {
+        "Accept": "application/json, text/plain, */*",
+        "X-Device-Fingerprint": "531f14c7176b16ebeb18e2b23d6bd124",
+        "Content-Type": "application/json"
+    },
+    "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"
+};
+const promise = { current: null };
+createRoot(document.getElementById('root')).render(_jsxs(_Fragment, { children: [_jsx("button", { onClick: () => {
+                return VerifyHandler({ data, config, http: axios, verifyPromise: promise });
+            }, children: "Show verify Modal" }), _jsx("button", { onClick: () => createReLoginModal({
+                goLogin: () => {
+                    console.log('goLogin');
+                },
+                lang: 'zh',
+            }), children: "Show login Modal" })] }));

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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,24 @@
+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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,115 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { 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';
+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 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]);
+    const handleResend = async () => {
+        const formData = new FormData();
+        formData.append('captchaKey', captchaKey);
+        formData.append('captcha', captchCode);
+        // 重新发送验证码
+        const res = await axios.post(sendApi, 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?.();
+            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(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/relogin-modal.d.ts

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

package/dist/relogin-modal.js

@@ -0,0 +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 }) => {
+    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: 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/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["../src/index.tsx","../src/main.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"}
+{"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/i18n.ts","../src/utils/resource.ts","../src/utils/status.ts","../src/utils/type.ts"],"version":"5.7.3"}

package/dist/utils/resource.d.ts

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

package/dist/utils/resource.js

@@ -0,0 +1,7 @@
+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/dist/utils/type.d.ts

@@ -1,4 +1,4 @@
-export type ModalConfig = {
+export type VerifyModalConfig = {
     data: string;
     onClose?: () => void;
     config: {
@@ -7,7 +7,7 @@ export type ModalConfig = {
         };
         [key: string]: unknown;
     };
-    lang: 'zh' | 'en' | 'id';
+    lang?: 'zh' | 'en' | 'id';
     http: {
         (params: object): Promise<unknown>;
         defaults: {
@@ -18,5 +18,16 @@ export type ModalConfig = {
             };
         };
     };
-    api?: string;
+    sendApi?: string;
+    apiReject?: any;
+    apiResolve?: any;
+    apiPromiseToEmpty?: () => void;
+    verifyPromise: {
+        current: Promise<any> | null;
+    };
+};
+export type LoginModalConfig = {
+    goLogin: () => void;
+    onClose?: () => void;
+    lang?: 'zh' | 'en' | 'id';
 };

package/dist/verify-modal.d.ts

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

package/dist/verify-modal.js

@@ -6,12 +6,12 @@ import t from './utils/i18n.js';
 import { axios } from '@yqg/resource';
 const CreateMessageVerifyModal = ({ props }) => {
     const [visible, setVisible] = useState(true);
-    const [countdown, setCountdown] = useState(2);
+    const [countdown, setCountdown] = useState(60);
     const [otp, setOtp] = useState('');
     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, sendApi = '/admin/sms/send', config, apiResolve, apiPromiseToEmpty } = props || {};
     const dataObj = JSON.parse(data || '{}');
     const { mobile, verifyCodeKey } = dataObj || {};
     const getKey = async () => {
@@ -51,36 +51,65 @@ const CreateMessageVerifyModal = ({ props }) => {
         formData.append('captchaKey', captchaKey);
         formData.append('captcha', captchCode);
         // 重新发送验证码
-        const res = await axios.post(api, formData);
+        const res = await axios.post(sendApi, 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: (val) => {
+        }, 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);
-                            console.log('打印Content-Type', config.headers['Content-Type']);
                             if (val.length === 6) {
-                                http({
-                                    ...config,
-                                    headers: {
-                                        ...http.defaults.headers.common,
-                                        'sms-code': val,
-                                        'sms-code-key': verifyCodeKey,
-                                        'Content-Type': config.headers['Content-Type'],
+                                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);
                                     }
-                                });
-                                setVisible(false);
+                                    else {
+                                        message.error('验证失败');
+                                        setOtp('');
+                                    }
+                                }
+                                catch (error) {
+                                    console.warn('catch', error);
+                                    message.error('验证失败');
+                                    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) })] }));
+                            }, 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/eslint.config.js

@@ -23,6 +23,8 @@ export default tseslint.config(
         'warn',
         { allowConstantExport: true },
       ],
+      "@typescript-eslint/no-explicit-any": "off",
+      'constructor-super': 'off'
     },
   },
 )

package/package.json

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

package/src/index.tsx

@@ -1,54 +1,81 @@
 import ReactDOM from 'react-dom/client'
-import VerifyModal from './verify-modal.js'
+import VerifyModal from './modal/verify-modal.js'
 import Fingerprint2 from 'fingerprintjs2';
-import { ModalConfig } from './utils/type.js';
+import ReLoginModal from './modal/relogin-modal.js';
+import { VerifyModalConfig, LoginModalConfig } from './utils/type.js';
 
-let cachedFingerprint: string | null = null;
+let fingerprintPromise: Promise<string> | null = null; // 用 Promise 本身作为缓存
+let modalRoot: ReactDOM.Root | 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'];
-            const values = components
-                .filter(component => includeKeys.includes(component.key))
-                .map(component => component.value)
-                .join('###');
-            const fingerprint = Fingerprint2.x64hash128(values, 31);
-            cachedFingerprint = fingerprint;
-            resolve(fingerprint);
+    if (!fingerprintPromise) {
+        fingerprintPromise = new Promise((resolve) => {
+            Fingerprint2.get(components => {
+                const includeKeys = ['userAgent', 'cpuClass', 'hardwareConcurrency', 'platform'];
+                const values = components
+                    .filter(c => includeKeys.includes(c.key))
+                    .map(c => c.value)
+                    .join('###');
+                const fingerprint = Fingerprint2.x64hash128(values, 31);
+                resolve(fingerprint);
+            });
         });
-    });
+    }
+    return fingerprintPromise;
 };
 
-let modalRoot: ReactDOM.Root | null = null
+const destroyModal = (modalId: string) => {
+    if (modalRoot) {
+        modalRoot.unmount()
+        document.getElementById(modalId)?.remove()
+        modalRoot = null
+    }
+}
 
-export const createMessageVerifyModal = (modalProps: ModalConfig) => {
-  const container = document.createElement('div')
-  container.id = 'antd-modal-container'
-  document.body.appendChild(container)
+const creatModal = (modalProps: VerifyModalConfig | LoginModalConfig, modalId: string, ModalDom:any) => {
+    destroyModal(modalId);
+    const container = document.createElement('div')
+    container.id = modalId
+    document.body.appendChild(container)
 
-  modalRoot = ReactDOM.createRoot(container)
-  modalRoot.render(
-    <VerifyModal
-      props={{
-        ...modalProps,
-        onClose: () => {
-          modalProps.onClose?.()
-          destroyModal()
-        }
-      }}
-    />
-  )
+    modalRoot = ReactDOM.createRoot(container)
+    modalRoot.render(
+        <ModalDom
+            props={{
+                ...modalProps,
+                onClose: () => {
+                    destroyModal(modalId);
+                }
+            }}
+        />
+    )
 }
 
-const destroyModal = () => {
-  if (modalRoot) {
-    modalRoot.unmount()
-    document.getElementById('antd-modal-container')?.remove()
-    modalRoot = null
-  }
-}
+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);
+}
+
+export const VerifyHandler = ({data, config, http, verifyPromise, sendApi}: VerifyModalConfig): Promise<any> => {
+    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;
+  };

package/src/locales/en.ts

@@ -6,5 +6,10 @@ 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',
+    chidoriOpenPro: 'Chidori has activated security protection for you',
+    verifyFail: 'Validation failed'
 };

package/src/locales/id.ts

@@ -6,5 +6,10 @@ 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',
+    chidoriOpenPro: 'chidori telah mengaktifkan keamanan untuk Anda',
+    verifyFail: 'Autentikasi gagal'
 };

package/src/locales/zh.ts

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

package/src/main.tsx

@@ -1,18 +1,58 @@
 import { createRoot } from 'react-dom/client';
-import { createMessageVerifyModal, initFingerprint } from './index.js'; // 或 './index'
+import { initFingerprint, createReLoginModal, VerifyHandler } 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);
+const fp2 = await initFingerprint();
+console.log(fp, fp2);
 
+const config = {
+    "transitional": {
+        "silentJSONParsing": true,
+        "forcedJSONParsing": true,
+        "clarifyTimeoutError": false
+    },
+    "timeout": 0,
+    "xsrfCookieName": "XSRF-TOKEN",
+    "xsrfHeaderName": "X-XSRF-TOKEN",
+    "maxContentLength": -1,
+    "maxBodyLength": -1,
+    "headers": {
+        "Accept": "application/json, text/plain, */*",
+        "X-Device-Fingerprint": "531f14c7176b16ebeb18e2b23d6bd124",
+        "Content-Type": "application/json"
+    },
+    "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"
+}
+
+const promise = {current: null};
 createRoot(document.getElementById('root')!).render(
-    <button onClick={() => createMessageVerifyModal({ 
-        data,
-        config: {headers: {}},
-        lang: 'en',
-        http: axios,
-    })}>
-      Show Modal
-    </button>);
+    <>
+        <button onClick={() => {
+            return VerifyHandler({data, config, http: axios, verifyPromise: promise});
+        }}>
+            Show verify Modal 
+        </button>
+        <button  onClick={() => createReLoginModal({
+            goLogin: () => {
+                console.log('goLogin');
+            },
+            lang: 'zh',
+        })}>
+            Show login Modal
+        </button>
+    </>);

package/src/modal/relogin-modal.tsx

@@ -0,0 +1,43 @@
+import { useState } from 'react'
+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 [visible, setVisible] = useState(true);
+    const onClose = () => {
+        setVisible(false);
+        goLogin();
+        destroyModal?.();
+    };
+    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
+                    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}
+                >
+                    {t('ok', lang)}
+                </Button>
+            </div>
+        </Modal>
+    );
+};
+
+export default ReLoginModal;

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

@@ -1,18 +1,18 @@
 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, customPost } from '@yqg/resource';
+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 { axios } from '@yqg/resource';
 
-const CreateMessageVerifyModal = ({ props }: { props: ModalConfig }) => {
+const CreateMessageVerifyModal = ({ props }: { props: VerifyModalConfig }) => {
     const [visible, setVisible] = useState(true);
-    const [countdown, setCountdown] = useState(2);
+    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, config, http, lang, api='/admin/sms/send' } = props || {};
+    const { data, http, lang, sendApi = '/admin/sms/send', config, apiResolve, apiPromiseToEmpty, onClose } = props || {};
     const dataObj = JSON.parse(data || '{}');
     const { mobile, verifyCodeKey } = dataObj || {};
 
@@ -25,10 +25,11 @@ const CreateMessageVerifyModal = ({ props }: { props: ModalConfig }) => {
                 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);
         }
     }
@@ -53,14 +54,16 @@ const CreateMessageVerifyModal = ({ props }: { props: ModalConfig }) => {
         formData.append('captchaKey', captchaKey);
         formData.append('captcha', captchCode);
         // 重新发送验证码
-        const res = await axios.post(api, formData);
+        const res = await axios.post(sendApi, 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 (
@@ -69,7 +72,8 @@ const CreateMessageVerifyModal = ({ props }: { props: ModalConfig }) => {
             visible={visible}
             onClose={() => {
                 setVisible(false);
-                props.onClose?.();
+                apiPromiseToEmpty?.();
+                onClose?.();
             }}
         >
             <div style={{ fontSize: 14, color: '#666' }}>{t('alreadySend', lang, { phone: mobile })}</div>
@@ -78,20 +82,44 @@ const CreateMessageVerifyModal = ({ props }: { props: ModalConfig }) => {
                 <Input.OTP
                     length={6}
                     value={otp}
-                    onChange={(val) => {
+                    onChange={async (val) => {
                         setOtp(val);
-                        console.log('打印Content-Type', config.headers['Content-Type'])
                         if (val.length === 6) {
-                            http({
-                                ...config,
-                                headers: {
-                                    ...http.defaults.headers.common,
-                                    'sms-code': val,
-                                    'sms-code-key': verifyCodeKey,
-                                    'Content-Type': config.headers['Content-Type'],
+                            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);
+                                        })
+                                    })
+                                ]) as any;
+                                if (res?.data?.status?.code === 0) {
+                                    apiResolve(res);
+                                    setVisible(false);
+                                } else {
+                                    message.error(t('verifyFail', lang));
+                                    setOtp('');
                                 }
-                            });
-                            setVisible(false);
+                            } catch (error) {
+                                console.warn('catch=>error', error);
+                                message.error(t('verifyFail', lang));
+                                setOtp('');
+                            }
                         }
                     }} />
                 <Button
@@ -115,6 +143,7 @@ const CreateMessageVerifyModal = ({ props }: { props: ModalConfig }) => {
                     {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/src/utils/type.ts

@@ -1,5 +1,5 @@
 
-export type ModalConfig = {
+export type VerifyModalConfig = {
     data: string;
     onClose?: () => void
     config: {
@@ -8,7 +8,7 @@ export type ModalConfig = {
         };
         [key: string]: unknown;
     };
-    lang: 'zh' | 'en' | 'id';
+    lang?: 'zh' | 'en' | 'id';
     http: {
         (params: object): Promise<unknown>;
         defaults: {
@@ -19,5 +19,15 @@ export type ModalConfig = {
             }
         }
     };
-    api?: string;
+    sendApi?: string;
+    apiReject?: any;
+    apiResolve?: any;
+    apiPromiseToEmpty?: () => void;
+    verifyPromise: {current: Promise<any> | null}
+}
+
+export type LoginModalConfig = {
+    goLogin: () => void;
+    onClose?: () => void
+    lang?: 'zh' | 'en' | 'id';
 }