优化选择器组件，跨页选择改用页面间通讯组件

Tevin

2021-07-08 fff7c8cad5d7c6dfd1dc7f134362995fc260f410

 bases/Fetcher.js

@@ -3,12 +3,10 @@
 * @author Tevin
 */

// import Axios from 'axios';
// import Qs from 'qs';
// import {message, Modal} from 'antd';
// import { AtToast } from 'taro-ui-vue'
import Taro from '@tarojs/taro';
import {Tools} from '@components/common/Tools';
import Qs from 'qs';
import { Tools } from '@components/common/Tools';
import project from '@project';

export class Fetcher {

@@ -20,6 +18,11 @@
        this._data = {
            urlPrefix: options.urlPrefix || ['/api/common/', '/api/common/'],
        };
        if (project.host.mock === 'on') {
            this._defaultConfig.url = Fetcher.host + project.host.assetsPath.replace('/assets', '/mocks');
        } else {
            this._defaultConfig.url = Fetcher.host;
        }
    }

    /**
@@ -27,14 +30,15 @@
     * @private
     */
    _defaultConfig = {
        url: window.location.protocol + '//' + window.location.host,
        url: '',
        header: {
            'X-Requested-With': 'XMLHttpRequest',
            'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8',
            'Ax-Rq-Type': 'separation',
        },
        credentials: 'same-origin',
        dataType: 'json',
        timeout: 10000,
        timeout: 30 * 1000,
    };

    /**
@@ -45,13 +49,24 @@
     */
    spellURL(devSuffix, serSuffix) {
        let url = '';
        // 开发环境地址
        if (Fetcher.inDevMod) {
            url = this._data.urlPrefix[0] + devSuffix;
        // mock 模式
        if (project.host.mock === 'on') {
            url = this._data.urlPrefix[0].replace('api/', '') + devSuffix + '.json';
        }
        // 生产环境地址
        else {
        // 强制实际请求模式
        else if (project.host.mock === 'real') {
            url = this._data.urlPrefix[1] + (serSuffix || devSuffix);
        }
        // 正常模式
        else {
            // 开发环境地址
            if (Fetcher.inDevMod) {
                url = this._data.urlPrefix[0] + devSuffix;
            }
            // 生产环境地址
            else {
                url = this._data.urlPrefix[1] + (serSuffix || devSuffix);
            }
        }
        const fixReg = /[a-zA-Z0-9]+\/\.\.\//;
        while (url.indexOf('../') >= 0) {
@@ -59,20 +74,6 @@
        }
        url = url.replace(/[./]\//g, '');
        return url;
    }

    /**
     * 显示提示信息
     * @param type
     * @param msg
     */
    message(type, msg) {
        Taro.showToast({
            title: msg,
            icon: 'none',
            mask: true,
            duration: type === 'error' ? 5000 : 3000,
        });
    }

    /**
@@ -84,6 +85,12 @@
     * @return {Promise<any>}
     */
    get(url, data, remap = [], options = null) {
        const params = Qs.stringify(data);
        if (url.indexOf('?') >= 0) {
            url += '&' + params;
        } else {
            url += '?' + params;
        }
        return this.query('get', url, null, remap, options);
    }

@@ -96,7 +103,18 @@
     * @return {Promise<any>}
     */
    post(url, data, remap = [], options = null) {
        return this.query('post', url, data, remap, options);
        if (project.host.mock === 'on') {
            return this.get(url, data, remap = [], options);
        }
        const params = Qs.stringify(data);
        const data2 = {};
        params.split('&').forEach(param => {
            if (param) {
                const item = param.split('=');
                data2[decodeURIComponent(item[0])] = decodeURIComponent(item[1]);
            }
        });
        return this.query('post', url, data2, remap, options);
    }

    /**
@@ -108,14 +126,24 @@
     * @param {object} [options]
     * @return {Promise<any>|}
     */
    query(type, url, data = null, remap, options) {
    query(type, url, data = null, remap, options = {}) {
        return new Promise((resolve, reject) => {
            const header = {
                ...this._defaultConfig.header,
            };
            if (process.env.TARO_ENV === 'weapp') {
                header['Cookie'] = this._getCookies();
            }
            Taro.request({
                ...this._defaultConfig,
                header,
                url: this._defaultConfig.url + url,
                method: type.toUpperCase(),
                data,
                success: response => {
                    if (process.env.TARO_ENV === 'weapp') {
                        this._saveCookies(response.cookies);
                    }
                    /**
                     * @type {{state: {code, http, msg}, data: Object}}
                     * @example response.state.code
@@ -137,6 +165,24 @@
        });
    }

    _saveCookies(cookies) {
        const localCookies = JSON.parse(wx.getStorageSync('cookies') || '{}');
        cookies.forEach(cookie => {
            const mc = cookie.match(/([a-zA-Z0-9_\-]+)=(.*?);/);
            localCookies[mc[1]] = mc[2];
        });
        wx.setStorageSync('cookies', JSON.stringify(localCookies));
    }

    _getCookies() {
        const localCookies = JSON.parse(wx.getStorageSync('cookies') || '{}');
        const cookiesArr = [];
        Object.keys(localCookies).forEach(key => {
            cookiesArr.push(key + '=' + localCookies[key]);
        });
        return cookiesArr.join('; ');
    }

    /**
     * 适配旧版响应体，转换为新版
     * @private
@@ -149,7 +195,7 @@
        // 旧请求，操作类通讯，响应体转换
        if (typeof responseData.status !== 'undefined' && typeof responseData.dataMsg !== 'undefined') {
            // 转换数据体
            let data2 = {rows: []};
            let data2 = { rows: [] };
            // 数组类型
            if (responseData.dataMsg instanceof Array) {
                if (responseData.dataMsg.length > 0) {
@@ -174,7 +220,7 @@
        // 旧版请求，数据列表类通讯，响应体转换
        if (typeof responseData.data !== 'undefined' && typeof responseData.count !== 'undefined') {
            const data = (!!responseData.data && typeof responseData.data !== 'object') ?
                {data: responseData.data} : null;
                { data: responseData.data } : null;
            return {
                state: {
                    code: responseData.code === 0 ? 2000 : 5000,
@@ -233,7 +279,9 @@
        } else {
            msg += '解析通讯数据异常！';
        }
        this.message('error', msg);
        setTimeout(() => {
            this.message('error', msg);
        }, 20);
    }

    /**
@@ -266,12 +314,18 @@
                return response.data;
            }
        } else if (response.state.code === 2001) {
            this.message('info', response.state.msg);
            setTimeout(() => {
                this.message('info', response.state.msg);
            }, 20);
            return null;
        } else if (response.state.code === 9001) {
            // this._showLoginExpired();
            if (process.env.TARO_ENV === 'weapp') {
                Taro.navigateTo({ url: '/pages/home/index/index?mode=login' });
            }
        } else {
            this.message('error', response.state.msg);
            setTimeout(() => {
                this.message('error', response.state.msg);
            }, 20);
            return null;
        }
    }
@@ -425,17 +479,29 @@
        if (!path) {
            return '';
        }
        // 多项时，先拆分转换，再合并
        if (path.indexOf(',') >= 0) {
            return path.split(',').map(p => this.transImgPath(type, p)).join(',');
        } else {
        }
        // 单项时转换
        else {
            // 修复补齐
            if (type === 'fix') {
                if (!path || /^\/(upload|static)/.test(path)) {
                // 完整 URL，地址不变
                if (/^http/.test(path)) {
                    return path;
                } else {
                    return '/upload/' + path;
                }
            } else if (type === 'cut') {
                // 绝对路径
                if (/^(\/upload|\/static)/.test(path)) {
                    return Fetcher.host + path;
                }
                // 部分路径
                else {
                    return Fetcher.host + '/upload/' + path;
                }
            }
            // 裁剪多余部分
            else if (type === 'cut') {
                const pathArr = path.split('upload/');
                return pathArr[pathArr.length - 1];
            }
@@ -474,21 +540,81 @@
    }

    /**
     * 显示提示信息
     * @param type
     * @param msg
     */
    message(type, msg) {
        Taro.showToast({
            title: msg,
            icon: 'none',
            mask: true,
            duration: type === 'error' ? 5000 : 3000,
        });
    }

    /**
     * 记录是否为本地开发模式
     * @type {Boolean}
     */
    static inDevMod = (() => {
        // 当处于 mock 请求模式，视为本地开发
        if (Tools.getTopUrlParam('query') === 'mock') {
            return true;
        // 网页
        if (process.env.TARO_ENV === 'h5') {
            // 当没有 url 指定时，只有内网 ip 和 33**/35** 的端口号，视为本地开发模式
            return /^(192|127|localhost).*?:3[35]\d{2}$/i.test(window.location.host);
        }
        // 强制 real 请求，可在本地使用真实请求
        if (Tools.getTopUrlParam('query') === 'real') {
            return false;
        // 小程序
        else if (process.env.TARO_ENV === 'weapp') {
            // 开发编译
            if (process.env.NODE_ENV === 'development') {
                return true;
            }
            // 生产编译
            else if (process.env.NODE_ENV === 'production') {
                return false;
            }
        }
        // 当没有 url 指定时，只有内网 ip 和 35** 的端口号，视为本地开发模式
        return /^(192|127|localhost).*?:35\d{2}$/i.test(window.location.host);
    })();

    /**
     * 当前服务器主机地址
     * @type {String}
     */
    static host = (() => {
        // 网页
        if (process.env.TARO_ENV === 'h5') {
            // 开发
            if (Fetcher.inDevMod) {
                return window.location.protocol + '//' + window.location.host;
            }
            // 生产
            else {
                // 如果网址参数有指定服务器类型，匹配指定的服务器地址
                const sever = Tools.getUrlParam('sever');
                if (sever && typeof project.host.hosts[sever] !== 'undefined') {
                    return project.host.hosts[sever];
                }
                // 网页域名提取服务器地址
                else if (window.location.protocol.indexOf('http') >= 0) {
                    return window.location.protocol + '//' + window.location.host;
                }
                // 非 http 协议打开时，使用设置的服务器地址
                else if (project.host.server) {
                    return project.host.hosts[project.host.serverType];
                }
            }
        }
        // 小程序
        else if (process.env.TARO_ENV === 'weapp') {
            // 开发
            if (Fetcher.inDevMod) {
                return project.host.hosts[project.host.devType];
            }
            // 生产
            else {
                return project.host.hosts[project.host.serverType];
            }
        }
    })();

}
}