gxd-uni-library-editx 1.0.0

package/src/components/XdCity/testData.js

@@ -0,0 +1,124 @@
+/**
+ * @description 城市后台返回数据
+ */
+export default {
+  "data": {
+    "city_nav": [
+      {
+        "idx": "A",
+        "cities": [
+          {
+            "city_id": 152522,
+            "province_name": "新疆",
+            "city_name": "阿巴嘎旗",
+            "city_pinyin": "abagaqi",
+            "py": "abgq",
+            "letter": "A"
+          },
+          {
+            "city_id": 513231,
+            "province_name": "新疆",
+            "city_name": "阿坝县",
+            "city_pinyin": "abaxian",
+            "py": "abx",
+            "letter": "A"
+          },
+        ]
+      },
+    ],
+    "classify_nav": [
+      {
+        "idx": "A"
+      },
+      {
+        "idx": "B"
+      },
+      {
+        "idx": "C"
+      },
+      {
+        "idx": "D"
+      },
+      {
+        "idx": "E"
+      },
+      {
+        "idx": "F"
+      },
+      {
+        "idx": "G"
+      },
+      {
+        "idx": "H"
+      },
+      {
+        "idx": "J"
+      },
+      {
+        "idx": "K"
+      },
+      {
+        "idx": "L"
+      },
+      {
+        "idx": "M"
+      },
+      {
+        "idx": "N"
+      },
+      {
+        "idx": "P"
+      },
+      {
+        "idx": "Q"
+      },
+      {
+        "idx": "R"
+      },
+      {
+        "idx": "S"
+      },
+      {
+        "idx": "T"
+      },
+      {
+        "idx": "W"
+      },
+      {
+        "idx": "X"
+      },
+      {
+        "idx": "Y"
+      },
+      {
+        "idx": "Z"
+      }
+    ],
+    "hot_city": [
+      {
+        "city_name": "广州",
+        "city_pinyin": "guangzhou",
+        "city_id": 440100,
+        "py": "gz"
+      },
+      {
+        "city_name": "惠州",
+        "city_pinyin": "huizhou",
+        "city_id": 441300,
+        "py": "hz"
+      },
+      {
+        "city_name": "上海",
+        "city_pinyin": "shanghai",
+        "city_id": 310100,
+        "py": "sh"
+      },
+      {
+        "city_name": "杭州",
+        "city_pinyin": "hangzhou",
+        "city_id": 330100,
+        "py": "hz"
+      },
+    ]
+  }
+}

package/src/components/XdCityLocation/XdCityLocation.vue

@@ -0,0 +1,314 @@
+<template>
+  <!--#ifdef H5-->
+  <xd-baidu-map
+    v-if="baidu && initBaidu"
+    :ak="uiBaiduAk"
+    @onLocationSuccess="handleBaiduInit"
+  ></xd-baidu-map>
+  <!--#endif-->
+</template>
+
+<script>
+
+  /**
+   * XdCityLocation
+   *  * 参考网站如下：
+   * https://lbsyun.baidu.com/cms/jsapi/reference/jsapi_webgl_1_0.html#a3b0
+   * https://lbsyun.baidu.com/index.php?title=jspopularGL/guide/addOverlay
+   * https://lbs.baidu.com/jsdemo.htm#fEditOverlay
+   * 需要加载依赖:npm install --save gxd-helper --registry=https://registry.npm.taobao.org
+   * 文档：https://www.npmjs.com/package/gxd-helper
+   *
+   * @description 第三方定位  H5建议使用百度   微信小程序微信定位需要在manifest中配置授权
+   * @property {Boolean} baidu          使用百度定位（H5）
+   * @property {Boolean} type           使用微信jsdk定位（H5）
+   * @property {String}  expire         定位信息有效期限
+   * @property {String}  size                       按钮大小（default，mini）
+
+   * @event {Function} getWeixinAppInfo  使用微信定位使用需要获取
+   */
+
+  // #ifdef H5
+  import {initWeixin} from "@/components/XdCityLocation/jweixin";
+  import XdBaiduMap from "@/components/XdBaiduMap/XdBaiduMap";
+  // #endif
+  import storage from "@/common/storage";
+
+
+  export default {
+    name: "XdCityLocation",
+    components: {
+      // #ifdef H5
+      XdBaiduMap
+      // #endif
+    },
+    props:{
+      /**
+       * @description 使用百度定位支持H5 需要在/public/index.html 添加下面的地址
+       * //api.map.baidu.com/api?v=2.0&ak=hAKGzqKPqNtR6mnXbWgCM6wc2nW8OdUK&v=1.0.0
+       * //api.map.baidu.com/getscript?ak=hAKGzqKPqNtR6mnXbWgCM6wc2nW8OdUK&services=&t=20181204112130&v=1.0.0
+       */
+      baidu: {
+        type: Boolean,
+        default: false
+      },
+
+      baiduAk:{
+        type:String,
+        default: ''
+      },
+
+      /**
+       * @description 微信获取定位
+       */
+      weixin: {
+        type: Boolean,
+        default: false
+      },
+
+      expire: {
+        type: Number,
+        default: 1
+      }
+    },
+    data(){
+      return {
+        location: {},
+        baiduCount: 0, //baidu  API 加载次数
+        backed: false,
+        initBaidu: false,
+        uiBaiduAk: '',
+      }
+    },
+    created() {
+      this.uiBaiduAk = this.baiduAk || this.$settings.baiduAk;
+
+      //#ifdef H5
+      if(this.baidu){
+        if(!this.uiBaiduAk) {
+          console.error('请传入百度AK值')
+          throw new Error('请传入百度AK值');
+        }else {
+          this.init();
+        }
+      } else{
+        this.init();
+      }
+      // #endif
+
+      // #ifdef MP-WEIXIN
+      this.init();
+      // #endif
+
+    },
+    methods:{
+      init(){
+        //从storage获取定位信息
+        if(storage.get('xd_three_map')) {
+          if (typeof getApp()['saveLogs'] === 'function' && this.$settings['isDebug']) {
+            getApp()['saveLogs']({
+              location: storage.get('xd_three_map'),
+              status: 'ok',
+              locationType: 'cache',
+              pos: 'XdCityLocation'
+            }, 'info');
+          }
+          this.$emit('done', storage.get('xd_three_map'));
+          return;
+        }
+
+        //#ifdef H5
+        if(this.baidu) {
+          this.initBaidu = true;
+        }
+
+        if(this.weixin) {
+          console.log('微信SDK定位');
+          this.weixinBMap();
+        }
+        return;
+        // #endif
+
+        // #ifdef MP-WEIXIN
+        console.log('微信小程序定位');
+        this.wxSamllApp()
+        // #endif
+      },
+
+      handleDone(){
+        console.log('handleDone', this.location);
+        if(this.backed) return;
+        this.backed = true;
+        if(this.location) {
+          storage.set('xd_three_map', this.location, this.expire);
+        }
+        console.log('handleDone',this.location);
+        this.$emit('done', this.location);
+      },
+
+      handleBaiduInit(location){
+        this.location = {
+          latitude: location['latitude'],
+          longitude: location['longitude'],
+          address: location['address']
+        };
+        this.handleDone();
+      },
+
+      /**
+       * @description 使用百度定位
+       */
+      baiduBMap(){
+
+        //加载定位插件失败
+        if(this.baiduCount >= 10) {
+          this.location = null;
+          //百度定位失败
+          if (typeof getApp().saveLogs === 'function') {
+            getApp().saveLogs({
+              location: this.location,
+              status: 'fail',
+              locationType: 'baidu.com',
+              loading: 'BMap.fail',
+              pos: 'XdCityLocation'
+            }, 'info');
+          }
+          this.handleDone();
+          return;
+        }
+
+        //加载失败
+        if(typeof BMapGL === 'undefined') {
+          setTimeout(()=>{
+            this.baiduCount++;
+            console.log(this.baiduCount)
+            this.baiduBMap();
+          }, 100);
+        }
+
+        //加载成功
+        else{
+          //一秒超时
+          let timer = setTimeout(() => {
+            this.location = null;
+            this.handleDone();
+          }, 3000);
+
+
+          let geolocation = new BMapGL['Geolocation']();
+          geolocation.getCurrentPosition(
+            (res)=> {
+              if (geolocation.getStatus() === BMAP_STATUS_SUCCESS) {
+
+
+                //百度定位成功
+                if (typeof getApp().saveLogs === 'function' && this.$settings.isDebug) {
+                  getApp().saveLogs({
+                    location: this.location,
+                    status: 'ok',
+                    locationType: 'baidu.com',
+                    pos: 'XdCityLocation'
+                  }, 'info');
+                }
+
+                if (timer) {
+                  clearTimeout(timer);
+                  timer = null
+                }
+
+                this.handleDone();
+              }
+              else {
+                this.location = null;
+
+                //百度定位失败
+                if (typeof getApp().saveLogs === 'function') {
+                  getApp().saveLogs({
+                    location: this.location,
+                    status: 'fail',
+                    baiduStatus: geolocation.getStatus(),
+                    result: res,
+                    locationType: 'baidu.com',
+                    pos: 'XdCityLocation'
+                  }, 'info');
+                }
+
+                if (timer) {
+                  clearTimeout(timer);
+                  timer = null
+                }
+
+                this.handleDone()
+              }
+            },
+            {timeout: 3000}
+          );
+
+
+        }
+      },
+
+      /**
+       * @description 使用微信定位
+       */
+      weixinBMap(){
+        console.log('handleGetWeixinAppInfo.XdCityLocation');
+        this.$emit('getWeixinAppInfo',
+          /**
+           * @description 获取appInfo
+           * @example https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html
+           * @param jsApiList {Array} 权限列表
+           * @param appInfo {Object} appdata信息
+           * appInfo = {
+              debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
+              appId: 'xxxx', // 必填，公众号的唯一标识
+              timestamp: 15451212121, // 必填，生成签名的时间戳
+              nonceStr: '', // 必填，生成签名的随机串
+              signature: '',// 必填，签名
+            })
+             jsApiList = [] // 必填，需要使用的JS接口列表
+           */
+          (appInfo, jsApiList)=>{
+            console.log('handleGetWeixinAppInfo.XdCityLocation', appInfo, jsApiList);
+            //首次加载
+            if(getApp().globalData.weixinSDK === undefined) {
+              getApp().globalData.weixinSDK = initWeixin(appInfo, jsApiList)
+                .then(res=>{
+                  console.log(res);
+                })
+                .catch(error=>{
+                  console.log(error);
+                });
+            }
+            this.handleDone()
+          });
+      },
+
+      /**
+       * @description 微信小程序定位
+       */
+      wxSamllApp(){
+        console.log('wxSamllApp')
+        uni.getLocation({
+          type: 'gcj02',
+          geocode: true,
+          success:  (res)=> {
+            this.location = {
+              latitude: res['latitude'],
+              longitude: res['longitude'],
+            };
+            this.handleDone()
+          },
+          error: ()=>{
+            this.location = null;
+            this.handleDone()
+          }
+        });
+      }
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>

package/src/components/XdCityLocation/jweixin.js

@@ -0,0 +1,72 @@
+'use strict';
+
+import jweixin from "jweixin-module"
+
+class InitWeixin {
+	constructor(setting = {} , jsApiList){
+		this.setting  = setting;
+		this.jsApiList = jsApiList;
+		console.log('InitWeixin',this.setting, this.jsApiList)
+	}
+
+	/**
+	 * @description  初始化微信
+	 */
+	init(){
+	  return new Promise((resolve, reject)=>{
+      if (jweixin && jweixin.config) {
+        jweixin.config({
+          //debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
+          appId: this.setting.appId, // 必填，公众号的唯一标识
+          timestamp: this.setting.timestamp, // 必填，生成签名的时间戳
+          nonceStr: this.setting.nonceStr, // 必填，生成签名的随机串
+          signature: this.setting.signature,// 必填，签名
+          jsApiList: this.jsApiList // 必填，需要使用的JS接口列表
+        });
+
+        /**检测是否完成**/
+        jweixin.ready((res) => {
+          resolve(jweixin);
+        })
+
+        jweixin.error((res) => {
+          //console.error(' jweixin.error', res);
+          reject({jweixin,res});
+        })
+      } else {
+        this.isInti = false;
+        //console.error('请传入appInfo信息, 初始化分享失败');
+        reject('jweixin.error');
+      }
+    })
+
+	}
+}
+
+
+/**
+ * @description jssdk 实例
+ * @type {InitWeixin}
+ */
+let jweixinObj = null;
+
+//参考地址： https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#0
+
+/**
+ * @description 初始化微信接口能力
+ * @param setting {Object} //后台返回的微信公众号信息
+ * @param jsApiList { Object }  jweixin可用接口列表
+ * @returns {InitWeixin}
+ */
+export function initWeixin(setting , jsApiList) {
+	if(setting === null) {
+		return new Promise((resolve, reject)=>{
+      reject('jweixin.error');
+    });
+	}
+  if (!jweixinObj) {
+    jweixinObj = new InitWeixin(setting, jsApiList).init();
+    return jweixinObj;
+  }
+  return jweixinObj;
+}