@xingtukeji/micro 1.0.3 → 1.0.5

package/README.md

@@ -0,0 +1,45 @@
+主应用初始化：
+```javascript
+//主微应用加载插件，注意一定要在 pinia 初始化之后
+import  xtMicro, { setupApp } from '@xingtukeji/micro'
+app.use(xtMicro)
+// 遍历菜单函数
+function traverseMenu(menu) {
+  // 遍历菜单项
+  menu.forEach((item) => {
+      // 对微应用的菜单做处理
+      if(item.type === 'micro'){
+        // 设置应用
+        setupApp({
+          ...item.microOptions,
+          token: () => useUserStore().token,
+          params: item.microOptions?.params || {},
+        })
+      }
+      // 如果当前菜单项有子菜单，则递归遍历子菜单
+      if (item.children) {
+          traverseMenu(item.children);
+      }
+  });
+}
+traverseMenu(window.$config.menus)
+```
+
+子应用初始化：
+```javascript
+//子应用初始化
+import {microInit} from '@xingtukeji/micro'
+microInit({
+  // 处理 token，该方法建议同步执行完成，如果有异步处理（比如 http 请求）请后续页面初始化时，判断 token 是否准备完毕。
+  authHandler: (token: string)=>{
+    return new Promise((resolve,_reject)=>{
+      setTimeout(()=>{
+        console.log('authHandler',token)
+        resolve(token)
+      }, 1000)
+    })
+  },
+  //简易处理微应用环境下，隐藏 header
+  hideHeaderCssSelector: '#app ._hedaui-header'
+})
+```

package/dist/index.js

@@ -37,7 +37,7 @@ const D = process.env.NODE_ENV !== "production" ? Object.freeze({}) : {}, On = p
 }, Nn = /^on[^a-z]/, bn = (e) => Nn.test(e), x = Object.assign, Sn = (e, t) => {
   const n = e.indexOf(t);
   n > -1 && e.splice(n, 1);
-}, yn = Object.prototype.hasOwnProperty, g = (e, t) => yn.call(e, t), h = Array.isArray, k = (e) => Ce(e) === "[object Map]", In = (e) => Ce(e) === "[object Set]", E = (e) => typeof e == "function", V = (e) => typeof e == "string", qe = (e) => typeof e == "symbol", y = (e) => e !== null && typeof e == "object", Rn = (e) => y(e) && E(e.then) && E(e.catch), vn = Object.prototype.toString, Ce = (e) => vn.call(e), Ct = (e) => Ce(e).slice(8, -1), xn = (e) => Ce(e) === "[object Object]", Ge = (e) => V(e) && e !== "NaN" && e[0] !== "-" && "" + parseInt(e, 10) === e, Pt = (e) => {
+}, In = Object.prototype.hasOwnProperty, g = (e, t) => In.call(e, t), h = Array.isArray, k = (e) => Ce(e) === "[object Map]", yn = (e) => Ce(e) === "[object Set]", E = (e) => typeof e == "function", V = (e) => typeof e == "string", qe = (e) => typeof e == "symbol", I = (e) => e !== null && typeof e == "object", Rn = (e) => I(e) && E(e.then) && E(e.catch), vn = Object.prototype.toString, Ce = (e) => vn.call(e), Ct = (e) => Ce(e).slice(8, -1), xn = (e) => Ce(e) === "[object Object]", Ge = (e) => V(e) && e !== "NaN" && e[0] !== "-" && "" + parseInt(e, 10) === e, Pt = (e) => {
   const t = /* @__PURE__ */ Object.create(null);
   return (n) => t[n] || (t[n] = e(n));
 }, Mt = Pt(
@@ -66,7 +66,7 @@ function Je(e) {
   } else {
     if (V(e))
       return e;
-    if (y(e))
+    if (I(e))
       return e;
   }
 }
@@ -89,7 +89,7 @@ function Xe(e) {
       const o = Xe(e[n]);
       o && (t += o + " ");
     }
-  else if (y(e))
+  else if (I(e))
     for (const n in e)
       e[n] && (t += n + " ");
   return t.trim();
@@ -166,7 +166,7 @@ function Qe() {
   const e = $t.pop();
   j = e === void 0 ? !0 : e;
 }
-function I(e, t, n) {
+function y(e, t, n) {
   if (j && N) {
     let o = Fe.get(e);
     o || Fe.set(e, o = /* @__PURE__ */ new Map());
@@ -240,7 +240,7 @@ function Wn() {
     e[t] = function(...n) {
       const o = p(this);
       for (let s = 0, i = this.length; s < i; s++)
-        I(o, "get", s + "");
+        y(o, "get", s + "");
       const r = o[t](...n);
       return r === -1 || r === !1 ? o[t](...n.map(p)) : r;
     };
@@ -254,7 +254,7 @@ function Wn() {
 }
 function Bn(e) {
   const t = p(this);
-  return I(t, "has", e), t.hasOwnProperty(e);
+  return y(t, "has", e), t.hasOwnProperty(e);
 }
 function Ze(e = !1, t = !1) {
   return function(o, r, s) {
@@ -274,7 +274,7 @@ function Ze(e = !1, t = !1) {
         return Bn;
     }
     const c = Reflect.get(o, r, s);
-    return (qe(r) ? At.has(r) : Hn(r)) || (e || I(o, "get", r), t) ? c : S(c) ? i && Ge(r) ? c : c.value : y(c) ? e ? zt(c) : Lt(c) : c;
+    return (qe(r) ? At.has(r) : Hn(r)) || (e || y(o, "get", r), t) ? c : S(c) ? i && Ge(r) ? c : c.value : I(c) ? e ? zt(c) : Lt(c) : c;
   };
 }
 const qn = /* @__PURE__ */ Gn();
@@ -295,10 +295,10 @@ function Jn(e, t) {
 }
 function Xn(e, t) {
   const n = Reflect.has(e, t);
-  return (!qe(t) || !At.has(t)) && I(e, "has", t), n;
+  return (!qe(t) || !At.has(t)) && y(e, "has", t), n;
 }
 function Yn(e) {
-  return I(e, "iterate", h(e) ? "length" : q), Reflect.ownKeys(e);
+  return y(e, "iterate", h(e) ? "length" : q), Reflect.ownKeys(e);
 }
 const Qn = {
   get: Kn,
@@ -330,7 +330,7 @@ const Qn = {
 function pe(e, t, n = !1, o = !1) {
   e = e.__v_raw;
   const r = p(e), s = p(t);
-  n || (t !== s && I(r, "get", t), I(r, "get", s));
+  n || (t !== s && y(r, "get", t), y(r, "get", s));
   const { has: i } = Pe(r), c = o ? ke : n ? nt : ae;
   if (i.call(r, t))
     return c(e.get(t));
@@ -340,10 +340,10 @@ function pe(e, t, n = !1, o = !1) {
 }
 function de(e, t = !1) {
   const n = this.__v_raw, o = p(n), r = p(e);
-  return t || (e !== r && I(o, "has", e), I(o, "has", r)), e === r ? n.has(e) : n.has(e) || n.has(r);
+  return t || (e !== r && y(o, "has", e), y(o, "has", r)), e === r ? n.has(e) : n.has(e) || n.has(r);
 }
 function he(e, t = !1) {
-  return e = e.__v_raw, !t && I(p(e), "iterate", q), Reflect.get(e, "size", e);
+  return e = e.__v_raw, !t && y(p(e), "iterate", q), Reflect.get(e, "size", e);
 }
 function mt(e) {
   e = p(e);
@@ -372,13 +372,13 @@ function wt() {
 function me(e, t) {
   return function(o, r) {
     const s = this, i = s.__v_raw, c = p(i), l = t ? ke : e ? nt : ae;
-    return !e && I(c, "iterate", q), i.forEach((u, d) => o.call(r, l(u), l(d), s));
+    return !e && y(c, "iterate", q), i.forEach((u, d) => o.call(r, l(u), l(d), s));
   };
 }
 function _e(e, t, n) {
   return function(...o) {
     const r = this.__v_raw, s = p(r), i = k(s), c = e === "entries" || e === Symbol.iterator && i, l = e === "keys" && i, u = r[e](...o), d = n ? ke : t ? nt : ae;
-    return !t && I(
+    return !t && y(
       s,
       "iterate",
       l ? He : q
@@ -569,7 +569,7 @@ function ge(e) {
   );
 }
 function tt(e, t, n, o, r) {
-  if (!y(e))
+  if (!I(e))
     return process.env.NODE_ENV !== "production" && console.warn(`value cannot be made reactive: ${String(e)}`), e;
   if (e.__v_raw && !(t && e.__v_isReactive))
     return e;
@@ -604,7 +604,7 @@ function p(e) {
 function ur(e) {
   return Pn(e, "__v_skip", !0), e;
 }
-const ae = (e) => y(e) ? Lt(e) : e, nt = (e) => y(e) ? zt(e) : e;
+const ae = (e) => I(e) ? Lt(e) : e, nt = (e) => I(e) ? zt(e) : e;
 function fr(e) {
   j && N && (e = p(e), process.env.NODE_ENV !== "production" ? Ke(e.dep || (e.dep = ce()), {
     target: e,
@@ -807,9 +807,9 @@ function qt(e, t, n, o = !0) {
       return;
     }
   }
-  yr(e, n, r, o);
+  Ir(e, n, r, o);
 }
-function yr(e, t, n, o = !0) {
+function Ir(e, t, n, o = !0) {
   if (process.env.NODE_ENV !== "production") {
     const r = rt[t];
     if (n && wr(n), w(`Unhandled error${r ? ` during execution of ${r}` : ""}`), n && Er(), o)
@@ -818,14 +818,14 @@ function yr(e, t, n, o = !0) {
   } else
     console.error(e);
 }
-let ye = !1, ze = !1;
+let Ie = !1, ze = !1;
 const P = [];
 let U = 0;
 const ee = [];
 let T = null, A = 0;
 const Gt = /* @__PURE__ */ Promise.resolve();
 let ot = null;
-const Ir = 100;
+const yr = 100;
 function Rr(e) {
   const t = ot || Gt;
   return e ? t.then(this ? e.bind(this) : e) : t;
@@ -841,11 +841,11 @@ function vr(e) {
 function st(e) {
   (!P.length || !P.includes(
     e,
-    ye && e.allowRecurse ? U + 1 : U
+    Ie && e.allowRecurse ? U + 1 : U
   )) && (e.id == null ? P.push(e) : P.splice(vr(e.id), 0, e), Jt());
 }
 function Jt() {
-  !ye && !ze && (ze = !0, ot = Gt.then(Yt));
+  !Ie && !ze && (ze = !0, ot = Gt.then(Yt));
 }
 function Xt(e) {
   h(e) ? ee.push(...e) : (!T || !T.includes(
@@ -876,7 +876,7 @@ const le = (e) => e.id == null ? 1 / 0 : e.id, Cr = (e, t) => {
   return n;
 };
 function Yt(e) {
-  ze = !1, ye = !0, process.env.NODE_ENV !== "production" && (e = e || /* @__PURE__ */ new Map()), P.sort(Cr);
+  ze = !1, Ie = !0, process.env.NODE_ENV !== "production" && (e = e || /* @__PURE__ */ new Map()), P.sort(Cr);
   const t = process.env.NODE_ENV !== "production" ? (n) => Qt(e, n) : xt;
   try {
     for (U = 0; U < P.length; U++) {
@@ -888,7 +888,7 @@ function Yt(e) {
       }
     }
   } finally {
-    U = 0, P.length = 0, xr(e), ye = !1, ot = null, (P.length || ee.length) && Yt(e);
+    U = 0, P.length = 0, xr(e), Ie = !1, ot = null, (P.length || ee.length) && Yt(e);
   }
 }
 function Qt(e, t) {
@@ -896,7 +896,7 @@ function Qt(e, t) {
     e.set(t, 1);
   else {
     const n = e.get(t);
-    if (n > Ir) {
+    if (n > yr) {
       const o = t.ownerInstance, r = o && an(o.type);
       return w(
         `Maximum recursive updates exceeded${r ? ` in component <${r}>` : ""}. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.`
@@ -911,9 +911,9 @@ process.env.NODE_ENV !== "production" && (Ue().__VUE_HMR_RUNTIME__ = {
   rerender: Te(Mr),
   reload: Te(Vr)
 });
-const Ie = /* @__PURE__ */ new Map();
+const ye = /* @__PURE__ */ new Map();
 function Pr(e, t) {
-  return Ie.has(e) ? !1 : (Ie.set(e, {
+  return ye.has(e) ? !1 : (ye.set(e, {
     initialDef: oe(t),
     instances: /* @__PURE__ */ new Set()
   }), !0);
@@ -922,13 +922,13 @@ function oe(e) {
   return un(e) ? e.__vccOpts : e;
 }
 function Mr(e, t) {
-  const n = Ie.get(e);
+  const n = ye.get(e);
   n && (n.initialDef.render = t, [...n.instances].forEach((o) => {
     t && (o.render = t, oe(o.type).render = t), o.renderCache = [], o.update();
   }));
 }
 function Vr(e, t) {
-  const n = Ie.get(e);
+  const n = ye.get(e);
   if (!n)
     return;
   t = oe(t), Et(n.initialDef, t);
@@ -1030,9 +1030,9 @@ function Zt(e, t, { immediate: n, deep: o, flush: r, onTrack: s, onTrigger: i }
   };
   W.allowRecurse = !!t;
   let ue;
-  r === "sync" ? ue = W : r === "post" ? ue = () => yt(W, u && u.suspense) : (W.pre = !0, u && (W.id = u.uid), ue = () => st(W));
+  r === "sync" ? ue = W : r === "post" ? ue = () => It(W, u && u.suspense) : (W.pre = !0, u && (W.id = u.uid), ue = () => st(W));
   const C = new jn(d, ue);
-  return process.env.NODE_ENV !== "production" && (C.onTrack = s, C.onTrigger = i), t ? n ? W() : v = C.run() : r === "post" ? yt(
+  return process.env.NODE_ENV !== "production" && (C.onTrack = s, C.onTrigger = i), t ? n ? W() : v = C.run() : r === "post" ? It(
     C.run.bind(C),
     u && u.suspense
   ) : C.run(), () => {
@@ -1058,14 +1058,14 @@ function Fr(e, t) {
   };
 }
 function Z(e, t) {
-  if (!y(e) || e.__v_skip || (t = t || /* @__PURE__ */ new Set(), t.has(e)))
+  if (!I(e) || e.__v_skip || (t = t || /* @__PURE__ */ new Set(), t.has(e)))
     return e;
   if (t.add(e), S(e))
     Z(e.value, t);
   else if (h(e))
     for (let n = 0; n < e.length; n++)
       Z(e[n], t);
-  else if (In(e) || k(e))
+  else if (yn(e) || k(e))
     e.forEach((n) => {
       Z(n, t);
     });
@@ -1158,7 +1158,7 @@ const kt = (e) => (t, n = z) => (
     const d = se[t];
     let a, f;
     if (d)
-      return t === "$attrs" ? (I(e, "get", t), process.env.NODE_ENV !== "production" && void 0) : process.env.NODE_ENV !== "production" && t === "$slots" && I(e, "get", t), d(e);
+      return t === "$attrs" ? (y(e, "get", t), process.env.NODE_ENV !== "production" && void 0) : process.env.NODE_ENV !== "production" && t === "$slots" && y(e, "get", t), d(e);
     if (
       // css module (injected by vue-loader)
       (a = c.__cssModules) && (a = a[t])
@@ -1219,7 +1219,7 @@ function qr(e) {
   let l;
   return c ? l = c : !r.length && !n && !o ? l = t : (l = {}, r.length && r.forEach(
     (u) => Re(l, u, i, !0)
-  ), Re(l, t, i)), y(t) && s.set(t, l), l;
+  ), Re(l, t, i)), I(t) && s.set(t, l), l;
 }
 function Re(e, t, n, o = !1) {
   const { mixins: r, extends: s } = t;
@@ -1311,7 +1311,7 @@ function Xr(e, t) {
     n[o] = O(e[o], t[o]);
   return n;
 }
-const yt = $r, Yr = (e) => e.__isTeleport, en = Symbol.for("v-fgt"), Qr = Symbol.for("v-txt"), Zr = Symbol.for("v-cmt"), Ee = [];
+const It = $r, Yr = (e) => e.__isTeleport, en = Symbol.for("v-fgt"), Qr = Symbol.for("v-txt"), Zr = Symbol.for("v-cmt"), Ee = [];
 let M = null;
 function kr(e = !1) {
   Ee.push(M = e ? null : []);
@@ -1399,9 +1399,9 @@ function on(e, t = null, n = null, o = 0, r = null, s = !1) {
   if (un(e) && (e = e.__vccOpts), t) {
     t = io(t);
     let { class: c, style: l } = t;
-    c && !V(c) && (t.class = Xe(c)), y(l) && (Le(l) && !h(l) && (l = x({}, l)), t.style = Je(l));
+    c && !V(c) && (t.class = Xe(c)), I(l) && (Le(l) && !h(l) && (l = x({}, l)), t.style = Je(l));
   }
-  const i = V(e) ? 1 : Dr(e) ? 128 : Yr(e) ? 64 : y(e) ? 4 : E(e) ? 2 : 0;
+  const i = V(e) ? 1 : Dr(e) ? 128 : Yr(e) ? 64 : I(e) ? 4 : E(e) ? 2 : 0;
   return process.env.NODE_ENV !== "production" && i & 4 && Le(e) && (e = p(e), w(
     "Vue received a Component which was made a reactive object. This can lead to unnecessary performance overhead, and should be avoided by marking the component with `markRaw` or using `shallowRef` instead of `ref`.",
     `
@@ -1511,8 +1511,8 @@ function ao(...e) {
   }
   return t;
 }
-let z = null, ct, Y, It = "__VUE_INSTANCE_SETTERS__";
-(Y = Ue()[It]) || (Y = Ue()[It] = []), Y.push((e) => z = e), ct = (e) => {
+let z = null, ct, Y, yt = "__VUE_INSTANCE_SETTERS__";
+(Y = Ue()[yt]) || (Y = Ue()[yt] = []), Y.push((e) => z = e), ct = (e) => {
   Y.length > 1 ? Y.forEach((t) => t(e)) : Y[0](e);
 };
 const Be = (e) => {
@@ -1570,7 +1570,7 @@ function ho() {
     return;
   const e = { style: "color:#3ba776" }, t = { style: "color:#0b1bc9" }, n = { style: "color:#b62e24" }, o = { style: "color:#9d288c" }, r = {
     header(a) {
-      return y(a) ? a.__isVue ? ["div", e, "VueInstance"] : S(a) ? [
+      return I(a) ? a.__isVue ? ["div", e, "VueInstance"] : S(a) ? [
         "div",
         {},
         ["span", e, d(a)],
@@ -1650,7 +1650,7 @@ function ho() {
     ] : ["span", {}];
   }
   function c(a, f = !0) {
-    return typeof a == "number" ? ["span", t, a] : typeof a == "string" ? ["span", n, JSON.stringify(a)] : typeof a == "boolean" ? ["span", o, a] : y(a) ? ["object", { object: f ? p(a) : a }] : ["span", n, String(a)];
+    return typeof a == "number" ? ["span", t, a] : typeof a == "string" ? ["span", n, JSON.stringify(a)] : typeof a == "boolean" ? ["span", o, a] : I(a) ? ["object", { object: f ? p(a) : a }] : ["span", n, String(a)];
   }
   function l(a, f) {
     const m = a.type;
@@ -1663,7 +1663,7 @@ function ho() {
   }
   function u(a, f, m) {
     const R = a[m];
-    if (h(R) && R.includes(f) || y(R) && f in R || a.extends && u(a.extends, f, m) || a.mixins && a.mixins.some((v) => u(v, f, m)))
+    if (h(R) && R.includes(f) || I(R) && f in R || a.extends && u(a.extends, f, m) || a.mixins && a.mixins.some((v) => u(v, f, m)))
       return !0;
   }
   function d(a) {
@@ -1843,9 +1843,7 @@ function bo(e) {
 function vt() {
   if (!window[b.MICRO_APP])
     return;
-  const { name: e, sync: t, mainBaseURL: n } = window[b.MICRO_APP];
-  console.trace("syncUrlToWindow");
-  const o = window.location.pathname + window.location.search + window.location.hash;
+  const { name: e, sync: t, mainBaseURL: n } = window[b.MICRO_APP], o = window.location.pathname + window.location.search + window.location.hash;
   window.parent.postMessage({
     cmd: "$xt/micro/sync",
     data: {
@@ -1868,9 +1866,9 @@ const So = {
   return xe[e.name] = Ve(B({}, t), {
     instance: new Eo(e)
   }), xe[e.name];
-}, fn = (e) => xe[e], yo = (e, t) => xe[e.name] = B(B({}, e), t), Io = (e, t) => new Promise((n, o) => {
+}, fn = (e) => xe[e], Io = (e, t) => xe[e.name] = B(B({}, e), t), yo = (e, t) => new Promise((n, o) => {
   let r = fn(e);
-  r ? (t && (r.instance.changeOptions(t), r = yo(r, t)), r.preload ? r.instance.preloadRender(r.el) : r.instance.mount(r.el), n(r)) : o("app not found");
+  r ? (t && (r.instance.changeOptions(t), r = Io(r, t)), r.preload ? r.instance.preloadRender(r.el) : r.instance.mount(r.el), n(r)) : o("app not found");
 }), Ro = (e) => {
   let t = fn(e);
   t && t.instance.unmount();
@@ -1881,7 +1879,7 @@ const So = {
   },
   setup(e) {
     const t = e, n = Wt(), o = () => {
-      t.appId && Io(t.appId, {
+      t.appId && yo(t.appId, {
         el: n.value
       });
     };
@@ -1908,6 +1906,6 @@ export {
   fn as getApp,
   Po as microInit,
   Mo as setupApp,
-  Io as startApp,
+  yo as startApp,
   Ro as stopApp
 };

package/dist/style.css

@@ -1 +1 @@
-.xt-micro{background-color:#fff}.xt-micro:before{align-items:center;content:"加载中";display:flex;justify-content:center;inset:0;position:absolute;z-index:-1}.micro-iframe{border:none;height:100%;margin:0;padding:0;width:100%}.micro-iframe:after{align-items:center;background:#fff;content:"加载中";display:flex;justify-content:center;inset:0;position:absolute}
+.xt-micro{background-color:#fff}.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}

package/dist/types/index.d.ts

@@ -1,4 +1,5 @@
 import { MicroApp } from './parent';
+import { default as microInit } from './index';
 export interface AppOption {
   name: string
   url: string
@@ -25,3 +26,4 @@ declare global {
 
 
 export * from './api'
+export default microInit

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xingtukeji/micro",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "private": false,
   "description": "",
   "main": "dist/index.js",

package/postcss.config.js

@@ -1,23 +0,0 @@
-const defaultList = [
-  require('postcss-import'), // 使css支持@import相互引入
-  // require('postcss-simple-vars'), // 使css支持变量($blue: #056ef0;)，老项目如果用到了sass里的变量，需要加载该插件
-  require('postcss-utilities'), // 支持常用工具(具体参照: https://github.com/ismamz/postcss-utilities#:~:text=postcss-utilities%20is%20a%20PostCSS%20plugin%20that%20includes%20the,started%20using%20postcss-utilities%20Try%20it%20in%20the%20browser%21)
-  require('postcss-nested'), // 支持嵌套语法，貌似postcss-preset-env里含语法嵌套，出现嵌套问题再尝试加载此插件
-  require('postcss-preset-env')({
-    stage: 0
-  }), // 对css4语法进行降阶(如自定义选择器),已经包含autoprefixer
-]
-const developmentList = [
-
-]
-
-const productionList = [
-  require('cssnano'), // css压缩
-]
-module.exports = {
-  parser: 'postcss-scss',
-  plugins: [
-    ...defaultList,
-    ...(process.env.NODE_ENV === 'development' ? developmentList : productionList)
-  ]
-}

package/src/api.ts

@@ -1,108 +0,0 @@
-import type {AppOption, App} from './index.d'
-import {MicroApp} from './parent'
-import {microInit} from './child'
-
-let _apps: Record<string, App> = {}
-
-const defaultAppOption: AppOption = {
-  url: '',
-  name: '',
-  sync: true
-}
-/**
- * 安装微应用
- * @param app
- */
-export const setupApp = (app: AppOption): App | undefined => {
-  // 如果app的url属性不存在或者为空字符串或者为'undefined'，则打印错误信息并返回
-  if(!app.url || app.url === '' || app.url === 'undefined'){
-    console.error('app url is required', app)
-    return
-  }
-  // 将defaultAppOption对象中的属性赋值给app对象
-  const op = Object.assign({}, app, defaultAppOption)
-  // 将app对象中的属性和MicroApp类的实例赋值给_apps对象中的app.name属性
-  _apps[app.name] = {
-    ...op,
-    instance: new MicroApp(app),
-  }
-  // 返回_apps对象中的app.name属性
-  return _apps[app.name]
-}
-
-// 导出一个函数，用于获取指定名称的应用
-export const getApp = (name: string): App => {
-  // 返回指定名称的应用
-  return _apps[name]
-}
-
-/**
- * 设置应用配置
- * @param {App} app - 应用对象
- * @param {Partial<AppOption>} options - 应用选项（可选）
- * @returns {App} - 设置后的应用对象
- */
-const setApp = (app: App, options?: Partial<AppOption>) => {
-  // 返回一个对象，该对象将app和options合并
-  return (_apps[app.name] = {
-    ...app,
-    ...options,
-  })
-}
-/**
- * 启动微应用
- * @param name 应用名称
- * @param options 应用配置
- * @returns
- */
-export const startApp = (name: string, options?: Partial<AppOption>) => {
-  // 返回一个Promise对象
-  return new Promise((resolve, reject) => {
-    // 调用getApp函数，传入name参数，获取app对象
-    let app = getApp(name)
-    // 如果app对象存在
-    if (app) {
-      // 如果options参数存在
-      if (options) {
-        // 调用app对象的changeOptions方法，传入options参数
-        app.instance.changeOptions(options)
-        // 调用setApp函数，传入app对象和options参数，重新设置app对象
-        app = setApp(app, options)
-      }
-      // 如果app对象的preload属性存在
-      if (app.preload) {
-        // 调用app对象的preloadRender方法，传入app对象的el属性
-        app.instance.preloadRender(app.el)
-      } else {
-        // 否则，调用app对象的mount方法，传入app对象的el属性
-        app.instance.mount(app.el)
-      }
-      // 调用_postMicro函数，传入app对象
-      // _postMicro(app)
-      // 调用resolve方法，传入app对象
-      resolve(app)
-    } else {
-      // 否则，调用reject方法，传入'app not found'字符串
-      reject('app not found')
-    }
-  })
-}
-
-/**
- * 停止指定名称的应用程序
- * @param {string} name - 应用程序的名称
- */
-export const stopApp = (name: string) => {
-  // 获取名为name的app
-  let app = getApp(name)
-  // 如果app存在
-  if (app) {
-    // 调用app的unmount方法
-    app.instance.unmount()
-  }
-}
-
-
-export {
-  microInit
-}

package/src/child.ts

@@ -1,186 +0,0 @@
-import {getQueryParameter} from './utils'
-import {CONSTANT} from './types'
-import {MicroApp} from './parent'
-import {MicroInitOptions} from './index.d'
-/**
- * 微应用-子应用初始化
- * 此时方法上下文是子应用
- * 非必须，但建议使用
- * @param options
- */
-export const microInit = async (options: MicroInitOptions = {}) => {
-  //处理url参数
-  const micro = getQueryParameter(CONSTANT.IS_MICRO)
-  const microName = getQueryParameter(CONSTANT.MICRO_NAME)
-  //设置环境变量
-  if (micro) {
-    window[CONSTANT.IS_MICRO] = true
-  }
-  // console.log(`子应用「${microName}」初始化`, document)
-  // 尝试全局隐藏 header，该方式有一定的入侵，
-  function addGlobalStyle(css: string) {
-    var styleSheet = document.styleSheets[0];
-    if (!styleSheet) {
-        var style = document.createElement('style');
-        document.head.appendChild(style);
-        styleSheet = style.sheet!;
-    }
-    styleSheet.insertRule(css, styleSheet.cssRules.length);
-  }
-  // addGlobalStyle('._hedaui-header { display: none !important; }')
-  if(options.hideHeaderCssSelector) {
-    addGlobalStyle(`${options.hideHeaderCssSelector} { display: none !important; }`)
-  }
-  // 子应用监听message，设置环境变量
-  window.addEventListener('message', (e) => {
-    if (e.data.cmd === `$xt/micro/${microName}`) {
-      console.log('子应用收到消息：', microName, )
-      window[CONSTANT.MICRO_APP] = { ...e.data.data, mainBaseURL: e.origin }
-    }
-  })
-  patchIframeHistory(window)
-
-  // window.addEventListener('load', () => {
-  //   console.log('子应用加载完成：', microName, window.location.href)
-  //   // 监听 popstate 事件
-  //   // window.addEventListener('popstate', function (event) {
-  //   //   console.log('History state changed:', event.state);
-  //   //   // 在这里可以根据新的历史状态进行相应的页面更新操作
-  //   // });
-  //   // patchIframeHistory(window, "http://localhost:5173", "http://localhost:8888")
-  // })
-
-  
-
-  //处理token
-  const token = getQueryParameter(CONSTANT.MICRO_TOKEN)
-  options.authHandler && token &&  await options.authHandler(token)
-}
-
-//子应用给父应用同步路由
-const _syncMicroPath = (app: MicroApp) => {
-  // console.log(`子应用给父应用「${app.app.name}」同步路由`, app.dom)
-  const parentWindow = window.parent;
-  const message = 'Hello from child!';
-  parentWindow.postMessage(message, 'http://localhost:8080');
-  app.dom?.contentWindow?.postMessage
-  ({
-    cmd: `$xt/micro/${app.app.name}/sync`,
-    data: {
-      name: app.app.name,
-      url: app.app.url,
-      preload: app.app.preload,
-      // params: app.params
-    }
-  })
-}
-
-/**
- * 对iframe的history的pushState和replaceState进行修改
- * 将从location劫持后的数据修改回来，防止跨域错误
- * 同步路由到主应用
- * @param iframeWindow
- * @param appHostPath 子应用的 host path
- * @param mainHostPath 主应用的 host path
- */
-function patchIframeHistory(iframeWindow: Window): void {
-  const history = iframeWindow.history;
-  const rawHistoryPushState = history.pushState;
-  const rawHistoryReplaceState = history.replaceState;
-  history.pushState = function (data: any, title: string, url?: string): void {
-    // debugger;
-    // const baseUrl =
-    //   mainHostPath + iframeWindow.location.pathname + iframeWindow.location.search + iframeWindow.location.hash;
-    // const mainUrl = getAbsolutePath(url?.replace(appHostPath, ""), baseUrl);
-    // const ignoreFlag = url === undefined;
-
-    rawHistoryPushState.call(history, data, title, url);
-    // if (ignoreFlag) return;
-    // updateBase(iframeWindow, appHostPath, mainHostPath);
-    syncUrlToWindow();
-  };
-  history.replaceState = function (data: any, title: string, url?: string): void {
-    // debugger;
-    // const baseUrl =
-    //   mainHostPath + iframeWindow.location.pathname + iframeWindow.location.search + iframeWindow.location.hash;
-    // const mainUrl = getAbsolutePath(url?.replace(appHostPath, ""), baseUrl);
-    // const ignoreFlag = url === undefined;
-
-    rawHistoryReplaceState.call(history, data, title, url);
-    // if (ignoreFlag) return;
-    // updateBase(iframeWindow, appHostPath, mainHostPath);
-    syncUrlToWindow();
-  };
-}
-/**
- * 同步子应用路由到主应用路由
- */
-// 导出一个函数，用于同步url到window
-export function syncUrlToWindow(): void {
-  if(!window[CONSTANT.MICRO_APP]) return
-  const { name, sync, mainBaseURL } = window[CONSTANT.MICRO_APP];
-  // console.trace('syncUrlToWindow')
-  //todo 此处应该postmessage到主应用，主应用再进行同步路由
-  const curUrl = window.location.pathname + window.location.search + window.location.hash;
-  window.parent.postMessage({
-    cmd: '$xt/micro/sync',
-    data: {
-      name: name,
-      url: window.encodeURIComponent(curUrl)
-    }
-  }, mainBaseURL);
-  
-  // debugger
-  // let winUrlElement = anchorElementGenerator(window.parent.location.href);
-  // const queryMap = getAnchorElementQueryMap(winUrlElement);
-  // // 非同步且url上没有当前id的查询参数，否则就要同步参数或者清理参数
-  // if (!sync && !queryMap[name]) { 
-  //   (winUrlElement = null)
-  //   return
-  // };
-  
-  // const curUrl = iframeWindow.location.pathname + iframeWindow.location.search + iframeWindow.location.hash;
-  // let validShortPath = "";
-  // // 同步
-  // if (sync) {
-  //   queryMap[name] = window.encodeURIComponent(
-  //     curUrl
-  //   );
-  //   // 清理
-  // } else {
-  //   delete queryMap[name];
-  // }
-  // const newQuery =
-  //   "?" +
-  //   Object.keys(queryMap)
-  //     .map((key) => key + "=" + queryMap[key])
-  //     .join("&");
-  // winUrlElement.search = newQuery;
-  // console.log('window', iframeWindow.parent.location.href)
-  // // if (winUrlElement.href !== iframeWindow.parent.location.href) {
-  // //   console.log('window', iframeWindow.parent)
-  // //   // iframeWindow.parent.history.replaceState(null, "", winUrlElement.href);
-  // //   // window.history.replaceState(null, "", winUrlElement.href);
-  // // }
-  // winUrlElement = null;
-}
-
-/**
- * 同步主应用路由到子应用
- */
-export function syncUrlToIframe(iframeWindow: Window): void {
-  // 获取当前路由路径
-  const { pathname, search, hash } = iframeWindow.location;
-  const { id, url, sync, execFlag, prefix, inject } = iframeWindow.__WUJIE;
-
-  // 只在浏览器刷新或者第一次渲染时同步
-  const idUrl = sync && !execFlag ? getSyncUrl(id, prefix) : url;
-  // 排除href跳转情况
-  const syncUrl = (/^http/.test(idUrl) ? null : idUrl) || url;
-  const { appRoutePath } = appRouteParse(syncUrl);
-
-  const preAppRoutePath = pathname + search + hash;
-  if (preAppRoutePath !== appRoutePath) {
-    iframeWindow.history.replaceState(null, "", inject.mainHostPath + appRoutePath);
-  }
-}

package/src/components/XTMicroView.vue

@@ -1,72 +0,0 @@
-<script lang="ts" setup>
-import { onMounted, ref, watch, onUnmounted } from 'vue';
-import { startApp, stopApp } from '../api'
-const props = defineProps({
-  appId: String
-})
-
-const refPanel = ref()
-const init = () => {
-  props.appId && startApp(props.appId, {
-    el: refPanel.value
-  });
-}
-
-watch(() => props.appId, (newVal, oldVal) => {
-  if(newVal !== oldVal && oldVal){
-    stopApp(oldVal)
-  }
-  init()
-})
-
-
-onMounted(() => {
-  init()
-})
-
-onUnmounted(()=>{
-  console.log('微应用销毁', props.appId)
-})
-</script>
-
-<template>
-  <div ref="refPanel" class="xt-micro w-100% h-100% overflow-hidden"></div>
-</template>
-
-<style lang="postcss" scoped></style>
-<style>
-.xt-micro{
-  background-color: #fff;
-}
-.xt-micro::before{
-  content: '加载中';
-  position: absolute;
-  top: 0;
-  left: 0;
-  right:0;
-  bottom: 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;
-  top: 0;
-  left: 0;
-  right:0;
-  bottom: 0;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background: #fff;
-}
-</style>

package/src/index.d.ts

@@ -1,29 +0,0 @@
-
-import {MicroApp} from './parent'
-
-export interface AppOption {
-  name: string
-  url: string
-  el?: HTMLElement | string
-  preload?: boolean
-  token?: () => string | string
-  params?: { [key: string]: any }
-  sync?: boolean
-}
-export interface App extends AppOption {
-  instance: MicroApp
-}
-export interface MicroInitOptions {
-  hideHeaderCssSelector?: string
-  authHandler?: (token: string) => void
-}
-
-// 扩展 Window 接口，防止ts报错
-declare global {
-  interface Window {
-    [key: string]: any
-  }
-}
-
-
-export * from './api'

package/src/index.ts

@@ -1,16 +0,0 @@
-
-
-import type { App } from 'vue'
-import XTMicroView from './components/XTMicroView.vue'
-
-
-
-import {mainMicroInit} from './parent'
-export * from './api'
-
-export default {
-  install: (app: App, _options: any = {}) => {
-    app.component("xt-micro-view", XTMicroView);
-    mainMicroInit()
-  }
-}

package/src/parent.ts

@@ -1,268 +0,0 @@
-import { ref } from 'vue'
-import {AppOption, App} from './index.d'
-import {CONSTANT} from './types'
-import {getQueryParameter, addOrReplaceUrlParam, getAbsolutePath} from './utils'
-
-/**
- * 判断是否在微应用中
- */
-const _isMicro = ref(false)
-Object.defineProperty(window, CONSTANT.IS_MICRO, {
-  get: function () {
-    return _isMicro.value
-  },
-  set: function (newValue) {
-    _isMicro.value = newValue
-  },
-})
-export const isMicro = _isMicro
-
-/**
- * 生成微应用id
- * 增加前缀
- * @param name 微应用名称（唯一）
- * @returns 返回dom id
- */
-const generateId = (name: string) => {
-  return `${CONSTANT.DOM_ID_PREFIX}${name}`
-}
-/**
- * 处理微应用url
- * @param url 微应用url
- * @param params 携带参数
- * @returns 拼接后的url
- */
-const generateURL = (app: AppOption) => {
-  // 判断变量是否为对象
-  function isObject(variable: unknown) {
-    return variable !== null && typeof variable === 'object' && !Array.isArray(variable)
-  }
-  // 获取params参数
-  const _parmas = typeof app.params === 'function' ? app.params() : isObject(app.params) ? app.params : {}
-  // 获取token参数
-  const _token = typeof app.token === 'function' ? app.token() : isObject(app.token) ? app.token : ''
-  // 创建URL对象
-  const url = new URL(app.url.indexOf('http') > -1 ? app.url : window.location.origin + app.url)
-  // 获取microBakUrl参数
-  const microBakUrl = getQueryParameter(app.name)
-  // 如果microBakUrl存在
-  if(microBakUrl){
-    // 获取绝对路径
-    const temp = getAbsolutePath(microBakUrl, app.url, true)
-    // 如果绝对路径存在
-    if(temp){
-      // 创建URL对象
-      const tempURL = new URL(temp);
-      // 获取searchParams参数
-      const tempSearchParams = tempURL.searchParams
-      // 遍历searchParams参数
-      tempSearchParams.forEach((value, key) => {
-        // 设置url的searchParams参数
-        url.searchParams.set(key, value)
-      })
-      // 设置url的hash参数
-      url.hash = tempURL.hash
-    }
-  }
-
-  // 设置url的searchParams参数
-  url.searchParams.set(CONSTANT.IS_MICRO, true+'')
-  url.searchParams.set(CONSTANT.MICRO_NAME, app.name)
-  _token && url.searchParams.set(CONSTANT.MICRO_TOKEN, _token)
-
-  if(_parmas){
-    // 设置url的searchParams参数
-    for(let key of Object.keys(_parmas)){
-      url.searchParams.set(key, _parmas[key])
-    }
-  }
-
-  // 清空主路由上的子应用路由sync参数
-  const mainURL = new URL(window.location.href)
-  mainURL.searchParams.delete(app.name)
-  window.history.replaceState({}, '', mainURL.href)
-  // 返回url的href属性
-  return url.href
-}
-
-export class MicroApp {
-  app: App | AppOption
-  dom: HTMLIFrameElement | undefined
-  panel: HTMLElement | undefined
-
-  constructor(app: AppOption) {
-    this.app = app
-    app.preload && this.preload()
-    this.dom = undefined
-    this.panel = undefined
-    return this
-  }
-
-  mount(el: HTMLElement | string | undefined, isHide = false) {
-    let panel: HTMLElement | null
-    if (el) {
-      if (typeof el === 'string') {
-        panel = document.querySelector(el)
-      } else {
-        panel = el
-      }
-      //这里清空了容器的内容，为了方便，如果还有其他元素需要特别处理，而且也影响元素再复用
-      panel!.innerHTML = ''
-    } else {
-      panel = document.body
-    }
-
-    if (panel) {
-      let ifr = <HTMLIFrameElement>document.getElementById(generateId(this.app.name))
-      if (!ifr) {
-        ifr = document.createElement('iframe')
-        ifr.id = generateId(this.app.name)
-        const url = generateURL(this.app)
-        ifr.src = url
-        ifr.classList.add('micro-iframe')
-        ifr.addEventListener('load', (event) => {
-          this.onLoad.call(this, event)
-        })
-        ifr.addEventListener('error', this.onError)
-        ifr.addEventListener('unload', this.onUnload)
-        this.dom = ifr
-      }
-      isHide ? (ifr.style.display = 'none') : ifr.style.removeProperty('display')
-      this.panel = panel
-      panel.appendChild(ifr)
-    } else {
-      throw new Error('el not found')
-    }
-  }
-
-  unmount() {
-    const appDom = document.getElementById(generateId(this.app.name))
-    if (appDom) {
-      if (this.app.preload) {
-        // if (this.preload){
-        appDom.style.display = 'none'
-        document.body.appendChild(appDom)
-      } else {
-        this.panel?.removeChild(appDom)
-      }
-    } else {
-      throw new Error('app dom not found')
-    }
-  }
-
-  /**
-   * 预加载渲染
-   * TODO 还差用户切走之后，如何将ifr还原回去，等待下次载入
-   * @param el 挂载dom对象
-   */
-  preloadRender(el: HTMLElement | string | undefined) {
-    // let appDom: HTMLElement | undefined = this.dom
-    this.mount(el)
-
-    // const appDom = document.getElementById(generateId(this.app.name))
-    // if (!appDom) {
-    //
-    //   this.render(el)
-    //   return
-    // }
-    //
-    // let panel
-    // if (typeof el === 'string') {
-    //   panel = document.querySelector(el)
-    // } else {
-    //   panel = el
-    // }
-    // appDom!.style.removeProperty('display')
-    // panel?.appendChild(appDom)
-  }
-
-  /**
-   * 预加载app，先放到body，待启动时，挪过来
-   */
-  preload() {
-    this.mount(undefined, true)
-  }
-
-  changeOptions(options: Partial<AppOption>) {
-    this.app = {
-      ...this.app,
-      ...options,
-    }
-  }
-
-  onLoad(_event: Event) {
-    // console.log('子应用 onload', this.app.name)
-    // console.log('onLoad',this.app, this.panel, this.dom)
-    // if(this.dom){
-    //   const headerDom = this.dom.contentWindow.document.querySelector('._hedaui-header')
-    //   headerDom && (headerDom.style.display = 'none')
-    // }
-
-    //监听message，设置环境变量
-    // console.log('window', window['__XT_MICRO'])
-    // window.addEventListener('message', (e) => {
-    //   console.log('1111', this.app.name, window.document)
-    //   if (e.data.cmd === `$xt/micro/${this.app.name}`) {
-    //     // console.log('micro', e.data.data)
-    //     window[CONSTANT.MICRO_APP] = e.data.data
-    //     const headerDom = document.querySelector('._hedaui-header')
-    //     headerDom && (headerDom.style.display = 'none')
-    //   }
-    // })
-    _postMicro(this)
-  }
-
-  onUnload(_event: Event) {}
-
-  onError() {}
-}
-
-
-
-
-
-/**
- * 父应用给子应用发送消息
- * @param app 微应用对象
- */
-const _postMicro = (app: MicroApp) => {
-  // console.log(`父应用给子应用「${app.app.name}」发送消息`, app.dom)
-  app.dom?.contentWindow?.postMessage(
-    {
-      cmd: `$xt/micro/${app.app.name}`,
-      data: {
-        name: app.app.name,
-        url: app.app.url,
-        preload: app.app.preload,
-        sync: app.app.sync || true
-        // params: app.params
-      },
-    },
-    '*'
-  )
-}
-
-
-
-/**
- * 初始化主应用微前端
- */
-export const mainMicroInit = () => {
-  // 监听window对象的消息事件
-  window.addEventListener('message', (e)=>{
-    // 同步子应用路由到主应用上
-    if (e.data.cmd === '$xt/micro/sync') {
-      // 过滤掉微应用的默认参数
-      const whitelist = [CONSTANT.IS_MICRO, CONSTANT.MICRO_NAME, CONSTANT.MICRO_TOKEN]
-      const tempUrl = new URL(window.decodeURIComponent(e.data.data.url), e.origin)
-      for(let key of whitelist){
-        tempUrl.searchParams.delete(key)
-      }
-      console.log('tempUrl', tempUrl.href)
-      // 调用addOrReplaceUrlParam函数，将e.data.data.name和e.data.data.url作为参数传入
-      const curUrl = addOrReplaceUrlParam(window.location.href, e.data.data.name, tempUrl.href)
-      // 使用replaceState方法替换当前页面的URL
-      window.history.replaceState(null, "", curUrl);
-    }
-  })
-}

package/src/types.ts

@@ -1,8 +0,0 @@
-export const CONSTANT: Record<string, string> = {
-  KEY: '$xtm', // 父应用注入子应用实例的key
-  IS_MICRO: '__XT_MICRO', // 是否在微应用中
-  MICRO_NAME: '__XT_MICRO_NAME', // 微应用名称
-  MICRO_TOKEN: '__XT_MICRO_TOKEN', // 微应用token
-  MICRO_APP: '__XT_MICRO_APP', // 微应用实例
-  DOM_ID_PREFIX: 'xt-micro-ifr-', // dom id前缀
-}

package/src/utils.ts

@@ -1,94 +0,0 @@
-// 获取URL中的查询参数
-// 导出一个函数，用于获取查询参数
-export function getQueryParameter(name: string, url = window.location.href): string | null {
-  // 将参数名中的中括号替换为转义字符
-  name = name.replace(/[\[\]]/g, '\\$&')
-  // 创建正则表达式，匹配查询参数
-  var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
-    results = regex.exec(url)
-  // 如果没有匹配到查询参数，返回null
-  if (!results) return null
-  // 如果没有匹配到参数值，返回空字符串
-  if (!results[2]) return ''
-  // 对参数值进行解码，并去除首尾空格
-  return decodeURIComponent(results[2].replace(/\+/g, ' ')).trim()
-}
-
-// 导出一个函数，用于获取绝对路径
-export function getAbsolutePath(url: string|undefined, base: string, hash?: boolean): string | undefined {
-  try {
-    // 为空值无需处理
-    if (url) {
-      // 需要处理hash的场景
-      if (hash && url.startsWith("#")) return url;
-      return new URL(url, base).href;
-    } else return url;
-  } catch {
-    return url;
-  }
-}
-
-// 导出一个函数，用于生成一个HTMLAnchorElement元素
-export function anchorElementGenerator(url: string): HTMLAnchorElement {
-  // 创建一个a标签元素
-  const element = window.document.createElement("a");
-  // 设置a标签的href属性为传入的url
-  element.href = url;
-  element.href = element.href; // hack ie
-  return element;
-}
-
-// 导出一个函数，用于获取锚点元素的查询字符串映射
-export function getAnchorElementQueryMap(anchorElement: HTMLAnchorElement): { [key: string]: string } {
-  // 获取锚点元素的查询字符串
-  const queryString = anchorElement.search || "";
-  // 将查询字符串转换为URLSearchParams对象，并使用reduce方法将其转换为键值对映射
-  return [...new URLSearchParams(queryString).entries()].reduce((p, c) => {
-    // 将键值对添加到映射中
-    p[c[0]] = c[1];
-    // 返回映射
-    return p;
-  }, {} as Record<string, string>);
-}
-
-
-//防抖函数，支持传过来一个函数，返回一个防抖后的函数
-export function debounce<T extends (...args: any[]) => any>(func: T, delay: number): (...args: Parameters<T>) => void {
-  let timer: ReturnType<typeof setTimeout> | null = null;
-
-  return function (this: ThisParameterType<T>, ...args: Parameters<T>): void {
-      const context = this;
-
-      if (timer) {
-          clearTimeout(timer);
-      }
-
-      timer = setTimeout(() => {
-          func.apply(context, args);
-      }, delay);
-  };
-}
-
-export function addOrReplaceUrlParam(url: string, paramName: string, paramValue: string): string {
-  // 先分割出 URL 的基础部分和哈希部分
-  const [baseUrl, hash] = url.split('#');
-  const urlObj = new URL(baseUrl);
-  const searchParams = urlObj.searchParams;
-
-  // 如果参数已经存在，则替换其值
-  if (searchParams.has(paramName)) {
-      searchParams.set(paramName, paramValue);
-  } else {
-      // 如果参数不存在，则添加该参数
-      searchParams.append(paramName, paramValue);
-  }
-// 如果原 URL 有哈希部分，再把它加回去
-  if (hash) {
-    urlObj.hash = hash
-  }
-  
-  urlObj.search = searchParams.toString();
-  let newUrl = urlObj.toString();
-  
-  return newUrl;
-}

package/tsconfig.json

@@ -1,24 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "esnext",
-    "useDefineForClassFields": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "strict": false,
-    "jsx": "preserve",
-    "sourceMap": false,
-    "resolveJsonModule": true,
-    "esModuleInterop": true,
-    "lib": ["esnext", "dom"],
-    "paths": {
-      "@/*": ["./src/*"]
-    },
-    "types": ["element-plus/global"],
-    "declaration": true,
-    "declarationDir": "dist",
-    "outDir": "./dist",
-        "rootDir": "./src",
-  },
-  "exclude": ["node_modules", "dist"],
-  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]
-}

package/vite.config.ts

@@ -1,28 +0,0 @@
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-import dts from 'vite-plugin-dts';
-// import { name, version } from './package.json'
-
-export default defineConfig(({ mode }) => {
-  return {
-    base: './',
-    build: {
-      lib: {
-        entry: ['src/index.ts'],
-        name: '__xt_micro__',
-        formats: ['es'],
-        fileName: (format, entryName) => `index.js`,
-        cssFileName: 'my-lib-style',
-      },
-      target: 'es2015',
-      emptyOutDir: true, //去掉打包到项目外的警告
-      outDir: `./dist`,
-    },
-    plugins: [
-      vue(),
-      dts({
-        outDir: 'dist/types'
-    })
-    ],
-  }
-})