@lambo-design-mobile/lambo-js-bridge 1.0.0-beta.4 → 1.0.0-beta.41

package/demo/index.vue

@@ -1,20 +1,24 @@
 <template>
   <demo-section>
     <demo-block title="初始化信息">
-      <pre v-if="initInfo"><code>{{ initInfo }}</code></pre>
+      <pre v-show="initInfo"><code>{{ initInfo }}</code></pre>
+    </demo-block>
+   <demo-block title="初始化地图Key">
+      <van-button @click="initKey">初始化地图Key</van-button>
+      <pre v-show="initKeyMessage"><code>{{ initKeyMessage }}</code></pre>
     </demo-block>
     <demo-block title="获取定位">
       <van-button @click="getLocation">获取定位</van-button>
-      <pre v-if="location"><code>{{ location }}</code></pre>
+      <pre v-show="location"><code>{{ location }}</code></pre>
     </demo-block>
     <demo-block title="扫码">
       <van-button @click="scanCode">扫码</van-button>
-      <pre v-if="scanResult"><code>{{ scanResult }}</code></pre>
+      <pre v-show="scanResult"><code>{{ scanResult }}</code></pre>
     </demo-block>
     <demo-block title="拍照">
       <van-button @click="takePhoto">拍照</van-button>
-      <pre v-if="photoResult"><code>{{ photoResult }}</code></pre>
-      <div v-if="photoPreviews.length" :class="gridClass">
+      <pre v-show="photoResult"><code>{{ photoResult }}</code></pre>
+      <div v-show="photoPreviews.length" :class="gridClass">
         <div v-for="(preview, index) in photoPreviews" :key="index" class="photo-container">
           <img :src="preview" alt="Photo Preview" class="photo">
         </div>
@@ -22,19 +26,73 @@
     </demo-block>
     <demo-block title="打开位置">
       <van-button @click="openLocation">打开位置</van-button>
-      <pre v-if="openLocationResult"><code>{{ openLocationResult }}</code></pre>
+      <pre v-show="openLocationResult"><code>{{ openLocationResult }}</code></pre>
     </demo-block>
-  </demo-section>
-</template>
-
+    <demo-block title="文件预览">
+      <a href="javascript:void(0);" @click="filePreview">点击这里预览文件</a>
+    </demo-block>
+    <demo-block title="录音（仅在Flutter环境下可用）">
+      <van-button @click="startRecording">开始录音</van-button>
+      <van-button @click="startAutoRecording" style="margin-left: 5px">自动录音</van-button>
+      <van-button @click="stopRecording" style="margin-left: 5px">停止录音</van-button>
+      <van-button @click="startWeComRecording" style="margin-left: 5px;">企业微信开始录音</van-button>
+      <van-button @click="stopWeComRecording" style="margin-left: 5px;">企业微信停止录音</van-button>
+      <van-button @click="startCcworkRecording" style="margin-left: 5px;">云上协同开始录音</van-button>
+      <div v-if="recordingStatus === 'recording'">
+        <p>正在录音中...</p>
+      </div>
+      <div v-else-if="recordingStatus === 'not started'">
+        <p>录音未开始</p>
+      </div>
+      <div v-else-if="recordingStatus === 'stopped'">
+        <p>录音结束</p>
+      </div>
+      <div v-else-if="recordingStatus === 'failed'">
+        <p>录音失败</p>
+      </div>
+      <div v-if="audioUrl">
+        <h3>录音已完成</h3>
+        <audio :src="audioUrl" controls></audio>
+        <p>FileUrl：{{ audioUrl }}</p>
+        <p>FilePath：{{ audioPath }}</p>
+        <p>FileData：{{ audioData }}</p>
+      </div>
+    </demo-block>
+    <demo-block title="下载">
+      <van-button @click="downloadFile">下载文件</van-button>
+      <p v-if="downloadLink">文件已下载，路径：{{ downloadLink }}</p>
+    </demo-block>
+    <demo-block title="生物认证">
+      <div class="auth-buttons">
+        <van-button @click="localAuth" class="auth-button">生物认证</van-button>
+        <van-button
+            @click="getAvailableBiometrics"
+            class="auth-button"
+            style="margin-left: 12px"
+        >
+          获取生物特征
+        </van-button>
+      </div>
 
+      <div v-if="localAuthResult" class="result-box">
+        <p class="result-title">认证结果：</p>
+        <pre><code>{{ localAuthResult }}</code></pre>
+      </div>
 
+      <div v-if="availableBiometrics" class="result-box">
+        <p class="result-title">支持的特征：</p>
+        <pre><code>{{ availableBiometrics }}</code></pre>
+      </div>
+    </demo-block>
+  </demo-section>
+</template>
 
 <script>
 import LamboJsBridge from "../src/sdk/LamboJsBridge";
+import {PRINTER_PLUGIN} from "../src/sdk/YunTuAdapter";
 
 export default {
-  name: 'MyComponent',
+  name: 'js-bridge-demo',
   data() {
     return {
       lamboBridge: null,
@@ -43,8 +101,8 @@ export default {
       scanResult: '',
       photoResult: '',
       openLocationResult: '', // 添加用于存储打开位置的返回值
-      latitude: null, // 存储纬度
-      longitude: null, // 存储经度
+      latitude: 117.129, // 存储纬度
+      longitude: 36.662, // 存储经度
       ossServerContext: 'ibp-upms-server',
       ossImgPutUrl: '/oss/file/put',
       ossImgGetUrl: '/oss/file/get/',
@@ -53,18 +111,30 @@ export default {
       address:'这里是详细位置address',
       wechatId: 'wx92fab9d3885b0298',
       weComId: 'wx0eb3ba9d89eca3cb',
+      agentId:'1000065',
       dingTalkId: '',
-      photoPreviews: []
+      photoPreviews: [],
+      initKeyMessage: '', // 用于存储 initKey 的返回消息
+      recordingWeComStatus: '',
+      recordingCcWorkStatus: '',
+      recordingFileInfo: {},
+      audioUrl: null, // 用于存储录音文件的 URL
+      audioPath: null,
+      audioData: null,
+      recordingStatus: "not started", // 用于记录当前录音状态
+      downloadLink : null,
+      localAuthResult: '',      // 生物认证结果
+      availableBiometrics: ''  // 支持的生物特征
     };
   },
   computed: {
     gridClass() {
-      const length = this.photoPreviews.length;
+      const {length} = this.photoPreviews;
       if (length === 1) {
         return 'grid-single';
-      } else if (length > 1 && length <= 4) {
+      } if (length > 1 && length <= 4) {
         return 'grid-two';
-      } else if (length > 4) {
+      } if (length > 4) {
         return 'grid-three';
       }
       return '';
@@ -79,32 +149,177 @@ export default {
       // 初始化参数，根据需要填写
       wechatId:this.wechatId,
       weComId:this.weComId,
+      agentId:this.agentId,
       dingTalkId:this.dingTalkId,
+      pluginConfig:["localAuthPlugin","amapPlugin","tabBarPlugin","scanCodePlugin","filePreviewPlugin","autoRecordPlugin","downloadFilePlugin", PRINTER_PLUGIN],
     };
-    this.lamboBridge = new LamboJsBridge(options);
+    this.$lamboJsBridge = new LamboJsBridge(options);
     await this.getPlatform();
+    // await this.$lamboJsBridge.initializePlugin(options.pluginConfig);
   },
   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) {
         console.error('Error getting init info:', error);
       }
     },
+
+    async startWeComRecording() {
+      this.recordingWeComStatus = 'processing';
+      this.recordingFileInfo = null;
+      try {
+        await this.$lamboJsBridge.startWeComRecording({
+          // 当60秒自动停止并成功时：
+          onAutoStopSuccess: (fileInfo) => {
+            console.log('【自动停止】处理成功:', fileInfo);
+            this.recordingFileInfo = fileInfo;
+            this.recordingWeComStatus = 'done';
+          },
+          // 当60秒自动停止但失败时：
+          onAutoStopError: (error) => {
+            console.error('【自动停止】处理失败:', error);
+            this.recordingWeComStatus = 'error';
+          }
+        });
+        
+        this.recordingWeComStatus = 'recording';
+
+      } catch (error) {
+        console.error("开始录音失败:", error);
+        this.recordingWeComStatus = 'error';
+      }
+    },
+
+    async stopWeComRecording() {
+      this.recordingWeComStatus = 'processing';
+      try {
+          const fileInfo = await this.$lamboJsBridge.stopWeComRecording();
+          console.log('【手动停止】处理成功:', fileInfo);
+          this.recordingFileInfo = fileInfo;
+          this.recordingWeComStatus = 'done';
+
+      } catch (error) {
+          console.error('【手动停止】处理失败:', error);
+          this.recordingWeComStatus = 'error';
+      }
+    },
+
+    async startCcworkRecording() {
+      this.recordingCcWorkStatus = 'processing';
+      this.recordingFileInfo = null;
+
+      try {
+        console.log('正在调用 startCcworkRecording...');
+        const fileInfo = await this.$lamboJsBridge.startCcworkRecording();
+        console.log('【录音上传】处理成功:', fileInfo);
+        this.recordingFileInfo = fileInfo;
+        this.recordingCcWorkStatus = 'done';
+
+      } catch (error) {
+        console.error('【录音上传】处理失败:', error);
+        this.recordingCcWorkStatus = 'error';
+      }
+    },
+
+    // 开始手动录音
+    async startRecording() {
+      // 清空之前的录音数据
+      this.audioUrl = null;
+      this.recordingStatus = 'recording';
+      try {
+        // 传入 { auto: false } 表示手动录音
+        const result = await this.$lamboJsBridge.startRecording({ auto: false });
+        console.log("录音开始成功：", result);
+      } catch (error) {
+        console.error("录音开始失败：", error);
+        this.recordingStatus = 'failed';
+      }
+    },
+
+    // 开始自动录音
+    async startAutoRecording() {
+      // 清空之前的录音数据
+      this.audioUrl = null;
+      this.recordingStatus = 'recording';
+      try {
+        // 传入 { auto: true } 表示启用自动录音
+        const result = await this.$lamboJsBridge.startRecording({ auto: true , silenceDelay: 1, silenceStopSeconds: 2, volumeThreshold: 60});
+        console.log("自动录音开始成功：", result);
+      } catch (error) {
+        console.error("自动录音开始失败：", error);
+        this.recordingStatus = 'failed';
+      }
+    },
+
+    // 停止录音
+    async stopRecording() {
+      try {
+        const result = await this.$lamboJsBridge.stopRecording();
+        console.log("录音停止成功：", result);
+        this.recordingStatus = 'stopped';
+        // 更新录音文件信息
+        this.audioUrl = result.fileUrl || result.msg;
+        // 如果你非要用全局函数更新，也可以调用它
+        this.updateAudioDisplay(result);
+      } catch (error) {
+        console.error("录音停止失败：", error);
+        this.recordingStatus = 'failed';
+      }
+    },
+
+    // 如果你希望借助类似全局函数的形式更新页面，可以这样定义：
+    updateAudioDisplay(data) {
+      // 更新组件中的数据，页面会自动响应
+      this.recordingStatus = 'stopped';
+      this.audioUrl = data.fileUrl;
+      this.audioPath = data.filePath;
+      this.audioData = data.fileData;
+    },
+
+
+    async downloadFile(){
+      try {
+        const fileUrl = 'http://10.110.34.27/sampleFile.txt'; // 要下载的文件 URL
+        const fileName = '下载文件.txt'; // 文件名称（建议带上扩展名）
+        // 注意传递的参数键需与插件内部代码一致：title 和 path
+        let result = await this.$lamboJsBridge.downloadFile({ title: fileName, path: fileUrl });
+        console.log('Download initiated, result:', result);
+
+        // 如果返回的数据为字符串，则尝试解析为对象
+        if (typeof result === 'string') {
+          try {
+            result = JSON.parse(result);
+          } catch (e) {
+            console.error('解析下载结果失败：', e);
+          }
+        }
+
+        // 假设返回的对象中包含 path 属性（如果没有则直接使用 result）
+        const filePath = result.path || result;
+        // 更新组件数据，显示文件下载路径
+        this.downloadLink = filePath;
+      } catch (error){
+        console.error('Download failed:', error);
+      }
+    },
+
     async getLocation() {
       try {
         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; // 存储纬度
         this.longitude = location.longitude; // 存储经度
-        console.log('Location:', location);
+        console.log("this.latitude:",this.latitude);
+        console.log("this.longitude:",this.longitude);
+        // console.log('Location:', location);
       } catch (error) {
         console.error('Error getting location:', error);
       }
@@ -114,7 +329,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) {
@@ -126,11 +341,15 @@ export default {
         const options = {
           ossServerContext: this.ossServerContext,
           ossImgPutUrl: this.ossImgPutUrl,
-          ossImgGetUrl: this.ossImgGetUrl
+          ossImgGetUrl: this.ossImgGetUrl,
+          outputType: ['info','data','oss'],
+          method: 'file',
+          // 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); // 调试输出
+        console.log("oss:",photos.imageOss)
 
         photos.forEach(photo => {
           if (photo.imageOss && photo.imageOss.url) {
@@ -149,14 +368,15 @@ export default {
       try {
         if (this.latitude !== null && this.longitude !== null) {
           const options = {
-            //初始化参数，根据需要修改
+            // 初始化参数，根据需要修改
             latitude: this.latitude,
             longitude: this.longitude,
             name: this.name,
             address: this.address,
-            scale: this.scale
+            scale: this.scale,
+            type:"amap"
           };
-          await this.lamboBridge.openLocation(options);
+          await this.$lamboJsBridge.openLocation(options);
           this.openLocationResult = '位置已成功打开'; // 成功打开位置时存储信息
           console.log('Location opened successfully');
         } else {
@@ -167,7 +387,64 @@ export default {
         this.openLocationResult = `打开位置时出错: ${error.message}`; // 存储错误信息
         console.error('Error opening location:', error);
       }
-    }
+    },
+    async filePreview() {
+      try {
+        const options = {
+          title: '预览文件.txt', // 文件的标题
+          path: 'http://160.mall.eap.lambo.top/ecm-runtime-server/api/file/get/123456' ,// 文件的URL路径
+          tokenKey:"lambo-token-ibp"
+        };
+        const result = await this.$lamboJsBridge.filePreview(options);
+        console.log('File preview result:', result);
+      } catch (error) {
+        console.error('Error previewing file:', error);
+      }
+    },
+    async initKey() {
+      try {
+        const result = await this.$lamboJsBridge.initKey(  {"androidKey":"41c4c1f35d8d14f5bf1907c173924147","iosKey":"465abf5da8c8d62e3caa63952a0957a5"});
+        console.log('initKey result:', result);
+        this.initKeyMessage = `initKey result: ${JSON.stringify(result)}`;
+      } catch (error) {
+        this.initKeyMessage = `初始化 Key 时出错: ${error.message}`;
+        console.error('Error initializing key:', error);
+      }
+    },
+    async localAuth() {
+      try {
+        const options = {
+          localizedReason: 'A1',
+          biometricHint: 'A2',
+          cancelButton: 'A3',
+          signInTitle: 'A4'
+        }
+        const result = await this.$lamboJsBridge.localAuthPlugin(options)
+        this.localAuthResult = JSON.stringify(result, null, 2)
+        console.log('localAuthResult:', result);
+        this.availableBiometrics = '' // 清空另一个结果
+      } catch (error) {
+        // 结构化错误处理
+        const errorMessage = error.msg || error.message || '未知错误';
+        const authId = error.authId || '未知设备';
+
+        this.localAuthResult = `认证失败：${errorMessage}，authId：${authId}`;
+        console.error('完整错误信息:', error);
+      }
+    },
+    async getAvailableBiometrics() {
+      try {
+
+        const result = await this.$lamboJsBridge.getAvailableBiometrics()
+        this.availableBiometrics = JSON.stringify(result, null, 2)
+        this.localAuthResult = '' // 清空另一个结果
+      } catch (error) {
+        this.availableBiometrics = `获取失败: ${error.message}`
+      }
+    },
+  },
+  mounted() {
+    window.updateAudioDisplay = this.updateAudioDisplay;
   },
   beforeRouteEnter (to, from, next) {
     next(vm => {
@@ -181,8 +458,6 @@ export default {
 };
 </script>
 
-
-
 <style scoped>
 pre {
   background-color: #f5f5f5;
@@ -220,4 +495,23 @@ code {
   max-width: 100%;
   border-radius: 4px;
 }
+.auth-buttons {
+  margin-bottom: 16px;
+}
+
+.auth-button {
+  min-width: 120px;
+}
+
+.result-box {
+  margin-top: 12px;
+  border-top: 1px solid #eee;
+  padding-top: 12px;
+}
+
+.result-title {
+  color: #666;
+  font-size: 12px;
+  margin-bottom: 8px;
+}
 </style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lambo-design-mobile/lambo-js-bridge",
-  "version": "1.0.0-beta.4",
+  "version": "1.0.0-beta.41",
   "description": "",
   "main": "index.js",
   "author": "lambo",
@@ -9,7 +9,10 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "dependencies": {},
+  "dependencies": {
+    "coordtransform": "^2.1.2",
+    "gcoord": "^0.1.2"
+  },
   "scripts": {
     "release-js-bridge": "pnpm release-beta && git push --follow-tags && pnpm re-publish",
     "release-major": "standard-version --release-as major",

package/src/sdk/BdMapUtils.js

@@ -0,0 +1,74 @@
+import config from "@lambo-design-mobile/shared/config/config";
+import coordtransform from "coordtransform";
+
+const addScript = function (src, cb) {
+  const script = document.createElement('script')
+  script.src = src
+  document.getElementsByTagName('head')[0].appendChild(script)
+  script.onload = function () {
+      if (!!cb) {
+          cb()
+      }
+  }
+}
+
+export function initBdMap() {
+  let tempAk = 'AWZBggDSk8Zsv2STX7S2SBYO6wsH7BVT'
+  if (config.akList) {
+    tempAk = config.akList[Math.random() * config.akList.length]
+  }
+  addScript('https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=' + tempAk)
+  addScript('https://api.map.baidu.com/getscript?type=webgl&v=1.0&ak=' + tempAk)
+}
+
+export function getAddress(longitude, latitude) {
+  const myGeo = new BMap.Geocoder({extensions_town: false});      
+  let city = ''
+  let province = ''
+  let address = ''
+
+  // 根据坐标得到地址描述    
+  myGeo.getLocation(new BMap.Point(longitude, latitude), function(result){      
+    if (result){      
+      city = result.addressComponents.city
+      province = result.addressComponents.province
+      address = result.address
+    }      
+  });
+  return {
+    city,
+    province,
+    address
+  }
+}
+
+export function getAxisByType(unifiedLocation, locationType) {
+  // 目前只有wgs84 bd09 gcj02 默认传进unifiedLocation 坐标系为gcj02 不转换
+  if(locationType === 'bd09') {
+    // 将 gcj02 坐标转换为 bd09
+    const [bd09Lng, bd09Lat] = coordtransform.gcj02tobd09(unifiedLocation.longitude, unifiedLocation.latitude);
+    unifiedLocation.longitude = bd09Lng;
+    unifiedLocation.latitude = bd09Lat;
+  }
+  else if(locationType === 'wgs84'){
+    // 将 gcj02 坐标转换为 bd09
+    const [wgs84Lng, wgs84Lat] = coordtransform.gcj02towgs84(unifiedLocation.longitude, unifiedLocation.latitude);
+    unifiedLocation.longitude = wgs84Lng;
+    unifiedLocation.latitude = wgs84Lat;
+  }
+  if (!unifiedLocation.latitude || !unifiedLocation.longitude) {
+    return false;
+  }
+  return unifiedLocation
+}
+
+export function getAddressByType(unifiedLocation, locationType) {
+  
+  const [bd09Lng, bd09Lat] = coordtransform.gcj02tobd09(unifiedLocation.longitude, unifiedLocation.latitude);
+  // 根据坐标得到地址描述    
+  const res = getAddress(bd09Lng, bd09Lat)
+  unifiedLocation.city = res.addressComponents.city
+  unifiedLocation.province = res.addressComponents.province
+  unifiedLocation.address = res.address
+  getAxisByType(unifiedLocation, locationType)
+}

package/src/sdk/CcworkAdapter.js

@@ -0,0 +1,81 @@
+import config from '@lambo-design-mobile/shared/config/config';
+
+class CcworkAdapter {
+    constructor(_options) {
+        this.uploadUrl = config.upmsServerContext + '/oss/file/put';
+        this.isInitialized = false;
+
+        this._initPromise = this._initialize();
+    }
+
+    _initialize() {
+        return new Promise((resolve, reject) => {
+            if (window.ccworkBridge) {
+                console.log('ccworkBridge 已存在，直接初始化...');
+                this._initBridge(resolve, reject);
+                return;
+            }
+
+            console.log('正在加载 ccworkJsbridge.js...');
+            const script = document.createElement('script');
+            script.src = "https://cc.ccwork.com/file/download/h5/ccworkJsbridge.js";
+            script.onload = () => {
+                console.log('ccworkJsbridge.js 加载成功，开始初始化...');
+                if (window.ccworkBridge) {
+                    this._initBridge(resolve, reject);
+                } else {
+                    console.error('脚本加载后，window.ccworkBridge 仍然不存在。');
+                    reject(new Error('ccworkJsbridge 脚本加载失败。'));
+                }
+            };
+            script.onerror = () => {
+                console.error('ccworkJsbridge.js 脚本网络加载失败。');
+                reject(new Error('ccworkJsbridge 脚本网络加载失败。'));
+            };
+            document.head.appendChild(script);
+        });
+    }
+
+    _initBridge(resolve, reject) {
+        try {
+            ccworkBridge.init((hasLogin) => {
+                console.log(`ccworkBridge 初始化完成，登录状态: ${hasLogin}`);
+                this.isInitialized = true;
+                resolve(hasLogin);
+            });
+        } catch (err) {
+            console.error('调用 ccworkBridge.init 时出错:', err);
+            reject(err);
+        }
+    }
+
+    async startCcworkRecording(options = {}) {
+        await this._initPromise;
+
+        return new Promise((resolve, reject) => {
+            console.log('正在调用 ccworkRecordingAudio...');
+            const params = {
+                local: false,
+                id: this.uploadUrl
+            };
+
+            ccworkBridge.ccworkRecordingAudio(params, (res) => {
+                console.log('录音上传完成，收到回调:', res);
+                if (res && res.data && res.data.code === 1) {
+                    resolve(res.data.data[0]);
+                } else {
+                    reject(new Error(res ? res.message : '录音或上传失败，未知错误。'));
+                }
+            });
+        });
+    }
+
+   
+    async getPlatform(options = {}) {
+        return Promise.resolve({
+            platform: 'Ccwork'
+        });
+    }
+}
+
+export default CcworkAdapter;