message-verify 1.0.0-beta.4 → 1.0.0-beta.6

package/dist/index.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import ReactDOM from 'react-dom/client';
 import VerifyModal from './verify-modal.js';
 import Fingerprint2 from 'fingerprintjs2';
-export const initFingerprint = () => {
+export const initFingerprint = async () => {
     return new Promise((resolve) => {
         Fingerprint2.get(function (components) {
             const includeKeys = ['userAgent', 'deviceMemory', 'cpuClass', 'hardwareConcurrency', 'platform'];

package/dist/main.js

@@ -1,8 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createRoot } from 'react-dom/client';
-import { createMessageVerifyModal } from './index.js'; // 或 './index'
+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: {} },

package/dist/utils/type.d.ts

@@ -18,4 +18,5 @@ export type ModalConfig = {
             };
         };
     };
+    api?: string;
 };

package/dist/verify-modal.js

@@ -3,6 +3,7 @@ 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 { axios } from '@yqg/resource';
 const CreateMessageVerifyModal = ({ props }) => {
     const [visible, setVisible] = useState(true);
     const [countdown, setCountdown] = useState(60);
@@ -10,7 +11,7 @@ const CreateMessageVerifyModal = ({ props }) => {
     const [captchaImage, setCaptchaImage] = useState('');
     const [captchCode, setCaptchCode] = useState('');
     const [captchaKey, setCaptchaKey] = useState('');
-    const { data, config, http, lang } = props || {};
+    const { data, config, http, lang, api = '/admin/sms/send' } = props || {};
     const dataObj = JSON.parse(data || '{}');
     const { mobile, verifyCodeKey } = dataObj || {};
     const getKey = async () => {
@@ -51,7 +52,7 @@ const CreateMessageVerifyModal = ({ props }) => {
         formData.append('captchaKey', captchaKey);
         formData.append('captcha', captchCode);
         // 重新发送验证码
-        await Api.reSendCode(formData);
+        await axios.post(api, formData);
         message.success(t('sendSuccess', lang));
     };
     return (_jsxs(Modal, { width: 420, visible: visible, onClose: () => {

package/package.json

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

package/src/index.tsx

@@ -3,7 +3,7 @@ import VerifyModal from './verify-modal.js'
 import Fingerprint2 from 'fingerprintjs2';
 import { ModalConfig } from './utils/type.js';
 
-export const initFingerprint = (): Promise<string> => {
+export const initFingerprint = async (): Promise<string> => {
     return new Promise((resolve) => {
         Fingerprint2.get(function (components) {
             const includeKeys = ['userAgent', 'deviceMemory', 'cpuClass', 'hardwareConcurrency', 'platform'];

package/src/main.tsx

@@ -1,9 +1,12 @@
 import { createRoot } from 'react-dom/client';
-import { createMessageVerifyModal } from './index.js'; // 或 './index'
+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(
     <button onClick={() => createMessageVerifyModal({ 
         data,

package/src/utils/type.ts

@@ -19,4 +19,5 @@ export type ModalConfig = {
             }
         }
     };
+    api?: string;
 }

package/src/verify-modal.tsx

@@ -3,6 +3,7 @@ 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';
 
 const CreateMessageVerifyModal = ({ props }: { props: ModalConfig }) => {
     const [visible, setVisible] = useState(true);
@@ -11,7 +12,7 @@ const CreateMessageVerifyModal = ({ props }: { props: ModalConfig }) => {
     const [captchaImage, setCaptchaImage] = useState<string>('');
     const [captchCode, setCaptchCode] = useState<string>('');
     const [captchaKey, setCaptchaKey] = useState<string>('');
-    const { data, config, http, lang } = props || {};
+    const { data, config, http, lang, api='/admin/sms/send' } = props || {};
     const dataObj = JSON.parse(data || '{}');
     const { mobile, verifyCodeKey } = dataObj || {};
 
@@ -53,7 +54,7 @@ const CreateMessageVerifyModal = ({ props }: { props: ModalConfig }) => {
         formData.append('captchaKey', captchaKey);
         formData.append('captcha', captchCode);
         // 重新发送验证码
-        await Api.reSendCode(formData);
+        await axios.post(api, formData);
         message.success(t('sendSuccess', lang));
     }