@xingtukeji/micro 1.1.21 → 1.1.23

package/dist/index.js

@@ -1,549 +1,423 @@
-(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 $ = 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 {
-      c(n.next(d));
-    } catch (y) {
-      r(y);
-    }
-  }, l = (d) => {
-    try {
-      c(n.throw(d));
-    } catch (y) {
-      r(y);
-    }
-  }, c = (d) => d.done ? o(d.value) : Promise.resolve(d.value).then(a, l);
-  c((n = n.apply(t, e)).next());
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.xt-micro{background-color:transparent;width:100%;height:100%;overflow:hidden}.micro-iframe{border:none;width:100%;height:100%;margin:0;padding:0}`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();import { createElementBlock, defineComponent, mergeProps, onMounted, onUnmounted, openBlock, ref, watch } from "vue";
+var __defProp = Object.defineProperty, __export = (h) => {
+	let z = {};
+	for (var B in h) __defProp(z, B, {
+		get: h[B],
+		enumerable: !0
+	});
+	return z;
+};
+const CONSTANT = {
+	KEY: "$xtm",
+	IS_MICRO: "__XT_MICRO",
+	MICRO_NAME: "__XT_MICRO_NAME",
+	MICRO_TYPE: "__XT_MICRO_TYPE",
+	MICRO_TOKEN: "__XT_MICRO_TOKEN",
+	MICRO_APP: "__XT_MICRO_APP",
+	DOM_ID_PREFIX: "xt-micro-ifr-",
+	URL_PARAM_PREFIX: "__XT_MICRO_",
+	MICRO_VERSION: "__XT_MICRO_VERSION"
+}, version = "1.1.23";
+var utils_exports = /* @__PURE__ */ __export({
+	ConsoleUtil: () => ConsoleUtil,
+	addOrReplaceUrlParam: () => addOrReplaceUrlParam,
+	anchorElementGenerator: () => anchorElementGenerator,
+	debounce: () => debounce,
+	getAbsolutePath: () => getAbsolutePath,
+	getAnchorElementQueryMap: () => getAnchorElementQueryMap,
+	getQueryParameter: () => getQueryParameter,
+	ipcSyncAppInfo: () => ipcSyncAppInfo
 });
-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
-  IS_MICRO: "__XT_MICRO",
-  // 是否在微应用中
-  MICRO_NAME: "__XT_MICRO_NAME",
-  // 微应用名称
-  MICRO_TYPE: "__XT_MICRO_TYPE",
-  // 微应用类型 'parent' | 'child'
-  MICRO_TOKEN: "__XT_MICRO_TOKEN",
-  // 微应用token
-  MICRO_APP: "__XT_MICRO_APP",
-  // 微应用实例
-  DOM_ID_PREFIX: "xt-micro-ifr-",
-  // dom id前缀
-  URL_PARAM_PREFIX: "__XT_MICRO_",
-  // 微应用在 url 参数中的前缀
-  MICRO_VERSION: "__XT_MICRO_VERSION"
-  // 微应用版本
-}, 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 getQueryParameter(h, z = window.location.href) {
+	h = h.replace(/[\[\]]/g, "\\$&");
+	var B = (/* @__PURE__ */ RegExp("[?&]" + h + "(=([^&#]*)|&|#|$)")).exec(z);
+	return B ? B[2] ? decodeURIComponent(B[2].replace(/\+/g, " ")).trim() : "" : null;
 }
-function S(t, e, n) {
-  try {
-    return t && (n && t.startsWith("#") ? t : new URL(t, e).href);
-  } catch (o) {
-    return t;
-  }
+function getAbsolutePath(h, z, B) {
+	try {
+		return h && (B && h.startsWith("#") ? h : new URL(h, z).href);
+	} catch {
+		return h;
+	}
 }
-function D(t) {
-  const e = window.document.createElement("a");
-  return e.href = t, e.href = e.href, e;
+function anchorElementGenerator(h) {
+	let z = window.document.createElement("a");
+	return z.href = h, z.href = z.href, z;
 }
-function G(t) {
-  const e = t.search || "";
-  return [...new URLSearchParams(e).entries()].reduce((n, o) => (n[o[0]] = o[1], n), {});
+function getAnchorElementQueryMap(h) {
+	let z = h.search || "";
+	return [...new URLSearchParams(z).entries()].reduce((h, z) => (h[z[0]] = z[1], h), {});
 }
-function W(t, e) {
-  let n = null;
-  return function(...o) {
-    const r = this;
-    n && clearTimeout(n), n = setTimeout(() => {
-      t.apply(r, o);
-    }, e);
-  };
+function debounce(h, z) {
+	let B = null;
+	return function(...V) {
+		let H = this;
+		B && clearTimeout(B), B = setTimeout(() => {
+			h.apply(H, V);
+		}, z);
+	};
 }
-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;
+function addOrReplaceUrlParam(h, z, B) {
+	let [V, H] = h.split("#"), U = new URL(V), W = U.searchParams;
+	return z = CONSTANT.URL_PARAM_PREFIX + z, W.has(z) ? W.set(z, B) : W.append(z, B), H && (U.hash = H), U.search = W.toString(), ConsoleUtil.trace("urlObj", U), U.origin + U.pathname + U.search + U.hash;
 }
-const E = (t) => w(void 0, null, function* () {
-  return new Promise((e) => {
-    window.addEventListener("message", (n) => {
-      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: t
-      },
-      "*"
-    );
-  });
-}), 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,
-  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 C.value;
-  },
-  set: function(t) {
-    C.value = t;
-  }
+const ipcSyncAppInfo = async (h) => new Promise((z) => {
+	window.addEventListener("message", (B) => {
+		ConsoleUtil.trace("child ipcSyncAppInfo receive message", B.data), B.data.cmd === "$xt/micro/info" && (B.data.data.mainMicroVersion !== "1.1.23" && ConsoleUtil.warn(`子应用版本与主应用版本不一致，${h}子应用版本：${version}，主应用版本：${B.data.data.mainMicroVersion}`), z(B.data.data));
+	}), ConsoleUtil.trace("child ipcSyncAppInfo send message", h), window.parent.postMessage({
+		cmd: "$xt/micro/info",
+		data: h
+	}, "*");
 });
-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;
-    }
-    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);
-}, 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) => t.onError.call(t, r)
-  ), e.addEventListener(
-    "unload",
-    (r) => t.onUnload.call(t, r)
-  );
-  const o = new MutationObserver((r) => {
-    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(t.panel.parentNode, {
-    childList: !0,
-    subtree: !1
-  }), e;
+var ConsoleUtil = class h {
+	static STORAGE_KEY = "@xt/micro/console/enable";
+	static get enable() {
+		return localStorage.getItem(h.STORAGE_KEY) === "true";
+	}
+	static setEnable(z) {
+		localStorage.setItem(h.STORAGE_KEY, z.toString());
+	}
+	static getEnable() {
+		return h.enable;
+	}
+	static getCallerInfo() {
+		try {
+			let h = /* @__PURE__ */ ((/* @__PURE__ */ Error()).stack || "").split("\n").slice(4);
+			if (h.length === 0) return "unknown location";
+			let z = h[0].trim(), B = z.match(/(?:http[s]?:\/\/.*?\/|)([^:]+):(\d+):(\d+)/);
+			if (B) {
+				let [, h, z] = B;
+				return `[${h.split("/").slice(-2).join("/")}:${z}]`;
+			}
+			return `[${z}]`;
+		} catch {
+			return "[unknown location]";
+		}
+	}
+	static _log(z, ...B) {
+		if (h.enable && typeof console[z] == "function") {
+			let h = this.getCallerInfo();
+			console[z](h, ...B);
+		}
+	}
+	static log(...h) {
+		this._log("log", ...h);
+	}
+	static info(...h) {
+		this._log("info", ...h);
+	}
+	static warn(...h) {
+		this._log("warn", ...h);
+	}
+	static error(...h) {
+		this._log("error", ...h);
+	}
+	static debug(...h) {
+		this._log("debug", ...h);
+	}
+	static trace(...h) {
+		this._log("trace", ...h);
+	}
+	static table(h, z) {
+		this.enable && console.table(h, z);
+	}
+	static time(h) {
+		this.enable && console.time(h);
+	}
+	static timeEnd(h) {
+		this.enable && console.timeEnd(h);
+	}
+}, _isMicro = ref(!1);
+Object.defineProperty(window, CONSTANT.IS_MICRO, {
+	get: function() {
+		return _isMicro.value;
+	},
+	set: function(h) {
+		_isMicro.value = h;
+	}
+});
+var generateId = (h) => `${CONSTANT.DOM_ID_PREFIX}${h}`, generateURL = (h, z = !1) => {
+	function B(h) {
+		return typeof h == "object" && !!h && !Array.isArray(h);
+	}
+	let V = typeof h.params == "function" ? h.params() : B(h.params) ? h.params : {}, H = typeof h.token == "function" ? h.token() : B(h.token) ? h.token : "", U = new URL(h.url.indexOf("http") > -1 ? h.url : window.location.origin + h.url), W = getQueryParameter(CONSTANT.URL_PARAM_PREFIX + h.name);
+	if (!z && W) {
+		let z = getAbsolutePath(W, h.url, !0);
+		if (z) {
+			let B = new URL(z, h.url);
+			B.searchParams.forEach((h, z) => {
+				U.searchParams.set(z, h);
+			}), U.hash = B.hash;
+		}
+		clearParentUrl(h.name);
+	}
+	if (U.searchParams.set(CONSTANT.IS_MICRO, "true"), U.searchParams.set(CONSTANT.MICRO_NAME, h.name), H && U.searchParams.set(CONSTANT.MICRO_TOKEN, H), V) for (let h of Object.keys(V)) U.searchParams.set(h, V[h]);
+	return clearParentUrl(h.name), U.href;
+}, generateLoading = (h) => {
+	ConsoleUtil.log("generateLoading", h);
+	let z = document.createElement("div");
+	return z.id = generateId(h) + "-loading", z.innerHTML = "应用加载中...", z.style.textAlign = "center", z.style.lineHeight = "100px", z.style.fontSize = "20px", z.style.color = "#999", z.style.position = "absolute", z.style.top = "0", z.style.left = "0", z.style.right = "0", z.style.bottom = "0", z.style.zIndex = "999", z.style.background = "transparent", z.style["mix-blend-mode"] = "difference", z;
+}, removeLoading = (h) => {
+	h.style.opacity = "0", setTimeout(() => {
+		document.querySelectorAll("#" + h.id).forEach((h) => {
+			h.remove();
+		});
+	}, 500);
+}, generateIframe = (h) => {
+	let z = document.createElement("iframe");
+	z.id = generateId(h.app.name), z.src = generateURL(h.app), z.style.width = "100%", z.style.height = "100%", z.style.border = "none", z.style.margin = "0", z.style.padding = "0", z.style.backgroundColor = "transparent", z.style["color-scheme"] = "unset", z.style.visibility = "hidden", z.addEventListener("load", (B) => (z.style.visibility = "visible", h.onLoad.call(h, B))), z.addEventListener("error", (z) => h.onError.call(h, z)), z.addEventListener("unload", (z) => h.onUnload.call(h, z));
+	let B = new MutationObserver((V) => {
+		ConsoleUtil.trace("监听 body 中子节点的变化2", h.panel), V.forEach((V) => {
+			Array.from(V.removedNodes).includes(z) && (h.onUnload(new Event("unload")), B.disconnect());
+		});
+	});
+	return B.observe(h.panel.parentNode, {
+		childList: !0,
+		subtree: !1
+	}), z;
+}, MicroApp = class {
+	app;
+	dom;
+	panel;
+	loading;
+	loadingTimer;
+	constructor(h) {
+		return this.app = h, this.dom = void 0, this.panel = void 0, h.preload && this.preload(), this;
+	}
+	mount(h, z = !1) {
+		let B;
+		if (h ? (B = typeof h == "string" ? document.querySelector(h) : h, B.innerHTML = "") : B = document.body, B) {
+			this.panel = B;
+			let h = !0, V = document.getElementById(generateId(this.app.name));
+			if (V || (h = !1, V = generateIframe(this), this.dom = V), z ? V.style.display = "none" : V.style.removeProperty("display"), !z) {
+				let h = generateLoading(this.app.name);
+				this.loading = h, B.appendChild(h);
+			}
+			ConsoleUtil.trace("micro app", this.app.name, h ? "已加载迁移 dom" : "首次加载"), B.appendChild(V);
+		} else throw Error("没有找到转载子元素的父容器");
+	}
+	unmount() {
+		ConsoleUtil.trace("micro unmount app", this.app.name);
+		let h = document.getElementById(generateId(this.app.name));
+		if (h) this.app.preload ? (h.style.display = "none", document.body.appendChild(h)) : this.panel?.removeChild(h);
+		else throw Error("app dom not found");
+	}
+	preloadRender(h) {
+		this.mount(h);
+	}
+	preload() {
+		this.mount(void 0, !0);
+	}
+	reload(h = !1) {
+		let z = this.dom.src;
+		h && (z = generateURL(this.app, !0), ConsoleUtil.trace("go home", z)), ConsoleUtil.trace("reload app", this.app, z);
+		let B = new URL(z);
+		B.searchParams.set("__t", Date.now().toString()), this.dom.style.visibility = "hidden", this.dom.src = B.toString();
+	}
+	changeOptions(h) {
+		ConsoleUtil.trace("changeOptions", this.app, h), this.app = {
+			...this.app,
+			...h
+		};
+	}
+	onLoad(h) {
+		ConsoleUtil.trace("app onLoad", this.app.name, this.loadingTimer, this.loading), this.loadingTimer && clearTimeout(this.loadingTimer), this.loading && removeLoading(this.loading), _postMicro(this), ConsoleUtil.trace("this.app.onLoad", this.app.onLoad), this.app.onLoad && this.app.onLoad(h, this);
+	}
+	onUnload(h) {
+		ConsoleUtil.trace("app onUnload", this.app.name), clearParentUrl(this.app.name), this.app.onUnload && this.app.onUnload(h, this);
+	}
+	onError(h) {
+		ConsoleUtil.error("app onError", this.app.name), this.app.onError && this.app.onError(h, this);
+	}
+}, _postMicro = (h) => {
+	h.dom?.contentWindow?.postMessage({
+		cmd: `$xt/micro/${h.app.name}`,
+		data: {
+			name: h.app.name,
+			url: h.app.url,
+			preload: h.app.preload,
+			sync: h.app.sync || !0
+		}
+	}, "*");
+};
+const mainMicroInit = () => {
+	window[CONSTANT.MICRO_TYPE] = "parent", window.addEventListener("message", (h) => {
+		if (h.data.cmd === "$xt/micro/sync") {
+			ConsoleUtil.trace("父页面接受子应用同步路由信息", h.data);
+			let z = [
+				CONSTANT.IS_MICRO,
+				CONSTANT.MICRO_NAME,
+				CONSTANT.MICRO_TOKEN
+			], B = new URL(window.decodeURIComponent(h.data.data.url), h.origin);
+			for (let h of z) B.searchParams.delete(h);
+			ConsoleUtil.trace("tempUrl", B);
+			let V = clearParentUrl(h.data.data.name), H = new URL(V);
+			H.searchParams.forEach((h, z) => {
+				z.startsWith(CONSTANT.URL_PARAM_PREFIX) && H.searchParams.delete(z);
+			}), ConsoleUtil.trace("mainURL.href", H.href);
+			let U = addOrReplaceUrlParam(H.href, h.data.data.name, B.href);
+			ConsoleUtil.trace("curUrl", U), window.history.replaceState(null, "", U);
+		} else if (h.data.cmd === "$xt/micro/info") {
+			ConsoleUtil.trace("parent 「$xt/micro/info」 receive message", h.data);
+			let z = getApp(h.data.data);
+			h.source.postMessage({
+				cmd: "$xt/micro/info",
+				data: {
+					mainLocation: {
+						origin: window.location.origin,
+						href: window.location.href,
+						pathname: window.location.pathname,
+						search: window.location.search,
+						hash: window.location.hash,
+						host: window.location.host,
+						hostname: window.location.hostname,
+						port: window.location.port,
+						protocol: window.location.protocol
+					},
+					mainMicroVersion: version,
+					name: z.name,
+					url: z.url,
+					params: z.params,
+					sync: z.sync,
+					preload: z.preload
+				}
+			}, { targetOrigin: h.origin });
+		}
+	});
+}, microInit = async (h = {}) => {
+	window[CONSTANT.MICRO_TYPE] = "child";
+	let z = getQueryParameter(CONSTANT.IS_MICRO), B = getQueryParameter(CONSTANT.MICRO_NAME);
+	if (ConsoleUtil.trace("child microInit", z, B), z && (window[CONSTANT.IS_MICRO] = z === "true", B && await syncAppInfo(B)), window[CONSTANT.IS_MICRO]) {
+		function z(h) {
+			var z = document.styleSheets[0];
+			if (!z) {
+				var B = document.createElement("style");
+				document.head.appendChild(B), z = B.sheet;
+			}
+			z.insertRule(h, z.cssRules.length);
+		}
+		window[CONSTANT.IS_MICRO] && h.hideHeaderCssSelector && (Array.isArray(h.hideHeaderCssSelector) ? h.hideHeaderCssSelector.forEach((h) => {
+			z(`${h} { display: none !important; }`);
+		}) : z(`${h.hideHeaderCssSelector} { display: none !important; }`)), await patchIframeHistory(B, window), window.addEventListener("message", async (h) => {
+			h.data.cmd === `$xt/micro/${B}` && syncUrlToWindow(B);
+		});
+		let V = getQueryParameter(CONSTANT.MICRO_TOKEN);
+		h.authHandler && V && await h.authHandler(V);
+	} else ConsoleUtil.warn("当前环境非微应用环境");
 };
-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 (e ? (typeof e == "string" ? o = document.querySelector(e) : o = e, o.innerHTML = "") : o = document.body, o) {
-      this.panel = o;
-      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);
-    } else
-      throw new Error("el not found");
-  }
-  unmount() {
-    var n;
-    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");
-  }
-  /**
-   * 预加载渲染
-   * TODO 还差用户切走之后，如何将ifr还原回去，等待下次载入
-   * @param el 挂载dom对象
-   */
-  preloadRender(e) {
-    this.mount(e);
-  }
-  /**
-   * 预加载app，先放到body，待启动时，挪过来
-   */
-  preload() {
-    this.mount(void 0, !0);
-  }
-  reload(e = !1) {
-    let n = this.dom.src;
-    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(e) {
-    i.log("changeOptions", this.app, e), this.app = m(m({}, this.app), e);
-  }
-  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(e) {
-    i.debug("app onUnload", this.app.name), g(this.app.name), this.app.onUnload && this.app.onUnload(e, this);
-  }
-  onError(e) {
-    i.error("app onError", this.app.name), this.app.onError && this.app.onError(e, this);
-  }
+function patchIframeHistory(h, z) {
+	let B = z.history, V = B.pushState, H = B.replaceState;
+	B.pushState = function(z, H, U) {
+		let W = {
+			...B.state || {},
+			...z,
+			_patchedByParent: !0
+		};
+		V.call(B, W, H, U), syncUrlToWindow(h);
+	}, B.replaceState = function(h, z, V) {
+		let U = {
+			...B.state || {},
+			...h,
+			_patchedByParent: !0
+		};
+		H.call(B, U, z, V);
+	};
 }
-const Z = (t) => {
-  var e, n;
-  (n = (e = t.dom) == null ? void 0 : e.contentWindow) == null || n.postMessage(
-    {
-      cmd: `$xt/micro/${t.app.name}`,
-      data: {
-        name: t.app.name,
-        url: t.app.url,
-        preload: t.app.preload,
-        sync: t.app.sync || !0
-        // params: app.params
-      }
-    },
-    "*"
-  );
-}, 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(t.data.data.url),
-        t.origin
-      );
-      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,
-        t.data.data.name,
-        n.href
-        // tempUrl.pathname + tempUrl.search + tempUrl.hash
-      );
-      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: {
-            mainLocation: {
-              origin: window.location.origin,
-              href: window.location.href,
-              pathname: window.location.pathname,
-              search: window.location.search,
-              hash: window.location.hash,
-              host: window.location.host,
-              hostname: window.location.hostname,
-              port: window.location.port,
-              protocol: window.location.protocol
-            },
-            mainMicroVersion: f,
-            name: e.name,
-            url: e.url,
-            params: e.params,
-            sync: e.sync,
-            preload: e.preload
-          }
-        },
-        { targetOrigin: t.origin }
-      );
-    }
-  });
-}, me = (...e) => w(void 0, [...e], function* (t = {}) {
-  window[s.MICRO_TYPE] = "child";
-  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(l) {
-      var c = document.styleSheets[0];
-      if (!c) {
-        var d = document.createElement("style");
-        document.head.appendChild(d), c = d.sheet;
-      }
-      c.insertRule(l, c.cssRules.length);
-    };
-    window[s.IS_MICRO] && t.hideHeaderCssSelector && (Array.isArray(t.hideHeaderCssSelector) ? t.hideHeaderCssSelector.forEach((l) => {
-      r(`${l} { display: none !important; }`);
-    }) : r(
-      `${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 = _(s.MICRO_TOKEN);
-    t.authHandler && a && (yield t.authHandler(a));
-  } else
-    i.warn("当前环境非微应用环境");
+var syncAppInfo = async (h) => await ipcSyncAppInfo(h).then((h) => {
+	window[CONSTANT.MICRO_APP] = {
+		microVersion: version,
+		...h
+	};
 });
-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, d, l, c), T(t);
-  }, n.replaceState = function(a, l, c) {
-    const d = R(m(m({}, n.state || {}), a), {
-      // 添加新数据
-      _patchedByParent: !0
-      // 可选：标记这是被父窗口修改的状态
-    });
-    r.call(n, d, l, c);
-  };
+async function syncUrlToWindow(h) {
+	ConsoleUtil.trace("syncUrlToWindow", h, window[CONSTANT.MICRO_APP]), window[CONSTANT.MICRO_APP] || syncAppInfo(h);
+	let { name: z, sync: B, mainLocation: V } = window[CONSTANT.MICRO_APP], H = window.location.pathname + window.location.search + window.location.hash;
+	ConsoleUtil.trace("curUrl", H), ConsoleUtil.trace("child", "「$xt/micro/sync」", "send", z, H), window.parent.postMessage({
+		cmd: "$xt/micro/sync",
+		data: {
+			name: z,
+			url: window.encodeURIComponent(H)
+		}
+	}, V.origin);
 }
-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: e,
-          url: window.encodeURIComponent(r)
-        }
-      },
-      o.origin
-    );
-  });
-}
-let p = {};
-const ne = {
-  url: "",
-  name: "",
-  sync: !0
-}, he = (t) => {
-  if (!t.url || t.url === "" || t.url === "undefined") {
-    i.error("app url is required", t);
-    return;
-  }
-  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;
-}, 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 (ie())
-    o = window.__XT_MICRO_APP.mainLocation;
-  else if (!e) {
-    i.error("在主应用中需要传入应用名称");
-    return;
-  }
-  return `${o.origin}${o.pathname}?__XT_MICRO_${e}=${encodeURIComponent(t)}${o.hash}`;
-}, se = /* @__PURE__ */ j({
-  __name: "XTMicroView",
-  props: {
-    appId: String
-  },
-  setup(t) {
-    const e = t, n = b(), o = () => {
-      e.appId && re(e.appId, {
-        el: n.value,
-        onUnload(r, a) {
-          i.log("on unload", a.app.name);
-        }
-      }).then((r) => {
-        i.debug("app mounted", e.appId);
-      });
-    };
-    return F(() => e.appId, (r, a) => {
-      r !== a && a && ae(a), o();
-    }), K(() => {
-      o();
-    }), 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] = f;
-window.micro_api = {
-  debug: i.setEnable
+var _apps = {}, defaultAppOption = {
+	url: "",
+	name: "",
+	sync: !0,
+	preload: !1
 };
-const we = {
-  install: (t, e = {}) => {
-    t.component("xt-micro-view", se), ee();
-  }
+const setupApp = (h) => {
+	if (!h.url || h.url === "" || h.url === "undefined") {
+		ConsoleUtil.error("app url is required", h);
+		return;
+	}
+	let z = Object.assign({}, defaultAppOption, h), B = _apps[h.name];
+	return B ? _apps[h.name] = {
+		...B,
+		...z
+	} : _apps[h.name] = {
+		...z,
+		instance: new MicroApp(h)
+	}, _apps[h.name];
+}, getApp = (h) => _apps[h];
+var setApp = (h, z) => _apps[h.name] = {
+	...h,
+	...z
 };
-export {
-  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
+const startApp = (h, z) => new Promise((B, V) => {
+	let H = getApp(h);
+	H ? (z && (H.instance.changeOptions(z), H = setApp(H, z)), H.preload ? H.instance.preloadRender(H.el) : H.instance.mount(H.el), B(H)) : V("app not found, please setup app first");
+}), stopApp = (h) => {
+	let z = getApp(h);
+	z && z.instance.unmount();
+}, reloadApp = (h, z = !1) => {
+	let B = getApp(h);
+	B && B.instance.reload(z);
+}, clearParentUrl = (h) => {
+	ConsoleUtil.trace("clearParentUrl", h, CONSTANT.URL_PARAM_PREFIX + h);
+	let z = window.location.href.split("#");
+	ConsoleUtil.trace("url", z);
+	let B = new URL(z[0]);
+	B.searchParams.delete(CONSTANT.URL_PARAM_PREFIX + h);
+	let V = z.length > 1 ? B.href + "#" + z[1] : B.href;
+	return window.history.replaceState({}, "", V), V;
+}, isMicro = () => window[CONSTANT.IS_MICRO] === !0, isParent = () => window[CONSTANT.MICRO_TYPE] === "parent", createAppUrl = (h, z = window.__XT_MICRO_APP?.name) => {
+	let B = window.location;
+	if (isMicro()) B = window.__XT_MICRO_APP.mainLocation;
+	else if (!z) {
+		ConsoleUtil.error("在主应用中需要传入应用名称");
+		return;
+	}
+	return `${B.origin}${B.pathname}?__XT_MICRO_${z}=${encodeURIComponent(h)}${B.hash}`;
 };
+var XTMicroView_default = /* @__PURE__ */ defineComponent({
+	__name: "XTMicroView",
+	props: { appId: String },
+	setup(z) {
+		let G = z, K = ref(), q = () => {
+			G.appId && startApp(G.appId, {
+				el: K.value,
+				onUnload(h, z) {
+					ConsoleUtil.trace("on unload", z.app.name);
+				}
+			}).then((h) => {
+				ConsoleUtil.trace("app mounted", G.appId);
+			});
+		};
+		return watch(() => G.appId, (h, z) => {
+			h !== z && z && stopApp(z), q();
+		}), onMounted(() => {
+			q();
+		}), onUnmounted(() => {
+			ConsoleUtil.trace("「micro」", "app unmount", G.appId), clearParentUrl(G.appId);
+		}), (z, V) => (openBlock(), createElementBlock("div", mergeProps({
+			ref_key: "refPanel",
+			ref: K
+		}, z.$attrs, { class: "xt-micro" }), null, 16));
+	}
+});
+window[CONSTANT.MICRO_VERSION] = version, window.micro_api = { debug: ConsoleUtil.setEnable };
+var src_default = { install: (h, z = {}) => {
+	h.component("xt-micro-view", XTMicroView_default), mainMicroInit();
+} };
+export { XTMicroView_default as XTMicroView, clearParentUrl, createAppUrl, src_default as default, getApp, isMicro, isParent, microInit, reloadApp, setupApp, startApp, stopApp, utils_exports as utils };

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@xingtukeji/micro",
-  "version": "1.1.21",
+  "version": "1.1.23",
   "private": false,
   "description": "",
-  "main": "src/index.ts",
+  "main": "dist/index.js",
   "types": "dist/types/index.d.ts",
   "files": [
     "dist"
@@ -14,10 +14,21 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
+  "dependencies": {
+    "vue": "^3.5.22"
+  },
   "devDependencies": {
-    "vite-plugin-dts": "^4.5.4"
+    "@types/node": "^24.6.0",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "@vue/tsconfig": "^0.8.1",
+    "typescript": "~5.9.3",
+    "vite": "npm:rolldown-vite@7.1.14",
+    "vue-tsc": "^3.1.0",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-css-injected-by-js": "^3.5.2"
   },
   "scripts": {
-    "build": "vite build"
+    "build": "vite build",
+    "pub": "pnpm publish --no-git-checks"
   }
 }

package/src/index.ts

@@ -1,22 +0,0 @@
-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();
-  },
-};