oak-general-business/es/components/user/login/index.js

import { LOCAL_STORAGE_KEYS } from '../../../config/constants';
const SEND_KEY = LOCAL_STORAGE_KEYS.captchaSendAt;
const LOGIN_MODE = LOCAL_STORAGE_KEYS.loginMode;
const SEND_CAPTCHA_LATENCY = process.env.NODE_ENV === 'development' ? 10 : 60;
export default OakComponent({
    isList: false,
    projection: {
        id: 1,
        mobile: 1,
        userId: 1,
    },
    data: {
        appId: '',
        mobile: '',
        password: '',
        captcha: '',
        counter: 0,
        loginAgreed: false,
        loginMode: 2,
        loading: false,
        lastSendAt: undefined,
        isSupportWechat: false,
        isSupportWechatPublic: false,
        isSupportWechatGrant: false,
        domain: undefined,
    },
    properties: {
        onlyCaptcha: false,
        onlyPassword: false,
        disabled: '',
        redirectUri: '',
        url: '',
        callback: undefined, // 登录成功回调，排除微信登录方式
    },
    formData({ features, props }) {
        const { lastSendAt } = this.state;
        let counter = 0;
        if (typeof lastSendAt === 'number') {
            const now = Date.now();
            counter = Math.max(SEND_CAPTCHA_LATENCY - Math.ceil((now - lastSendAt) / 1000), 0);
            if (counter > 0) {
                this.counterHandler = setTimeout(() => this.reRender(), 1000);
            }
            else if (this.counterHandler) {
                clearTimeout(this.counterHandler);
                this.counterHandler = undefined;
            }
        }
        return {
            counter,
        };
    },
    lifetimes: {
        async ready() {
            const application = this.features.application.getApplication();
            let loginMode = (await this.load(LOGIN_MODE)) || 2;
            const lastSendAt = await this.load(SEND_KEY);
            const appType = application?.type;
            const config = application?.config;
            let appId;
            let domain; //网站扫码授权回调域
            let isSupportWechat = false; // 微信扫码网站登录
            let isSupportWechatPublic = false; // 微信扫码公众号登录
            let isSupportWechatGrant = false; // 微信公众号授权登录
            if (appType === 'wechatPublic') {
                const config2 = config;
                const isService = config2?.isService; //是否服务号 服务号才能授权登录
                appId = config2?.appId;
                isSupportWechatGrant = !!(isService && appId);
                isSupportWechat = !!config2?.passport?.includes('wechat');
                isSupportWechatPublic = !!config2?.passport?.includes('wechatPublic'); //是否开启
            }
            else if (appType === 'web') {
                const config2 = config;
                appId = config2?.wechat?.appId;
                domain = config2?.wechat?.domain;
                isSupportWechat = !!config2?.passport?.includes('wechat');
                isSupportWechatPublic = !!config2?.passport?.includes('wechatPublic'); //是否开启
            }
            if (isSupportWechatGrant) {
                loginMode = 1;
            }
            else if (this.props.onlyPassword) {
                loginMode = 1;
            }
            else if (this.props.onlyCaptcha) {
                loginMode = 2;
            }
            else {
                const isSupportScan = isSupportWechat || isSupportWechatPublic;
                loginMode = loginMode === 3 && !isSupportScan ? 2 : loginMode;
            }
            this.setState({
                loginMode,
                appId,
                lastSendAt,
                isSupportWechat,
                isSupportWechatPublic,
                isSupportWechatGrant,
                domain,
            }, () => this.reRender());
        },
    },
    methods: {
        async sendCaptcha(mobile) {
            try {
                const result = await this.features.token.sendCaptcha(mobile, 'login');
                // 显示返回消息
                this.setMessage({
                    type: 'success',
                    content: result,
                });
                const lastSendAt = Date.now();
                await this.save(SEND_KEY, lastSendAt);
                this.setState({
                    lastSendAt,
                }, () => this.reRender());
            }
            catch (err) {
                this.setMessage({
                    type: 'error',
                    content: err.message,
                });
            }
        },
        async loginByMobile(mobile, password, captcha) {
            const { url, callback } = this.props;
            try {
                this.setState({
                    loading: true,
                });
                await this.features.token.loginByMobile(mobile, password, captcha);
                this.setState({
                    loading: false,
                });
                if (callback) {
                    callback();
                    return;
                }
                if (url) {
                    this.redirectTo({
                        url,
                    });
                    return;
                }
            }
            catch (err) {
                this.setState({
                    loading: false,
                });
                this.setMessage({
                    type: 'error',
                    content: err.message,
                });
            }
        },
        setLoginMode(value) {
            this.features.localStorage.save(LOGIN_MODE, value);
            this.setState({
                loginMode: value,
            });
        },
    },
});