@das-fed/web 6.3.0-beta.8 → 6.4.0-dev.1

package/packages/micro-frontend/index.js

@@ -1,4 +1,5 @@
-import { defineComponent as x, computed as _, watch as M, openBlock as E, createElementBlock as N, ref as w, Fragment as $, renderList as oe, unref as S, withDirectives as ce, createBlock as Z, vShow as le, createCommentVNode as ue, nextTick as ee, mergeProps as de, withCtx as F, renderSlot as V, createVNode as R, onActivated as pe, reactive as C, getCurrentScope as me, onScopeDispose as fe, getCurrentInstance as ve, onMounted as Ae } from "vue";
+import '@das-fed/web/packages/micro-frontend/style.css';
+import { defineComponent as x, computed as T, watch as y, openBlock as I, createElementBlock as N, ref as w, Fragment as $, renderList as oe, unref as E, withDirectives as ce, createBlock as Z, vShow as le, createCommentVNode as ue, nextTick as ee, mergeProps as de, withCtx as C, renderSlot as V, createVNode as F, onActivated as pe, reactive as O, getCurrentScope as me, onScopeDispose as fe, getCurrentInstance as ve, onMounted as Ae } from "vue";
 import { DasWebLayout as he, DasWebNav as we, DasWebMenu as ge, DasWebTabs as _e } from "@das-fed/web/packages/layout/index";
 const ye = ["src", "entry", "name"], Me = /* @__PURE__ */ x({
   __name: "das-micro-app",
@@ -11,10 +12,10 @@ const ye = ["src", "entry", "name"], Me = /* @__PURE__ */ x({
   setup(e, { emit: t }) {
     const n = e, r = t, c = (s) => {
       r("onLoaded", s);
-    }, o = _(() => n.actived);
-    return M(() => o.value, (s) => {
+    }, a = T(() => n.actived);
+    return y(() => a.value, (s) => {
       s && r("onActivated"), s || r("onDeactivated");
-    }), (s, a) => (E(), N("iframe", {
+    }), (s, o) => (I(), N("iframe", {
       class: "das-micro-app",
       src: n.src,
       entry: n.src,
@@ -28,24 +29,24 @@ const ye = ["src", "entry", "name"], Me = /* @__PURE__ */ x({
   for (const [r, c] of t)
     n[r] = c;
   return n;
-}, Le = /* @__PURE__ */ te(Me, [["__scopeId", "data-v-2266bab0"]]), z = w("/das-micro-app"), f = w([]), k = w(!1), T = w([]), D = w(!0);
-let A = null, h = null, b = null;
-const I = (e, t, n) => {
-  var c, o, i, s;
-  const r = f.value.find((a) => a.name === e);
+}, Le = /* @__PURE__ */ te(Me, [["__scopeId", "data-v-2266bab0"]]), z = w("/das-micro-app"), f = w([]), k = w(!1), R = w([]), D = w(!0);
+let A = null, h = null, L = null;
+const b = (e, t, n) => {
+  var c, a, i, s;
+  const r = f.value.find((o) => o.name === e);
   if (r) {
     if (r.entry.startsWith("/") || r.entry.match(location.origin)) {
-      (o = (c = r.dom) == null ? void 0 : c.contentWindow) == null || o.postMessage({ type: t, data: n });
+      (a = (c = r.dom) == null ? void 0 : c.contentWindow) == null || a.postMessage({ type: t, data: n });
       return;
     }
     (s = (i = r.dom) == null ? void 0 : i.contentWindow) == null || s.postMessage({ type: t, data: n }, r.entry);
   }
 }, q = (e, t) => {
-  var o;
+  var a;
   const { __IN_DAS_MICRO_APP: n, __DAS_MAIN_APP_HREF: r } = window;
   if (!n || !r) return;
   const { origin: c } = new URL(r);
-  (o = window.top) == null || o.postMessage({ type: e, data: t }, c);
+  (a = window.top) == null || a.postMessage({ type: e, data: t }, c);
 }, be = () => {
   h || (h || (h = {}), window.addEventListener(
     "message",
@@ -87,15 +88,15 @@ const I = (e, t, n) => {
 }, Q = async (e) => {
   await Promise.all(
     f.value.filter((t) => t.loaded).map((t) => new Promise(async (n) => {
-      t.dom || await new Promise((r) => M(() => t.dom, r)), setTimeout(() => {
-        I(t.name, "sessionStorage", e), n(!0);
+      t.dom || await new Promise((r) => y(() => t.dom, r)), setTimeout(() => {
+        b(t.name, "sessionStorage", e), n(!0);
       }, 0);
     }))
   );
 }, d = {
   loadMicroApp: (e) => {
     k.value = !0;
-    const t = f.value.find((i) => i.name === e), n = f.value.find((i) => i.actived), r = !!t, c = !(t != null && t.loaded), o = t == null ? void 0 : t.actived;
+    const t = f.value.find((i) => i.name === e), n = f.value.find((i) => i.actived), r = !!t, c = !(t != null && t.loaded), a = t == null ? void 0 : t.actived;
     if (!r) {
       n && (n.actived = !1);
       return;
@@ -106,14 +107,14 @@ const I = (e, t, n) => {
       i && (i.actived = !1), t.loaded = !0, t.actived = !0;
       return;
     }
-    if (!o) {
+    if (!a) {
       n && (n.actived = !1), t.actived = !0;
       return;
     }
   },
   hideMicroApp: async (e) => {
     const t = f.value.find((n) => n.name === e);
-    t && t.loaded && (t.dom || await new Promise((n) => M(() => t.dom, n)), I(e, "router", {
+    t && t.loaded && (t.dom || await new Promise((n) => y(() => t.dom, n)), b(e, "router", {
       cmd: "push",
       route: {
         name: "das-micro-app-ghost",
@@ -137,23 +138,23 @@ const I = (e, t, n) => {
   },
   setMicroAppRoute: async (e, t, n) => {
     const r = f.value.find((s) => s.name === t);
-    if (!r || !r.loaded || !r.actived || (r.dom || await new Promise((s) => M(() => r.dom, s)), !r.actived)) return r;
-    const c = n.path || n, o = n.query || {}, i = n.params || {};
+    if (!r || !r.loaded || !r.actived || (r.dom || await new Promise((s) => y(() => r.dom, s)), !r.actived)) return r;
+    const c = n.path || n, a = n.query || {}, i = n.params || {};
     return e.push({
       path: `/${t}${c}`,
-      query: o,
+      query: a,
       // @ts-ignore
       params: i
     }), setTimeout(() => {
       const { isFirstActived: s } = r;
-      I(t, "router", {
+      b(t, "router", {
         cmd: s ? "replace" : "push",
         route: n,
         microAppName: t
       }), s && (r.isFirstActived = !1);
     }, 0), r;
   },
-  sendMessageToMicroApp: I,
+  sendMessageToMicroApp: b,
   sendMessageToMainApp: q,
   addEventListenerFromMainApp: Ee,
   addEventListenerFromMicroApp: Se,
@@ -175,33 +176,33 @@ const I = (e, t, n) => {
   },
   addMicroAppLifeCycleListener: (e, t) => {
     const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8);
-    b || (b = {});
+    L || (L = {});
     const r = () => {
-      b[n] && delete b[n];
+      L[n] && delete L[n];
     };
-    return b[n] = {
+    return L[n] = {
       type: e,
       handler: async (c) => await t(c),
       remove: r
     }, { remove: r };
   },
   triggerMicroAppLifeCycleListener: (e, t, n) => {
-    var o;
-    const r = b, { autoRemove: c = !1 } = n || {};
+    var a;
+    const r = L, { autoRemove: c = !1 } = n || {};
     for (const i in r) {
       const s = r[i];
-      s.type === e && ((o = s == null ? void 0 : s.handler) == null || o.call(s, t).then(() => {
+      s.type === e && ((a = s == null ? void 0 : s.handler) == null || a.call(s, t).then(() => {
         c && s.remove();
       }));
     }
   },
   reloadMicroAppRoute: async (e, t) => {
     const n = f.value.find((r) => r.name === e);
-    n && (!n.loaded || !n.actived || (n.dom || await new Promise((r) => M(() => n.dom, r)), I(e, "route", { cmd: "reload", path: t })));
+    n && (!n.loaded || !n.actived || (n.dom || await new Promise((r) => y(() => n.dom, r)), b(e, "route", { cmd: "reload", path: t })));
   },
   unloadMicroAppRoute: async (e, t) => {
     const n = f.value.find((r) => r.name === e);
-    n && (!n.loaded || !n.actived || (n.dom || await new Promise((r) => M(() => n.dom, r)), I(e, "route", { cmd: "unload", path: t })));
+    n && (!n.loaded || !n.actived || (n.dom || await new Promise((r) => y(() => n.dom, r)), b(e, "route", { cmd: "unload", path: t })));
   },
   setMainAppLayoutVisible: (e) => {
     q("layoutVisible", { visible: e });
@@ -209,36 +210,36 @@ const I = (e, t, n) => {
 }, Pe = /* @__PURE__ */ x({
   __name: "das-micro-apps",
   setup(e) {
-    const t = w(null), n = async (o, i) => {
+    const t = w(null), n = async (a, i) => {
       const s = f.value.find((m) => m.name === i);
       if (!s) return;
-      s.dom = o.target, await ee(), await new Promise((m) => setTimeout(m, 50));
-      const a = () => {
+      s.dom = a.target, await ee(), await new Promise((m) => setTimeout(m, 50));
+      const o = () => {
         const m = t.value.getBoundingClientRect() || {};
         return m.width = t.value.clientWidth, m.height = t.value.clientHeight, m;
       };
       d.sendMessageToMicroApp(i, "onLoaded", {
         href: location.href,
-        microAppContainerRect: a(),
+        microAppContainerRect: o(),
         entry: s.entry,
         name: s.name
       });
       const { dom: p, ...l } = s;
       d.triggerMicroAppLifeCycleListener("onLoaded", l), new ResizeObserver(() => {
-        d.sendMessageToMicroApp(i, "resize", a());
+        d.sendMessageToMicroApp(i, "resize", o());
       }).observe(t.value), d.sendMessageToMicroApp(i, "setProxyMessageStatus", { visible: !0, parentHref: location.href }), d.sendMessageToMicroApp(i, "setProxSsoStatus", { visible: !0, parentHref: location.href });
-    }, r = (o, i) => {
+    }, r = (a, i) => {
       const s = f.value.find((l) => l.name === i);
       if (!s) return;
-      const { dom: a, ...p } = s;
+      const { dom: o, ...p } = s;
       d.sendMessageToMicroApp(i, "onActivated"), d.triggerMicroAppLifeCycleListener("onActivated", p);
-    }, c = (o, i) => {
+    }, c = (a, i) => {
       const s = f.value.find((l) => l.name === i);
       if (!s) return;
-      const { dom: a, ...p } = s;
+      const { dom: o, ...p } = s;
       d.sendMessageToMicroApp(i, "onDeactivated"), d.triggerMicroAppLifeCycleListener("onDeactivated", p);
     };
-    return (o, i) => (E(), N(
+    return (a, i) => (I(), N(
       "div",
       {
         ref_key: "containerRef",
@@ -246,21 +247,21 @@ const I = (e, t, n) => {
         class: "das-micro-app-container"
       },
       [
-        (E(!0), N(
+        (I(!0), N(
           $,
           null,
-          oe(S(f), (s) => (E(), N(
+          oe(E(f), (s) => (I(), N(
             $,
             null,
             [
-              s.loaded ? ce((E(), Z(Le, {
+              s.loaded ? ce((I(), Z(Le, {
                 key: 0,
                 src: s.src || "",
                 name: s.name,
                 actived: s.actived,
-                onOnLoaded: (a) => n(a, s.name),
-                onOnActivated: (a) => r(a, s.name),
-                onOnDeactivated: (a) => c(a, s.name)
+                onOnLoaded: (o) => n(o, s.name),
+                onOnActivated: (o) => r(o, s.name),
+                onOnDeactivated: (o) => c(o, s.name)
               }, null, 8, ["src", "name", "actived", "onOnLoaded", "onOnActivated", "onOnDeactivated"])), [
                 [le, s.actived]
               ]) : ue("v-if", !0)
@@ -279,39 +280,42 @@ const I = (e, t, n) => {
 }), Oe = /* @__PURE__ */ te(Pe, [["__scopeId", "data-v-2e3798bc"]]), Ze = /* @__PURE__ */ x({
   __name: "das-main-app-layout",
   props: {
-    transitionConfig: {},
-    showLayout: { type: Boolean },
-    showAside: { type: Boolean },
-    showTabs: { type: Boolean },
-    menuAttr: {},
-    tabsAttr: {}
+    transitionConfig: { default: () => {
+    } },
+    showLayout: { type: Boolean, default: !0 },
+    showAside: { type: Boolean, default: !0 },
+    showTabs: { type: Boolean, default: !0 },
+    menuAttr: { default: () => {
+    } },
+    tabsAttr: { default: () => {
+    } }
   },
   setup(e) {
-    const t = e, n = _(() => !k.value), r = _(() => t.showLayout ?? !0), c = _(() => t.showAside ?? !0), o = _(() => t.showTabs ?? !0), i = _(() => t.menuAttr ?? {}), s = _(() => t.tabsAttr ?? {}), a = _(() => ({
+    const t = e, n = T(() => !k.value), r = T(() => ({
       "enter-active-class": "animate__animated animate__fadeInLeft",
-      ...t.transitionConfig || {}
-    })), p = _(() => ({ showLayout: r.value, showAside: c.value, showTabs: o.value }));
-    return (l, g) => (E(), Z(S(he), de({
-      "transition-config": a.value,
+      ...t.transitionConfig
+    })), c = T(() => ({ showLayout: t.showLayout, showAside: t.showAside, showTabs: t.showTabs }));
+    return (a, i) => (I(), Z(E(he), de({
+      "transition-config": r.value,
       "router-view-visible": n.value
-    }, p.value), {
-      header: F(() => [
-        V(l.$slots, "header", {}, () => [
-          R(S(we))
+    }, c.value), {
+      header: C(() => [
+        V(a.$slots, "header", {}, () => [
+          F(E(we))
         ])
       ]),
-      aside: F(() => [
-        V(l.$slots, "aside", {}, () => [
-          R(S(ge), { menuAttr: i.value }, null, 8, ["menuAttr"])
+      aside: C(() => [
+        V(a.$slots, "aside", {}, () => [
+          F(E(ge), { menuAttr: a.menuAttr }, null, 8, ["menuAttr"])
         ])
       ]),
-      tab: F(() => [
-        V(l.$slots, "tab", {}, () => [
-          R(S(_e), { tabsAttr: s.value }, null, 8, ["tabsAttr"])
+      tab: C(() => [
+        V(a.$slots, "tab", {}, () => [
+          F(E(_e), { tabsAttr: a.tabsAttr }, null, 8, ["tabsAttr"])
         ])
       ]),
-      default: F(() => [
-        R(Oe)
+      default: C(() => [
+        F(Oe)
       ]),
       _: 3
       /* FORWARDED */
@@ -326,7 +330,7 @@ const I = (e, t, n) => {
       }, 300);
     }), (t, n) => null;
   }
-}), u = C({
+}), u = O({
   visible: !1,
   logo: "",
   items: [],
@@ -381,16 +385,16 @@ const I = (e, t, n) => {
   },
   triggerEventListener: (e, t, n) => {
     var i;
-    const r = u.eventListeners, { autoRemove: c = !1 } = n || {}, o = [];
+    const r = u.eventListeners, { autoRemove: c = !1 } = n || {}, a = [];
     for (const s in r) {
-      const a = r[s];
-      a.type === e && o.push(
-        (i = a == null ? void 0 : a.handler) == null ? void 0 : i.call(a, t).then(() => {
-          c && a.remove();
+      const o = r[s];
+      o.type === e && a.push(
+        (i = o == null ? void 0 : o.handler) == null ? void 0 : i.call(o, t).then(() => {
+          c && o.remove();
         })
       );
     }
-    return Promise.all(o).then(() => !0).catch(() => !1);
+    return Promise.all(a).then(() => !0).catch(() => !1);
   },
   addEventListener: (e, t) => {
     const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), r = () => {
@@ -401,8 +405,8 @@ const I = (e, t, n) => {
       handler: async (c) => {
         try {
           await t(c);
-        } catch (o) {
-          throw o;
+        } catch (a) {
+          throw a;
         }
       },
       remove: r
@@ -410,44 +414,44 @@ const I = (e, t, n) => {
       remove: r
     };
   }
-}, y = C({
+}, _ = O({
   items: [],
   eventListeners: {}
 }), Fe = {
   setItems: (e) => {
-    y.items = e;
+    _.items = e;
   },
-  getItems: () => y.items,
+  getItems: () => _.items,
   setActiveItem: (e) => {
-    y.activeItem = e;
+    _.activeItem = e;
   },
   setPopupClassName: (e) => {
-    y.popupClassName = e;
+    _.popupClassName = e;
   },
   triggerEventListener: (e, t, n) => {
     var i;
-    const r = y.eventListeners, { autoRemove: c = !1 } = n || {}, o = [];
+    const r = _.eventListeners, { autoRemove: c = !1 } = n || {}, a = [];
     for (const s in r) {
-      const a = r[s];
-      a.type === e && o.push(
-        (i = a == null ? void 0 : a.handler) == null ? void 0 : i.call(a, t).then(() => {
-          c && a.remove();
+      const o = r[s];
+      o.type === e && a.push(
+        (i = o == null ? void 0 : o.handler) == null ? void 0 : i.call(o, t).then(() => {
+          c && o.remove();
         })
       );
     }
-    return Promise.all(o).then(() => !0).catch(() => !1);
+    return Promise.all(a).then(() => !0).catch(() => !1);
   },
   addEventListener: (e, t) => {
     const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), r = () => {
-      y.eventListeners[n] && delete y.eventListeners[n];
+      _.eventListeners[n] && delete _.eventListeners[n];
     };
-    return y.eventListeners[n] = {
+    return _.eventListeners[n] = {
       type: e,
       handler: async (c) => {
         try {
           await t(c);
-        } catch (o) {
-          throw o;
+        } catch (a) {
+          throw a;
         }
       },
       remove: r
@@ -455,7 +459,7 @@ const I = (e, t, n) => {
       remove: r
     };
   }
-}, v = C({
+}, v = O({
   items: [],
   eventListeners: {}
 }), Re = {
@@ -476,16 +480,16 @@ const I = (e, t, n) => {
   },
   triggerEventListener: (e, t, n) => {
     var i;
-    const r = v.eventListeners, { autoRemove: c = !1 } = n || {}, o = [];
+    const r = v.eventListeners, { autoRemove: c = !1 } = n || {}, a = [];
     for (const s in r) {
-      const a = r[s];
-      a.type === e && o.push(
-        (i = a == null ? void 0 : a.handler) == null ? void 0 : i.call(a, t).then(() => {
-          c && a.remove();
+      const o = r[s];
+      o.type === e && a.push(
+        (i = o == null ? void 0 : o.handler) == null ? void 0 : i.call(o, t).then(() => {
+          c && o.remove();
         })
       );
     }
-    return Promise.all(o).then(() => !0).catch(() => !1);
+    return Promise.all(a).then(() => !0).catch(() => !1);
   },
   addEventListener: (e, t) => {
     const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), r = () => {
@@ -496,8 +500,8 @@ const I = (e, t, n) => {
       handler: async (c) => {
         try {
           await t(c);
-        } catch (o) {
-          throw o;
+        } catch (a) {
+          throw a;
         }
       },
       remove: r
@@ -505,33 +509,33 @@ const I = (e, t, n) => {
       remove: r
     };
   }
-}, O = C({
+}, P = O({
   eventListeners: {}
-}), Te = {
+}), De = {
   triggerEventListener: (e, t, n) => {
     var i;
-    const r = O.eventListeners, { autoRemove: c = !1 } = n || {}, o = [];
+    const r = P.eventListeners, { autoRemove: c = !1 } = n || {}, a = [];
     for (const s in r) {
-      const a = r[s];
-      a.type === e && o.push(
-        (i = a == null ? void 0 : a.handler) == null ? void 0 : i.call(a, t).then(() => {
-          c && a.remove();
+      const o = r[s];
+      o.type === e && a.push(
+        (i = o == null ? void 0 : o.handler) == null ? void 0 : i.call(o, t).then(() => {
+          c && o.remove();
         })
       );
     }
-    return Promise.all(o).then(() => !0).catch(() => !1);
+    return Promise.all(a).then(() => !0).catch(() => !1);
   },
   addEventListener: (e, t) => {
     const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), r = () => {
-      O.eventListeners[n] && delete O.eventListeners[n];
+      P.eventListeners[n] && delete P.eventListeners[n];
     };
-    return O.eventListeners[n] = {
+    return P.eventListeners[n] = {
       type: e,
       handler: async (c) => {
         try {
           await t(c);
-        } catch (o) {
-          throw o;
+        } catch (a) {
+          throw a;
         }
       },
       remove: r
@@ -539,26 +543,26 @@ const I = (e, t, n) => {
       remove: r
     };
   }
-}, W = C({
+}, W = O({
   visible: !1,
   style: {}
-}), De = {
+}), Te = {
   set: (e, t) => {
     W.visible = e, t || (t = {}), t.transition || (t.transition = "all 0.3s"), t && (W.style = t);
   }
 }, Ne = {
   nav: u,
-  menu: y,
+  menu: _,
   tab: v,
   overlay: W,
-  iframeView: O,
+  iframeView: P,
   visible: w(!0)
 }, j = {
   nav: Ce,
   menu: Fe,
   tab: Re,
-  overlay: De,
-  iframeView: Te,
+  overlay: Te,
+  iframeView: De,
   setVisible: (e) => Ne.visible.value = e
 };
 var H;
@@ -566,7 +570,7 @@ const B = typeof window < "u", ke = (e) => typeof e == "string", xe = () => {
 };
 B && ((H = window == null ? void 0 : window.navigator) != null && H.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 function re(e) {
-  return typeof e == "function" ? e() : S(e);
+  return typeof e == "function" ? e() : E(e);
 }
 function Ve(e) {
   return e;
@@ -588,12 +592,12 @@ function Be(...e) {
   if (ke(e[0]) || Array.isArray(e[0]) ? ([n, r, c] = e, t = Qe) : [t, n, r, c] = e, !t)
     return xe;
   Array.isArray(n) || (n = [n]), Array.isArray(r) || (r = [r]);
-  const o = [], i = () => {
-    o.forEach((l) => l()), o.length = 0;
-  }, s = (l, g, m, L) => (l.addEventListener(g, m, L), () => l.removeEventListener(g, m, L)), a = M(() => [ae(t), re(c)], ([l, g]) => {
-    i(), l && o.push(...n.flatMap((m) => r.map((L) => s(l, m, L, g))));
+  const a = [], i = () => {
+    a.forEach((l) => l()), a.length = 0;
+  }, s = (l, g, m, M) => (l.addEventListener(g, m, M), () => l.removeEventListener(g, m, M)), o = y(() => [ae(t), re(c)], ([l, g]) => {
+    i(), l && a.push(...n.flatMap((m) => r.map((M) => s(l, m, M, g))));
   }, { immediate: !0, flush: "post" }), p = () => {
-    a(), i();
+    o(), i();
   };
   return se(p), p;
 }
@@ -646,36 +650,36 @@ const J = [
   ]
 ];
 function ze(e, t = {}) {
-  const { document: n = We, autoExit: r = !1 } = t, c = n == null ? void 0 : n.querySelector("html"), o = w(!1);
+  const { document: n = We, autoExit: r = !1 } = t, c = n == null ? void 0 : n.querySelector("html"), a = w(!1);
   let i = J[0];
   const s = $e(() => {
     if (n) {
-      for (const P of J)
-        if (P[1] in n)
-          return i = P, !0;
+      for (const S of J)
+        if (S[1] in n)
+          return i = S, !0;
     } else
       return !1;
     return !1;
-  }), [a, p, l, , g] = i;
+  }), [o, p, l, , g] = i;
   async function m() {
-    s.value && (n != null && n[l] && await n[p](), o.value = !1);
+    s.value && (n != null && n[l] && await n[p](), a.value = !1);
   }
-  async function L() {
+  async function M() {
     if (!s.value)
       return;
     await m();
-    const P = ae(c);
-    P && (await P[a](), o.value = !0);
+    const S = ae(c);
+    S && (await S[o](), a.value = !0);
   }
   async function ie() {
-    o.value ? await m() : await L();
+    a.value ? await m() : await M();
   }
   return n && Be(n, g, () => {
-    o.value = !!(n != null && n[l]);
+    a.value = !!(n != null && n[l]);
   }, !1), r && se(m), {
     isSupported: s,
-    isFullscreen: o,
-    enter: L,
+    isFullscreen: a,
+    enter: M,
     exit: m,
     toggle: ie
   };
@@ -729,22 +733,22 @@ const Ke = (e) => ["http://", "https://", "ws://", "wss://", "/"].find((n) => e.
     component: ne,
     meta: { isMicroApp: !0, keepAlive: !0 }
   }), d.addEventListenerFromMicroApp("bodyOverlay", (c) => {
-    const { visible: o, style: i } = c.data;
-    j.overlay.set(o, i);
+    const { visible: a, style: i } = c.data;
+    j.overlay.set(a, i);
   }), d.addEventListenerFromMicroApp("layoutVisible", (c) => {
-    const { visible: o } = c.data;
-    j.setVisible(o);
+    const { visible: a } = c.data;
+    j.setVisible(a);
   }), d.addEventListenerFromMicroApp("route", (c) => {
-    const { name: o, cmd: i, path: s } = c.data;
-    i === "reload" && d.reloadMicroAppRoute(o, s), i === "unload" && d.unloadMicroAppRoute(o, s);
+    const { name: a, cmd: i, path: s } = c.data;
+    i === "reload" && d.reloadMicroAppRoute(a, s), i === "unload" && d.unloadMicroAppRoute(a, s);
   });
   const { enter: n, exit: r } = ze();
   d.addEventListenerFromMicroApp("fullscreen", (c) => {
-    const o = c.data;
-    o && n(), o || r();
+    const a = c.data;
+    a && n(), a || r();
   }), d.addEventListenerFromMicroApp("location", (c) => {
-    const { cmd: o, isAutoCloseApp: i } = c.data || {};
-    o === "reload" && (i !== void 0 && (window.__isAutoCloseApp = i), location.reload());
+    const { cmd: a, isAutoCloseApp: i } = c.data || {};
+    a === "reload" && (i !== void 0 && (window.__isAutoCloseApp = i), location.reload());
   });
 }, tt = (e, t) => {
   if (!(e != null && e.microAppName)) return;
@@ -756,8 +760,8 @@ const Ke = (e) => ["http://", "https://", "ws://", "wss://", "/"].find((n) => e.
     component: ne,
     meta: { isMicroApp: !0, keepAlive: !0 }
   });
-  const r = w(!1), c = w(!1), o = w("");
-  M(
+  const r = w(!1), c = w(!1), a = w("");
+  y(
     () => t.currentRoute.value,
     (i) => {
       if (r.value) {
@@ -768,16 +772,16 @@ const Ke = (e) => ["http://", "https://", "ws://", "wss://", "/"].find((n) => e.
         c.value = !1;
         return;
       }
-      const { path: s, query: a, params: p, meta: l } = i;
-      if (o.value.includes(i.path)) {
-        o.value = "";
+      const { path: s, query: o, params: p, meta: l } = i;
+      if (a.value.includes(i.path)) {
+        a.value = "";
         return;
       }
       d.sendMessageToMainApp("router", {
         cmd: "push",
         route: {
           path: s,
-          query: { ...a, microAppName: e.microAppName },
+          query: { ...o, microAppName: e.microAppName },
           params: p,
           meta: l
         }
@@ -785,30 +789,30 @@ const Ke = (e) => ["http://", "https://", "ws://", "wss://", "/"].find((n) => e.
     }
   ), d.addEventListenerFromMainApp("router", async (i) => {
     var l;
-    const { cmd: s, route: a, microAppName: p = "" } = i.data;
-    o.value = ("/" + p + a.path).replace(/\/\//g, "/"), (l = t == null ? void 0 : t[s]) == null || l.call(t, a);
+    const { cmd: s, route: o, microAppName: p = "" } = i.data;
+    a.value = ("/" + p + o.path).replace(/\/\//g, "/"), (l = t == null ? void 0 : t[s]) == null || l.call(t, o);
   }), d.addEventListenerFromMainApp("onLoaded", (i) => {
-    const { href: s, microAppContainerRect: a } = i.data;
-    window.__IN_DAS_MICRO_APP = !0, window.__DAS_MICRO_APP_NAME = e.microAppName, window.__DAS_MAIN_APP_HREF = s, window.__DAS_MICRO_APP_CONTAINER_RECT = a;
+    const { href: s, microAppContainerRect: o } = i.data;
+    window.__IN_DAS_MICRO_APP = !0, window.__DAS_MICRO_APP_NAME = e.microAppName, window.__DAS_MAIN_APP_HREF = s, window.__DAS_MICRO_APP_CONTAINER_RECT = o;
   }), d.addEventListenerFromMainApp("onDeactivated", (i) => {
-    const { name: s = "", path: a, params: p = {}, query: l = {} } = t.currentRoute.value;
+    const { name: s = "", path: o, params: p = {}, query: l = {} } = t.currentRoute.value;
     c.value = !0, t == null || t.push({
       name: n,
-      query: { microAppName: e.microAppName, fromQuery: JSON.stringify(l), fromPath: a },
+      query: { microAppName: e.microAppName, fromQuery: JSON.stringify(l), fromPath: o },
       params: p
     });
   }), d.addEventListenerFromMainApp("onActivated", (i) => {
-    const { name: s = "", params: a = {}, query: p = {} } = t.currentRoute.value, { fromPath: l = "", fromQuery: g = "{}" } = p || {};
-    r.value = !0, t == null || t.push({ path: l, query: JSON.parse(g), params: a });
+    const { name: s = "", params: o = {}, query: p = {} } = t.currentRoute.value, { fromPath: l = "", fromQuery: g = "{}" } = p || {};
+    r.value = !0, t == null || t.push({ path: l, query: JSON.parse(g), params: o });
   }), d.addEventListenerFromMainApp("sessionStorage", (i) => {
-    const { cmd: s, key: a, value: p } = i.data;
-    s === "setItem" && window.sessionStorage.setItem(a, p), s === "getItem" && window.sessionStorage.getItem(a), s === "removeItem" && window.sessionStorage.removeItem(a), s === "clear" && window.sessionStorage.clear();
+    const { cmd: s, key: o, value: p } = i.data;
+    s === "setItem" && window.sessionStorage.setItem(o, p), s === "getItem" && window.sessionStorage.getItem(o), s === "removeItem" && window.sessionStorage.removeItem(o), s === "clear" && window.sessionStorage.clear();
   }), d.addEventListenerFromMainApp("route", (i) => {
-    const { cmd: s, path: a } = i.data;
-    s === "reload" && (T.value.push(a), D.value = !1, setTimeout(() => {
-      D.value = !0, T.value = [];
-    }, 300)), s === "unload" && (T.value.push(a), D.value = !1, setTimeout(() => {
-      D.value = !0, T.value = [];
+    const { cmd: s, path: o } = i.data;
+    s === "reload" && (R.value.push(o), D.value = !1, setTimeout(() => {
+      D.value = !0, R.value = [];
+    }, 300)), s === "unload" && (R.value.push(o), D.value = !1, setTimeout(() => {
+      D.value = !0, R.value = [];
     }, 100));
   });
 };