message-verify 1.0.0-beta.11 → 1.0.0-beta.12

package/dist/main.js

@@ -1,13 +1,13 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { createRoot } from 'react-dom/client';
 import { createMessageVerifyModal, initFingerprint } 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" }));
+createRoot(document.getElementById('root')).render(_jsx(_Fragment, { children: _jsx("button", { onClick: () => createMessageVerifyModal({
+            data,
+            config: { headers: {} },
+            lang: 'en',
+            http: axios,
+        }), children: "Show verify Modal" }) }));

package/dist/relogin-modal.d.ts

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

package/dist/relogin-modal.js

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

@@ -6,7 +6,7 @@ import t from './utils/i18n.js';
 import { axios } from '@yqg/resource';
 const CreateMessageVerifyModal = ({ props }) => {
     const [visible, setVisible] = useState(true);
-    const [countdown, setCountdown] = useState(60);
+    const [countdown, setCountdown] = useState(2);
     const [otp, setOtp] = useState('');
     const [captchaImage, setCaptchaImage] = useState('');
     const [captchCode, setCaptchCode] = useState('');
@@ -52,7 +52,9 @@ const CreateMessageVerifyModal = ({ props }) => {
         formData.append('captcha', captchCode);
         // 重新发送验证码
         const res = await axios.post(api, formData);
+        console.log('打印res', res);
         const { code, detail } = res.data?.status || {};
+        console.log('打印code', code);
         if (code !== 0) {
             message.error(detail || t('sendFailed', lang));
             return;

package/package.json

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

package/src/main.tsx

@@ -8,11 +8,13 @@ const fp = await initFingerprint();
 console.log(fp);
 
 createRoot(document.getElementById('root')!).render(
+    <>
     <button onClick={() => createMessageVerifyModal({ 
         data,
         config: {headers: {}},
         lang: 'en',
         http: axios,
     })}>
-      Show Modal
-    </button>);
+      Show verify Modal
+    </button>
+    </>);

package/src/relogin-modal.tsx

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

package/src/verify-modal.tsx

@@ -7,7 +7,7 @@ import { axios } from '@yqg/resource';
 
 const CreateMessageVerifyModal = ({ props }: { props: ModalConfig }) => {
     const [visible, setVisible] = useState(true);
-    const [countdown, setCountdown] = useState(60);
+    const [countdown, setCountdown] = useState(2);
     const [otp, setOtp] = useState('');
     const [captchaImage, setCaptchaImage] = useState<string>('');
     const [captchCode, setCaptchCode] = useState<string>('');
@@ -54,7 +54,9 @@ const CreateMessageVerifyModal = ({ props }: { props: ModalConfig }) => {
         formData.append('captcha', captchCode);
         // 重新发送验证码
         const res = await axios.post(api, formData);
+        console.log('打印res', res)
         const { code, detail } = res.data?.status || {};
+        console.log('打印code', code)
         if (code !== 0) {
             message.error(detail || t('sendFailed', lang));
             return;