visual-buried-point-platform-h5 1.3.4

package/src/utils/tools.ts

@@ -0,0 +1,574 @@
+import { Config } from "../config";
+import { GlobalVal } from "../config/global";
+
+export const noop = function () {};
+
+export function queryString(obj: object): string {
+  return encodeURIComponent(JSON.stringify(obj));
+}
+
+export function isObject(obj: any): boolean {
+  if (
+    Object.prototype.toString.call(obj) == "[object Object]" ||
+    Object.prototype.toString.call(obj) == "[object Array]"
+  ) {
+    return true;
+  }
+  return false;
+}
+
+export function randomString() {
+  for (
+    var e, t, n = 20, r = new Array(n), a = Date.now().toString(36).split("");
+    n-- > 0;
+
+  )
+    (t = (e = (36 * Math.random()) | 0).toString(36)),
+      (r[n] = e % 3 ? t : t.toUpperCase());
+  for (var i = 0; i < 8; i++) r.splice(3 * i + 2, 0, a[i]);
+  return r.join("");
+}
+
+// 将{ method: 'get', state: '200' }转为?method=get&state=200
+export function serialize(obj) {
+  var str = [];
+  for (var p in obj)
+    if (obj.hasOwnProperty(p)) {
+      str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
+    }
+  return str.join("&");
+}
+
+export function each(data, fn) {
+  var n = 0,
+    r = data.length;
+  if (isTypeOf(data, "Array"))
+    for (; n < r && !1 !== fn.call(data[n], data[n], n); n++);
+  else for (var m in data) if (!1 === fn.call(data[m], data[m], m)) break;
+  return data;
+}
+
+/**
+ * 是否是某类型
+ *
+ * @export
+ * @param {*} data
+ * @param {*} type
+ * @returns 有type就返回true/false,没有就返回对于类型
+ */
+export function isTypeOf(data: any, type?: string) {
+  var n = Object.prototype.toString.call(data).substring(8).replace("]", "");
+  return type ? n === type : n;
+}
+
+export const on = function (event, fn, remove?) {
+  window.addEventListener
+    ? window.addEventListener(
+        event,
+        function a(i) {
+          remove && window.removeEventListener(event, a, true),
+            fn.call(this, i);
+        },
+        true
+      )
+    : window.attachEvent &&
+      window.attachEvent("on" + event, function i(a) {
+        remove && window.detachEvent("on" + event, i), fn.call(this, a);
+      });
+};
+
+export const off = function (event, fn) {
+  return fn
+    ? (window.removeEventListener
+        ? window.removeEventListener(event, fn)
+        : window.detachEvent && window.detachEvent(event, fn),
+      this)
+    : this;
+};
+
+export const parseHash = function (e: string) {
+  let defaultPath =
+    location.pathname.toLowerCase() === "/"
+      ? "[index]"
+      : location.pathname.toLowerCase();
+  return (e ? parseUrl(e.replace(/^#\/?/, "")) : "") || defaultPath;
+};
+
+export const parseUrl = function (e: string) {
+  return e && "string" == typeof e
+    ? e.replace(/^(https?:)?\/\//, "").replace(/\?.*$/, "")
+    : "";
+};
+
+// 函数toString方法
+export const fnToString = function (e: string) {
+  return function () {
+    return e + "() { [native code] }";
+  };
+};
+
+export const warn: any = (function () {
+  var e = "object" == typeof console ? console.warn : noop;
+  try {
+    var t = {
+      warn: e,
+    };
+    t.warn.call(t);
+  } catch (n) {
+    return noop;
+  }
+  return e;
+})();
+
+// 自定义事件，并dispatch
+export const dispatchCustomEvent = function (e, t) {
+  var r;
+  window.CustomEvent
+    ? (r = new CustomEvent(e, {
+        detail: t,
+      }))
+    : ((r = window.document.createEvent("HTMLEvents")).initEvent(e, !1, !0),
+      (r.detail = t));
+
+  window.dispatchEvent(r);
+};
+
+// group::key
+export const splitGroup = function (e: string) {
+  var n = e.split("::");
+  return n.length > 1
+    ? {
+        group: n[0],
+        key: n[1],
+      }
+    : {
+        group: "default_group",
+        key: n[0],
+      };
+};
+
+// HACK: 在IE浏览器及猎豹浏览器中，对象不支持findIndex的问题
+export const findIndex = function (arr, fn) {
+  return arr.reduce(function (carry, item, idx) {
+    if (fn(item, idx)) {
+      return idx;
+    }
+    return carry;
+  }, -1);
+};
+
+// 检查是否是Edge浏览器
+export const checkEdge = function () {
+  var isEdge = navigator.userAgent.indexOf("Edge") > -1;
+  return isEdge;
+};
+
+export const isInIframe = self != top;
+
+// 判断IOS或者Android 环境
+export const isPlatform = () => {
+  const ua = navigator.userAgent;
+  const isAndroid = ua.indexOf("Android") > -1 || ua.indexOf("Linux") > -1;
+  const isIOS = !!ua.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
+  if (isAndroid) {
+    return "android";
+  }
+  if (isIOS) {
+    return "ios";
+  }
+  return null;
+};
+
+// 获取元素的绝对位置坐标（像对于浏览器视区左上角）
+function getElementViewPosition(element) {
+  //计算x坐标
+  let currentActualLeft = element?.offsetLeft || 0;
+  let parentActualLeft = element?.offsetParent || null;
+  while (parentActualLeft !== null) {
+    currentActualLeft +=
+      (parentActualLeft?.offsetLeft || 0) + (parentActualLeft?.clientLeft || 0);
+    parentActualLeft = parentActualLeft?.offsetParent;
+  }
+  let elementScrollLeft;
+  if (document.compatMode == "BackCompat") {
+    elementScrollLeft = document.body.scrollLeft;
+  } else {
+    elementScrollLeft = document.documentElement.scrollLeft;
+  }
+  const left = currentActualLeft - elementScrollLeft;
+
+  //计算y坐标
+  let currentActualTop = element?.offsetTop || 0;
+  let parentActual = element?.offsetParent || null;
+  while (parentActual !== null) {
+    currentActualTop +=
+      (parentActual?.offsetTop || 0) + (parentActual?.clientTop || 0);
+    parentActual = parentActual?.offsetParent;
+  }
+  let elementScrollTop;
+  if (document.compatMode == "BackCompat") {
+    elementScrollTop = document.body.scrollTop;
+  } else {
+    elementScrollTop = document.documentElement.scrollTop;
+  }
+  const right = currentActualTop - elementScrollTop;
+  //返回结果
+  return { x: left, y: right };
+}
+
+/**
+ * webview加载本地资源 对URL做特殊处理
+ */
+export function getLocationHref(): string {
+  const platform = isPlatform();
+  const oldLocationUrl: string = location.href.split("?")[0];
+  let newLocationUrl: string = "";
+  if (platform && platform === "ios") {
+    if (
+      oldLocationUrl.startsWith("file") &&
+      oldLocationUrl.indexOf("dist") > -1
+    ) {
+      newLocationUrl = oldLocationUrl.split("dist")[1];
+    } else {
+      newLocationUrl = oldLocationUrl;
+    }
+  } else {
+    newLocationUrl = oldLocationUrl;
+  }
+  return newLocationUrl;
+}
+
+/**
+ * 重写history
+ */
+export function rewriteHistory(type) {
+  // 先将原函数存放起来
+  let origin = window.history[type];
+  // 当window.history[type]函数被执行时，这个函数就会被执行
+  return function () {
+    // 执行原函数
+    let rs = origin.apply(this, arguments);
+    // 定义一个自定义事假
+    let e: any = new Event(type.toLocaleLowerCase());
+    // 把默认参数，绑定到自定义事件上，new Event返回的结果，自身上是没有arguments的
+    e.arguments = arguments;
+    // 触发自定义事件，把载荷传给自定义事件
+    window.dispatchEvent(e);
+    return rs;
+  };
+}
+
+/**
+ * 分割访问 url & 参数
+ */
+export function getParams(url: string, item?: any) {
+  let dataMap = JSON.parse(JSON.stringify(item.dataMap));
+  console.log("url ", url);
+  console.log("item ", item);
+  var params = {};
+  const queryString = decodeURIComponent(url).split("?")[1];
+  if (queryString) {
+    const pairs = queryString.split("&");
+    for (let pair of pairs) {
+      const [key, value] = pair.split("=");
+      if (key in dataMap) {
+        params[dataMap[key]] = value;
+      } else {
+        params[key] = value;
+      }
+    }
+  }
+  return Object.keys(params).length === 0 ? "" : JSON.stringify(params);
+}
+
+/**
+ * UUID
+ * 16位：
+ * xxxx-4xxx-yxxx-xxxx
+ * 32位：
+ * xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx
+ */
+export const randomUUID = () => {
+  //方法一
+  // let uuid = "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (c) {
+  //   let r = (Math.random() * 16) | 0;
+  //   let v = c === "x" ? r : (r & 0x3) | 0x8;
+  //   return v.toString(16);
+  // });
+  // return uuid;
+  //方法二
+  var d = new Date().getTime();
+  if (window.performance && typeof window.performance.now === "function") {
+    d += performance.now();
+  }
+  var uuid = "xxxx-4xxx-yxxx-xxxx".replace(/[xy]/g, function (c) {
+    var r = (d + Math.random() * 16) % 16 | 0; // d是随机种子
+    d = Math.floor(d / 16);
+    return (c == "x" ? r : (r & 0x3) | 0x8).toString(16);
+  });
+  return uuid;
+};
+
+/**
+ * 计算时间戳间隔时间
+ * @param time 两个日期的时间戳差值
+ * @returns 相差的秒数
+ */
+export const dateToSeconds = (time: number) => {
+  if (time === 0 || !time) return 0;
+  let day = Math.floor(time / 86400000); //天
+  let hours = Math.floor((time % 86400000) / 3600000); //时
+  let minutes = Math.floor((time % 3600000) / 60000); //分
+  let seconds = Math.floor((time % 60000) / 1000); //秒
+  return minutes + ":" + seconds;
+};
+
+// 获取访问来源环境-> 浏览器嗅探 Win、Mac、Android、IOS、微信小程序
+export function detect() {
+  let ua = navigator.userAgent;
+  let wxUserAgent: any = navigator;
+  // 判断设备类型
+  let isMobile =
+    /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(ua);
+  // 判断浏览器名字和版本
+  getBrowserAndVersion();
+  // 获取lsi值
+  GlobalVal.lsi = "{{LSI}}";
+  // 获取域名
+  GlobalVal.packageName = window.location.hostname || "";
+  // 获取设备型号
+  getDeviceBrandModel();
+  // 判断操作系统
+  GlobalVal.deviceType = getCurDeviceType();
+  // 获取操作系统
+  GlobalVal.os = getOperatingSystem(ua);
+  let platform = navigator.platform;
+  let isWindowsPC = platform.includes("Win");
+  let isMacPC = platform.includes("Mac");
+  let isAndroid = ua.indexOf("Android") > -1 || ua.indexOf("Linux") > -1;
+  let isIOS = /iPad|iPhone|iPod/.test(ua);
+  let isHarmonyOS = ua.indexOf("HarmonyOS") !== -1;
+  // 判断浏览器类型
+  let isWeixinBrowser = /micromessenger/i.test(ua.toLowerCase());
+  let isMiniProgram = /miniprogram/i.test(ua.toLowerCase());
+  // 判断当前页面环境
+  let pageEnv = "other";
+  let ecology = "unknown";
+  if (isMobile) {
+    ecology = "app";
+    if (isAndroid) {
+      pageEnv = "Android";
+    } else if (isIOS) {
+      pageEnv = "IOS";
+    } else if (isHarmonyOS) {
+      pageEnv = "HarmonyOS";
+    }
+  } else {
+    ecology = "brower";
+    if (isWindowsPC) {
+      pageEnv = "Windowns";
+    } else if (isMacPC) {
+      pageEnv = "Mac";
+    }
+  }
+  let uatlc = navigator.userAgent.toLowerCase();
+  if (uatlc.includes("alipay")) {
+    ecology = "alipay";
+  } else if (uatlc.includes("unipay")) {
+    ecology = "unipay";
+  } else if (uatlc.includes("onbuygz")) {
+    ecology = "onbuygz";
+  } else if (uatlc.includes("onetravel")) {
+    ecology = "onetravel";
+  }
+  if (uatlc.includes("micromessenger")) {
+    if (uatlc.includes("miniprogram")) {
+      ecology = "wechat";
+    } else {
+      ecology = "brower";
+    }
+  }
+  GlobalVal.ecology = ecology;
+  // 设置数据结构公共信息
+  setBaseCommonInfo();
+  if (
+    ua.toLowerCase().indexOf("micromessenger") > -1 ||
+    typeof wxUserAgent.wxuserAgent !== "undefined"
+  ) {
+    if (ua.toLowerCase().indexOf("miniprogram") > -1) {
+      pageEnv = "微信小程序";
+    } else {
+      pageEnv = "微信公众号";
+    }
+  }
+  return pageEnv;
+}
+
+export function getOperatingSystem(uA) {
+  let operatingSystem = "other";
+  if (/Windows/.test(uA)) {
+    operatingSystem = "Windowns";
+  } else if (/Macintosh/.test(uA)) {
+    operatingSystem = "MAC";
+  } else if (/iPhone|iPad|iPod/.test(uA)) {
+    operatingSystem = "IOS";
+  } else if (/Android/.test(uA)) {
+    operatingSystem = "Android";
+  } else if (/Linux/.test(uA)) {
+    operatingSystem = "Linux";
+  }
+  return operatingSystem;
+}
+
+//------------------------------新的数据结构----------------------------
+
+// 新数据结构获取的时间戳转YYYY-MM-dd HH:mm:ss
+export function timeToStr(timestamp) {
+  const date = new Date(timestamp);
+  const year = date.getFullYear();
+  const month =
+    date.getMonth() + 1 < 10
+      ? "0" + (date.getMonth() + 1)
+      : date.getMonth() + 1;
+  const day = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
+  const hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
+  const minute =
+    date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
+  const second =
+    date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
+  const formattedDate = `${year}-${month}-${day} ${hour}:${minute}:${second}`;
+  return formattedDate;
+}
+
+// 新数据结构获取的设备类型
+export function getCurDeviceType() {
+  const userAgent = navigator.userAgent.toLowerCase();
+  if (/(windows|win32|win64|wow64)/.test(userAgent)) {
+    return 1;
+  } else if (/(linux|android)/.test(userAgent)) {
+    return 2;
+  } else if (/(macintosh|mac os x|iphone|ipad|ipod)/.test(userAgent)) {
+    return 2;
+  } else {
+    return 2;
+  }
+}
+
+// 新数据结构获取的浏览器和版本
+export function getBrowserAndVersion() {
+  const userAgent = navigator.userAgent.toLowerCase();
+  let browserName = "";
+  let browserVersion = "";
+  if (userAgent.includes("firefox")) {
+    browserName = "Firefox";
+    browserVersion = userAgent.match(/firefox\/([\d.]+)/)[1];
+  } else if (userAgent.includes("edg")) {
+    browserName = "Microsoft Edge";
+    browserVersion = userAgent.match(/edg\/([\d.]+)/)[1];
+  } else if (userAgent.includes("chrome")) {
+    browserName = "Google Chrome";
+    browserVersion = userAgent.match(/chrome\/([\d.]+)/)[1];
+  } else if (userAgent.includes("safari")) {
+    browserName = "Safari";
+    browserVersion = userAgent.match(/version\/([\d.]+)/)[1];
+  } else if (userAgent.includes("opera") || userAgent.includes("opr")) {
+    browserName = "Opera";
+    browserVersion = userAgent.match(/(?:opera|opr)\/([\d.]+)/)[1];
+  } else if (userAgent.includes("msie") || userAgent.includes("trident")) {
+    browserName = "Internet Explorer";
+    browserVersion = userAgent.match(/(?:msie |rv:)(\d+(\.\d+)?)/)[1];
+  }
+  GlobalVal.browserName = browserName;
+  GlobalVal.browserVersion = browserVersion;
+}
+
+// 获取新的设备类型和型号
+export function getDeviceBrandModel() {
+  const userAgent = navigator.userAgent;
+  var pContent = userAgent.match(/\((.*?)\)/)[1];
+  var parts = pContent.split(";");
+  let brand = parts[1];
+  if (brand.includes("iPhone")) {
+    var model = brand.replace("CPU ", "").trim();
+    GlobalVal.brand = model;
+    GlobalVal.osVersion = model;
+  } else {
+    GlobalVal.brand = brand.trim() + (parts[2] ? parts[2] : "");
+    GlobalVal.osVersion = brand.trim();
+  }
+  // 获取新的操作系统类型 osNew
+  if (brand.includes("Win")) {
+    GlobalVal.osNew = "Windows";
+  } else if (brand.includes("Linux")) {
+    GlobalVal.osNew = "Linux";
+  } else if (brand.includes("Macintosh")) {
+    GlobalVal.osNew = "macOS";
+  } else if (brand.includes("Android")) {
+    GlobalVal.osNew = "Android";
+  } else if (
+    brand.includes("iPhone") ||
+    brand.includes("iPad") ||
+    brand.includes("iPod")
+  ) {
+    GlobalVal.osNew = "iOS";
+  } else if (brand.includes("Harmony")) {
+    GlobalVal.osNew = "Harmony OS";
+  } else {
+    GlobalVal.osNew = "unknown";
+  }
+}
+
+// 常规浏览器语言和IE浏览器
+const getLang = () => {
+  return navigator.language || (navigator as any).userLanguage;
+};
+
+// 获取设备的宽高
+const getScreen = () => {
+  let w = document.documentElement.clientWidth || document.body.clientWidth;
+  let h = document.documentElement.clientHeight || document.body.clientHeight;
+  return w + "x" + h;
+};
+
+const setBaseCommonInfo = () => {
+  let ng = navigator as any;
+  let connect = ng.connection;
+  GlobalVal.app = {
+    name: Config.t_name ? Config.t_name : "",
+    packageName: GlobalVal.packageName,
+    version: Config.t_version ? Config.t_version : "",
+    carrier: "h5",
+    ecology: GlobalVal.ecology,
+  };
+  GlobalVal.device = {
+    lang: getLang(),
+    brand: GlobalVal.brand,
+    os: GlobalVal.osNew,
+    osVersion: GlobalVal.osVersion,
+    resolution: getScreen(),
+    browser: GlobalVal.browserName,
+    browserVersion: GlobalVal.browserVersion,
+    color: "",
+    deviceId: "",
+    deviceType: GlobalVal.deviceType,
+    network: connect.effectiveType,
+  };
+};
+
+export const parsePVUVUrl = () => {
+  let sourceUrl = location.href;
+  let url = "";
+  if (sourceUrl && sourceUrl.includes("/#")) {
+    url = sourceUrl
+      .replace(/^(https?:)?\/\//, "")
+      .replace(/\?.*$/, "")
+      .split("/#")[1];
+  } else {
+    url = location.pathname;
+  }
+  let index = GlobalVal.routerArray.indexOf(url);
+  if (index !== -1) {
+    GlobalVal.routerArray.splice(index, 1);
+  }
+  GlobalVal.routerArray.push(url);
+};

package/src/utils/xhr.ts

@@ -0,0 +1,4 @@
+export const originalProto = XMLHttpRequest.prototype
+export const originalOpen = originalProto.open
+export const originalSet = originalProto.setRequestHeader
+export const originalSend = originalProto.send

package/tsconfig.json

@@ -0,0 +1,35 @@
+{
+  "compilerOptions": {
+    "removeComments": false,
+    "preserveConstEnums": true,
+    "sourceMap": true,
+    "noUnusedParameters": false,
+    "noUnusedLocals": false, //未引用报错开关
+    "noImplicitThis": false, //this 必须有引用地址
+    "diagnostics": true, //诊断
+    "listFiles": true,
+    "pretty": false,
+    "module": "es2015",
+    "moduleResolution": "node",
+    "stripInternal": false,
+    "target": "ES5",
+    "outDir": "./dist",
+    "lib": [
+      "es5",
+      "es2015.iterable",
+      "es2015.collection",
+      "es2015.promise",
+      "es2015.symbol",
+      "es2015.symbol.wellknown",
+      "dom"
+    ]
+  },
+  "formatCodeOptions": {
+    "indentSize": 2,
+    "tabSize": 2
+  },
+  "include": ["src/**/*", "index.d.ts", "config/webpack.dev.js"],
+  "bazelOptions": {
+    "suppressTsconfigOverrideWarnings": true
+  }
+}