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

package/dist/index.esm.js

@@ -1,3 +1,5 @@
+import { pathToBase64 } from 'image-tools';
+
 /**
  * JSBridge 核心通信层
  *
@@ -10,7 +12,38 @@ class Bridge {
         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);
+                    }
+                }
+            };
+        }
     }
     /**
      * 检测平台
@@ -85,8 +118,15 @@ class Bridge {
                         // 不 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__';
@@ -118,8 +158,11 @@ class Bridge {
      * 轮询检查 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秒)
@@ -133,6 +176,15 @@ class Bridge {
                     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();
@@ -153,12 +205,13 @@ class Bridge {
      * 优化：自动初始化、增强错误处理、支持泛型返回值
      */
     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();
             }
@@ -172,11 +225,51 @@ class Bridge {
                 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);
@@ -197,7 +290,18 @@ class Bridge {
             }
         }
         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);
@@ -1237,6 +1341,449 @@ async function logout() {
     }
 }
 
+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: 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
  * 统一的原生能力封装
@@ -1543,5 +2090,5 @@ const Debug = {
     clearLogs: debug.clearLogs.bind(debug)
 };
 
-export { Debug, JSBridge, LogLevel, Monitor, getPlatform, inApp, init, isReady };
+export { Debug, JSBridge, JsBridgeHandlers, LogLevel, Monitor, UniProxy, getPlatform, hdH5Adapter, inApp, init, isReady };
 //# sourceMappingURL=index.esm.js.map