新增区域加载中公共组件

Tevin

2022-02-22 568e137c3f2ae17f62b3b9ec9ebea37cb136bec0

 common/Bridge.js

@@ -22,6 +22,9 @@
 *          window.linking('{method:\'methodName\', param:{key2:\'value2\'}, marker:\'mk222at1541994536008\'}');
 */

import { Fetcher } from '@components/bases/Fetcher';
import { Tools } from '@components/common/Tools';

export class Bridge {

    constructor() {
@@ -42,7 +45,7 @@
     */
    _checkLinking() {
        // 安卓注入
        if (window.linking) {
        if (window.aisim && window.aisim.linking) {
            return 'android';
        }
        // 没有注入
@@ -84,16 +87,27 @@
     */
    _sendLinking(method, param, callback) {
        // 数据检查
        if (Object.prototype.toString.call(param) !== '[object Object]') {
        if (!Tools.isObject(param)) {
            console.error('$bridge.invoking 需要接受 JSON 对象！');
            return;
        }
        // 转换发送参数键名为下划线
        param = this.transKeyName('underline', param);
        // 如果有回调，转存回调
        const name = 'cb' + this._data.count++ + 'at' + Date.now();
        this[name] = (res) => {
            if (callback && Object.prototype.toString.call(callback) === '[object Function]') {
            if (callback && Tools.isFunction(callback)) {
                if (res) {
                    const data = typeof res === 'string' ? JSON.parse(res) : res;
                    let data;
                    try {
                        // 转对象
                        data = typeof res === 'string' ? JSON.parse(res) : res;
                        // 转换接收参数键名为驼峰
                        data = this.transKeyName('camel', data);
                    } catch (e) {
                        Tools.toast('跨端通讯异常：解析数据失败！');
                        return;
                    }
                    callback(data);
                } else {
                    callback();
@@ -102,7 +116,7 @@
            delete this[name];
        };
        // 发送
        window.linking(JSON.stringify({
        window.aisim.linking(JSON.stringify({
            method,
            param,
            callback: 'bridge.' + name,
@@ -115,14 +129,11 @@
     * @param {object|function} [param]
     * @param {function} [callback]
     */
    invoking(method, param, callback) {
    invoking(method, param = {}, callback) {
        // param 为函数时
        const trans = param;
        if (trans && Object.prototype.toString.call(trans) === '[object Function]') {
            callback = trans;
        if (param && Tools.isFunction(param)) {
            callback = param;
            param = {};
        } else {
            callback = null;
        }
        if (this._checkLinking()) {
            this._sendLinking(method, param, callback);
@@ -141,20 +152,25 @@
        window.telling = (res) => {
            const data = typeof res === 'string' ? JSON.parse(res) : res;
            const { method, param, marker } = data;
            // 转换接收参数键名为驼峰
            const param2 = this.transKeyName('camel', param);
            if (this._receives[method]) {
                // 有通知回调
                if (marker) {
                    this._receives[method](param, (param2) => {
                    this._receives[method](param2, (param2) => {
                        this._sendTelling(method, param2 || {}, marker);
                    });
                } else {
                    this._receives[method](param);
                }
                // 无通知回调
                else {
                    this._receives[method](param2);
                }
            }
        };
    }

    /**
     * 发送响应
     * 回发App通知的响应
     * @param {string} method
     * @param {object} param
     * @param {string} marker
@@ -162,12 +178,14 @@
     */
    _sendTelling(method, param, marker) {
        // 数据检查
        if (Object.prototype.toString.call(param) !== '[object Object]') {
        if (!Tools.isObject(param)) {
            console.error('$bridge.register 注册的函数需要接受 JSON 对象！');
            return;
        }
        // 转换发送参数键名为下划线
        param = this.transKeyName('underline', param);
        // 发送
        window.linking(JSON.stringify({
        window.aisim.linking(JSON.stringify({
            method,
            param,
            marker,
@@ -175,7 +193,7 @@
    }

    /**
     * 注册接收指令，可供 app 查询
     * 注册接收指令，可接收 app 通知
     * @param method
     * @param callback
     */
@@ -191,6 +209,15 @@
        return platform === 'android' || platform === 'iOS';
    }

    /**
     * 键名转换
     * @param type
     * @param json
     */
    transKeyName(type, json) {
        return Fetcher.prototype.transKeyName(type, json);
    }

}

// 全局服务实例