gxd-uni-library-editx 1.0.0

package/src/utils/xd.common.js

@@ -0,0 +1,240 @@
+'use strict';
+
+import {Base64} from "js-base64";
+import {
+  baseCheckVarType,
+  baseFormDataSendParam,
+  baseGetHost,
+  baseCloneDeep,
+  getSetting,
+  baseIsEmpty
+} from "@/utils/xd.base";
+
+
+import storage from "@/common/storage";
+import {PLATFORM_PARAM_SETTING, ROOT_ENTRY} from "@/project";
+
+//#ifdef H5
+import xdLog from "@/utils/xdh5log";
+import cookie from "@/common/cookie";
+//#endif
+
+
+/**
+ * @description 检查是否需要开始上报日志与添加token参数
+ * @param config {object}
+ * @returns {boolean} true=>不开启 false=>开启
+ */
+export function checkNotLogs(config){
+  let temp = false;
+  getSetting('apiWhiteList').map(item => {
+    let reg = new RegExp(item);
+    if (reg.test(config.url)) temp = true
+  });
+  return temp;
+}
+
+
+
+/**
+ * @description 检查变量类型
+ * @param obj
+ * @returns {*}
+ */
+export function xdCheckVarType(obj) {
+  return baseCheckVarType(obj)
+}
+
+/**
+ * @description 初始化请求对象
+ * @param  obj
+ * @returns {*|URLSearchParams}
+ */
+export function xdFormDataSendParam(obj) {
+  return baseFormDataSendParam(obj)
+}
+
+
+/**
+ * @description 获取用户请求参数相关数据
+ * @param request {Request}
+ * @param response
+ */
+export function xdGetPesponseParams(request, response) {
+  let useTime = new Date().getTime() - request.start;
+
+  //原始数据
+  let sourceEespons = response;
+  if (xdCheckVarType(response) === 'object'
+    || xdCheckVarType(response) === 'array'
+  ) {
+    sourceEespons = JSON.stringify(sourceEespons);
+  }
+
+  //返回数据为数组或者对象进行序列化
+  let responsData = response.data;
+  if (xdCheckVarType(responsData) === 'object'
+    || xdCheckVarType(responsData) === 'array'
+  ) {
+    responsData = JSON.stringify(responsData);
+  }
+
+  return {
+    url: request.url,
+    useTime: `${useTime} ms`,
+    status: 'ajax.error',
+    params: baseCloneDeep(request.request['data']),
+    respons: Base64.encodeURI(responsData),
+    sourceEespons: Base64.encodeURI(sourceEespons),
+    code: `ajax.${response['statusCode']}`
+  };
+
+}
+
+/**
+ * @description 异步请求统一处理
+ * @param request {Request}
+ * @param response
+ * @param resolve
+ * @param reject
+ * @param clog
+ * @param callback
+ * @param errorCallback
+ */
+export function handlePesponse(
+  request,
+  response,
+  resolve,
+  reject,
+  clog,
+  callback,
+  errorCallback
+) {
+
+  let $vm = (getApp().globalData && getApp().globalData.$vm) || null;
+  let useTime = new Date().getTime() - request.start;
+  let requestInfo = xdGetPesponseParams(request, response);
+
+  //长连接（耗时连接）
+  if (getApp().globalData
+    && getApp().globalData.$store
+    && typeof getApp().saveLogs === 'function'
+    && !checkNotLogs(request.options)
+    && useTime > getSetting('apiDelay')
+  ) {
+    requestInfo['status'] = 'ajax.delay';
+    clog(`Slow Link:${request.url} ${useTime}ms`, 'red');
+    getApp().saveLogs(requestInfo, 'info', 'ajax');
+  } else {
+    clog(`Fast Link:${request.url} ${useTime}ms`, 'green');
+  }
+
+  //200
+  if (response['statusCode'] === 200) {
+    resolve(response.data);
+    return;
+  }
+
+  //400
+  else if (response['statusCode'] === 400) {
+    if (!$vm) {
+      reject(response);
+      throw new Error(response.data.message);
+    } else {
+      $vm.$xdHideLoading();
+      $vm.$xdAlert({
+        content: response.data.message,
+        time: 1500,
+        isClose: false,
+        zIndex: 5000,
+        type: 'error'
+      });
+      reject(response);
+    }
+
+    //记录错误日志
+    if (typeof getApp().saveLogs === 'function'
+      && !checkNotLogs(request.options)
+    ) {
+      getApp().saveLogs(requestInfo, 'info', 'ajax');
+    }
+  }
+
+  //401
+  else if (response['statusCode'] === 401) {
+    if (!$vm) {
+      reject(response);
+      throw new Error(response.data.message);
+    }
+    else {
+      reject(response);
+      $vm.$xdHideLoading();
+    }
+  }
+
+  //500
+  else if (response['statusCode'] === 500) {
+    if (!$vm) {
+      reject(response);
+      throw new Error('服务器错误');
+    } else {
+      $vm.$xdHideLoading();
+      reject(response);
+    }
+
+    //记录错误日志
+    if (typeof getApp().saveLogs === 'function'
+      && !checkNotLogs(request.options)
+    ) {
+      getApp().saveLogs(requestInfo, 'alert', 'ajax');
+    }
+  }
+
+  //404
+  else if (response['statusCode'] === 404) {
+    if (!$vm) {
+      reject(response);
+      throw new Error('接口不存在');
+    } else {
+      $vm.$xdHideLoading();
+      reject(response);
+    }
+
+    //记录错误日志
+    if (typeof getApp().saveLogs === 'function'
+      && !checkNotLogs(request.options)
+    ) {
+      getApp().saveLogs(requestInfo, 'info', 'ajax');
+    }
+  }
+
+  //default
+  else {
+    let message = '未知错误';
+    if (response && response.data && response.data.message) {
+      message = response.data.message;
+    }
+
+    //statusCode !== undefined
+    if (response['statusCode'] !== undefined) {
+      storage.set(`xd.log.${new Date().getTime()}`, {
+        logs: {
+          ...requestInfo,
+          type: 'handle.ajax.default',
+          dates: new Date().getTime()
+        },
+        level: 'alert'
+      });
+    }
+
+    if (!$vm) {
+      reject(response);
+      throw new Error(message);
+    } else {
+      $vm.$xdHideLoading();
+      reject(response);
+    }
+  }
+}
+
+

package/src/utils/xd.event.js

@@ -0,0 +1,99 @@
+'use strict';
+
+/**
+ * @description  解析测试数据
+ * @param data
+ * @returns {*}
+ */
+function parseTestData(data){
+  if(data === undefined || data === '') return  null;
+  let testData = null;
+  try{
+    testData = JSON.parse(data);
+  }catch (e) {
+    console.error(e);
+    testData = null
+  }
+  return testData;
+}
+
+/**
+ * @description 检查并调用父级插件中的方法
+ * @param fnName {String} 父级中的API方法名
+ * @param params {Object}
+ * @param params.vm {Vue} vue实例方法
+ * @param params.data {Object} 传输参数
+ */
+export function jfbRootExec(fnName, params) {
+
+  //不能为业务插件开发环境
+  if (params.vm.settings && params.vm.settings.isBussDev !== true) {
+    //判断是否有测试数据
+    let testData = parseTestData(params.vm.container['component']['test_data']);
+    if (testData !== null) {
+      return new Promise((resolve) => {
+        resolve(testData);
+      });
+    }
+  }
+
+  if(params.vm.$root[fnName] &&
+    typeof params.vm.$root[fnName] === 'function'
+  ) {
+    return params.vm.$root[fnName](params.data);
+  }
+  else {
+    throw new Error(JSON.stringify({
+      message: '访问的方法不存在',
+      fnName,
+      data: params.data
+    }))
+  }
+};
+
+
+
+/**
+ * @description 父传子的事件传处理类
+ */
+export class JfbEvent {
+  constructor(eventName, {vm, data}) {
+    this.eventName = eventName;
+    this.vm = vm;
+    this.refs = vm.refs;
+    this.data = data;
+    this.init();
+  }
+
+  init() {
+    this.refs.map(ref => {
+      this.setTime(ref)
+    })
+  }
+
+  getRefs(ref){
+    if(!this.vm.$refs[ref]) return undefined;
+    else {
+      if(this.vm.$xdUniHelper.checkVarType(this.vm.$refs[ref]) === 'array') return this.vm.$refs[ref][0];
+      else return this.vm.$refs[ref];
+    }
+  }
+
+  setTime(ref) {
+    let handle = () => {
+      setTimeout(() => {
+        let refsObj = this.getRefs(ref);
+        if (refsObj && typeof refsObj['onCheck'] === 'function') {
+          if (typeof refsObj[this.eventName] === 'function') {
+            refsObj[this.eventName](this.data);
+          }
+        } else {
+          handle()
+        }
+      }, 10)
+    };
+    handle();
+  }
+}
+
+

package/src/utils/xd.frame.js

@@ -0,0 +1,96 @@
+'use strict';
+
+import Vue from 'vue';
+
+let __iframe = null;
+
+class xdFrame {
+  constructor(){
+    this.setDoMain();
+    this.bus = new Vue();
+  }
+
+  setDoMain(){
+    let reg = /^(.*)\.(.*)\.(com|cn|org)$/;
+    let host = '' || window.location.host;
+    if(reg.test(host)) {
+      let temp = host.split('.');
+      temp = temp.splice(-2);
+      document.domain = temp.join('.');
+    }
+  }
+
+  /**
+   * @description 获取父窗口window对象
+   * @returns {any | Window}
+   */
+  getParent(){
+    return parent.window
+  }
+
+  /**
+   * @description 获取子窗口window对象
+   * @param iframeId
+   * @returns {WindowProxy}
+   */
+  getChildren(iframeId){
+    return document.getElementById(iframeId).contentWindow;
+  }
+
+  /**
+   * @description 发送数据方法
+   * @param event {String} 事件名称
+   * @param data {Object} 数据对象
+   * @param isParent {Boolean} 发送给子或者父窗口 默认：true   true=>子传父   false=> 父传子
+   * @param iframeID {String} 当是获取子窗口时候，需要iframeID
+   */
+  send(event, data , isParent=true, iframeID = ''){
+    let win = null;
+    if(isParent) win = this.getParent(); //获取父窗口window对象
+    else win = this.getChildren(iframeID); //获取子窗口window对象
+    win.XdBus.message(event, data); //调用子或者父窗口中的预设方法message方法进行数据透传
+    this.message(event, data) //通知本地进行数据透传
+  }
+
+  /**
+   * @description 接受数据方法（把接受到的数据发送给总线bus）
+   * @param event {String} 事件名称
+   * @param data  {Object} 数据
+   */
+  message(event, data){
+    this.bus.$emit(event, data);
+  }
+
+  /**
+   * @description 注册事件
+   * @param event  {String} 事件名称
+   * @param callback {Function} 事件处理方法
+   */
+  addEvent(event, callback){
+    this.bus.$on(event, callback);
+  }
+
+  /**
+   * @description 获取父级窗口中的全局方法引用
+   * @param fnName {String} 方法名字
+   */
+  getParentApi(fnName) {
+    return this.getParent()['$boardApi'][fnName];
+  }
+
+  /**
+   * @description 获取父级窗口中的全局属性值
+   * @param attr {String} 属性名字
+   */
+  getParentData(attr) {
+    return this.getParent()['$boardData'][attr];
+  }
+}
+
+export default function () {
+  if(__iframe === null) {
+    window['XdBus'] = __iframe = new xdFrame();
+  }
+  return __iframe;
+};
+

package/src/utils/xd.path.js

@@ -0,0 +1,96 @@
+'use strict';
+
+//https://www.jianshu.com/p/9b8f2cdfcbe1
+//https://segmentfault.com/a/1190000014161454
+
+const {pathToRegexp, match, parse, compile} = require("path-to-regexp");
+
+/**
+ * @description 检查变量类型
+ * @param obj
+ * @returns {*}
+ */
+export function check(obj) {
+  let toString = Object.prototype.toString;
+  let map = {
+    '[object Boolean]': 'boolean',
+    '[object Number]': 'number',
+    '[object String]': 'string',
+    '[object Function]': 'function',
+    '[object Array]': 'array',
+    '[object Date]': 'date',
+    '[object RegExp]': 'regExp',
+    '[object Undefined]': 'undefined',
+    '[object Null]': 'null',
+    '[object Object]': 'object',
+    '[object Error]': 'error'
+  };
+  return map[toString.call(obj)];
+}
+
+/**
+ * @description 是否有特殊字符
+ * @param path
+ * @returns {boolean}
+ */
+export function hasSpecialPlaceholder(path) {
+  return /(:[a-zA-z0-9_]+)/g.test(path)
+}
+
+
+/**
+ * @description 解析字符操作带有 ":xxx"并且不带"?" 的参数，并返回数组
+ * @param path {String} Api地址
+ * @param isAllParams {boolean} 是否返回所有带有":xxx"  false => :xxx   true=>:xxx or :xxx?
+ * @returns {[]}
+ */
+export function parsePathToParams(path, isAllParams = true){
+  return parse(path).filter(item=>{
+    if(isAllParams) return check(item) === 'object' && item.name;
+    else return check(item) === 'object' && item.name && item.modifier !== '?';
+
+  }).map(item=>{
+    return item.name
+  })
+}
+
+/**
+ * @description 返回替换后带参数的api地址，并删除替换的参数
+ * @param path {String} Api地址
+ * @param params 参数对象
+ * @returns {{params: *, url: *}} 返回参数的api地址API
+ */
+export function compilePath(path,params) {
+  let data = JSON.parse(JSON.stringify(params));
+  let paramskey = parsePathToParams(path, false);
+  let compileObj = compile(path);
+  let paramLen = paramskey.filter(key=>{
+    return params[key];
+  });
+
+  //传入需要替换参数小于需要替换参数个数报错
+  if(paramLen.length < paramskey.length) {
+    throw new Error(JSON.stringify({message: '参数个数错误',source: params, target: paramskey, path: path}))
+  }
+
+  let url = compileObj(data);
+  if(parsePathToParams(path).length >0) {
+    parsePathToParams(path).map(item=>{
+      if(data[item]) delete data[item];
+    })
+  }
+  return {url, result: data};
+}
+
+
+/**
+ * @description 返回值统一处理
+ * @param res {Object}
+ * @param isOpenNoResultKey {Boolean}
+ */
+export function returnData(res, isOpenNoResultKey) {
+  res = (res.result && (res.code || res.msg)) ? res.result : res;
+  res = (res.data && (res.code || res.msg)) ? res.data : res;
+  if (isOpenNoResultKey) res = {data: res};
+  return res;
+}

package/src/utils/xdAppLog.js

@@ -0,0 +1,170 @@
+'use strict';
+import {Base64} from 'js-base64';
+import {runtime} from "@/common/runtime";
+
+const settings = require('./../../settings');
+const md5 = require('md5');
+import Vue from 'vue';
+import store from "@/store";
+import {
+  baseIsEmpty,
+  baseJsDateToTime,
+  baseGetHost
+} from "@/utils/xd.base";
+
+
+let logInstance = null;
+
+
+class Logs {
+  constructor() {
+    this.saveUploadedLog = [];
+    this.onUpdateKeyword = [
+      '$vm', //跟uniApp uni.createSelectorQuery() 有关
+      "e.x", //跟uniApp滚动组件有关
+      'null is not an object (evaluating', //跟uniApp滚动组件有关
+      "Cannot read property 'x' of ",// 跟uniApp滚动组件有关
+    ];
+  }
+
+
+  getSystemInfo() {
+    let userInfo = {};
+    if (getApp().globalData
+      && getApp().globalData.$xd
+      && getApp().globalData.$xd.userInfo
+    ) {
+      userInfo = Base64.encodeURI(JSON.stringify(getApp().globalData.$xd.userInfo));
+    }
+
+    const {
+      SDKVersion,
+      model,
+      system,
+      version,
+      deviceOrientation
+    } = uni.getSystemInfoSync();
+
+    return {
+      platform: 'weixin',
+      project: settings.system,
+      SDKVersion,
+      model,
+      system,
+      version,
+      deviceOrientation,
+      userInfo,
+    }
+  }
+
+
+  /**
+   * @description 上报日志
+   * @param log {Object} 上报日志内容
+   * @param type {String} 上报日志内容类型
+   * type = global(全局错误)
+   * type = onerror(系统捕获全局错误信息)
+   * type = promise(异步请求全局捕获错误)
+   * type = info(普通日志上报错误)
+   * type = debug(上报调试日志)
+   * type = ajax(返回异步请求字符串错误)
+   * type = unkown(返回异步请求字符串错误)
+   * tyoe = setting.error (项目配置错误)
+   * type = entry.index (记录访问首页入口来源)
+   * type = ajax.default {记录异步请求不知道的code的值}
+   * @param level {String} 上报级别 alert|info|debug
+   */
+  push(log, level = 'alert', type = "info") {
+    if (level === 'debug') {
+      if (settings.isDebug) {
+        level = 'info';
+        type = 'debug';
+      } else return;
+    }
+    type = `handle.${type}`;
+    this.updateLog(log, type, level);
+  }
+
+  ajaxLogs(data) {
+    store['dispatch']('saveLogs', data)
+      .then(res => {
+      })
+      .catch(res => {
+      })
+  }
+
+  /**
+   * @description 上报日志
+   * @param log
+   * @param type
+   * @param level
+   */
+  updateLog(log, type, level) {
+    console.log(log, type, level);
+    let system = this.getSystemInfo();
+    if (level === 'info') system = {}
+    let logs = {...system, type, ...log};
+    let key = 'xd.log.' + md5(JSON.stringify(logs));
+    if (!this.saveUploadedLog.includes(key)) {
+      this.ajaxLogs({
+        baseApi: getApp().globalData.$xd.brandInfo['api_host'],
+        level: level,
+        content: JSON.stringify({
+          date: baseJsDateToTime(new Date().getTime() / 1000),
+          ...logs
+        }),
+      });
+      this.saveUploadedLog.push(key);
+    }
+  }
+
+  checkMessage(error) {
+    let errorStr = error;
+    if (Object.prototype.toString.call(error) === '[object Error]') {
+      errorStr = JSON.stringify(runtime().getErrorInfo(error));
+    }
+    if (Object.prototype.toString.call(error) === '[object String]') {
+      errorStr = error;
+    }
+    if (Object.prototype.toString.call(error) === '[object Object]') {
+      errorStr = JSON.stringify(error);
+    }
+
+    let isUpdate = true;
+    this.onUpdateKeyword.map((keyword) => {
+      if (errorStr.indexOf(keyword) !== -1) {
+        isUpdate = false
+      }
+    });
+    return isUpdate === false ? isUpdate : Base64.encodeURI(errorStr);
+  }
+
+  /**
+   * @description 统一Promise catch处理
+   * @param error {Error|String} 错误对象（new Error（））|字符串当为字符串时候，全局捕获不会处理
+   * @param callback 回调事件
+   */
+  catch(error, callback = null) {
+    let messageStr = logInstance.checkMessage(error);
+    if (messageStr !== false) {
+      logInstance.push(
+        {error: messageStr},
+        'alert',
+        'catch'
+      );
+    }
+    if (typeof callback === 'function') callback()
+  }
+}
+
+function xdWxlog() {
+  if (logInstance === null) {
+    logInstance = new Logs();
+  }
+  return logInstance;
+}
+
+
+export default xdWxlog();
+
+