message-verify 1.0.1-beta.74 → 1.0.1-beta.8

package/dist/modal/verify-modal.js

@@ -1,128 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, 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';
-import eventEmitter from '../utils/eventEmitter.js';
-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 resolveRef = useRef(null);
-    const rejectRef = useRef(null);
-    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]);
-    useEffect(() => {
-        const handler = (data) => {
-            // 这里处理收到的数据
-            console.log('收到 response 事件:', data);
-            if (data === 0) {
-                resolveRef.current({
-                    code: data,
-                });
-            }
-            else {
-                rejectRef.current({
-                    code: data,
-                });
-            }
-        };
-        eventEmitter.on('response', handler);
-        return () => {
-            eventEmitter.off('response', handler);
-        };
-    }, []);
-    const handleResend = async () => {
-        const formData = new FormData();
-        formData.append('captchaKey', captchaKey);
-        formData.append('captcha', captchCode);
-        // 重新发送验证码
-        const res = await axios.post(sendApi, formData) || {};
-        const { code } = res.data?.status || {};
-        if (code !== 0) {
-            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 new Promise((resolve, reject) => {
-                                        resolveRef.current = resolve;
-                                        rejectRef.current = reject;
-                                        http({
-                                            ...config,
-                                            headers: {
-                                                ...http.defaults.headers.common,
-                                                'sms-code': val,
-                                                'sms-code-key': verifyCodeKey,
-                                                'Content-Type': config.headers['Content-Type'],
-                                            }
-                                        });
-                                    });
-                                    if (res?.code === 0 || 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/utils/eventEmitter.d.ts

@@ -1,10 +0,0 @@
-type Listener = (...args: any[]) => void;
-declare class EventEmitter {
-    private events;
-    on(event: string, listener: Listener): void;
-    off(event: string, listener: Listener): void;
-    emit(event: string, ...args: any[]): void;
-    once(event: string, listener: Listener): void;
-}
-declare const eventEmitter: EventEmitter;
-export default eventEmitter;

package/dist/utils/eventEmitter.js

@@ -1,28 +0,0 @@
-class EventEmitter {
-    events = {};
-    on(event, listener) {
-        if (!this.events[event]) {
-            this.events[event] = [];
-        }
-        this.events[event].push(listener);
-    }
-    off(event, listener) {
-        if (!this.events[event])
-            return;
-        this.events[event] = this.events[event].filter(l => l !== listener);
-    }
-    emit(event, ...args) {
-        if (!this.events[event])
-            return;
-        this.events[event].forEach(listener => listener(...args));
-    }
-    once(event, listener) {
-        const onceListener = (...args) => {
-            listener(...args);
-            this.off(event, onceListener);
-        };
-        this.on(event, onceListener);
-    }
-}
-const eventEmitter = new EventEmitter();
-export default eventEmitter;

package/dist/utils/resource.d.ts

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

package/dist/utils/resource.js

@@ -1,7 +0,0 @@
-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/src/utils/eventEmitter.ts

@@ -1,33 +0,0 @@
-type Listener = (...args: any[]) => void;
-
-class EventEmitter {
-  private events: Record<string, Listener[]> = {};
-
-  on(event: string, listener: Listener) {
-    if (!this.events[event]) {
-      this.events[event] = [];
-    }
-    this.events[event].push(listener);
-  }
-
-  off(event: string, listener: Listener) {
-    if (!this.events[event]) return;
-    this.events[event] = this.events[event].filter(l => l !== listener);
-  }
-
-  emit(event: string, ...args: any[]) {
-    if (!this.events[event]) return;
-    this.events[event].forEach(listener => listener(...args));
-  }
-
-  once(event: string, listener: Listener) {
-    const onceListener: Listener = (...args) => {
-      listener(...args);
-      this.off(event, onceListener);
-    };
-    this.on(event, onceListener);
-  }
-}
-
-const eventEmitter = new EventEmitter();
-export default eventEmitter;