oxy-uni-ui 2.1.1 → 2.1.2

package/devTools/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/devTools/core/libs/drawView.js

@@ -0,0 +1,140 @@
+/**
+ * 绘制调试工具
+ */
+
+/**
+ * 入口文件
+ */
+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/devTools/core/libs/errorReport.js

@@ -0,0 +1,64 @@
+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;