@lambo-design-mobile/lambo-js-bridge 1.0.0-beta.6 → 1.0.0-beta.8

package/CHANGELOG.md

@@ -1,4 +1,24 @@
 # Changelog
+## [1.0.0-beta.8](http://git.inspur.com/ecbh/lambo-design/lambo-design/-/compare/@lambo-design-mobile/js-bridge@1.0.0-beta.7...@lambo-design-mobile/js-bridge@1.0.0-beta.8) (2024-09-09)
+
+
+### ✨ Features | 新功能
+
+* **@lambo-design-mobile/js-bridge:** 新增mixin全局声明 ([b7abf59](http://git.inspur.com/ecbh/lambo-design/lambo-design/-/commit/b7abf5976e3ee850a49e2ea2386fe2dec110a89c))
+
+
+### 🐛 Bug Fixes | Bug 修复
+
+* **@lambo-design-mobile/js-bridge:** 修改脚本加载方式 ([c54550d](http://git.inspur.com/ecbh/lambo-design/lambo-design/-/commit/c54550d5698fe8f35f055fa6ab0bcf85429d138c))
+
+## [1.0.0-beta.7](http://git.inspur.com/ecbh/lambo-design/lambo-design/-/compare/@lambo-design-mobile/js-bridge@1.0.0-beta.6...@lambo-design-mobile/js-bridge@1.0.0-beta.7) (2024-08-30)
+
+
+### 🐛 Bug Fixes | Bug 修复
+
+* **@lambo-design-mobile/js-bridge:** 完善文档 ([5d3b7b9](http://git.inspur.com/ecbh/lambo-design/lambo-design/-/commit/5d3b7b928e05b65ec21008b23f9e07ddd0deff1f))
+* **@lambo-dsign-mobile/js-bridge:** 修复filePreview报错 ([5d19e45](http://git.inspur.com/ecbh/lambo-design/lambo-design/-/commit/5d19e45f14f558323aee06dedbe6462068469e66))
+
 ## [1.0.0-beta.6](http://git.inspur.com/ecbh/lambo-design/lambo-design/-/compare/@lambo-design-mobile/js-bridge@1.0.0-beta.5...@lambo-design-mobile/js-bridge@1.0.0-beta.6) (2024-08-29)
 
 

package/README.md

@@ -31,10 +31,13 @@ Vue.prototype.$lamboJsBridge = lamboJsBridge;
 
 ``` javascript
 // 直接调用扫码功能
-Vue.prototype.$lamboJsBridge.scanCode();
+// Vue方法中
+this.$lamboJsBridge.scanCode()
 
+//其他Js界面
+Vue.prototype.$lamboJsBridge.scanCode();
 /**
- * 也可以自己封装一层工具类
+ * 也可以自己封装一层工具类 
  * 扫描二维码并返回结果。(需要在APP环境下测试)
  * 此函数通过调用 Flutter scanCode.startScan 方法来启动二维码扫描。
  * 扫描成功后返回扫描结果，若扫描失败则返回错误信息。

package/demo/index.vue

@@ -84,13 +84,13 @@ export default {
       weComId:this.weComId,
       dingTalkId:this.dingTalkId,
     };
-    this.lamboBridge = new LamboJsBridge(options);
+    this.$lamboJsBridge = new LamboJsBridge(options);
     await this.getPlatform();
   },
   methods: {
     async getPlatform() {
       try {
-        const info = await this.lamboBridge.getPlatform(); // 获取初始化信息
+        const info = await this.$lamboJsBridge.getPlatform(); // 获取初始化信息
         this.initInfo = JSON.stringify(info, null, 2); // 美化输出
         console.log('Init Info:', info);
       } catch (error) {
@@ -102,7 +102,7 @@ export default {
         const options ={
           // 初始化参数，根据需要填写
         };
-        const location = await this.lamboBridge.getLocation(options);
+        const location = await this.$lamboJsBridge.getLocation(options);
         // console.log("location",location)
         this.location += `${JSON.stringify(location)}\n`; // 追加新数据
         this.latitude = location.latitude; // 存储纬度
@@ -119,7 +119,7 @@ export default {
         const options ={
           // 初始化参数，根据需要填写
         };
-        const result = await this.lamboBridge.scanCode(options);
+        const result = await this.$lamboJsBridge.scanCode(options);
         this.scanResult += `${JSON.stringify(result)}\n`; // 追加新数据
         // console.log('Scan result:', result);
       } catch (error) {
@@ -134,7 +134,7 @@ export default {
           ossImgGetUrl: this.ossImgGetUrl,
           // sourceType: 'gallery'
         };
-        const photos = await this.lamboBridge.takePhoto(options);
+        const photos = await this.$lamboJsBridge.takePhoto(options);
         this.photoResult += `${JSON.stringify(photos)}\n`;
         console.log("Photo result:", photos); // 调试输出
 
@@ -162,7 +162,7 @@ export default {
             address: this.address,
             scale: this.scale
           };
-          await this.lamboBridge.openLocation(options);
+          await this.$lamboJsBridge.openLocation(options);
           this.openLocationResult = '位置已成功打开'; // 成功打开位置时存储信息
           console.log('Location opened successfully');
         } else {
@@ -177,10 +177,10 @@ export default {
     async previewFile() {
       try {
         const options = {
-          title: '预览文件', // 文件的标题
+          title: '预览文件.txt', // 文件的标题
           path: 'http://160.mall.eap.lambo.top/ecm-runtime-server/api/file/get/123456' // 文件的URL路径
         };
-        const result = await this.lamboBridge.filePreview(options);
+        const result = await this.$lamboJsBridge.filePreview(options);
         console.log('File preview result:', result);
       } catch (error) {
         console.error('Error previewing file:', error);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lambo-design-mobile/lambo-js-bridge",
-  "version": "1.0.0-beta.6",
+  "version": "1.0.0-beta.8",
   "description": "",
   "main": "index.js",
   "author": "lambo",

package/src/sdk/LamboJsBridge.js

@@ -4,6 +4,7 @@ import CordovaAdapter from './CordovaAdapter';
 import YunTuAdapter from './YunTuAdapter';
 import WeComAdapter from './WeComAdapter';
 import BrowserAdapter from './BrowserAdapter';
+import MobileIMAdaoter from './MobileIMAdaoter'
 
 class LamboJsBridge {
   constructor(param) {
@@ -22,6 +23,8 @@ class LamboJsBridge {
             this.platform = new CordovaAdapter(param);
         } else if (/yuntu/.test(userAgent)) {
             this.platform = new YunTuAdapter(param);
+        } else if (/mobileim/.test(userAgent)) {
+            this.platform = new MobileIMAdaoter(param);
         } else {
             this.platform = new BrowserAdapter();
         }
@@ -66,5 +69,15 @@ class LamboJsBridge {
     async filePreview(options={}){
         return this.platform.filePreview(options);
     }
+
+    // 创建一个 Vue 插件
+    static install(Vue) {
+        // 使用 mixin 方式全局注册
+        Vue.mixin({
+            beforeCreate() {
+                this.$lamboJsBridge = new LamboJsBridge({});
+            }
+        });
+    }
 }
 export default LamboJsBridge;

package/src/sdk/MobileIMAdaoter.js

@@ -0,0 +1,64 @@
+class MobileIMAdaoter {
+  constructor(_options) {
+    function loadScript(src) {
+      return new Promise((resolve, reject) => {
+        const script = document.createElement('script');
+        script.src = src;
+        script.onload = () => resolve(script);
+        script.onerror = () => reject(new Error('Failed to load script'));
+        document.head.appendChild(script);
+      });
+    }
+    loadScript('/ind-uc-ext/native.js')
+      .then((script) => console.log('Script loaded'))
+      .catch((err) => console.error(err));
+  }
+
+  async getLocation(options) {
+    return new Promise((resolve, reject) => {
+      try {
+        let args = {
+          // 是否获取地址信息
+          isNeedAddress: true,
+        };
+        window.native.getLocation(args, (res) => {
+          console.error('getLocation success:', res);
+          resolve({
+            latitude: res.point.latitude,
+            longitude: res.point.longitude,
+            accuracy: res.point.horizontalAccuracy,
+            address: res.address,
+            province: res.addressComponents.province,
+            city: res.addressComponents.city,
+          });
+        });
+      } catch (err) {
+        console.error('getLocation failed:', err);
+        reject(err);
+      }
+    });
+  }
+
+  async scanCode(options) {
+    return new Promise((resolve, reject) => {
+      try {
+        window.native.qrScan((res) => {
+          console.log('scanQRCode success:', res);
+          resolve(res);
+        });
+      } catch (err) {
+        console.error('scanQRCode failed:', err);
+        reject(err);
+      }
+    });
+  }
+
+  async getInitInfo(options = {}) {
+    // 获取初始化信息
+    return {
+      platform: 'MobileIM',
+    };
+  }
+}
+
+export default MobileIMAdaoter;

package/src/sdk/WechatAdapter.js

@@ -24,9 +24,11 @@ class WechatAdapter {
             });
         }
         loadScript('//res.wx.qq.com/open/js/jweixin-1.6.0.js')
-            .then(script => console.log('Script loaded'))
+            .then(script => {
+                console.log('Script loaded');
+                this.init(_options);
+            })
             .catch(err => console.error(err));
-        this.init(_options);
     }
 
     async init(options) {

package/src/sdk/YunTuAdapter.js

@@ -11,7 +11,7 @@ class YunTuAdapter {
             // 如果传入的是非空数组，则直接使用；否则使用默认的全部插件配置
             const configToUse = Array.isArray(pluginConfig) && pluginConfig.length > 0
                 ? JSON.stringify(pluginConfig)
-                : '["myPlugin","amapPlugin","tabBarPlugin","scanCodePlugin","filePreviewPlugin","imagePickerPlugin"]';
+                : '["myPlugin","tabBarPlugin","scanCodePlugin","filePreviewPlugin","imagePickerPlugin"]';
             // 调用插件初始化
             await yuntuConfig(configToUse); // 确保等待 yuntuConfig 执行完成
 
@@ -154,6 +154,34 @@ class YunTuAdapter {
                 reject(new Error(errorMessage)); // ImagePicker 未初始化或不可用
             }
         });
+    };
+
+    async filePreview(options) {
+        console.log('YunTu: File preview with options', options);
+
+        if (!this.isInitialized) {
+            await this.initializePlugin(); // Ensure the plugin is initialized
+        }
+
+        return new Promise((resolve, reject) => {
+            if (window.filePreview && typeof window.filePreview.openFile === 'function') {
+                window.filePreview.openFile(
+                    (res) => {
+                        console.log('YunTu: File preview success', res);
+                        resolve(res); // Successfully previewed the file
+                    },
+                    (err) => {
+                        console.error('YunTu: File preview failed', err);
+                        reject(err); // Failed to preview the file
+                    },
+                    JSON.stringify(options) // Pass the options as a string
+                );
+            } else {
+                const errorMessage = 'FilePreview is not initialized or not available';
+                console.error('YunTu:', errorMessage);
+                reject(new Error(errorMessage)); // FilePreview interface is not available
+            }
+        });
     }