oxy-uni-ui 2.1.1 → 2.1.2

package/oxy-dev-tools/core/libs/devUi.js

@@ -0,0 +1,219 @@
+const EVENT_HOST_READY = 'devTools_ui_host_ready'
+const EVENT_HOST_DESTROYED = 'devTools_ui_host_destroyed'
+const EVENT_MODAL_SHOW = 'devTools_ui_modal_show'
+const EVENT_TOAST_SHOW = 'devTools_ui_toast_show'
+const EVENT_LOADING_SHOW = 'devTools_ui_loading_show'
+const EVENT_LOADING_HIDE = 'devTools_ui_loading_hide'
+const EVENT_ACTION_SHEET_SHOW = 'devTools_ui_action_sheet_show'
+
+let hasInstall = false
+let hostReady = false
+let modalId = 0
+let actionSheetId = 0
+let onceSupported = null
+const pendingActions = []
+
+function safeCall(fn, payload) {
+  try {
+    if (typeof fn === 'function') {
+      fn(payload)
+    }
+  } catch (error) {}
+}
+
+function createModalResult(confirm = false, cancel = false, content = '') {
+  return {
+    confirm,
+    cancel,
+    content,
+    errMsg: 'showModal:ok'
+  }
+}
+
+function flushPendingActions() {
+  if (!hostReady) return
+  while (pendingActions.length > 0) {
+    const action = pendingActions.shift()
+    safeCall(action)
+  }
+}
+
+function emitUiEvent(eventName, payload) {
+  const action = () => {
+    uni.$emit(eventName, payload)
+  }
+  if (hostReady) {
+    action()
+    return
+  }
+  pendingActions.push(action)
+}
+
+function inferModalTone(options = {}) {
+  const explicitTone = String(options.tone || options.type || '').toLowerCase()
+  if (['warn', 'warning', 'danger', 'error'].indexOf(explicitTone) > -1) {
+    return 'warning'
+  }
+
+  const text = `${String(options.title || '')} ${String(options.content || '')}`
+  if (/警告|危险|删除|清空|不可恢复|风险/.test(text)) {
+    return 'warning'
+  }
+
+  return 'default'
+}
+
+const devUi = {
+  install() {
+    if (hasInstall) return
+    hasInstall = true
+    uni.$on(EVENT_HOST_READY, () => {
+      hostReady = true
+      flushPendingActions()
+    })
+    uni.$on(EVENT_HOST_DESTROYED, () => {
+      hostReady = false
+    })
+  },
+  showModal(options = {}) {
+    const id = ++modalId
+    const resultEvent = `devTools_ui_modal_result_${id}`
+    const tone = inferModalTone(options)
+    const modalOptions = {
+      title: options.title || '提示',
+      content: options.content || '',
+      tone,
+      showCancel: options.showCancel !== false,
+      cancelText: options.cancelText || '取消',
+      cancelColor: options.cancelColor || '#6b7280',
+      confirmText: options.confirmText || '确定',
+      confirmColor: options.confirmColor || (tone === 'warning' ? '#dc2626' : '#3b82f6'),
+      editable: options.editable === true,
+      placeholderText: options.placeholderText || ''
+    }
+
+    return new Promise((resolve) => {
+      const handler = (res) => {
+        if (onceSupported === false) {
+          uni.$off(resultEvent, handler)
+        }
+        safeCall(options.success, res)
+        safeCall(options.complete, res)
+        resolve(res)
+      }
+      if (onceSupported === null) {
+        onceSupported = typeof uni.$once === 'function'
+      }
+      if (onceSupported) {
+        uni.$once(resultEvent, handler)
+      } else {
+        uni.$on(resultEvent, handler)
+      }
+      emitUiEvent(EVENT_MODAL_SHOW, {
+        id,
+        resultEvent,
+        options: modalOptions
+      })
+    })
+  },
+  showToast(options = {}) {
+    const toastOptions = {
+      title: options.title || '',
+      icon: options.icon || 'none',
+      duration: typeof options.duration === 'number' ? options.duration : 1500,
+      mask: options.mask === true
+    }
+    emitUiEvent(EVENT_TOAST_SHOW, toastOptions)
+    const res = { errMsg: 'showToast:ok' }
+    safeCall(options.success, res)
+    safeCall(options.complete, res)
+  },
+  showActionSheet(options = {}) {
+    const id = ++actionSheetId
+    const resultEvent = `devTools_ui_action_sheet_result_${id}`
+    const cancelIndex = typeof options.cancelIndex === 'number' ? options.cancelIndex : -1
+    const destructiveIndex = typeof options.destructiveIndex === 'number' ? options.destructiveIndex : -1
+    const selectedIndex = typeof options.selectedIndex === 'number' ? options.selectedIndex : -1
+    const itemList = Array.isArray(options.itemList)
+      ? options.itemList.map((item) => {
+          if (item && typeof item === 'object') {
+            return {
+              title: String(item.title || item.text || ''),
+              msg: item.msg ? String(item.msg) : ''
+            }
+          }
+          return {
+            title: String(item),
+            msg: ''
+          }
+        })
+      : []
+    const actionSheetOptions = {
+      title: options.title || '',
+      itemList,
+      itemColor: options.itemColor || '#1e3a8a',
+      selectedIndex,
+      selectedColor: options.selectedColor || '#2563eb',
+      cancelText: options.cancelText || '取消',
+      cancelIndex,
+      destructiveIndex
+    }
+
+    return new Promise((resolve) => {
+      const done = (res) => {
+        if (onceSupported === false) {
+          uni.$off(resultEvent, done)
+        }
+        const isCancel = !res || res.cancel === true || res.tapIndex === -1
+        if (isCancel) {
+          const cancelRes = {
+            errMsg: 'showActionSheet:fail cancel'
+          }
+          safeCall(options.fail, cancelRes)
+          safeCall(options.complete, cancelRes)
+          resolve(cancelRes)
+          return
+        }
+        const okRes = {
+          tapIndex: Number(res.tapIndex),
+          errMsg: 'showActionSheet:ok'
+        }
+        safeCall(options.success, okRes)
+        safeCall(options.complete, okRes)
+        resolve(okRes)
+      }
+
+      if (onceSupported === null) {
+        onceSupported = typeof uni.$once === 'function'
+      }
+      if (onceSupported) {
+        uni.$once(resultEvent, done)
+      } else {
+        uni.$on(resultEvent, done)
+      }
+
+      emitUiEvent(EVENT_ACTION_SHEET_SHOW, {
+        id,
+        resultEvent,
+        options: actionSheetOptions
+      })
+    })
+  },
+  showLoading(options = {}) {
+    const loadingOptions = {
+      title: options.title || '加载中...',
+      mask: options.mask === true
+    }
+    emitUiEvent(EVENT_LOADING_SHOW, loadingOptions)
+    const res = { errMsg: 'showLoading:ok' }
+    safeCall(options.success, res)
+    safeCall(options.complete, res)
+  },
+  hideLoading() {
+    emitUiEvent(EVENT_LOADING_HIDE)
+  }
+}
+
+devUi.install()
+
+export default devUi

package/oxy-dev-tools/core/libs/drawView.js

@@ -0,0 +1,144 @@
+/**
+ * 绘制调试工具
+ */
+
+/**
+ * 入口文件
+ */
+function init(options, devTools) {
+  let sysInfo = uni.getSystemInfoSync()
+
+  let tagConfig = uni.getStorageSync('devTools_tagConfig')
+  if (!tagConfig) {
+    tagConfig = {}
+  }
+
+  tagConfig = Object.assign(
+    {
+      show: options.bubble.status,
+      x: sysInfo.screenWidth - 90,
+      y: sysInfo.screenHeight - 90
+    },
+    tagConfig
+  )
+  tagConfig.show = options.bubble.status
+
+  // 拖动范围限制
+  let dragLimit = {
+    min: { x: 0, y: sysInfo.statusBarHeight },
+    max: {
+      x: sysInfo.screenWidth - 70,
+      y: sysInfo.screenHeight - 24
+    }
+  }
+
+  let view = new plus.nativeObj.View('debugTag', {
+    top: tagConfig.y + 'px',
+    left: tagConfig.x + 'px',
+    height: '24px',
+    width: '70px'
+    // backgroundColor: options.bubble.bgColor,
+  })
+
+  view.drawRect(
+    {
+      color: options.bubble.bgColor,
+      // borderColor: "#222222",
+      // borderWidth: '1px',
+      radius: '6px'
+    },
+    {
+      top: '0px',
+      left: '0px',
+      height: '24px',
+      width: '70px'
+    }
+  )
+
+  view.drawText(
+    options.bubble.text,
+    {},
+    {
+      size: '12px',
+      color: options.bubble.color,
+      weight: 'bold'
+    }
+  )
+
+  if (tagConfig.show) {
+    view.show()
+  }
+
+  function hideBubble() {
+    if (!tagConfig.show) return
+    view.hide()
+  }
+
+  function showBubble() {
+    if (!tagConfig.show) return
+    view.show()
+  }
+
+  uni.$on('devTools_overlay_show', hideBubble)
+  uni.$on('devTools_overlay_hide', showBubble)
+
+  let isTouch = false
+
+  let touchStart = {
+    l: 0,
+    t: 0,
+    x: 0,
+    y: 0,
+    time: 0,
+    hasMove: false
+  }
+
+  view.addEventListener('touchstart', (e) => {
+    isTouch = true
+    touchStart.l = e.clientX
+    touchStart.t = e.clientY
+    touchStart.time = new Date().getTime()
+    touchStart.hasMove = false
+  })
+
+  view.addEventListener('touchmove', (e) => {
+    if (!isTouch) return
+    let x = e.screenX - touchStart.l
+    let y = e.screenY - touchStart.t
+    const moveDistance = Math.sqrt(x * x + y * y)
+    if (!touchStart.hasMove && moveDistance < 6) {
+      return
+    }
+    if (!touchStart.hasMove) {
+      touchStart.hasMove = true
+    }
+    x = Math.min(Math.max(x, dragLimit.min.x), dragLimit.max.x)
+    y = Math.min(Math.max(y, dragLimit.min.y), dragLimit.max.y)
+
+    view.setStyle({
+      top: y + 'px',
+      left: x + 'px'
+    })
+    touchStart.x = x
+    touchStart.y = y
+  })
+
+  view.addEventListener('touchend', (e) => {
+    isTouch = false
+    if (!touchStart.hasMove || touchStart.time > new Date().getTime() - 300) {
+      // 单击事件
+      devTools.show()
+    } else {
+      //拖拽结束事件
+
+      tagConfig.x = touchStart.x
+      tagConfig.y = touchStart.y
+
+      uni.setStorageSync('devTools_tagConfig', tagConfig)
+    }
+  })
+
+  uni.setStorageSync('devTools_tagConfig', tagConfig)
+}
+
+export default init

package/oxy-dev-tools/core/libs/errorReport.js

@@ -0,0 +1,60 @@
+import devCache from './devCache'
+import devOptions from './devOptions'
+import jsonCompress from './jsonCompress'
+/**
+ * ! vue报错捕获
+ */
+
+/**
+ * * vue错误日志上报
+ * @param {'ve'|'vw'|'oe'|'n'} type 错误类型
+ */
+function errorReport(msg, trace, type = 'n') {
+  try {
+    if (!msg) return false
+
+    if (msg instanceof Error) {
+      msg = msg.message
+    }
+    let options = devOptions.getOptions()
+    if (!options.error.status) return
+
+    let page = '未知'
+    try {
+      let pages = getCurrentPages()
+      let item = pages[pages.length - 1]
+      if (item && item.route) {
+        page = item.route
+      }
+    } catch (error) {}
+
+    let logs = devCache.get('errorReport')
+    if (!logs) logs = []
+    if (logs.length >= options.error.cache.rowMax) {
+      logs = logs.splice(0, options.error.cache.rowMax)
+    }
+
+    msg = String(msg)
+    msg = jsonCompress.compressObject(msg, options.error.cache.rowSize / 2)
+    trace = String(trace)
+    trace = jsonCompress.compressObject(trace, options.error.cache.rowSize / 2)
+
+    logs.unshift({
+      t: new Date().getTime(),
+      m: msg,
+      tr: trace,
+      p: page,
+      type
+    })
+
+    console.error('__ignoreReport__', msg, trace)
+
+    logs = jsonCompress.compressArray(logs, 'end', options.error.cache.size)
+
+    devCache.set('errorReport', logs)
+  } catch (error) {
+    console.log('errorReport error: ', error)
+  }
+}
+
+export default errorReport