@xingtukeji/micro 1.1.19 → 1.1.21

package/dist/index.js

@@ -1,34 +1,34 @@
 (function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.appendChild(document.createTextNode('.xt-micro{width:100%;height:100%;overflow:hidden;background-color:transparent}.xt-micro:before{content:"加载中";position:absolute;inset:0;display:flex;justify-content:center;align-items:center;z-index:-1}.micro-iframe{width:100%;height:100%;border:none;margin:0;padding:0}.micro-iframe:after{content:"加载中";position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:#fff}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-var x = Object.defineProperty, X = Object.defineProperties;
-var k = Object.getOwnPropertyDescriptors;
-var M = Object.getOwnPropertySymbols;
-var H = Object.prototype.hasOwnProperty, j = Object.prototype.propertyIsEnumerable;
-var R = (e, t, n) => t in e ? x(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, d = (e, t) => {
-  for (var n in t || (t = {}))
-    H.call(t, n) && R(e, n, t[n]);
-  if (M)
-    for (var n of M(t))
-      j.call(t, n) && R(e, n, t[n]);
-  return e;
-}, y = (e, t) => X(e, k(t));
-var p = (e, t, n) => (R(e, typeof t != "symbol" ? t + "" : t, n), n);
-var h = (e, t, n) => new Promise((o, r) => {
-  var a = (l) => {
+var $ = Object.defineProperty, x = Object.defineProperties;
+var X = Object.getOwnPropertyDescriptors;
+var O = Object.getOwnPropertySymbols;
+var k = Object.prototype.hasOwnProperty, H = Object.prototype.propertyIsEnumerable;
+var M = (t, e, n) => e in t ? $(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, m = (t, e) => {
+  for (var n in e || (e = {}))
+    k.call(e, n) && M(t, n, e[n]);
+  if (O)
+    for (var n of O(e))
+      H.call(e, n) && M(t, n, e[n]);
+  return t;
+}, R = (t, e) => x(t, X(e));
+var h = (t, e, n) => (M(t, typeof e != "symbol" ? e + "" : e, n), n);
+var w = (t, e, n) => new Promise((o, r) => {
+  var a = (d) => {
     try {
-      i(n.next(l));
-    } catch (g) {
-      r(g);
+      c(n.next(d));
+    } catch (y) {
+      r(y);
     }
-  }, c = (l) => {
+  }, l = (d) => {
     try {
-      i(n.throw(l));
-    } catch (g) {
-      r(g);
+      c(n.throw(d));
+    } catch (y) {
+      r(y);
     }
-  }, i = (l) => l.done ? o(l.value) : Promise.resolve(l.value).then(a, c);
-  i((n = n.apply(e, t)).next());
+  }, c = (d) => d.done ? o(d.value) : Promise.resolve(d.value).then(a, l);
+  c((n = n.apply(t, e)).next());
 });
-import { ref as O, defineComponent as N, watch as F, onMounted as B, onUnmounted as V, openBlock as D, createElementBlock as K, mergeProps as Y } from "vue";
+import { ref as b, defineComponent as j, watch as F, onMounted as K, onUnmounted as Y, openBlock as N, createElementBlock as V, mergeProps as B } from "vue";
 const s = {
   KEY: "$xtm",
   // 父应用注入子应用实例的key
@@ -48,137 +48,224 @@ const s = {
   // 微应用在 url 参数中的前缀
   MICRO_VERSION: "__XT_MICRO_VERSION"
   // 微应用版本
-}, w = "1.1.19";
-function f(e, t = window.location.href) {
-  e = e.replace(/[\[\]]/g, "\\$&");
-  var n = new RegExp("[?&]" + e + "(=([^&#]*)|&|#|$)"), o = n.exec(t);
+}, f = "1.1.21";
+function _(t, e = window.location.href) {
+  t = t.replace(/[\[\]]/g, "\\$&");
+  var n = new RegExp("[?&]" + t + "(=([^&#]*)|&|#|$)"), o = n.exec(e);
   return o ? o[2] ? decodeURIComponent(o[2].replace(/\+/g, " ")).trim() : "" : null;
 }
-function E(e, t, n) {
+function S(t, e, n) {
   try {
-    return e && (n && e.startsWith("#") ? e : new URL(e, t).href);
+    return t && (n && t.startsWith("#") ? t : new URL(t, e).href);
   } catch (o) {
-    return e;
+    return t;
   }
 }
-function W(e) {
-  const t = window.document.createElement("a");
-  return t.href = e, t.href = t.href, t;
+function D(t) {
+  const e = window.document.createElement("a");
+  return e.href = t, e.href = e.href, e;
 }
-function z(e) {
-  const t = e.search || "";
-  return [...new URLSearchParams(t).entries()].reduce((n, o) => (n[o[0]] = o[1], n), {});
+function G(t) {
+  const e = t.search || "";
+  return [...new URLSearchParams(e).entries()].reduce((n, o) => (n[o[0]] = o[1], n), {});
 }
-function q(e, t) {
+function W(t, e) {
   let n = null;
   return function(...o) {
     const r = this;
     n && clearTimeout(n), n = setTimeout(() => {
-      e.apply(r, o);
-    }, t);
+      t.apply(r, o);
+    }, e);
   };
 }
-function C(e, t, n) {
-  const [o, r] = e.split("#"), a = new URL(o), c = a.searchParams;
-  return t = s.URL_PARAM_PREFIX + t, c.has(t) ? c.set(t, n) : c.append(t, n), r && (a.hash = r), a.search = c.toString(), console.trace("urlObj", a), a.origin + a.pathname + a.search + a.hash;
+function U(t, e, n) {
+  const [o, r] = t.split("#"), a = new URL(o), l = a.searchParams;
+  return e = s.URL_PARAM_PREFIX + e, l.has(e) ? l.set(e, n) : l.append(e, n), r && (a.hash = r), a.search = l.toString(), i.trace("urlObj", a), a.origin + a.pathname + a.search + a.hash;
 }
-const S = (e) => h(void 0, null, function* () {
-  return new Promise((t) => {
+const E = (t) => w(void 0, null, function* () {
+  return new Promise((e) => {
     window.addEventListener("message", (n) => {
-      console.debug("child ipcSyncAppInfo receive message", n.data), n.data.cmd === "$xt/micro/info" && (n.data.data.mainMicroVersion !== w && console.warn(
-        `子应用版本与主应用版本不一致，${e}子应用版本：${w}，主应用版本：${n.data.data.mainMicroVersion}`
-      ), t(n.data.data));
-    }), console.debug("child ipcSyncAppInfo send message", e), window.parent.postMessage(
+      i.debug("child ipcSyncAppInfo receive message", n.data), n.data.cmd === "$xt/micro/info" && (n.data.data.mainMicroVersion !== f && i.warn(
+        `子应用版本与主应用版本不一致，${t}子应用版本：${f}，主应用版本：${n.data.data.mainMicroVersion}`
+      ), e(n.data.data));
+    }), i.debug("child ipcSyncAppInfo send message", t), window.parent.postMessage(
       {
         cmd: "$xt/micro/info",
-        data: e
+        data: t
       },
       "*"
     );
   });
-}), he = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), u = class u {
+  // 日志开关，默认为开启状态
+  // private static enable = localStorage;
+  /**
+   * 从 localStorage 读取开关状态，默认开启
+   */
+  static get enable() {
+    return localStorage.getItem(u.STORAGE_KEY) === "true";
+  }
+  /**
+   * 设置开关状态并同步到 localStorage
+   * @param status 是否开启日志
+   */
+  static setEnable(e) {
+    localStorage.setItem(u.STORAGE_KEY, e.toString());
+  }
+  /**
+   * 获取当前日志开关状态
+   * @returns 当前开关状态
+   */
+  static getEnable() {
+    return u.enable;
+  }
+  /**
+   * 提取调用日志的文件路径和行号
+   * @returns 格式化的位置信息（如 "src/utils/xxx.ts:123"）
+   */
+  static getCallerInfo() {
+    try {
+      const o = (new Error().stack || "").split(`
+`).slice(4);
+      if (o.length === 0)
+        return "unknown location";
+      const r = o[0].trim(), a = r.match(/(?:http[s]?:\/\/.*?\/|)([^:]+):(\d+):(\d+)/);
+      if (a) {
+        const [, l, c] = a;
+        return `[${l.split("/").slice(-2).join("/")}:${c}]`;
+      }
+      return `[${r}]`;
+    } catch (e) {
+      return "[unknown location]";
+    }
+  }
+  /**
+   * 通用日志输出方法（内部使用）
+   * @param type 日志类型（log/info/warn/error 等）
+   * @param args 日志参数
+   */
+  static _log(e, ...n) {
+    if (u.enable && typeof console[e] == "function") {
+      const o = this.getCallerInfo();
+      console[e](o, ...n);
+    }
+  }
+  // 以下为常用日志方法封装，与 console 用法一致
+  static log(...e) {
+    this._log("log", ...e);
+  }
+  static info(...e) {
+    this._log("info", ...e);
+  }
+  static warn(...e) {
+    this._log("warn", ...e);
+  }
+  static error(...e) {
+    this._log("error", ...e);
+  }
+  static debug(...e) {
+    this._log("debug", ...e);
+  }
+  static trace(...e) {
+    this._log("trace", ...e);
+  }
+  static table(e, n) {
+    this.enable && console.table(e, n);
+  }
+  static time(e) {
+    this.enable && console.time(e);
+  }
+  static timeEnd(e) {
+    this.enable && console.timeEnd(e);
+  }
+};
+// 存储在 localStorage 中的键名
+h(u, "STORAGE_KEY", "@xt/micro/console/enable");
+let i = u;
+const de = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  addOrReplaceUrlParam: C,
-  anchorElementGenerator: W,
-  debounce: q,
-  getAbsolutePath: E,
-  getAnchorElementQueryMap: z,
-  getQueryParameter: f,
-  ipcSyncAppInfo: S
-}, Symbol.toStringTag, { value: "Module" })), P = O(!1);
+  ConsoleUtil: i,
+  addOrReplaceUrlParam: U,
+  anchorElementGenerator: D,
+  debounce: W,
+  getAbsolutePath: S,
+  getAnchorElementQueryMap: G,
+  getQueryParameter: _,
+  ipcSyncAppInfo: E
+}, Symbol.toStringTag, { value: "Module" })), C = b(!1);
 Object.defineProperty(window, s.IS_MICRO, {
   get: function() {
-    return P.value;
+    return C.value;
   },
-  set: function(e) {
-    P.value = e;
+  set: function(t) {
+    C.value = t;
   }
 });
-const I = (e) => `${s.DOM_ID_PREFIX}${e}`, U = (e, t = !1) => {
-  function n(i) {
-    return i !== null && typeof i == "object" && !Array.isArray(i);
-  }
-  const o = typeof e.params == "function" ? e.params() : n(e.params) ? e.params : {}, r = typeof e.token == "function" ? e.token() : n(e.token) ? e.token : "", a = new URL(
-    e.url.indexOf("http") > -1 ? e.url : window.location.origin + e.url
-  ), c = f(s.URL_PARAM_PREFIX + e.name);
-  if (!t && c) {
-    const i = E(c, e.url, !0);
-    if (i) {
-      const l = new URL(i, e.url);
-      l.searchParams.forEach((A, $) => {
-        a.searchParams.set($, A);
-      }), a.hash = l.hash;
+const P = (t) => `${s.DOM_ID_PREFIX}${t}`, L = (t, e = !1) => {
+  function n(c) {
+    return c !== null && typeof c == "object" && !Array.isArray(c);
+  }
+  const o = typeof t.params == "function" ? t.params() : n(t.params) ? t.params : {}, r = typeof t.token == "function" ? t.token() : n(t.token) ? t.token : "", a = new URL(
+    t.url.indexOf("http") > -1 ? t.url : window.location.origin + t.url
+  ), l = _(s.URL_PARAM_PREFIX + t.name);
+  if (!e && l) {
+    const c = S(l, t.url, !0);
+    if (c) {
+      const d = new URL(c, t.url);
+      d.searchParams.forEach((A, v) => {
+        a.searchParams.set(v, A);
+      }), a.hash = d.hash;
     }
-    m(e.name);
-  }
-  if (a.searchParams.set(s.IS_MICRO, !0 + ""), a.searchParams.set(s.MICRO_NAME, e.name), r && a.searchParams.set(s.MICRO_TOKEN, r), o)
-    for (let i of Object.keys(o))
-      a.searchParams.set(i, o[i]);
-  return m(e.name), a.href;
-}, G = () => {
-  const e = document.createElement("div");
-  return e.innerHTML = "应用加载中...", e.style.textAlign = "center", e.style.lineHeight = "100px", e.style.fontSize = "20px", e.style.color = "#999", e.style.position = "absolute", e.style.top = "0", e.style.left = "0", e.style.right = "0", e.style.bottom = "0", e.style.zIndex = "999", e.style.background = "transparent", e.style["mix-blend-mode"] = "difference", e;
-}, Q = (e) => {
-  e.style.opacity = "0", setTimeout(() => {
-    e.remove();
+    g(t.name);
+  }
+  if (a.searchParams.set(s.IS_MICRO, !0 + ""), a.searchParams.set(s.MICRO_NAME, t.name), r && a.searchParams.set(s.MICRO_TOKEN, r), o)
+    for (let c of Object.keys(o))
+      a.searchParams.set(c, o[c]);
+  return g(t.name), a.href;
+}, q = () => {
+  const t = document.createElement("div");
+  return t.innerHTML = "应用加载中...", t.style.textAlign = "center", t.style.lineHeight = "100px", t.style.fontSize = "20px", t.style.color = "#999", t.style.position = "absolute", t.style.top = "0", t.style.left = "0", t.style.right = "0", t.style.bottom = "0", t.style.zIndex = "999", t.style.background = "transparent", t.style["mix-blend-mode"] = "difference", t;
+}, z = (t) => {
+  t.style.opacity = "0", setTimeout(() => {
+    t.remove();
   }, 500);
-}, J = (e) => {
-  const t = document.createElement("iframe");
-  t.id = I(e.app.name);
-  const n = U(e.app);
-  t.src = n, t.style.width = "100%", t.style.height = "100%", t.style.border = "none", t.style.margin = "0", t.style.padding = "0", t.style.backgroundColor = "transparent", t.style["color-scheme"] = "unset", t.style.visibility = "hidden", t.addEventListener("load", (r) => (t.style.visibility = "visible", e.onLoad.call(e, r))), t.addEventListener(
+}, Q = (t) => {
+  const e = document.createElement("iframe");
+  e.id = P(t.app.name);
+  const n = L(t.app);
+  e.src = n, e.style.width = "100%", e.style.height = "100%", e.style.border = "none", e.style.margin = "0", e.style.padding = "0", e.style.backgroundColor = "transparent", e.style["color-scheme"] = "unset", e.style.visibility = "hidden", e.addEventListener("load", (r) => (e.style.visibility = "visible", t.onLoad.call(t, r))), e.addEventListener(
     "error",
-    (r) => e.onError.call(e, r)
-  ), t.addEventListener(
+    (r) => t.onError.call(t, r)
+  ), e.addEventListener(
     "unload",
-    (r) => e.onUnload.call(e, r)
+    (r) => t.onUnload.call(t, r)
   );
   const o = new MutationObserver((r) => {
-    console.log("监听 body 中子节点的变化2", e.panel), r.forEach((a) => {
-      Array.from(a.removedNodes).includes(t) && (e.onUnload(new Event("unload")), o.disconnect());
+    i.log("监听 body 中子节点的变化2", t.panel), r.forEach((a) => {
+      Array.from(a.removedNodes).includes(e) && (t.onUnload(new Event("unload")), o.disconnect());
     });
   });
-  return o.observe(e.panel.parentNode, {
+  return o.observe(t.panel.parentNode, {
     childList: !0,
     subtree: !1
-  }), t;
+  }), e;
 };
-class Z {
-  constructor(t) {
-    p(this, "app");
-    p(this, "dom");
-    p(this, "panel");
-    p(this, "loading");
-    p(this, "loadingTimer");
-    return this.app = t, this.dom = void 0, this.panel = void 0, t.preload && this.preload(), this;
-  }
-  mount(t, n = !1) {
+class J {
+  constructor(e) {
+    h(this, "app");
+    h(this, "dom");
+    h(this, "panel");
+    h(this, "loading");
+    h(this, "loadingTimer");
+    return this.app = e, this.dom = void 0, this.panel = void 0, e.preload && this.preload(), this;
+  }
+  mount(e, n = !1) {
     let o;
-    if (t ? (typeof t == "string" ? o = document.querySelector(t) : o = t, o.innerHTML = "") : o = document.body, o) {
+    if (e ? (typeof e == "string" ? o = document.querySelector(e) : o = e, o.innerHTML = "") : o = document.body, o) {
       this.panel = o;
-      let r = document.getElementById(I(this.app.name));
-      r || (r = J(this), this.dom = r), n ? r.style.display = "none" : r.style.removeProperty("display");
-      const a = G();
+      let r = document.getElementById(P(this.app.name));
+      r || (r = Q(this), this.dom = r), n ? r.style.display = "none" : r.style.removeProperty("display");
+      const a = q();
       this.loadingTimer = setTimeout(() => {
         this.loading = a, o.appendChild(a);
       }, 1e3), o.appendChild(r);
@@ -187,10 +274,10 @@ class Z {
   }
   unmount() {
     var n;
-    console.debug("micro unmount app", this.app.name);
-    const t = document.getElementById(I(this.app.name));
-    if (t)
-      this.app.preload ? (t.style.display = "none", document.body.appendChild(t)) : (n = this.panel) == null || n.removeChild(t);
+    i.debug("micro unmount app", this.app.name);
+    const e = document.getElementById(P(this.app.name));
+    if (e)
+      this.app.preload ? (e.style.display = "none", document.body.appendChild(e)) : (n = this.panel) == null || n.removeChild(e);
     else
       throw new Error("app dom not found");
   }
@@ -199,8 +286,8 @@ class Z {
    * TODO 还差用户切走之后，如何将ifr还原回去，等待下次载入
    * @param el 挂载dom对象
    */
-  preloadRender(t) {
-    this.mount(t);
+  preloadRender(e) {
+    this.mount(e);
   }
   /**
    * 预加载app，先放到body，待启动时，挪过来
@@ -208,70 +295,70 @@ class Z {
   preload() {
     this.mount(void 0, !0);
   }
-  reload(t = !1) {
+  reload(e = !1) {
     let n = this.dom.src;
-    t && (n = U(this.app, !0), console.log("go home", n)), console.log("reload app", this.app, n);
+    e && (n = L(this.app, !0), i.log("go home", n)), i.log("reload app", this.app, n);
     const o = new URL(n);
     o.searchParams.set("__t", Date.now().toString()), this.dom.style.visibility = "hidden", this.dom.src = o.toString();
   }
-  changeOptions(t) {
-    console.log("changeOptions", this.app, t), this.app = d(d({}, this.app), t);
+  changeOptions(e) {
+    i.log("changeOptions", this.app, e), this.app = m(m({}, this.app), e);
   }
-  onLoad(t) {
-    console.debug("app onLoad", this.app.name), this.loadingTimer && clearTimeout(this.loadingTimer), this.loading && Q(this.loading), ee(this), console.log("this.app.onLoad", this.app.onLoad), this.app.onLoad && this.app.onLoad(t, this);
+  onLoad(e) {
+    i.debug("app onLoad", this.app.name), this.loadingTimer && clearTimeout(this.loadingTimer), this.loading && z(this.loading), Z(this), i.log("this.app.onLoad", this.app.onLoad), this.app.onLoad && this.app.onLoad(e, this);
   }
-  onUnload(t) {
-    console.debug("app onUnload", this.app.name), m(this.app.name), this.app.onUnload && this.app.onUnload(t, this);
+  onUnload(e) {
+    i.debug("app onUnload", this.app.name), g(this.app.name), this.app.onUnload && this.app.onUnload(e, this);
   }
-  onError(t) {
-    console.error("app onError", this.app.name), this.app.onError && this.app.onError(t, this);
+  onError(e) {
+    i.error("app onError", this.app.name), this.app.onError && this.app.onError(e, this);
   }
 }
-const ee = (e) => {
-  var t, n;
-  (n = (t = e.dom) == null ? void 0 : t.contentWindow) == null || n.postMessage(
+const Z = (t) => {
+  var e, n;
+  (n = (e = t.dom) == null ? void 0 : e.contentWindow) == null || n.postMessage(
     {
-      cmd: `$xt/micro/${e.app.name}`,
+      cmd: `$xt/micro/${t.app.name}`,
       data: {
-        name: e.app.name,
-        url: e.app.url,
-        preload: e.app.preload,
-        sync: e.app.sync || !0
+        name: t.app.name,
+        url: t.app.url,
+        preload: t.app.preload,
+        sync: t.app.sync || !0
         // params: app.params
       }
     },
     "*"
   );
-}, te = () => {
-  window[s.MICRO_TYPE] = "parent", window.addEventListener("message", (e) => {
-    if (e.data.cmd === "$xt/micro/sync") {
-      console.log("父页面接受子应用同步路由信息", e.data);
-      const t = [
+}, ee = () => {
+  window[s.MICRO_TYPE] = "parent", window.addEventListener("message", (t) => {
+    if (t.data.cmd === "$xt/micro/sync") {
+      i.log("父页面接受子应用同步路由信息", t.data);
+      const e = [
         s.IS_MICRO,
         s.MICRO_NAME,
         s.MICRO_TOKEN
       ], n = new URL(
-        window.decodeURIComponent(e.data.data.url),
-        e.origin
+        window.decodeURIComponent(t.data.data.url),
+        t.origin
       );
-      for (let c of t)
-        n.searchParams.delete(c);
-      console.log("tempUrl", n);
-      const o = m(e.data.data.name), r = new URL(o);
-      r.searchParams.forEach((c, i) => {
-        i.startsWith(s.URL_PARAM_PREFIX) && r.searchParams.delete(i);
-      }), console.log("mainURL.href", r.href);
-      const a = C(
+      for (let l of e)
+        n.searchParams.delete(l);
+      i.log("tempUrl", n);
+      const o = g(t.data.data.name), r = new URL(o);
+      r.searchParams.forEach((l, c) => {
+        c.startsWith(s.URL_PARAM_PREFIX) && r.searchParams.delete(c);
+      }), i.log("mainURL.href", r.href);
+      const a = U(
         r.href,
-        e.data.data.name,
+        t.data.data.name,
         n.href
         // tempUrl.pathname + tempUrl.search + tempUrl.hash
       );
-      console.log("curUrl", a), window.history.replaceState(null, "", a);
-    } else if (e.data.cmd === "$xt/micro/info") {
-      console.debug("parent 「$xt/micro/info」 receive message", e.data);
-      const t = _(e.data.data);
-      e.source.postMessage(
+      i.log("curUrl", a), window.history.replaceState(null, "", a);
+    } else if (t.data.cmd === "$xt/micro/info") {
+      i.debug("parent 「$xt/micro/info」 receive message", t.data);
+      const e = I(t.data.data);
+      t.source.postMessage(
         {
           cmd: "$xt/micro/info",
           data: {
@@ -286,74 +373,77 @@ const ee = (e) => {
               port: window.location.port,
               protocol: window.location.protocol
             },
-            mainMicroVersion: w,
-            name: t.name,
-            url: t.url,
-            params: t.params,
-            sync: t.sync,
-            preload: t.preload
+            mainMicroVersion: f,
+            name: e.name,
+            url: e.url,
+            params: e.params,
+            sync: e.sync,
+            preload: e.preload
           }
         },
-        { targetOrigin: e.origin }
+        { targetOrigin: t.origin }
       );
     }
   });
-}, ne = (...t) => h(void 0, [...t], function* (e = {}) {
+}, me = (...e) => w(void 0, [...e], function* (t = {}) {
   window[s.MICRO_TYPE] = "child";
-  const n = f(s.IS_MICRO), o = f(s.MICRO_NAME);
-  if (console.debug("child microInit", n, o), n && (window[s.IS_MICRO] = n === "true"), o && S(o).then((r) => {
-    window[s.MICRO_APP] = d({
-      microVersion: w
+  const n = _(s.IS_MICRO), o = _(s.MICRO_NAME);
+  if (i.debug("child microInit", n, o), n && (window[s.IS_MICRO] = n === "true"), o && E(o).then((r) => {
+    window[s.MICRO_APP] = m({
+      microVersion: f
     }, r);
   }), window[s.IS_MICRO]) {
-    let r = function(c) {
-      var i = document.styleSheets[0];
-      if (!i) {
-        var l = document.createElement("style");
-        document.head.appendChild(l), i = l.sheet;
+    let r = function(l) {
+      var c = document.styleSheets[0];
+      if (!c) {
+        var d = document.createElement("style");
+        document.head.appendChild(d), c = d.sheet;
       }
-      i.insertRule(c, i.cssRules.length);
+      c.insertRule(l, c.cssRules.length);
     };
-    window[s.IS_MICRO] && e.hideHeaderCssSelector && (Array.isArray(e.hideHeaderCssSelector) ? e.hideHeaderCssSelector.forEach((c) => {
-      r(`${c} { display: none !important; }`);
+    window[s.IS_MICRO] && t.hideHeaderCssSelector && (Array.isArray(t.hideHeaderCssSelector) ? t.hideHeaderCssSelector.forEach((l) => {
+      r(`${l} { display: none !important; }`);
     }) : r(
-      `${e.hideHeaderCssSelector} { display: none !important; }`
-    )), yield oe(o, window), window.addEventListener("message", (c) => h(void 0, null, function* () {
-      c.data.cmd === `$xt/micro/${o}` && L(o);
+      `${t.hideHeaderCssSelector} { display: none !important; }`
+    )), yield te(o, window), window.addEventListener("message", (l) => w(void 0, null, function* () {
+      l.data.cmd === `$xt/micro/${o}` && T(o);
     }));
-    const a = f(s.MICRO_TOKEN);
-    e.authHandler && a && (yield e.authHandler(a));
+    const a = _(s.MICRO_TOKEN);
+    t.authHandler && a && (yield t.authHandler(a));
   } else
-    console.warn("当前环境非微应用环境");
+    i.warn("当前环境非微应用环境");
 });
-function oe(e, t) {
-  const n = t.history, o = n.pushState, r = n.replaceState;
-  n.pushState = function(a, c, i) {
-    const l = y(d(d({}, n.state || {}), a), {
+function te(t, e) {
+  const n = e.history, o = n.pushState, r = n.replaceState;
+  n.pushState = function(a, l, c) {
+    const d = R(m(m({}, n.state || {}), a), {
       // 添加新数据
       _patchedByParent: !0
       // 可选：标记这是被父窗口修改的状态
     });
-    o.call(n, l, c, i), L(e);
-  }, n.replaceState = function(a, c, i) {
-    const l = y(d(d({}, n.state || {}), a), {
+    o.call(n, d, l, c), T(t);
+  }, n.replaceState = function(a, l, c) {
+    const d = R(m(m({}, n.state || {}), a), {
       // 添加新数据
       _patchedByParent: !0
       // 可选：标记这是被父窗口修改的状态
     });
-    r.call(n, l, c, i);
+    r.call(n, d, l, c);
   };
 }
-function L(e) {
-  return h(this, null, function* () {
-    if (console.log("syncUrlToWindow", e, window[s.MICRO_APP]), !window[s.MICRO_APP])
-      return;
-    const { name: t, sync: n, mainLocation: o } = window[s.MICRO_APP], r = window.location.pathname + window.location.search + window.location.hash;
-    console.log("curUrl", r), window.parent.postMessage(
+function T(t) {
+  return w(this, null, function* () {
+    i.log("syncUrlToWindow", t, window[s.MICRO_APP]), window[s.MICRO_APP] || (yield E(t).then((a) => {
+      window[s.MICRO_APP] = m({
+        microVersion: f
+      }, a);
+    }));
+    const { name: e, sync: n, mainLocation: o } = window[s.MICRO_APP], r = window.location.pathname + window.location.search + window.location.hash;
+    i.log("curUrl", r), window.parent.postMessage(
       {
         cmd: "$xt/micro/sync",
         data: {
-          name: t,
+          name: e,
           url: window.encodeURIComponent(r)
         }
       },
@@ -361,105 +451,99 @@ function L(e) {
     );
   });
 }
-let u = {};
-const re = {
+let p = {};
+const ne = {
   url: "",
   name: "",
   sync: !0
-}, ae = (e) => {
-  if (!e.url || e.url === "" || e.url === "undefined") {
-    console.error("app url is required", e);
+}, he = (t) => {
+  if (!t.url || t.url === "" || t.url === "undefined") {
+    i.error("app url is required", t);
     return;
   }
-  const t = Object.assign({}, re, e), n = u[e.name];
-  return n ? u[e.name] = d(d({}, n), t) : u[e.name] = y(d({}, t), {
-    instance: new Z(e)
-  }), u[e.name];
-}, _ = (e) => u[e], se = (e, t) => u[e.name] = d(d({}, e), t), b = (e, t) => new Promise((n, o) => {
-  let r = _(e);
-  r ? (t && (r.instance.changeOptions(t), r = se(r, t)), r.preload ? r.instance.preloadRender(r.el) : r.instance.mount(r.el), n(r)) : o("app not found, please setup app first");
-}), T = (e) => {
-  let t = _(e);
-  t && t.instance.unmount();
-}, ie = (e, t = !1) => {
-  let n = _(e);
-  n && n.instance.reload(t);
-}, m = (e) => {
-  console.log("clearParentUrl", e, s.URL_PARAM_PREFIX + e);
-  const t = window.location.href.split("#");
-  console.log("url", t);
-  let n = new URL(t[0]);
-  n.searchParams.delete(s.URL_PARAM_PREFIX + e);
-  const o = t.length > 1 ? n.href + "#" + t[1] : n.href;
+  const e = Object.assign({}, ne, t), n = p[t.name];
+  return n ? p[t.name] = m(m({}, n), e) : p[t.name] = R(m({}, e), {
+    instance: new J(t)
+  }), p[t.name];
+}, I = (t) => p[t], oe = (t, e) => p[t.name] = m(m({}, t), e), re = (t, e) => new Promise((n, o) => {
+  let r = I(t);
+  r ? (e && (r.instance.changeOptions(e), r = oe(r, e)), r.preload ? r.instance.preloadRender(r.el) : r.instance.mount(r.el), n(r)) : o("app not found, please setup app first");
+}), ae = (t) => {
+  let e = I(t);
+  e && e.instance.unmount();
+}, ue = (t, e = !1) => {
+  let n = I(t);
+  n && n.instance.reload(e);
+}, g = (t) => {
+  i.log(
+    "clearParentUrl",
+    t,
+    s.URL_PARAM_PREFIX + t
+  );
+  const e = window.location.href.split("#");
+  i.log("url", e);
+  let n = new URL(e[0]);
+  n.searchParams.delete(s.URL_PARAM_PREFIX + t);
+  const o = e.length > 1 ? n.href + "#" + e[1] : n.href;
   return window.history.replaceState({}, "", o), o;
-}, v = () => window[s.IS_MICRO] === !0, ce = () => window[s.MICRO_TYPE] === "parent", le = (e, t = ((n) => (n = window.__XT_MICRO_APP) == null ? void 0 : n.name)()) => {
+}, ie = () => window[s.IS_MICRO] === !0, pe = () => window[s.MICRO_TYPE] === "parent", fe = (t, e = ((n) => (n = window.__XT_MICRO_APP) == null ? void 0 : n.name)()) => {
   let o = window.location;
-  if (v())
+  if (ie())
     o = window.__XT_MICRO_APP.mainLocation;
-  else if (!t) {
-    console.error("在主应用中需要传入应用名称");
+  else if (!e) {
+    i.error("在主应用中需要传入应用名称");
     return;
   }
-  return `${o.origin}${o.pathname}?__XT_MICRO_${t}=${encodeURIComponent(e)}${o.hash}`;
-}, de = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  clearParentUrl: m,
-  createAppUrl: le,
-  getApp: _,
-  isMicro: v,
-  isParent: ce,
-  microInit: ne,
-  reloadApp: ie,
-  setupApp: ae,
-  startApp: b,
-  stopApp: T
-}, Symbol.toStringTag, { value: "Module" })), me = /* @__PURE__ */ N({
+  return `${o.origin}${o.pathname}?__XT_MICRO_${e}=${encodeURIComponent(t)}${o.hash}`;
+}, se = /* @__PURE__ */ j({
   __name: "XTMicroView",
   props: {
     appId: String
   },
-  setup(e) {
-    const t = e, n = O(), o = () => {
-      t.appId && b(t.appId, {
+  setup(t) {
+    const e = t, n = b(), o = () => {
+      e.appId && re(e.appId, {
         el: n.value,
         onUnload(r, a) {
-          console.log("on unload", a.app.name), m(a.app.name);
+          i.log("on unload", a.app.name);
         }
       }).then((r) => {
-        console.debug("app mounted", t.appId);
+        i.debug("app mounted", e.appId);
       });
     };
-    return F(() => t.appId, (r, a) => {
-      r !== a && a && T(a), o();
-    }), B(() => {
+    return F(() => e.appId, (r, a) => {
+      r !== a && a && ae(a), o();
+    }), K(() => {
       o();
-    }), V(() => {
-      console.debug("「micro」", "app unmount", t.appId), m(t.appId);
-    }), (r, a) => (D(), K("div", Y({
+    }), Y(() => {
+      i.debug("「micro」", "app unmount", e.appId), g(e.appId);
+    }), (r, a) => (N(), V("div", B({
       ref_key: "refPanel",
       ref: n
     }, r.$attrs, { class: "xt-micro" }), null, 16));
   }
 });
-window[s.MICRO_VERSION] = w;
-window.api = de;
-const fe = {
-  install: (e, t = {}) => {
-    e.component("xt-micro-view", me), te();
+window[s.MICRO_VERSION] = f;
+window.micro_api = {
+  debug: i.setEnable
+};
+const we = {
+  install: (t, e = {}) => {
+    t.component("xt-micro-view", se), ee();
   }
 };
 export {
-  me as XTMicroView,
-  m as clearParentUrl,
-  le as createAppUrl,
-  fe as default,
-  _ as getApp,
-  v as isMicro,
-  ce as isParent,
-  ne as microInit,
-  ie as reloadApp,
-  ae as setupApp,
-  b as startApp,
-  T as stopApp,
-  he as utils
+  se as XTMicroView,
+  g as clearParentUrl,
+  fe as createAppUrl,
+  we as default,
+  I as getApp,
+  ie as isMicro,
+  pe as isParent,
+  me as microInit,
+  ue as reloadApp,
+  he as setupApp,
+  re as startApp,
+  ae as stopApp,
+  de as utils
 };

package/dist/types/utils.d.ts

@@ -14,3 +14,40 @@ export declare function debounce<T extends (...args: any[]) => any>(func: T, del
  */
 export declare function addOrReplaceUrlParam(url: string, paramName: string, paramValue: string): string;
 export declare const ipcSyncAppInfo: (microName: string) => Promise<unknown>;
+export declare class ConsoleUtil {
+    private static readonly STORAGE_KEY;
+    /**
+     * 从 localStorage 读取开关状态，默认开启
+     */
+    private static get enable();
+    /**
+     * 设置开关状态并同步到 localStorage
+     * @param status 是否开启日志
+     */
+    static setEnable(status: boolean): void;
+    /**
+     * 获取当前日志开关状态
+     * @returns 当前开关状态
+     */
+    static getEnable(): boolean;
+    /**
+     * 提取调用日志的文件路径和行号
+     * @returns 格式化的位置信息（如 "src/utils/xxx.ts:123"）
+     */
+    private static getCallerInfo;
+    /**
+     * 通用日志输出方法（内部使用）
+     * @param type 日志类型（log/info/warn/error 等）
+     * @param args 日志参数
+     */
+    private static _log;
+    static log(...args: any[]): void;
+    static info(...args: any[]): void;
+    static warn(...args: any[]): void;
+    static error(...args: any[]): void;
+    static debug(...args: any[]): void;
+    static trace(...args: any[]): void;
+    static table(data: any, columns?: string[]): void;
+    static time(label: string): void;
+    static timeEnd(label: string): void;
+}

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@xingtukeji/micro",
-  "version": "1.1.19",
+  "version": "1.1.21",
   "private": false,
   "description": "",
-  "main": "dist/index.js",
+  "main": "src/index.ts",
   "types": "dist/types/index.d.ts",
   "files": [
     "dist"

package/src/index.ts

@@ -0,0 +1,22 @@
+import type { App } from "vue";
+import XTMicroView from "./components/XTMicroView.vue";
+
+import { mainMicroInit } from "./parent";
+export * from "./api";
+import * as utils from "./utils";
+
+export { XTMicroView, utils };
+import { version } from "../package.json";
+import { CONSTANT } from "./types";
+window[CONSTANT.MICRO_VERSION] = version;
+//开放部分 api 直接在 window 上挂载
+window["micro_api"] = {
+  debug: utils.ConsoleUtil.setEnable,
+};
+
+export default {
+  install: (app: App, _options: any = {}) => {
+    app.component("xt-micro-view", XTMicroView);
+    mainMicroInit();
+  },
+};