oxy-uni-ui 2.1.1 → 2.1.2

package/devTools/core/proxy/uniBus.js

@@ -0,0 +1,153 @@
+import devCache from "../libs/devCache";
+import devOptions from "../libs/devOptions";
+import jsonCompress from "../libs/jsonCompress";
+
+
+export default {
+  logList: [],
+  busCount: [],
+
+  options: null,
+  /**
+   * 挂载打印拦截器
+   */
+  install() {
+    try {
+      let that = this;
+
+      this.options = devOptions.getOptions()
+      if (!this.options.uniBus.status) return;
+
+      this.logList = devCache.get("uniBus");
+      if (!this.logList) this.logList = [];
+
+      this.busCount = devCache.get("busCount");
+      if (!this.busCount) this.busCount = [];
+
+
+      this.syncReqData(); //同步缓存
+
+      let now = () => new Date().getTime();
+
+      const _on = uni.$on;
+      uni.$on = function () {
+        try {
+          let n = arguments[0];
+          if (n && typeof n == "string" && n.length < 200 && n.indexOf("devTools_") == -1) {
+            that.logList.unshift({
+              t: now(),
+              e: jsonCompress.compressObject(`on>${n}`, that.options.uniBus.cache.rowMax)
+            })
+            addCount(n, "on")
+          }
+        } catch (error) {
+          console.error("uni.$on出错", error);
+        }
+        _on(...arguments)
+      }
+
+      const _once = uni.$once;
+      uni.$once = function () {
+        try {
+          let n = arguments[0];
+          if (n && typeof n == "string" && n.length < 200 && n.indexOf("devTools_") == -1) {
+            that.logList.unshift({
+              t: now(),
+              e: jsonCompress.compressObject(`once>${n}`, that.options.uniBus.cache.rowMax)
+            })
+            addCount(n, "once")
+          }
+        } catch (error) {
+          console.error("uni.$once出错", error);
+        }
+        _once(...arguments)
+      }
+
+      const _emit = uni.$emit;
+      uni.$emit = function () {
+        try {
+          let n = arguments[0];
+          let p = arguments[1];
+          if (n && typeof n == "string" && n.length < 200 && n.indexOf("devTools_") == -1) {
+            that.logList.unshift({
+              t: now(),
+              e: jsonCompress.compressObject(`emit>${n}` + (p ? ('>' + JSON.stringify(p)) : ''), that.options.uniBus.cache.rowMax)
+            })
+            addCount(n, "emit")
+          }
+        } catch (error) {
+          console.error("uni.$emit出错", error);
+        }
+        _emit(...arguments)
+      }
+
+      const _off = uni.$off;
+      uni.$off = function () {
+        try {
+          let n = arguments[0];
+          if (n && typeof n == "string" && n.length < 200 && n.indexOf("devTools_") == -1) {
+            that.logList.unshift({
+              t: now(),
+              e: jsonCompress.compressObject(`off>${n}` + arguments[0], that.options.uniBus.cache.rowMax)
+            })
+            addCount(n, "off")
+          }
+        } catch (error) {
+          console.error("uni.$off出错", error);
+        }
+        _off(...arguments)
+      }
+
+      /**
+       * 统计总次数
+       */
+      function addCount(name, type = "on") {
+        let i = that.busCount.findIndex(x => x.e == name)
+        if (i == -1) {
+          let item = {
+            e: name,
+            on: 0,
+            off: 0,
+            emit: 0,
+            once: 0,
+          };
+          item[type] = item[type] + 1;
+          that.busCount.push(item)
+        } else {
+          that.busCount[i][type] = that.busCount[i][type] + 1;
+        }
+      }
+
+      // ! 清空全部记录
+      uni.$on("devTools_delUniBusAll", () => {
+        that.logList = []
+        that.busCount = []
+        devCache.clearItem("uniBus");
+        devCache.clearItem("busCount");
+      })
+    } catch (error) {
+      console.log("devTools uniBus.install error", error);
+    }
+
+
+  },
+  /**
+   * 同步请求信息到缓存数据中
+   */
+  syncReqData() {
+    let that = this;
+    setTimeout(() => {
+      try {
+
+        that.logList = jsonCompress.compressArray(that.logList, "end", that.options.uniBus.cache.rowMax)
+        devCache.set("uniBus", that.logList)
+
+        that.busCount = jsonCompress.compressArray(that.busCount, "end", that.options.uniBus.cache.countMaxSize)
+        devCache.set("busCount", that.busCount)
+      } catch (error) {
+        console.log("devTools uniBus.syncReqData error", error);
+      }
+      that.syncReqData()
+    }, 5000);
+  },
+}

package/devTools/core/proxy/uniListen.js

@@ -0,0 +1,192 @@
+import logReport from "../libs/logReport";
+
+
+export default {
+  /**
+   * 挂载uni大部分api监听器
+   */
+  install() {
+    try {
+      this.addDefUniApiListen()
+      this.onNetworkStatusChange()
+      this.scanCodeListen()
+      this.onLocaleChange()
+    } catch (error) {
+      console.log("uniListen error", error);
+    }
+  },
+  /**
+   * 批量挂载api调用日志
+   */
+  addDefUniApiListen() {
+    /**
+     * 需要挂载监听的api列表
+     */
+    let diyListenApi = {
+      downloadFile(args) {
+        logReport("downloadFile>" + (args && args.url ? args.url : ''))
+      },
+      connectSocket(args) {
+        logReport("connectSocket>" + args.url)
+      },
+      makePhoneCall(args) {
+        logReport("makePhoneCall>" + args.phoneNumber)
+      },
+      addPhoneContact(args) {
+        logReport("addPhoneContact>" + args.name)
+      },
+      showToast(args) {
+        logReport("showToast>" + args.title)
+      },
+      showModal(args) {
+        logReport("showModal>" + args.title + '>' + args.content)
+      },
+      setLocale(args) {
+        logReport("setLocale>" + args)
+      },
+      saveFile(args) {
+        logReport("saveFile>" + args.tempFilePath)
+      },
+      login(args) {
+        logReport("login>" + JSON.stringify(args))
+      },
+      share(args) {
+        logReport("share>" + JSON.stringify(args))
+      },
+      shareWithSystem(args) {
+        logReport("shareWithSystem>" + JSON.stringify(args))
+      },
+      requestPayment(args) {
+        logReport("requestPayment>" + JSON.stringify(args))
+      },
+      authorize(args) {
+        logReport("requestPayment>" + args.scope)
+      },
+      navigateToMiniProgram(args) {
+        logReport("navigateToMiniProgram>" + args.appId + '>' + args.path)
+      },
+      openDocument(args) {
+        logReport("openDocument>" + args.filePath)
+      }
+    }
+    /**
+     * 需要监听打印日志的api名称列表
+     */
+    let waitListenApiNames = [
+      "uploadFile",
+      "closeSocket",
+      "getLocation",
+      "chooseLocation",
+      "openLocation",
+      "chooseImage",
+      "previewImage",
+      "saveImageToPhotosAlbum",
+      "chooseFile",
+      "chooseVideo",
+      "chooseMedia",
+      "saveVideoToPhotosAlbum",
+      "openVideoEditor",
+      "openAppAuthorizeSetting",
+      "startAccelerometer",
+      "startCompass",
+      "startGyroscope",
+      "setScreenBrightness",
+      "vibrate",
+      "vibrateLong",
+      "vibrateShort",
+      "openBluetoothAdapter",
+      "startBeaconDiscovery",
+      "startSoterAuthentication",
+      "hideKeyboard",
+      "showActionSheet",
+      "startPullDownRefresh",
+      "showShareMenu",
+      "startFacialRecognitionVerify",
+      "openSetting",
+      "chooseAddress",
+      "chooseInvoiceTitle",
+      "openEmbeddedMiniProgram",
+
+    ]
+
+    for (const key in diyListenApi) {
+      uni.addInterceptor(key, {
+        invoke(_args) {
+          try {
+            diyListenApi[key](_args)
+          } catch (error) {
+            console.error("addInterceptor=>" + key, error);
+          }
+        }
+      })
+    }
+
+
+    waitListenApiNames.map(key => {
+      uni.addInterceptor(key, {
+        invoke(args) {
+          try {
+            logReport(key)
+          } catch (error) {
+            console.error("addInterceptor>" + key, error);
+          }
+        }
+      })
+    })
+
+
+  },
+  /**
+   * 添加网络状态监听
+   */
+  onNetworkStatusChange() {
+    uni.onNetworkStatusChange((res) => {
+      try {
+        logReport("onNetworkStatusChange>isConnected:" + (res.isConnected ? 'true' : 'false') + '>networkType:' + res.networkType)
+      } catch (error) {
+        console.log("onNetworkStatusChange", error);
+      }
+    })
+  },
+  /**
+   * 添加系统主题切换监听
+   */
+  onThemeChange() {
+    uni.onThemeChange((res) => {
+      try {
+        logReport("onThemeChange>" + res.theme)
+      } catch (error) {
+        console.log("onThemeChange", error);
+      }
+    });
+  },
+  /**
+   * 监听扫码结果
+   */
+  scanCodeListen() {
+    uni.addInterceptor('scanCode', {
+      success(res) {
+        try {
+          logReport("scanCodeSuccess>" + JSON.stringify({
+            scanType: res.scanType,
+            result: res.result,
+          }))
+        } catch (error) {
+          console.log("scanCode", error);
+        }
+      }
+    })
+  },
+  /**
+   * 监听系统语言切换
+   */
+  onLocaleChange() {
+    uni.onLocaleChange((locale) => {
+      try {
+        logReport("onLocaleChange>" + locale)
+      } catch (error) {
+        console.log("onLocaleChange", error);
+      }
+    })
+  },
+}

package/devTools/core/proxy/vueMixin.js

@@ -0,0 +1,120 @@
+import logReport from "../libs/logReport";
+import pageLinkList from "../libs/pageLinkList";
+
+
+
+/**
+ * ! Vue页面混入，监听生命周期
+ */
+export default {
+  data() {
+    return {
+      /**
+       * 挂载dev页面对象
+       */
+      devTools_pageData: {
+        route: '', // 页面路径
+      }
+    }
+  },
+  /**
+   * *页面载入事件
+   */
+  onLoad(pageInitParams) {
+    let that = this;
+
+
+    // ! 注入 Eruda
+    let isInjectEruda = uni.getStorageSync("devTools_isInjectEruda") == "yes";
+    if (isInjectEruda) {
+      let ErudaCode = `
+        if(!window.isInjectEruda){
+          window.isInjectEruda = true;
+          var script = document.createElement('script');
+          script.src="https://cdn.jsdelivr.net/npm/eruda";
+          document.body.append(script);
+          script.onload = function () {
+            eruda.init();
+          }
+        }
+      `
+      let fun = 'e' + ['v'][0] + 'a' + ['l'][0];
+      try {
+        // #ifdef H5
+        window[fun](ErudaCode);
+        // #endif
+        // #ifdef APP-PLUS
+        let endPageWebView = getCurrentPages().pop();
+        if (endPageWebView) {
+          let nowPageWebview = endPageWebView.$getAppWebview();
+          if (nowPageWebview) {
+            nowPageWebview[fun + 'JS'](ErudaCode)
+          }
+        }
+        // #endif
+      } catch (error) {
+        console.log("devTools mixin onLoad injectEruda error ", error);
+      }
+    }
+
+    // ! 注入 vConsole
+    let isInjectVConsole = uni.getStorageSync("devTools_isInjectVConsole") == "yes";
+    if (isInjectVConsole) {
+      let vConsoleCode = `
+        if(!window.isInjectVConsole){
+          window.isInjectVConsole = true;
+          var script = document.createElement('script');
+          script.src="https://cdn.jsdelivr.net/npm/vconsole@latest/dist/vconsole.min.js";
+          document.body.append(script);
+          script.onload = function () {
+            let vConsoleObj = new window.VConsole();
+          }
+        }
+      `
+      let fun = 'e' + ['v'][0] + 'a' + ['l'][0];
+      try {
+        // #ifdef H5
+        window[fun](vConsoleCode);
+        // #endif
+        // #ifdef APP-PLUS
+        let endPageWebView = getCurrentPages().pop();
+        if (endPageWebView) {
+          let nowPageWebview = endPageWebView.$getAppWebview();
+          if (nowPageWebview) {
+            nowPageWebview[fun + 'JS'](vConsoleCode)
+          }
+        }
+        // #endif
+      } catch (error) {
+        console.log("devTools mixin onLoad injectVConsole error ", error);
+      }
+    }
+
+    try {
+      let pages = getCurrentPages();
+      let pageItem = pages && pages.length > 0 ? pages[pages.length - 1] : null;
+      if (pageItem) {
+        that.devTools_pageData.route = pageItem.route;
+        logReport(`onLoad>${pageItem.route}>` + (pageInitParams ? JSON.stringify(pageInitParams) : ''))
+      }
+
+      pageLinkList.pushPageRouteMap(pages)
+
+    } catch (error) {
+      console.log("devTools mixin onLoad error ", error);
+    }
+
+  },
+  /**
+   * * 页面卸载事件
+   */
+  onUnload() {
+    try {
+      let that = this;
+      logReport(`onUnload>${that.devTools_pageData.route}`)
+      that.devTools_pageData = null;
+    } catch (error) {
+      console.log("devTools mixin onUnload error ", error);
+    }
+  },
+}

package/devTools/index.js

@@ -0,0 +1,168 @@
+
+import drawView from "./core/libs/drawView";
+import logReport from "./core/libs/logReport";
+import errorReport from "./core/libs/errorReport";
+import devOptions from "./core/libs/devOptions";
+import createH5Bubble from "./core/libs/createH5Bubble";
+import vueMixin from "./core/proxy/vueMixin";
+import devToolsProxyInstall from "./core/proxy/index";
+import pageLinkList from "./core/libs/pageLinkList";
+
+
+/**
+ * @type {Vue}
+ */
+let that;
+let isVisible = false;
+
+const devTools = {
+  options: null,
+  /**
+   * 挂载安装APP页面
+   */
+  install(vm, options) {
+    try {
+      that = vm;
+      let _this = this;
+
+      if (vm && vm.config && vm.config.globalProperties) {
+        vm.config.globalProperties.$logReport = logReport;
+      } else {
+        vm.prototype.$logReport = logReport;
+      }
+
+      //! 初始化配置项
+      devOptions.setOptions(options)
+      options = devOptions.getOptions()
+      _this.options = options;
+
+      if (!options || !options.status) {
+        return console.log("%c devTools 调试工具未运行！", 'padding: 4px;background-color: red;color: #fff;font-size: 15px;');
+      }
+
+      //! 挂载dev工具
+      if (vm && vm.config && vm.config.globalProperties) {
+        vm.config.globalProperties.$devTools = devTools;
+      } else {
+        vm.prototype.$devTools = devTools;
+      }
+
+      if (options.error.status) {
+
+        //! 挂载vue报错
+        vm.config.errorHandler = (err, vm, trace) => {
+          errorReport(err, trace, "ve")
+        };
+
+        //! 挂载vue警告
+        vm.config.warnHandler = (err, vm, trace) => {
+          errorReport(err, trace, "vw")
+        }
+
+      }
+
+      //!混入生命周期监听器
+      vm.mixin(vueMixin)
+
+      //!绘制环境变量小标签
+      // #ifdef APP-PLUS
+      drawView(options, devTools)
+      // #endif
+      // #ifdef H5
+      createH5Bubble(options, devTools)
+      // #endif
+
+      //!调试工具全局拦截器挂载
+      devToolsProxyInstall(options)
+
+      //! 注册dev弹窗打开事件
+      uni.$on("devTools_showDialog", () => {
+        _this.show()
+      })
+
+      //! 注册dev弹窗关闭事件
+      uni.$on("devTools_closeDialog", (options) => {
+        _this.hide(options)
+      })
+
+      //! 挂载uni对象
+      uni.$dev = {
+        show() {
+          _this.show()
+        },
+        hide() {
+          _this.hide()
+        },
+        errorReport,
+        logReport,
+      }
+
+      //! 注册jsRunner执行事件
+      uni.$on("devTools_jsRunner", (code) => {
+        let result = undefined;
+        try {
+          let fun = (("ev" + "__混淆__" + "al").replace("__混淆__", ""));
+          result = globalThis[fun](code);
+          // result = eval(code);
+        } catch (error) {
+          if (error && error.message) {
+            result = error.message;
+          }
+        }
+
+        uni.$emit("devTools_jsRunnerCallback", result)
+      })
+
+      // ! 页面路由列表
+      pageLinkList.install()
+
+      uni.$on("devTools_overlay_hidden", () => {
+        isVisible = false
+      })
+
+    } catch (error) {
+      console.log("devTools install error", error);
+    }
+
+  },
+  /**
+   * 打开调试弹窗
+   */
+  show() {
+    if (isVisible) {
+      return false;
+    }
+    isVisible = true
+    uni.$emit("devTools_overlay_show")
+    return true
+  },
+  /**
+   * 隐藏调试弹窗
+   */
+  hide(options) {
+    if (!isVisible) {
+      return false;
+    }
+    isVisible = false
+    uni.$emit("devTools_overlay_hide")
+
+    if (options && options.navigateToUrl) {
+      let t = 600;
+      // #ifndef APP-PLUS
+      t = 200;
+      // #endif
+      setTimeout(() => {
+        uni.navigateTo({
+          url: options.navigateToUrl,
+        })
+      }, t);
+    }
+    return true
+
+  },
+  errorReport,
+  logReport,
+}
+
+
+export default devTools;