message-verify 0.0.18-beta.0 → 0.0.20-beta.0

package/dist/index.d.ts

@@ -1,9 +1,12 @@
+import { getEnvironmentFingerprint } from './utils';
 interface Props {
     data: {
         mobile: string;
         verifyCodeKey: string;
         sendSuccess: boolean;
     };
+    refresh: () => void;
 }
 declare const App: React.FC<Props>;
 export default App;
+export { getEnvironmentFingerprint };

package/dist/index.js

@@ -2,10 +2,20 @@ import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-run
 import { useEffect, useState } from 'react';
 import Modal from './components/modal';
 import Input from './components/input';
+import Api from './resource';
+import { getEnvironmentFingerprint } from './utils';
 const App = ({ data }) => {
     const { mobile } = data || {};
     const [countdown, setCountdown] = useState(60);
     const [visible, setVisible] = useState(false);
+    const [captchaImage, setCaptchaImage] = useState('');
+    const getKey = async () => {
+        const res = await Api.getCaptchaKey();
+        console.log('res', res);
+        const image = await Api.getCaptchaImage({ captchaKey: res.data.key });
+        console.log('image', image);
+        setCaptchaImage(image);
+    };
     useEffect(() => {
         setVisible(true);
     }, []);
@@ -16,15 +26,20 @@ const App = ({ data }) => {
                 setCountdown((prev) => prev - 1);
             }, 1000);
         }
+        if (countdown === 0) {
+            getKey();
+        }
         return () => {
             if (timer)
                 clearInterval(timer);
         };
     }, [visible, countdown]);
-    const handleResend = () => {
-        setCountdown(60);
-        // 这里可以加上重新发送验证码的逻辑
-    };
-    return (_jsx(_Fragment, { children: _jsxs(Modal, { visible: visible, onClose: () => setVisible(false), children: [_jsxs("div", { children: ["\u5DF2\u53D1\u9001\u77ED\u4FE1\u81F3\u60A8\u7684\u624B\u673A\uFF1A", mobile] }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 8 }, children: [_jsx(Input, { placeholder: "\u8BF7\u8F93\u5165\u9A8C\u8BC1\u7801" }), _jsx("button", { disabled: countdown > 0, onClick: handleResend, style: countdown > 0 ? { marginLeft: 8 } : { marginLeft: 8, backgroundColor: '#1677ff', color: '#fff' }, children: countdown > 0 ? `${countdown}秒` : '重新发送' })] })] }) }));
+    // const handleResend = async() => {
+    //     setCountdown(60);
+    //     await Api.greSendCode({ });
+    //     // 这里可以加上重新发送验证码的逻辑
+    // };
+    return (_jsx(_Fragment, { children: _jsxs(Modal, { visible: visible, onClose: () => setVisible(false), children: [_jsxs("div", { children: ["\u5DF2\u53D1\u9001\u77ED\u4FE1\u81F3\u60A8\u7684\u624B\u673A\uFF1A", mobile] }), countdown > 0 ? null : _jsxs("div", { style: { marginTop: 8 }, children: [_jsx(Input, {}), _jsx("img", { src: captchaImage, alt: "\u9A8C\u8BC1\u7801", style: { width: 100, height: 30, marginLeft: 8 }, onClick: getKey })] }), _jsx("div", { style: { display: 'flex', alignItems: 'center', gap: 8, marginTop: 8 }, children: _jsx(Input, { placeholder: "\u8BF7\u8F93\u5165\u9A8C\u8BC1\u7801" }) })] }) }));
 };
 export default App;
+export { getEnvironmentFingerprint };

package/dist/main.js

@@ -5,4 +5,4 @@ createRoot(document.getElementById('root')).render(_jsx(App, { data: {
         mobile: '185****7760',
         verifyCodeKey: 'e381c5f9-c7f4-4bf1-a948-744334fb0203',
         sendSuccess: true
-    } }));
+    }, refresh: () => { console.log('刷新'); } }));