@lambo-design-mobile/lambo-js-bridge 1.0.0-beta.2 → 1.0.0-beta.21

package/demo/index.vue

@@ -1,223 +1,261 @@
-<template>
-  <demo-section>
-    <demo-block title="初始化信息">
-      <pre v-if="initInfo"><code>{{ initInfo }}</code></pre>
-    </demo-block>
-    <demo-block title="获取定位">
-      <van-button @click="getLocation">获取定位</van-button>
-      <pre v-if="location"><code>{{ location }}</code></pre>
-    </demo-block>
-    <demo-block title="扫码">
-      <van-button @click="scanCode">扫码</van-button>
-      <pre v-if="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">
-        <div v-for="(preview, index) in photoPreviews" :key="index" class="photo-container">
-          <img :src="preview" alt="Photo Preview" class="photo">
-        </div>
-      </div>
-    </demo-block>
-    <demo-block title="打开位置">
-      <van-button @click="openLocation">打开位置</van-button>
-      <pre v-if="openLocationResult"><code>{{ openLocationResult }}</code></pre>
-    </demo-block>
-  </demo-section>
-</template>
-
-
-
-
-<script>
-import LamboJsBridge from "../src/sdk/LamboJsBridge";
-
-export default {
-  name: 'MyComponent',
-  data() {
-    return {
-      lamboBridge: null,
-      initInfo: '',
-      location: '',
-      scanResult: '',
-      photoResult: '',
-      openLocationResult: '', // 添加用于存储打开位置的返回值
-      latitude: null, // 存储纬度
-      longitude: null, // 存储经度
-      ossServerContext: 'ibp-upms-server',
-      ossImgPutUrl: '/oss/file/put',
-      ossImgGetUrl: '/oss/file/get/',
-      scale: 8,
-      name:'这里是位置名称name',
-      address:'这里是详细位置address',
-      wechatId: 'wx92fab9d3885b0298',
-      weComId: 'wx0eb3ba9d89eca3cb',
-      dingTalkId: '',
-      photoPreviews: []
-    };
-  },
-  computed: {
-    gridClass() {
-      const length = this.photoPreviews.length;
-      if (length === 1) {
-        return 'grid-single';
-      } else if (length > 1 && length <= 4) {
-        return 'grid-two';
-      } else if (length > 4) {
-        return 'grid-three';
-      }
-      return '';
-    }
-  },
-  async created() {
-    const script = document.createElement('script')
-    script.src = '//dev.sunquan.tech/inspect/target.js'
-    script.async = true
-    document.getElementsByTagName('head')[0].appendChild(script)
-    const options = {
-      // 初始化参数，根据需要填写
-      wechatId:this.wechatId,
-      weComId:this.weComId,
-      dingTalkId:this.dingTalkId,
-    };
-    this.lamboBridge = new LamboJsBridge(options);
-    await this.getPlatform();
-  },
-  methods: {
-    async getPlatform() {
-      try {
-        const info = await this.lamboBridge.getPlatform(); // 获取初始化信息
-        this.initInfo = JSON.stringify(info, null, 2); // 美化输出
-        console.log('Init Info:', info);
-      } catch (error) {
-        console.error('Error getting init info:', error);
-      }
-    },
-    async getLocation() {
-      try {
-        const options ={
-          // 初始化参数，根据需要填写
-        };
-        const location = await this.lamboBridge.getLocation(options);
-        console.log("location",location)
-        this.location += `${JSON.stringify(location)}\n`; // 追加新数据
-        this.latitude = location.latitude; // 存储纬度
-        this.longitude = location.longitude; // 存储经度
-        console.log('Location:', location);
-      } catch (error) {
-        console.error('Error getting location:', error);
-      }
-    },
-    async scanCode() {
-      try {
-        const options ={
-          // 初始化参数，根据需要填写
-        };
-        const result = await this.lamboBridge.scanCode(options);
-        this.scanResult += `${JSON.stringify(result)}\n`; // 追加新数据
-        // console.log('Scan result:', result);
-      } catch (error) {
-        console.error('Error scanning code:', error);
-      }
-    },
-    async takePhoto() {
-      try {
-        const options = {
-          ossServerContext: this.ossServerContext,
-          ossImgPutUrl: this.ossImgPutUrl,
-          ossImgGetUrl: this.ossImgGetUrl
-        };
-        const photos = await this.lamboBridge.takePhoto(options);
-        this.photoResult += `${JSON.stringify(photos)}\n`;
-        console.log("Photo result:", photos); // 调试输出
-
-        photos.forEach(photo => {
-          if (photo.imageOss && photo.imageOss.url) {
-            this.photoPreviews.push(photo.imageOss.url); // 将图片URL添加到数组中
-          } else if (photo.imageData) {
-            this.photoPreviews.push(photo.imageData); // 如果OSS URL不存在，使用本地数据
-          }
-        });
-
-        console.log("Updated photoPreviews:", this.photoPreviews); // 调试输出
-      } catch (error) {
-        console.error('Error taking photo:', error);
-      }
-    },
-    async openLocation() {
-      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
-          };
-          await this.lamboBridge.openLocation(options);
-          this.openLocationResult = '位置已成功打开'; // 成功打开位置时存储信息
-          console.log('Location opened successfully');
-        } else {
-          this.openLocationResult = '没有可用的位置信息，请先获取定位。'; // 没有位置信息时存储错误信息
-          console.error('No location data available. Please get the location first.');
-        }
-      } catch (error) {
-        this.openLocationResult = `打开位置时出错: ${error.message}`; // 存储错误信息
-        console.error('Error opening location:', error);
-      }
-    }
-  },
-  beforeRouteEnter (to, from, next) {
-    next(vm => {
-      if (from.name !== null) {
-        vm.$nextTick(() => {
-          window.location.reload();
-        });
-      }
-    });
-  }
-};
-</script>
-
-
-
-<style scoped>
-pre {
-  background-color: #f5f5f5;
-  padding: 10px;
-  border-radius: 4px;
-  overflow: auto;
-}
-
-code {
-  white-space: pre-wrap;
-}
-
-.grid-single {
-  display: grid;
-  grid-template-columns: 1fr;
-}
-
-.grid-two {
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: 10px;
-}
-
-.grid-three {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  gap: 10px;
-}
-
-.photo-container {
-  margin-top: 10px;
-}
-
-.photo {
-  max-width: 100%;
-  border-radius: 4px;
-}
-</style>
+<template>
+  <demo-section>
+    <demo-block title="初始化信息">
+      <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-show="location"><code>{{ location }}</code></pre>
+    </demo-block> 
+    <demo-block title="扫码">
+      <van-button @click="scanCode">扫码</van-button>
+      <pre v-show="scanResult"><code>{{ scanResult }}</code></pre>
+    </demo-block>
+    <demo-block title="拍照">
+      <van-button @click="takePhoto">拍照</van-button>
+      <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>
+      </div>
+    </demo-block>
+    <demo-block title="打开位置">
+      <van-button @click="openLocation">打开位置</van-button>
+      <pre v-show="openLocationResult"><code>{{ openLocationResult }}</code></pre>
+    </demo-block>
+    <demo-block title="文件预览">
+      <a href="javascript:void(0);" @click="previewFile">点击这里预览文件</a>
+    </demo-block>
+
+  </demo-section> 
+</template>
+
+<script>
+import LamboJsBridge from "../src/sdk/LamboJsBridge";
+
+export default {
+  name: 'js-bridge-demo',
+  data() {
+    return {
+      lamboBridge: null,
+      initInfo: '',
+      location: '',
+      scanResult: '',
+      photoResult: '',
+      openLocationResult: '', // 添加用于存储打开位置的返回值
+      latitude: 117.129, // 存储纬度
+      longitude: 36.662, // 存储经度
+      ossServerContext: 'ibp-upms-server',
+      ossImgPutUrl: '/oss/file/put',
+      ossImgGetUrl: '/oss/file/get/',
+      scale: 8,
+      name:'这里是位置名称name',
+      address:'这里是详细位置address',
+      wechatId: 'wx92fab9d3885b0298',
+      weComId: 'wx0eb3ba9d89eca3cb',
+      agentId:'1000065',
+      dingTalkId: '',
+      photoPreviews: [],
+      initKeyMessage: '' // 用于存储 initKey 的返回消息
+    };
+  },
+  computed: {
+    gridClass() {
+      const {length} = this.photoPreviews;
+      if (length === 1) {
+        return 'grid-single';
+      } if (length > 1 && length <= 4) {
+        return 'grid-two';
+      } if (length > 4) {
+        return 'grid-three';
+      }
+      return '';
+    }
+  },
+  async created() {
+    const script = document.createElement('script')
+    script.src = '//dev.sunquan.tech/inspect/target.js'
+    script.async = true
+    document.getElementsByTagName('head')[0].appendChild(script)
+    const options = {
+      // 初始化参数，根据需要填写
+      wechatId:this.wechatId,
+      weComId:this.weComId,
+      agentId:this.agentId,
+      dingTalkId:this.dingTalkId,
+      pluginConfig:["localAuthPlugin","amapPlugin","tabBarPlugin","scanCodePlugin","filePreviewPlugin"],
+    };
+    this.$lamboJsBridge = new LamboJsBridge(options);
+    await this.getPlatform();
+    // await this.$lamboJsBridge.initializePlugin(options.pluginConfig);
+  },
+  methods: {
+    async getPlatform() {
+      try {
+        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 getLocation() {
+      try {
+        const 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("this.latitude:",this.latitude);
+        console.log("this.longitude:",this.longitude);
+        // console.log('Location:', location);
+      } catch (error) {
+        console.error('Error getting location:', error);
+      }
+    },
+    async scanCode() {
+      try {
+        const options ={
+          // 初始化参数，根据需要填写
+        };
+        const result = await this.$lamboJsBridge.scanCode(options);
+        this.scanResult += `${JSON.stringify(result)}\n`; // 追加新数据
+        // console.log('Scan result:', result);
+      } catch (error) {
+        console.error('Error scanning code:', error);
+      }
+    },
+    async takePhoto() {
+      try {
+        const options = {
+          ossServerContext: this.ossServerContext,
+          ossImgPutUrl: this.ossImgPutUrl,
+          ossImgGetUrl: this.ossImgGetUrl,
+          outputType: ['info','data','oss'],
+          method: 'file',
+          // sourceType: 'gallery'
+        };
+        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) {
+            this.photoPreviews.push(photo.imageOss.url); // 将图片URL添加到数组中
+          } else if (photo.imageData) {
+            this.photoPreviews.push(photo.imageData); // 如果OSS URL不存在，使用本地数据
+          }
+        });
+
+        console.log("Updated photoPreviews:", this.photoPreviews); // 调试输出
+      } catch (error) {
+        console.error('Error taking photo:', error);
+      }
+    },
+    async openLocation() {
+      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,
+            type:"amap"
+          };
+          await this.$lamboJsBridge.openLocation(options);
+          this.openLocationResult = '位置已成功打开'; // 成功打开位置时存储信息
+          console.log('Location opened successfully');
+        } else {
+          this.openLocationResult = '没有可用的位置信息，请先获取定位。'; // 没有位置信息时存储错误信息
+          console.error('No location data available. Please get the location first.');
+        }
+      } catch (error) {
+        this.openLocationResult = `打开位置时出错: ${error.message}`; // 存储错误信息
+        console.error('Error opening location:', error);
+      }
+    },
+    async previewFile() {
+      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);
+      }
+    }
+  },
+  beforeRouteEnter (to, from, next) {
+    next(vm => {
+      if (from.name !== null) {
+        vm.$nextTick(() => {
+          window.location.reload();
+        });
+      }
+    });
+  }
+};
+</script>
+
+<style scoped>
+pre {
+  background-color: #f5f5f5;
+  padding: 10px;
+  border-radius: 4px;
+  overflow: auto;
+}
+
+code {
+  white-space: pre-wrap;
+}
+
+.grid-single {
+  display: grid;
+  grid-template-columns: 1fr;
+}
+
+.grid-two {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 10px;
+}
+
+.grid-three {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 10px;
+}
+
+.photo-container {
+  margin-top: 10px;
+}
+
+.photo {
+  max-width: 100%;
+  border-radius: 4px;
+}
+</style>

package/index.js

@@ -1,4 +1,4 @@
-import LamboJsBridge from './src/sdk/LamboJsBridge'
-
-export default LamboJsBridge 
+import LamboJsBridge from './src/sdk/LamboJsBridge'
+
+export default LamboJsBridge 
  

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lambo-design-mobile/lambo-js-bridge",
-  "version": "1.0.0-beta.2",
+  "version": "1.0.0-beta.21",
   "description": "",
   "main": "index.js",
   "author": "lambo",
@@ -9,7 +9,9 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "dependencies": {},
+  "dependencies": {
+    "coordtransform": "^2.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)
+}