visual-buried-point-platform-h5 1.3.4

package/src/handlers.ts

@@ -0,0 +1,882 @@
+import { Config, getConfig } from "./config";
+import {
+  each,
+  parseHash,
+  warn,
+  splitGroup,
+  on,
+  off,
+  isInIframe,
+  findIndex,
+  checkEdge,
+  getLocationHref,
+  parsePVUVUrl,
+} from "./utils/tools";
+import { getCommonMsg } from "./utils/index";
+import { request } from "./reporter";
+import {
+  setGlobalPage,
+  setGlobalSid,
+  setGlobalHealth,
+  GlobalVal,
+  resetGlobalHealth,
+} from "./config/global";
+import { getPathSelector, getXPath } from "./utils/getXPath";
+import { lazyReportCache } from "./utils/lazyReport";
+import {
+  ApiMsg,
+  avgMsg,
+  Behavior,
+  behaviorMsg,
+  CommonMsg,
+  ErrorMsg,
+  eventBehavior,
+  healthMsg,
+  msgMsg,
+  perfMsg,
+  pvMsg,
+  ResourceMsg,
+  sumMsg,
+} from "./typings";
+
+const CIRCLE_CLASS = "circle-active"; // circle class类名
+const CIRCLE_STYLE_ID = "circle-css-id"; // 插入的style标签id
+// 处理pv
+export function handlePv(page: string): void {
+  if (!Config.autoSendPv) return;
+  let commonMsg = getCommonMsg();
+  let locationPath = getLocationHref();
+  let msg: pvMsg = {
+    ...commonMsg,
+    ...{
+      t: "pv",
+      dt: document.title,
+      dl: locationPath,
+      dr: document.referrer,
+      dpr: window.devicePixelRatio,
+      // de: document.charset,
+    },
+    page,
+  };
+  setTimeout(() => {
+    parsePVUVUrl();
+  }, 50);
+  window.parent.postMessage({ ...msg, isOpen: true }, "*");
+  lazyReportCache(msg);
+}
+
+// 处理html node
+const normalTarget = function (e) {
+  var t,
+    n,
+    r,
+    a,
+    i,
+    o = [];
+  if (!e || !e.tagName) return "";
+  if (
+    (o.push(e.tagName.toLowerCase()),
+    e.id && o.push("#".concat(e.id)),
+    (t = e.className) &&
+      "[object String]" === Object.prototype.toString.call(t))
+  ) {
+    for (n = t.split(/\s+/), i = 0; i < n.length; i++) {
+      // className包含active的不加入路径
+      if (n[i].indexOf("active") < 0) o.push(".".concat(n[i]));
+    }
+  }
+  var s = ["type", "name", "title", "alt"];
+  for (i = 0; i < s.length; i++)
+    (r = s[i]),
+      (a = e.getAttribute(r)) && o.push("[".concat(r, '="').concat(a, '"]'));
+  return o.join("");
+};
+
+// 获取元素路径，最多保留5层
+const getElmPath = function (e) {
+  if (!e || 1 !== e.nodeType) return "";
+  var ret = [],
+    deepLength = 0, // 层数，最多5层
+    elm = ""; // 元素
+  ret.push(`(${e.innerText.substr(0, 30)})`);
+  for (
+    var t = e || null;
+    t && deepLength++ < 5 && !("html" === (elm = normalTarget(t)));
+
+  ) {
+    ret.push(elm), (t = t.parentNode);
+  }
+  return ret.reverse().join(" > ");
+};
+// 圈选方法及点击事件拦截
+export function handleClick(event) {
+  // 附加参数
+  const params = getCommonMsg();
+  const _target = event.target || event.srcElement;
+  let clientHeight =
+    document.documentElement.clientHeight || document.body.clientHeight;
+  let clientWidth =
+    document.documentElement.clientWidth || document.body.clientWidth;
+  let path = getXPath(_target);
+  let selector = getPathSelector(_target);
+  let targetInnerText = "";
+  if (_target.innerText) {
+    targetInnerText =
+      _target.innerText.length > 30
+        ? _target.innerText.substring(0, 30)
+        : _target.innerText;
+  }
+
+  let postMessageData = {
+    type: "setElmPath",
+    page: GlobalVal.page,
+    data: {
+      time: params.timestamp,
+      event: event.type,
+      type: event.type,
+      properties: {
+        $screen_height: screen.height,
+        $screen_width: screen.width,
+        $viewport_height: clientHeight,
+        $viewport_width: clientWidth,
+        $lib: "js",
+        $lib_version: params.sdk_version,
+        $element_type: _target.tagName.toLocaleLowerCase() || "",
+        $element_class_name: _target.className,
+        $element_content: targetInnerText,
+        $url: params.original_url,
+        $url_path: "/",
+        $title: document.title,
+        $element_selector: selector,
+        $element_path: path,
+        $page_x: _target.offsetLeft,
+        $page_y: _target.offsetTop,
+      },
+    },
+  };
+  // 正在圈选
+  if (GlobalVal.circle) {
+    let target = event.target;
+    let clsArray = target.className.split(/\s+/);
+    let path = getElmPath(event.target);
+    // clsArray 为 ['circle-active] 或 ['', 'circle-active]时
+    if (
+      clsArray.length === 1 ||
+      (clsArray.length === 2 && clsArray[0] === "")
+    ) {
+      path = path.replace(/\.\.circle-active/, "");
+    } else {
+      path = path.replace(/\.circle-active/, "");
+    }
+    window.parent.postMessage({ ...postMessageData, isOpen: true }, "*");
+    // 圈选的时候阻止默认事件
+    event.preventDefault();
+    event.stopPropagation();
+    return;
+  }
+  // 非圈选点击事件上报
+  let target;
+  try {
+    target = event.target;
+  } catch (u) {
+    target = "<unknown>";
+  }
+
+  if (target.nodeName === "INPUT" || target.nodeName === "TEXTAREA") return;
+
+  if (0 !== target.length) {
+    // 空信息不上报
+    if (!postMessageData.data.properties["$element_path"]) return;
+    lazyReportCache({ ...postMessageData, t: "behavior" });
+  }
+}
+
+export function handleBlur(event) {
+  var target;
+  try {
+    target = event.target;
+  } catch (u) {
+    target = "<unknown>";
+  }
+  if (target.nodeName !== "INPUT" && target.nodeName !== "TEXTAREA") return;
+
+  if (0 !== target.length) {
+    var behavior: eventBehavior = {
+      type: "ui.blur",
+      data: {
+        path: getElmPath(target),
+        message: target.value,
+      },
+    };
+    // 空信息不上报
+    if (!behavior.data.path || !behavior.data.message) return;
+    let commonMsg = getCommonMsg();
+    let msg: behaviorMsg = {
+      ...commonMsg,
+      ...{
+        t: "behavior",
+        behavior,
+      },
+    };
+    lazyReportCache(msg);
+  }
+}
+// 用户行为监听
+export function handleBehavior(behavior: Behavior): void {
+  let commonMsg = getCommonMsg();
+  let msg: behaviorMsg = {
+    ...commonMsg,
+    ...{
+      t: "behavior",
+      behavior,
+    },
+  };
+  lazyReportCache(msg);
+}
+
+const TIMING_KEYS = [
+  "",
+  "fetchStart",
+  "domainLookupStart",
+  "domainLookupEnd",
+  "connectStart",
+  "connectEnd",
+  "requestStart",
+  "responseStart",
+  "responseEnd",
+  "",
+  "domInteractive",
+  "",
+  "domContentLoadedEventEnd",
+  "",
+  "loadEventStart",
+  "",
+  "msFirstPaint",
+  "secureConnectionStart",
+];
+
+// 页面性能数据收集
+export function handlePerf(): void {
+  const performance = window.performance;
+  if (!performance || "object" !== typeof performance) return;
+  let data: any = {
+      dns: 0, // DNS查询 domainLookupEnd - domainLookupStart
+      tcp: 0, // TCP链接
+      ssl: 0, // SSL建连
+      ttfb: 0, // 请求响应
+      trans: 0,
+      dom: 0,
+      res: 0,
+      firstbyte: 0,
+      fpt: 0,
+      tti: 0,
+      ready: 0,
+      load: 0, // domready时间
+    },
+    timing: any = performance.timing || {},
+    now = Date.now(),
+    type = 1;
+  let stateCheck = setInterval(() => {
+    if (timing.loadEventEnd) {
+      clearInterval(stateCheck);
+
+      // 根据PerformanceNavigationTiming计算更准确
+      if ("function" == typeof window.PerformanceNavigationTiming) {
+        var c = performance.getEntriesByType("navigation")[0];
+        c && ((timing = c), (type = 2));
+      }
+
+      // 计算data
+      each(
+        {
+          dns: [3, 2],
+          tcp: [5, 4],
+          ssl: [5, 17],
+          ttfb: [7, 6],
+          trans: [8, 7],
+          dom: [10, 8],
+          res: [14, 12],
+          firstbyte: [7, 2],
+          fpt: [8, 1],
+          tti: [10, 1],
+          ready: [12, 1],
+          load: [14, 1],
+        },
+        function (e, t) {
+          var r = timing[TIMING_KEYS[e[1]]],
+            o = timing[TIMING_KEYS[e[0]]];
+          var c = Math.round(o - r);
+          if (2 === type || (r !== undefined && o !== undefined)) {
+            if (t === "dom") {
+              var c = Math.round(o - r);
+            }
+            c >= 0 && c < 36e5 && (data[t] = c);
+          }
+        }
+      );
+
+      var u =
+          window.navigator.connection ||
+          (window.navigator as any).mozConnection ||
+          (window.navigator as any).webkitConnection,
+        f = performance.navigation || { type: undefined };
+      data.network = u ? u.effectiveType || u.type : "";
+      var l = u ? u.downlink || u.downlinkMax || u.bandwidth || null : null;
+      if (
+        ((l = l > 999 ? 999 : l) && (data.bandwidth = l),
+        (data.navtype = 1 === f.type ? "Reload" : "Other"),
+        1 === type && timing[TIMING_KEYS[16]] > 0 && timing[TIMING_KEYS[1]] > 0)
+      ) {
+        var h = timing[TIMING_KEYS[16]] - timing[TIMING_KEYS[1]];
+        h >= 0 && h < 36e5 && (data.fpt = h);
+      }
+      1 === type && timing[TIMING_KEYS[1]] > 0
+        ? (data.begin = timing[TIMING_KEYS[1]])
+        : 2 === type && data.load > 0
+        ? (data.begin = now - data.load)
+        : (data.begin = now);
+      let commonMsg = getCommonMsg();
+      let msg: perfMsg = {
+        ...commonMsg,
+        t: "perf",
+        ...data,
+      };
+      lazyReportCache(msg);
+    }
+  }, 50);
+}
+
+// 处理hash变化
+// 注意在路由栈的路由不会触发
+export function handleHashchange(): void {
+  let page = Config.enableSPA
+    ? parseHash(location.hash.toLowerCase())
+    : location.pathname.toLowerCase();
+  page && setPage(page, false);
+}
+
+// 处理hash变化
+export function handleHistorystatechange(e): void {
+  let page = Config.enableSPA
+    ? parseHash(location.hash.toLowerCase())
+    : e.detail.toLowerCase();
+  page && setPage(page, false);
+}
+
+// 处理pv
+export function handleNavigation(page): void {
+  let commonMsg = getCommonMsg();
+  let msg: behaviorMsg = {
+    ...commonMsg,
+    ...{
+      t: "behavior",
+      behavior: {
+        type: "navigation",
+        data: {
+          from: commonMsg.page,
+          to: page,
+        },
+      },
+    },
+  };
+  lazyReportCache(msg);
+}
+
+export function setPage(page, isFirst?: boolean) {
+  !isFirst && handleHealth();
+  handleNavigation(page);
+  if (isInIframe) {
+    let locationPath = getLocationHref();
+    window.parent.postMessage(
+      {
+        t: "setPage",
+        href: locationPath,
+        page,
+      },
+      "*"
+    );
+  }
+  setGlobalPage(page);
+  setGlobalSid();
+  handlePv(page);
+}
+
+export function handleHealth() {
+  let healthy = GlobalVal._health.errcount ? 0 : 1;
+  let commonMsg = getCommonMsg();
+  let ret: healthMsg = {
+    ...commonMsg,
+    ...GlobalVal._health,
+    ...{
+      t: "health",
+      healthy, // 健康？ 0/1
+      stay: Date.now() - GlobalVal.sBegin, // 停留时间
+      leavetime: new Date().getTime(), //离开页面的事件
+    },
+  };
+  resetGlobalHealth();
+  lazyReportCache(ret);
+}
+
+// 处理错误
+export function handleErr(error): void {
+  switch (error.type) {
+    case "error":
+      error instanceof ErrorEvent
+        ? reportCaughtError(error)
+        : reportResourceError(error);
+      break;
+    case "unhandledrejection":
+      reportPromiseError(error);
+      break;
+    // case 'httpError':
+    //     reportHttpError(error)
+    //   break;
+  }
+  setGlobalHealth("error");
+}
+
+// 捕获js异常
+function reportCaughtError(error: any): void {
+  let commonMsg = getCommonMsg();
+  let n = error.name || "CustomError",
+    a = error.message || "",
+    i = error.error.stack || "";
+  let msg: ErrorMsg = {
+    ...commonMsg,
+    ...{
+      t: "error",
+      st: "caughterror",
+      cate: n, // 类别
+      msg: a && a.substring(0, 1e3), // 信息
+      detail: i && i.substring(0, 1e3), // 错误栈
+      file: error.filename || "", // 出错文件
+      line: error.lineno || "", // 行
+      col: error.colno || "", // 列
+    },
+  };
+  lazyReportCache(msg);
+}
+
+// 捕获资源异常
+function reportResourceError(error: any): void {
+  let commonMsg = getCommonMsg();
+  let target = error.target;
+  let msg: ErrorMsg = {
+    ...commonMsg,
+    ...{
+      t: "error",
+      st: "resource",
+      msg: target.outerHTML,
+      file: target.src,
+      stack: target.localName.toUpperCase(),
+    },
+  };
+  lazyReportCache(msg);
+}
+
+// 捕获promise异常
+function reportPromiseError(error: any): void {
+  let commonMsg = getCommonMsg();
+  let msg: ErrorMsg = {
+    ...commonMsg,
+    ...{
+      t: "error",
+      st: "promise",
+      msg: error.reason,
+    },
+  };
+  lazyReportCache(msg);
+}
+
+function reportHttpError(msg: CommonMsg, data: any): void {
+  // msg.records = [
+  //     {
+  //         type:'httpError',
+  //         data:{
+  //             occurTime:new Date().getTime(),
+  //             title:document.title,
+  //             url:window.location.href,
+  //             userAgent:window.navigator.userAgent,
+  //             method:data.method ? data.method : 'GET',
+  //             status:data.status,
+  //             statusText:data.statusText,
+  //             response:data.response,
+  //             requestUrl:data.url || data.requestUrl
+  //         }
+  //     }
+  // ]
+  // new Image().src = `${Config.reportUrl}?commit=${queryString(msg)}`
+}
+
+export function handleResource() {
+  var performance = window.performance;
+  if (
+    !performance ||
+    "object" != typeof performance ||
+    "function" != typeof performance.getEntriesByType
+  )
+    return null;
+  let commonMsg = getCommonMsg();
+  let msg: ResourceMsg = {
+    ...commonMsg,
+    ...{
+      dom: 0,
+      load: 0,
+      t: "res",
+      res: [],
+    },
+  };
+  var i = performance.timing || {},
+    o = performance.getEntriesByType("resource") || [];
+  if ("function" == typeof window.PerformanceNavigationTiming) {
+    var s = performance.getEntriesByType("navigation")[0];
+    s && (i = s);
+  }
+  each(
+    {
+      dom: [10, 8],
+      load: [14, 1],
+    },
+    function (e, t) {
+      var r = i[TIMING_KEYS[e[1]]],
+        o = i[TIMING_KEYS[e[0]]];
+      if (r !== undefined && o !== undefined) {
+        var s = Math.round(o - r);
+        s >= 0 && s < 36e5 && (msg[t] = s);
+      }
+    }
+  );
+  // 过滤忽略的url
+  o = o.filter((item) => {
+    var include = findIndex(
+      getConfig("ignore")?.ignoreApis,
+      (ignoreApi) => item.name.indexOf(ignoreApi) > -1
+    );
+    return include > -1 ? false : true;
+  });
+
+  // 兼容Edge浏览器无法直接使用PerformanceResourceTiming对象类型的数据进行上报，处理方式是定义变量重新赋值
+  if (checkEdge()) {
+    var edgeResources = [];
+    each(o, function (oItem) {
+      edgeResources.push({
+        connectEnd: oItem.connectEnd,
+        connectStart: oItem.connectStart,
+        domainLookupEnd: oItem.connectStart,
+        domainLookupStart: oItem.domainLookupStart,
+        duration: oItem.duration,
+        entryType: oItem.entryType,
+        fetchStart: oItem.fetchStart,
+        initiatorType: oItem.initiatorType,
+        name: oItem.name,
+        redirectEnd: oItem.redirectEnd,
+        redirectStart: oItem.redirectStart,
+        responseEnd: oItem.responseEnd,
+        responseStart: oItem.responseStart,
+        startTime: oItem.startTime,
+      });
+    });
+    o = edgeResources;
+  }
+
+  msg.res = o;
+  lazyReportCache(msg);
+}
+
+export function handleApi(url, success, time, code, msg, beigin) {
+  if (!url) {
+    warn("[retcode] api is null");
+    return;
+  }
+  // 设置健康状态
+  setGlobalHealth("api", success);
+
+  let commonMsg = getCommonMsg();
+  let apiMsg: ApiMsg = {
+    ...commonMsg,
+    ...{
+      t: "api",
+      beigin,
+      url, // 接口
+      success, // 成功？
+      time, // 耗时
+      code, // 接口返回的code
+      msg, // 信息
+    },
+  };
+  // 过滤忽略的url
+  var include = findIndex(
+    getConfig("ignore").ignoreApis,
+    (ignoreApi) => url.indexOf(ignoreApi) > -1
+  );
+  if (include > -1) return;
+  lazyReportCache(apiMsg);
+}
+
+export function handleSum(key: string, val: number = 1) {
+  let commonMsg = getCommonMsg();
+  let g = splitGroup(key);
+  let ret: sumMsg = {
+    ...commonMsg,
+    ...g,
+    ...{
+      t: "sum",
+      val,
+    },
+  };
+  lazyReportCache(ret);
+}
+
+export function handleAvg(key: string, val: number = 1) {
+  let commonMsg = getCommonMsg();
+  let g = splitGroup(key);
+  let ret: avgMsg = {
+    ...commonMsg,
+    ...g,
+    ...{
+      t: "avg",
+      val,
+    },
+  };
+  lazyReportCache(ret);
+}
+
+export function handleMsg(key: string) {
+  let commonMsg = getCommonMsg();
+  let g = splitGroup(key);
+  let ret: msgMsg = {
+    ...commonMsg,
+    ...{
+      t: "msg",
+      group: g.group,
+      msg: g.key.substr(0, Config.maxLength),
+    },
+  };
+  lazyReportCache(ret);
+}
+
+// export function handlePercent(key: string, val: number = 1) {
+//   let commonMsg = getCommonMsg()
+//   let g = splitGroup(key)
+//   let ret: sumMsg = {
+//     ...commonMsg,
+//     ...g,
+//     ...{
+//       t: 'avg',
+//       val,
+//     }
+//   }
+//   lazyReportCache(ret)
+// }
+
+export function handleHover(e) {
+  var cls = document.getElementsByClassName(CIRCLE_CLASS);
+  if (cls.length > 0) {
+    for (var i = 0; i < cls.length; i++) {
+      cls[i].className = cls[i].className.replace(/ circle-active/g, "");
+    }
+  }
+  e.target.className += ` ${CIRCLE_CLASS}`;
+}
+
+export function insertCss() {
+  var content = `.${CIRCLE_CLASS}{border: 3px solid rgba(112, 182, 3, 0.42) !important;cursor: pointer;}`;
+  var style = document.createElement("style");
+  style.id = CIRCLE_STYLE_ID;
+  try {
+    style.appendChild(document.createTextNode(content));
+  } catch (ex) {
+    style.styleSheet.cssText = content; //针对IE
+  }
+  var head = document.getElementsByTagName("head")[0];
+  head.appendChild(style);
+}
+
+export function removeCss() {
+  var style = document.getElementById(CIRCLE_STYLE_ID);
+  style.parentNode.removeChild(style);
+}
+
+export function listenCircleListener() {
+  insertCss();
+  GlobalVal.cssInserted = true;
+  GlobalVal.circle = true;
+  on("mouseover", handleHover);
+}
+
+export function removeCircleListener() {
+  removeCss();
+  GlobalVal.cssInserted = false;
+  GlobalVal.circle = false;
+  off("mouseover", handleHover);
+}
+
+export function listenMessageListener() {
+  on("message", handleMessage);
+}
+
+/**
+ *
+ * @param {*} event {t: '', v: ''}
+ *  t: type
+ *  v: value
+ */
+function handleMessage(event) {
+  // 防止其他message的干扰
+  if (!event.data || !event.data.t) return;
+  if (event.data && event.data.token && event.data.token !== Config.token) {
+    window.parent.postMessage({ type: "disable-operation", data: false }, "*");
+  }
+  if (event.data.t === "setCircle") {
+    /** 判断操作埋点项目ID和集成SDK所填入的项目ID一致才能开启埋点操作 */
+    if (event.data.token === Config.token) {
+      if (Boolean(event.data.v)) {
+        listenCircleListener();
+      } else {
+        removeCircleListener();
+      }
+    }
+  } else if (event.data.t === "back") {
+    window.history.back();
+  } else if (event.data.t === "forward") {
+    window.history.forward();
+  } else if (event.data.t === "burial-point-operation") {
+    queryEventList(true, event.data.token);
+    queryMetaConfigList(true, event.data.token);
+  }
+}
+
+// 回显操作
+function echo(type: boolean, eventList: any[]) {
+  // 页面处于可视化操作界面时才会显示回显
+  if (type) {
+    let head = document.querySelector("head");
+    let hasStyleNode = false;
+    let oldNode;
+    // 查询是否存在回显的STYLE标签
+    head.childNodes.forEach((item: Node) => {
+      if (item.nodeName === "STYLE") {
+        const styleNode = (item as HTMLStyleElement).getAttribute("id");
+        if (styleNode === "css-echo-style") {
+          hasStyleNode = true;
+          oldNode = item;
+        }
+      }
+    });
+    if (Config.isOpenCSSHash) {
+      let content = "";
+      let style = document.createElement("style");
+      style.id = "css-echo-style";
+      let locationPath = getLocationHref();
+      for (let index = 0; index < eventList.length; index++) {
+        const el = eventList[index];
+        if (el.screenName == locationPath && el.type === "click") {
+          const element_text = document.querySelector(el.elementSelector)
+            ? document.querySelector(el.elementSelector).innerText.length > 30
+              ? document
+                  .querySelector(el.elementSelector)
+                  .innerText.substring(0, 30)
+              : document.querySelector(el.elementSelector).innerText
+            : "";
+          if (element_text == el.elementContent) {
+            content += `${el.elementSelector}{border: 3px solid rgba(217, 0, 27, 0.42) !important;}`;
+          }
+        }
+      }
+      try {
+        style.appendChild(document.createTextNode(content));
+      } catch (ex) {
+        style.styleSheet.cssText = content; //针对IE
+      }
+      if (hasStyleNode && oldNode) {
+        head.replaceChild(style, oldNode);
+      } else {
+        head.appendChild(style);
+      }
+    } else {
+      // classname 方法
+      let content = "";
+      let style = document.createElement("style");
+      style.id = "css-echo-style";
+      let locationPath = getLocationHref();
+      for (let index = 0; index < eventList.length; index++) {
+        const el = eventList[index];
+        if (el.screenName == locationPath && el.type === "click") {
+          const els = document.querySelectorAll(el.elementSelector);
+          if (els.length > 0) {
+            content += `${el.elementSelector}{border: 3px solid rgba(217, 0, 27, 0.42) !important;}`;
+          }
+        }
+      }
+      try {
+        style.appendChild(document.createTextNode(content));
+      } catch (ex) {
+        style.styleSheet.cssText = content; //针对IE
+      }
+      if (hasStyleNode && oldNode) {
+        head.replaceChild(style, oldNode);
+      } else {
+        head.appendChild(style);
+      }
+    }
+  }
+}
+
+/*
+ * 查询所在项目已埋点页面
+ */
+export function queryEventList(type = false, projectId?: string) {
+  request({
+    url: `${Config.eventListPath}${Config.token}`,
+    type: "get",
+    async: false,
+    success: (res) => {
+      try {
+        if (res) {
+          const data = JSON.parse(res);
+          if (data.code === 200) {
+            /**
+             * 判断当前集成项目ID（token）是否是当前操作埋点项目ID（token）
+             * 不同则不进行已埋点区域回显
+             */
+            if (projectId === Config.token) {
+              //延迟反查元素回显操作，否则会不显示已埋点元素
+              setTimeout(() => {
+                echo(type, data.data);
+              }, 500);
+            }
+            // 缓存埋点事件列表
+            sessionStorage.setItem("eventList", JSON.stringify(data.data));
+          }
+        }
+      } catch (error) {
+        console.error(error);
+      }
+    },
+  });
+}
+
+/*
+ * 查询所在项目元数据配置
+ */
+export function queryMetaConfigList(type = false, projectId?: string) {
+  request({
+    url: `${Config.metaConfigPath}${Config.token}`,
+    type: "get",
+    async: false,
+    success: (res) => {
+      try {
+        if (res) {
+          const data = JSON.parse(res);
+          if (data.code === 200) {
+            // 缓存元数据配置列表
+            sessionStorage.setItem("metaList", JSON.stringify(data.data));
+          }
+        }
+      } catch (error) {
+        console.error(error);
+      }
+    },
+  });
+}