@hd-front-end/jsbridge-sdk 1.0.1 → 1.0.3

package/dist/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
-    typeof define === 'function' && define.amd ? define(['exports'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.JSBridgeSDK = {}));
-})(this, (function (exports) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('image-tools')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'image-tools'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.JSBridgeSDK = {}, global.imageTools));
+})(this, (function (exports, imageTools) { 'use strict';
 
     /**
      * JSBridge 核心通信层
@@ -16,7 +16,38 @@
             this.isInitialized = false;
             this.platform = 'unknown';
             this.initPromise = null;
+            // iOS 回调相关
+            this.callbacks = {};
+            this.seq = 1;
             this.detectPlatform();
+            this.exposeGlobal();
+        }
+        /**
+         * 暴露全局对象供原生回调 (特别是 iOS)
+         */
+        exposeGlobal() {
+            if (typeof window !== 'undefined') {
+                window.JsBridge = {
+                    _invokeCallback: (callbackId, result, error) => {
+                        const entry = this.callbacks[callbackId];
+                        if (!entry)
+                            return;
+                        delete this.callbacks[callbackId];
+                        if (error) {
+                            entry.reject(error);
+                        }
+                        else {
+                            entry.resolve(result);
+                        }
+                    },
+                    _handleMessageFromNative: (messageJSON) => {
+                        const w = window;
+                        if (w.WebViewJavascriptBridge && typeof w.WebViewJavascriptBridge._handleMessageFromNative === 'function') {
+                            w.WebViewJavascriptBridge._handleMessageFromNative(messageJSON);
+                        }
+                    }
+                };
+            }
         }
         /**
          * 检测平台
@@ -91,8 +122,15 @@
                             // 不 reject，依赖下方的 setTimeout 超时机制或原生主动调用 WKWVJBCallbacks
                         }
                     }
-                    // iOS 平台：使用 iframe 触发
+                    // iOS 平台：直接检查或使用 iframe 触发
                     if (this.platform === 'ios') {
+                        const w = window;
+                        if (w.webkit && w.webkit.messageHandlers && w.webkit.messageHandlers.JsBridge) {
+                            this.isInitialized = true;
+                            resolve(true);
+                            return;
+                        }
+                        // 回退：如果还未注入，尝试 iframe 触发或等待
                         const iframe = document.createElement('iframe');
                         iframe.style.display = 'none';
                         iframe.src = 'https://__bridge_loaded__';
@@ -124,8 +162,11 @@
          * 轮询检查 Bridge 实例是否存在
          */
         async waitForReady() {
+            var _a, _b;
             if (this.bridge)
                 return;
+            if (this.platform === 'ios' && ((_b = (_a = window.webkit) === null || _a === void 0 ? void 0 : _a.messageHandlers) === null || _b === void 0 ? void 0 : _b.JsBridge))
+                return;
             return new Promise((resolve, reject) => {
                 let retryCount = 0;
                 const maxRetries = 20; // 最多重试 20 次 (4秒)
@@ -139,6 +180,15 @@
                         resolve();
                         return;
                     }
+                    // iOS 再次检查
+                    if (this.platform === 'ios') {
+                        const w = window;
+                        if (w.webkit && w.webkit.messageHandlers && w.webkit.messageHandlers.JsBridge) {
+                            this.isInitialized = true;
+                            resolve();
+                            return;
+                        }
+                    }
                     // Android 再次尝试触发注入
                     if (this.platform === 'android' && ((_a = window.InjectJavascript) === null || _a === void 0 ? void 0 : _a.init)) {
                         window.InjectJavascript.init();
@@ -159,12 +209,13 @@
          * 优化：自动初始化、增强错误处理、支持泛型返回值
          */
         async call(method, data) {
+            var _a, _b;
             // 自动初始化
             if (!this.isInitialized) {
                 await this.init();
             }
             // 确保 bridge 实例就绪
-            if (!this.bridge) {
+            if (!this.bridge && !(this.platform === 'ios' && ((_b = (_a = window.webkit) === null || _a === void 0 ? void 0 : _a.messageHandlers) === null || _b === void 0 ? void 0 : _b.JsBridge))) {
                 try {
                     await this.waitForReady();
                 }
@@ -178,11 +229,51 @@
                     const timeoutId = setTimeout(() => {
                         reject(new Error(`${method} 调用超时`));
                     }, 10000);
-                    // 调用原生方法
-                    this.bridge.callHandler(method, data, (result) => {
-                        clearTimeout(timeoutId);
-                        resolve(result);
-                    });
+                    // Android 调用
+                    if (this.platform === 'android' && this.bridge) {
+                        this.bridge.callHandler(method, data, (result) => {
+                            clearTimeout(timeoutId);
+                            resolve(result);
+                        });
+                        return;
+                    }
+                    // iOS 调用
+                    if (this.platform === 'ios') {
+                        const w = window;
+                        const handler = w.webkit && w.webkit.messageHandlers && w.webkit.messageHandlers.JsBridge;
+                        if (handler && typeof handler.postMessage === 'function') {
+                            const callbackId = 'cb_' + this.seq++;
+                            this.callbacks[callbackId] = {
+                                resolve: (res) => {
+                                    clearTimeout(timeoutId);
+                                    resolve(res);
+                                },
+                                reject: (err) => {
+                                    clearTimeout(timeoutId);
+                                    reject(err);
+                                }
+                            };
+                            // 核心防御：防止 DataCloneError
+                            // 剥离可能存在的不可序列化对象（如 success/fail 回调函数）
+                            let safeData = data;
+                            if (data && typeof data === 'object') {
+                                try {
+                                    safeData = JSON.parse(JSON.stringify(data));
+                                }
+                                catch (e) {
+                                    // 忽略异常，保留原数据
+                                }
+                            }
+                            handler.postMessage({
+                                handlerName: method,
+                                data: safeData,
+                                callbackId
+                            });
+                            return;
+                        }
+                    }
+                    clearTimeout(timeoutId);
+                    reject(new Error(`调用 ${method} 失败: 当前环境不支持`));
                 }
                 catch (error) {
                     console.error(`[JSBridge] ${method} 调用异常:`, error);
@@ -203,7 +294,18 @@
                 }
             }
             try {
-                this.bridge.registerHandler(method, handler);
+                if (this.platform === 'android' && this.bridge) {
+                    this.bridge.registerHandler(method, handler);
+                }
+                else if (this.platform === 'ios') {
+                    const w = window;
+                    if (w.WebViewJavascriptBridge) {
+                        w.WebViewJavascriptBridge.registerHandler(method, handler);
+                    }
+                    else {
+                        console.warn(`[JSBridge] iOS WebViewJavascriptBridge 未就绪，注册方法 ${method} 可能失败`);
+                    }
+                }
             }
             catch (error) {
                 console.error(`[JSBridge] 注册方法失败: ${method}`, error);
@@ -1243,6 +1345,449 @@
         }
     }
 
+    class PageLifeCycle {
+        constructor(state, route) {
+            this.state = state;
+            this.route = route;
+        }
+    }
+
+    class UniScanRequest {
+        constructor() {
+            this.scanType = ['qrCode', 'barCode']; // 扫码识别类型，参数可多选，qrCode、barCode，不设置，默认识别所有
+            this.hideAlbum = false; // 是否隐藏相册，默认false不隐藏
+            this.language = 'zh-Hans'; // ios需要设置这个参数，只支持中英文 zh-Hans、en，默认中文
+            this.failedMsg = '未识别到二维码，请重试'; // 相册选择照片识别错误提示(ios)
+            this.screenType = 'full'; // Android支持全屏需要设置此参数
+            this.timeoutInterval = '10'; // 设置超时时间，单位秒，默认10秒
+            this.timeoutText = '未识别到二维码？'; // 超时提醒文本，默认未识别到二维码?
+            this.viewText = '扫二维码/条码'; // 扫码提示文字，设置null时显示sdk默认文案
+        }
+    }
+
+    class UniScanResult {
+    }
+
+    class JsBridgeHandlers {
+        /**
+         * 路由变化通知原生
+         * @param to
+         * @param from
+         */
+        static handleRouterAfterEach(to, from) {
+            return bridge.call('routerAfterEach', { to, from });
+        }
+        /**
+         * 获取app端信息
+         */
+        static handleGetAppInfo() {
+            return bridge.call('getAppInfo');
+        }
+        /**
+         * 页面生命周期通知原生
+         * @param lifecycle
+         */
+        static handlePageLifeCycle(lifecycle) {
+            return bridge.call('uniPageLifeCycle', lifecycle);
+        }
+        /**
+         * 注册路由跳转调用
+         * @param handler
+         */
+        static registerOnRoute(handler) {
+            return bridge.register('route', handler);
+        }
+        /**
+         * 注册获取路由信息调用
+         */
+        static registerOnGetRouteInfo(handler) {
+            return bridge.register('getRouteInfo', handler);
+        }
+        /**
+         * 注册刷新store数据
+         * @param handler
+         */
+        static registerOnRefreshStore(handler) {
+            return bridge.register('refreshStore', handler);
+        }
+        /**
+         * 注册PDA扫码回调
+         * @param handler
+         */
+        static registerOnPdaScan(handler) {
+            return bridge.register('pdaScan', handler);
+        }
+        /**
+         * 调用原生扫码
+         * @param request
+         */
+        static handleScan(request = new UniScanRequest()) {
+            return bridge.call('scan', request).then((res) => {
+                const json = JSON.parse(res);
+                const result = new UniScanResult();
+                // eslint-disable-next-line @typescript-eslint/camelcase
+                result.resp_code = json.resp_code;
+                // eslint-disable-next-line @typescript-eslint/camelcase
+                result.resp_result = json.resp_result;
+                // eslint-disable-next-line @typescript-eslint/camelcase
+                result.resp_message = json.resp_message;
+                return result;
+            });
+        }
+        /**
+         * 调用原生选择图片/视频
+         * @param request
+         */
+        static handleChooseMedia(request) {
+            return bridge.call('chooseMedia', request).then((res) => {
+                if (res) {
+                    const result = JSON.parse(res);
+                    return result;
+                }
+                else
+                    return null;
+            });
+        }
+        /**
+         * 获取图片信息
+         * @param request
+         */
+        static handleGetImageInfo(request) {
+            return bridge.call('getImageInfo', request).then((res) => {
+                const result = JSON.parse(res);
+                return result;
+            });
+        }
+        /**
+         * 上传文件
+         * @param request
+         */
+        static handleUploadFile(request) {
+            return bridge.call('uploadFile', request).then((res) => {
+                const result = JSON.parse(res);
+                return result;
+            });
+        }
+        /**
+         * 关闭当前WebView
+         * @param request
+         */
+        static handleCloseWebView() {
+            return bridge.call('closeWebView');
+        }
+        /**
+         * 打电话
+         * @param request
+         */
+        static handleMakePhoneCall(request) {
+            return bridge.call('makePhoneCall', request);
+        }
+        /**
+         * 动态设置标题
+         * @param request
+         */
+        static handleSetNavigationBar(request) {
+            return bridge.call('setNavigationBar', request);
+        }
+        /**
+         * 打日志
+         * @param request
+         */
+        static handleLog(request) {
+            return bridge.call('log', request);
+        }
+        /**
+         * 通知原生APP已加载完成
+         * @param data
+         */
+        static handleAppOnload(data) {
+            return JsBridgeHandlers.handlePageLifeCycle(new PageLifeCycle('appOnLaunch', data));
+        }
+        /**
+         * 通知原生APP退出登录
+         * @param data
+         */
+        static handleLogout() {
+            return bridge.call('logout');
+        }
+        /**
+         * 通知原生APP打开链接
+         * @param data
+         */
+        static handleOpenSchemeUrl(request) {
+            return bridge.call('openSchemeUrl', request);
+        }
+        /**
+         * 图片路径转换成base64格式
+         * @param path
+         */
+        static handlePathToBase64(request) {
+            return bridge.call('pathToBase64', request).then((res) => {
+                const result = JSON.parse(res);
+                return result;
+            });
+        }
+        static handleBluetoothPrintImage(request) {
+            console.log(request);
+            return bridge.call('printImage', request).then((res) => {
+                if (!res)
+                    return res;
+                if (typeof res === 'string') {
+                    try {
+                        return JSON.parse(res);
+                    }
+                    catch (e) {
+                        return res;
+                    }
+                }
+                return res;
+            });
+        }
+        /**
+         * 蓝牙打印
+         * @param data
+         */
+        static handleBluetoothPrint(request) {
+            return bridge.call('bluetoothPrint', request).then((res) => {
+                if (!res)
+                    return res;
+                if (typeof res === 'string') {
+                    try {
+                        return JSON.parse(res);
+                    }
+                    catch (e) {
+                        return res;
+                    }
+                }
+                return res;
+            });
+        }
+        /**
+         * 通知原生APP重新加载子应用
+         * @param request
+         */
+        static handleReloadModule(request) {
+            return bridge.call('reloadModule', request);
+        }
+    }
+
+    // 为什么会有这个类？
+    //uni.chooseImage = chooseImage
+    //Cannot assign to read only property 'chooseImage' of object '[object Object]'
+    // chooseImage是只读的，无法替换，只能用代理模式，如果有好方法替换可以删除这个类
+    const UniProxy = {
+        chooseImage: uni.chooseImage,
+        pathToBase64: imageTools.pathToBase64
+    };
+
+    function hdH5Adapter() {
+        uni.scanCode = (options) => {
+            const mpaasScanOptions = {
+                scanType: options.scanType || ['qrCode', 'barCode'],
+                hideAlbum: options.onlyFromCamera || false,
+                viewText: '扫二维码/条码',
+                language: 'zh-Hans',
+                failedMsg: '未识别到二维码，请重试',
+                screenType: 'full',
+                timeoutInterval: '10',
+                timeoutText: '未识别到二维码？'
+            };
+            JsBridgeHandlers.handleScan(mpaasScanOptions).then((ret) => {
+                var _a, _b, _c, _d;
+                if (ret.resp_code === 1000) {
+                    (_a = options.success) === null || _a === void 0 ? void 0 : _a.call(options, {
+                        result: ret.resp_result || '',
+                        scanType: mpaasScanOptions.scanType[0],
+                        charSet: 'utf-8',
+                        path: ''
+                    });
+                }
+                else if (ret.resp_code === 10) {
+                    (_b = options.fail) === null || _b === void 0 ? void 0 : _b.call(options, { errMsg: '用户取消扫码' });
+                }
+                else {
+                    (_c = options.fail) === null || _c === void 0 ? void 0 : _c.call(options, { errMsg: ret.resp_message || '扫码失败' });
+                }
+                (_d = options.complete) === null || _d === void 0 ? void 0 : _d.call(options, ret);
+            });
+        };
+        // uni.chooseImage = chooseImage 会报错： Cannot assign to read only property 'chooseImage' of object '[object Object]'
+        UniProxy.chooseImage = (options) => {
+            const request = {
+                extension: options.extension || [], //TODO 未实现
+                sourceType: options.sourceType || ['album', 'camera'],
+                camera: 'back',
+                mediaType: ['image'],
+                count: options.count || 9,
+                maxDuration: 30, // 图片忽略
+                sizeType: ['original', 'compressed'] //TODO 未实现
+            };
+            JsBridgeHandlers.handleChooseMedia(request).then((ret) => {
+                var _a, _b, _c;
+                if (ret == null) {
+                    (_a = options.fail) === null || _a === void 0 ? void 0 : _a.call(options, { errMsg: '用户取消' });
+                }
+                else {
+                    const result = {
+                        tempFiles: ret.tempFiles.map((item) => {
+                            return {
+                                path: item.tempFilePath,
+                                size: item.size,
+                                type: item.fileType,
+                                name: item.name,
+                                width: item.width,
+                                height: item.height
+                            };
+                        }),
+                        tempFilePaths: ret.tempFilePaths
+                    };
+                    (_b = options.success) === null || _b === void 0 ? void 0 : _b.call(options, result);
+                }
+                (_c = options.complete) === null || _c === void 0 ? void 0 : _c.call(options, ret);
+            });
+        };
+        uni.chooseVideo = (options) => {
+            const request = {
+                extension: options.extension || [], //TODO 未实现
+                sourceType: options.sourceType || ['album', 'camera'],
+                camera: options.camera || 'back',
+                mediaType: ['video'],
+                count: 1,
+                maxDuration: options.maxDuration || 30, // 图片忽略
+                sizeType: ['original', 'compressed'] //TODO 未实现
+            };
+            JsBridgeHandlers.handleChooseMedia(request).then((ret) => {
+                var _a, _b, _c;
+                if (ret == null) {
+                    (_a = options.fail) === null || _a === void 0 ? void 0 : _a.call(options, { errMsg: '用户取消' });
+                }
+                else {
+                    const first = ret.tempFiles[0];
+                    // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+                    // @ts-ignore
+                    const result = {
+                        tempFilePath: first.tempFilePath,
+                        size: first.size,
+                        duration: first.duration / 1000,
+                        height: first.height,
+                        width: first.width,
+                        name: first.name
+                    };
+                    (_b = options.success) === null || _b === void 0 ? void 0 : _b.call(options, result);
+                }
+                (_c = options.complete) === null || _c === void 0 ? void 0 : _c.call(options, ret);
+            });
+        };
+        uni.getImageInfo = (options) => {
+            const request = {
+                src: options.src
+            };
+            JsBridgeHandlers.handleGetImageInfo(request).then((ret) => {
+                var _a;
+                const result = {
+                    width: ret.width,
+                    height: ret.height,
+                    path: ret.tempFilePath,
+                    type: ret.fileType,
+                    orientation: ''
+                };
+                (_a = options.success) === null || _a === void 0 ? void 0 : _a.call(options, result);
+            });
+        };
+        UniProxy.pathToBase64 = function (path) {
+            return new Promise((resolve, reject) => {
+                JsBridgeHandlers.handlePathToBase64({ src: path }).then((result) => {
+                    if (result && result.startsWith('data:'))
+                        resolve(result);
+                    else
+                        reject(result);
+                });
+            });
+        };
+        uni.uploadFile = (options) => {
+            // 核心修复：防止 DataCloneError
+            // iOS 的 postMessage 无法克隆包含 success/fail 等函数的对象
+            // 我们必须提取出纯数据字段发送给原生
+            const request = {
+                url: options.url,
+                filePath: options.filePath,
+                name: options.name,
+                formData: options.formData,
+                header: options.header,
+                timeout: options.timeout
+            };
+            JsBridgeHandlers.handleUploadFile(request).then((ret) => {
+                var _a, _b, _c;
+                if (ret.code === 200) {
+                    (_a = options.success) === null || _a === void 0 ? void 0 : _a.call(options, {
+                        data: ret.data || '',
+                        statusCode: ret.statusCode || 200
+                    });
+                }
+                else {
+                    (_b = options.fail) === null || _b === void 0 ? void 0 : _b.call(options, { errMsg: ret.errMsg || '上传失败' });
+                }
+                (_c = options.complete) === null || _c === void 0 ? void 0 : _c.call(options, { errMsg: ret.errMsg || '' });
+            });
+            //TODO 假的，不支持
+            return {
+                abort: () => { },
+                onHeadersReceived: () => { },
+                offHeadersReceived: () => { },
+                onProgressUpdate: () => { },
+                offProgressUpdate: () => { }
+            };
+        };
+        // 这里不能直接赋值，后面uni-simple-router会重写uni.navigateBack，导致此处赋值失效，所以用setTimeout延时赋值就ok了
+        setTimeout(() => {
+            // 原始的navigateBack
+            const navigateBack = uni.navigateBack;
+            uni.navigateBack = (options) => {
+                const pages = getCurrentPages();
+                if (pages && pages.length > 1) {
+                    navigateBack(options);
+                }
+                else {
+                    JsBridgeHandlers.handleCloseWebView();
+                }
+            };
+        }, 100);
+        uni.makePhoneCall = (options) => {
+            const request = {
+                phoneNumber: options.phoneNumber
+            };
+            JsBridgeHandlers.handleMakePhoneCall(request).then((ret) => {
+                var _a, _b, _c;
+                if (ret)
+                    (_a = options.fail) === null || _a === void 0 ? void 0 : _a.call(options, ret);
+                else
+                    (_b = options.success) === null || _b === void 0 ? void 0 : _b.call(options, null);
+                (_c = options.complete) === null || _c === void 0 ? void 0 : _c.call(options, null);
+            });
+        };
+        uni.setNavigationBarTitle = (options) => {
+            const request = {
+                title: options.title
+            };
+            JsBridgeHandlers.handleSetNavigationBar(request).then((ret) => {
+                var _a, _b;
+                (_a = options.success) === null || _a === void 0 ? void 0 : _a.call(options, null);
+                (_b = options.complete) === null || _b === void 0 ? void 0 : _b.call(options, null);
+            });
+        };
+        uni.setNavigationBarColor = (options) => {
+            const request = {
+                frontColor: options.frontColor,
+                backgroundColor: options.backgroundColor
+            };
+            JsBridgeHandlers.handleSetNavigationBar(request).then((ret) => {
+                var _a, _b;
+                (_a = options.success) === null || _a === void 0 ? void 0 : _a.call(options, null);
+                (_b = options.complete) === null || _b === void 0 ? void 0 : _b.call(options, null);
+            });
+        };
+    }
+
     /**
      * JSBridge SDK
      * 统一的原生能力封装
@@ -1551,8 +2096,11 @@
 
     exports.Debug = Debug;
     exports.JSBridge = JSBridge;
+    exports.JsBridgeHandlers = JsBridgeHandlers;
     exports.Monitor = Monitor;
+    exports.UniProxy = UniProxy;
     exports.getPlatform = getPlatform;
+    exports.hdH5Adapter = hdH5Adapter;
     exports.inApp = inApp;
     exports.init = init;
     exports.isReady = isReady;