message-verify 0.0.52-beta.0 → 1.0.0-beta.1

package/dist/main.js

@@ -1,16 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createRoot } from 'react-dom/client';
 import { createMessageVerifyModal } 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\":\"需要填写验证码\"}";
 createRoot(document.getElementById('root')).render(_jsx("button", { onClick: () => createMessageVerifyModal({
         data,
         config: {},
         lang: 'en',
-        http: Object.assign(() => Promise.resolve({}), {
-            defaults: {
-                headers: {
-                    common: {}
-                }
-            }
-        }),
+        http: axios,
     }), children: "Show Modal" }));

package/dist/verify-modal.js

@@ -47,7 +47,10 @@ const CreateMessageVerifyModal = ({ props }) => {
     }, [visible, countdown]);
     const handleResend = async () => {
         setCountdown(60);
-        const res = await Api.reSendCode({ captchaKey, captcha: captchCode });
+        const formData = new FormData();
+        formData.append('captchaKey', captchaKey);
+        formData.append('captcha', captchCode);
+        const res = await Api.reSendCode(formData);
         console.log('handleResend=>res', res);
         message.success(t('sendSuccess', lang));
     };
@@ -57,9 +60,15 @@ const CreateMessageVerifyModal = ({ props }) => {
         }, children: [_jsx("div", { style: { fontSize: 14, color: '#666' }, children: t('alreadySend', lang, { phone: mobile }) }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 8, marginTop: 12 }, children: [_jsx(Input.OTP, { length: 6, value: otp, onChange: (val) => {
                             setOtp(val);
                             if (val.length === 6) {
-                                http.defaults.headers.common['sms-code'] = val;
-                                http.defaults.headers.common['sms-code-key'] = verifyCodeKey;
-                                http(config);
+                                console.log('otp', val);
+                                http({
+                                    ...config,
+                                    headers: {
+                                        ...http.defaults.headers.common,
+                                        'sms-code': val,
+                                        'sms-code-key': verifyCodeKey,
+                                    }
+                                });
                                 setVisible(false);
                             }
                         } }), _jsx(Button, { disabled: countdown > 0 || !captchCode, onClick: handleResend, style: { padding: '8px' }, children: countdown > 0 ? t('countDownSecound', lang, { countdown }) : t('reSend', lang) })] }), countdown > 0 ? null :

package/package.json

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

package/src/main.tsx

@@ -1,5 +1,6 @@
 import { createRoot } from 'react-dom/client';
 import { createMessageVerifyModal } 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\":\"需要填写验证码\"}";
 
@@ -8,16 +9,7 @@ createRoot(document.getElementById('root')!).render(
         data,
         config: {},
         lang: 'en',
-        http: Object.assign(
-            () => Promise.resolve({}),
-            {
-                defaults: {
-                    headers: {
-                        common: {}
-                    }
-                }
-            }
-        ),
+        http: axios,
     })}>
       Show Modal
     </button>);

package/src/verify-modal.tsx

@@ -64,7 +64,10 @@ const CreateMessageVerifyModal = ({ props }: { props: ModalConfig }) => {
 
     const handleResend = async () => {
         setCountdown(60);
-        const res = await Api.reSendCode({ captchaKey, captcha: captchCode });
+        const formData = new FormData();
+        formData.append('captchaKey', captchaKey);
+        formData.append('captcha', captchCode);
+        const res = await Api.reSendCode(formData);
         console.log('handleResend=>res', res);
         message.success(t('sendSuccess', lang));
     }
@@ -87,9 +90,15 @@ const CreateMessageVerifyModal = ({ props }: { props: ModalConfig }) => {
                     onChange={(val) => {
                         setOtp(val);
                         if (val.length === 6) {
-                            http.defaults.headers.common['sms-code'] = val as string;
-                            http.defaults.headers.common['sms-code-key'] = verifyCodeKey as string;
-                            http(config);
+                            console.log('otp', val);
+                            http({
+                                ...config,
+                                headers: {
+                                    ...http.defaults.headers.common,
+                                    'sms-code': val,
+                                    'sms-code-key': verifyCodeKey,
+                                }
+                            });
                             setVisible(false);
                         }
                     }} />