oxy-uni-ui 2.1.1 → 2.1.2

package/oxy-dev-tools/core/proxy/uniBus.js

@@ -0,0 +1,148 @@
+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/oxy-dev-tools/core/proxy/uniListen.js

@@ -0,0 +1,190 @@
+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/oxy-dev-tools/core/proxy/vueMixin.js

@@ -0,0 +1,115 @@
+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/oxy-dev-tools/index.ts

@@ -0,0 +1,183 @@
+/* eslint-disable */
+// @ts-nocheck
+
+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
+
+function syncDevToolsStateToParent(enabled) {
+  // #ifdef H5
+  try {
+    if (typeof window !== 'undefined' && window.parent && window.parent !== window) {
+      window.parent.postMessage(
+        {
+          type: 'devtools-status',
+          value: !!enabled
+        },
+        '*'
+      )
+    }
+  } catch (error) {
+    console.log('sync devtools status failed', error)
+  }
+  // #endif
+}
+
+const devTools = {
+  options: null,
+  /**
+   * 挂载安装APP页面
+   */
+  install(vm, options) {
+    try {
+      that = vm
+      const _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 {
+          const 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')
+    syncDevToolsStateToParent(true)
+    return true
+  },
+  /**
+   * 隐藏调试弹窗
+   */
+  hide(options) {
+    if (!isVisible) {
+      return false
+    }
+    isVisible = false
+    uni.$emit('devTools_overlay_hide')
+    syncDevToolsStateToParent(false)
+
+    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

package/oxy-dev-tools/oxy-dev-tools.vue

@@ -0,0 +1,62 @@
+<template>
+  <view v-show="visible" class="devtools-overlay">
+    <view class="devtools-overlay__bg" @click="hide" />
+    <view class="devtools-overlay__panel" @click.stop>
+      <mainView />
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'oxy-dev-tools'
+}
+</script>
+
+<script setup>
+import { onBeforeUnmount, onMounted, ref } from 'vue'
+import mainView from './page/components/main.vue'
+
+const visible = ref(false)
+
+function show() {
+  visible.value = true
+}
+
+function hide() {
+  visible.value = false
+  uni.$emit('devTools_overlay_hidden')
+}
+
+onMounted(() => {
+  uni.$on('devTools_overlay_show', show)
+  uni.$on('devTools_overlay_hide', hide)
+})
+
+onBeforeUnmount(() => {
+  uni.$off('devTools_overlay_show', show)
+  uni.$off('devTools_overlay_hide', hide)
+})
+</script>
+
+<style lang="scss" scoped>
+.devtools-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 2147483646;
+  overflow: hidden;
+}
+
+.devtools-overlay__bg {
+  position: absolute;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.45);
+}
+
+.devtools-overlay__panel {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+</style>