@das-fed/web 6.4.0-dev.3 → 6.4.0-dev.31

package/packages/micro-frontend/index.js

@@ -1,35 +1,7 @@
 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",
-  props: {
-    src: {},
-    name: {},
-    actived: { type: Boolean }
-  },
-  emits: ["onLoaded", "onActivated", "onDeactivated"],
-  setup(e, { emit: t }) {
-    const n = e, r = t, c = (s) => {
-      r("onLoaded", s);
-    }, a = T(() => n.actived);
-    return y(() => a.value, (s) => {
-      s && r("onActivated"), s || r("onDeactivated");
-    }), (s, o) => (I(), N("iframe", {
-      class: "das-micro-app",
-      src: n.src,
-      entry: n.src,
-      name: n.name,
-      frameborder: "0",
-      onLoad: c
-    }, null, 40, ye));
-  }
-}), te = (e, t) => {
-  const n = e.__vccOpts || e;
-  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), R = w([]), D = w(!0);
+import { ref as w, watch as M, reactive as O, getCurrentScope as oe, onScopeDispose as ce, unref as I, getCurrentInstance as le, onMounted as ue, nextTick as Z, defineComponent as x, computed as D, openBlock as E, createElementBlock as N, Fragment as $, renderList as de, withDirectives as pe, createBlock as ee, vShow as me, createCommentVNode as fe, mergeProps as ve, withCtx as C, renderSlot as V, createVNode as F, onActivated as Ae } from "vue";
+import { DasWebLayout as he, DasWebNav as we, DasWebMenu as ge, DasWebTabs as ye } from "@das-fed/web/packages/layout/index";
+const z = w("/das-micro-app"), f = w([]), k = w(!1), R = w([]), T = w(!0);
 let A = null, h = null, L = null;
 const b = (e, t, n) => {
   var c, a, i, s;
@@ -42,12 +14,10 @@ const b = (e, t, n) => {
     (s = (i = r.dom) == null ? void 0 : i.contentWindow) == null || s.postMessage({ type: t, data: n }, r.entry);
   }
 }, q = (e, t) => {
-  var a;
-  const { __IN_DAS_MICRO_APP: n, __DAS_MAIN_APP_HREF: r } = window;
-  if (!n || !r) return;
-  const { origin: c } = new URL(r);
-  (a = window.top) == null || a.postMessage({ type: e, data: t }, c);
-}, be = () => {
+  var r;
+  const { origin: n } = new URL(location.href);
+  (r = window.top) == null || r.postMessage({ type: e, data: t }, n);
+}, Me = () => {
   h || (h || (h = {}), window.addEventListener(
     "message",
     (e) => {
@@ -58,7 +28,7 @@ const b = (e, t, n) => {
     },
     !1
   ));
-}, Ie = () => {
+}, _e = () => {
   A || (A || (A = {}), window.addEventListener(
     "message",
     (e) => {
@@ -69,16 +39,16 @@ const b = (e, t, n) => {
     },
     !1
   ));
-}, Ee = (e, t) => {
-  Ie();
+}, Le = (e, t) => {
+  _e();
   const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8);
   return A[e] || (A[e] = {}), A[e][n] = t, {
     remove: () => {
       A[e] && A[e][n] && delete A[e][n];
     }
   };
-}, Se = (e, t) => {
-  be();
+}, be = (e, t) => {
+  Me();
   const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8);
   return h[e] || (h[e] = {}), h[e][n] = t, {
     remove: () => {
@@ -88,7 +58,7 @@ const b = (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) => y(() => t.dom, r)), setTimeout(() => {
+      t.dom || await new Promise((r) => M(() => t.dom, r)), setTimeout(() => {
         b(t.name, "sessionStorage", e), n(!0);
       }, 0);
     }))
@@ -114,7 +84,7 @@ const b = (e, t, n) => {
   },
   hideMicroApp: async (e) => {
     const t = f.value.find((n) => n.name === e);
-    t && t.loaded && (t.dom || await new Promise((n) => y(() => t.dom, n)), b(e, "router", {
+    t && t.loaded && (t.dom || await new Promise((n) => M(() => t.dom, n)), b(e, "router", {
       cmd: "push",
       route: {
         name: "das-micro-app-ghost",
@@ -138,7 +108,7 @@ const b = (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) => y(() => r.dom, s)), !r.actived)) return r;
+    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, a = n.query || {}, i = n.params || {};
     return e.push({
       path: `/${t}${c}`,
@@ -156,8 +126,8 @@ const b = (e, t, n) => {
   },
   sendMessageToMicroApp: b,
   sendMessageToMainApp: q,
-  addEventListenerFromMainApp: Ee,
-  addEventListenerFromMicroApp: Se,
+  addEventListenerFromMainApp: Le,
+  addEventListenerFromMicroApp: be,
   setMainAppOverlay: (e, t) => {
     q("bodyOverlay", { visible: e, style: t });
   },
@@ -198,139 +168,16 @@ const b = (e, t, n) => {
   },
   reloadMicroAppRoute: async (e, t) => {
     const n = f.value.find((r) => r.name === e);
-    n && (!n.loaded || !n.actived || (n.dom || await new Promise((r) => y(() => n.dom, r)), b(e, "route", { cmd: "reload", path: t })));
+    n && (!n.loaded || !n.actived || (n.dom || await new Promise((r) => M(() => 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) => y(() => n.dom, r)), b(e, "route", { cmd: "unload", path: t })));
+    n && (!n.loaded || !n.actived || (n.dom || await new Promise((r) => M(() => n.dom, r)), b(e, "route", { cmd: "unload", path: t })));
   },
   setMainAppLayoutVisible: (e) => {
     q("layoutVisible", { visible: e });
   }
-}, Pe = /* @__PURE__ */ x({
-  __name: "das-micro-apps",
-  setup(e) {
-    const t = w(null), n = async (a, i) => {
-      const s = f.value.find((m) => m.name === i);
-      if (!s) return;
-      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: o(),
-        entry: s.entry,
-        name: s.name
-      });
-      const { dom: p, ...l } = s;
-      d.triggerMicroAppLifeCycleListener("onLoaded", l), new ResizeObserver(() => {
-        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 = (a, i) => {
-      const s = f.value.find((l) => l.name === i);
-      if (!s) return;
-      const { dom: o, ...p } = s;
-      d.sendMessageToMicroApp(i, "onActivated"), d.triggerMicroAppLifeCycleListener("onActivated", p);
-    }, c = (a, i) => {
-      const s = f.value.find((l) => l.name === i);
-      if (!s) return;
-      const { dom: o, ...p } = s;
-      d.sendMessageToMicroApp(i, "onDeactivated"), d.triggerMicroAppLifeCycleListener("onDeactivated", p);
-    };
-    return (a, i) => (I(), N(
-      "div",
-      {
-        ref_key: "containerRef",
-        ref: t,
-        class: "das-micro-app-container"
-      },
-      [
-        (I(!0), N(
-          $,
-          null,
-          oe(E(f), (s) => (I(), N(
-            $,
-            null,
-            [
-              s.loaded ? ce((I(), Z(Le, {
-                key: 0,
-                src: s.src || "",
-                name: s.name,
-                actived: s.actived,
-                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)
-            ],
-            64
-            /* STABLE_FRAGMENT */
-          ))),
-          256
-          /* UNKEYED_FRAGMENT */
-        ))
-      ],
-      512
-      /* NEED_PATCH */
-    ));
-  }
-}), Oe = /* @__PURE__ */ te(Pe, [["__scopeId", "data-v-2e3798bc"]]), Ze = /* @__PURE__ */ x({
-  __name: "das-main-app-layout",
-  props: {
-    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 = T(() => !k.value), r = T(() => ({
-      "enter-active-class": "animate__animated animate__fadeInLeft",
-      ...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
-    }, c.value), {
-      header: C(() => [
-        V(a.$slots, "header", {}, () => [
-          F(E(we))
-        ])
-      ]),
-      aside: C(() => [
-        V(a.$slots, "aside", {}, () => [
-          F(E(ge), { menuAttr: a.menuAttr }, null, 8, ["menuAttr"])
-        ])
-      ]),
-      tab: C(() => [
-        V(a.$slots, "tab", {}, () => [
-          F(E(_e), { tabsAttr: a.tabsAttr }, null, 8, ["tabsAttr"])
-        ])
-      ]),
-      default: C(() => [
-        F(Oe)
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 16, ["transition-config", "router-view-visible"]));
-  }
-}), ne = /* @__PURE__ */ x({
-  __name: "das-micro-app-ghost",
-  setup(e) {
-    return pe(() => {
-      setTimeout(() => {
-        document.documentElement.checkVisibility() && history.back();
-      }, 300);
-    }), (t, n) => null;
-  }
-}), u = O({
+}, u = O({
   visible: !1,
   logo: "",
   items: [],
@@ -341,7 +188,7 @@ const b = (e, t, n) => {
   // activeItem: '',
   // activeProject: {},
   eventListeners: {}
-}), Ce = {
+}), Ie = {
   show: () => {
     u.visible = !0;
   },
@@ -360,10 +207,14 @@ const b = (e, t, n) => {
     u.items = t;
   },
   appendItem: (e) => {
-    u.visible || (u.visible = !0), !u.items.find((n) => n.value == e.value) && u.items.push(e);
+    setTimeout(() => {
+      u.visible || (u.visible = !0), !u.items.find((n) => n.value == e.value) && u.items.push(e);
+    }, 200);
   },
   setActiveItem: (e) => {
-    u.activeItem = e;
+    setTimeout(() => {
+      u.activeItem = e;
+    }, 200);
   },
   setConfig: (e) => {
     u.config = e;
@@ -414,23 +265,23 @@ const b = (e, t, n) => {
       remove: r
     };
   }
-}, _ = O({
+}, y = O({
   items: [],
   eventListeners: {}
-}), Fe = {
+}), Ee = {
   setItems: (e) => {
-    _.items = e;
+    y.items = e;
   },
-  getItems: () => _.items,
+  getItems: () => y.items,
   setActiveItem: (e) => {
-    _.activeItem = e;
+    y.activeItem = e;
   },
   setPopupClassName: (e) => {
-    _.popupClassName = e;
+    y.popupClassName = e;
   },
   triggerEventListener: (e, t, n) => {
     var i;
-    const r = _.eventListeners, { autoRemove: c = !1 } = n || {}, a = [];
+    const r = y.eventListeners, { autoRemove: c = !1 } = n || {}, a = [];
     for (const s in r) {
       const o = r[s];
       o.type === e && a.push(
@@ -443,9 +294,9 @@ const b = (e, t, n) => {
   },
   addEventListener: (e, t) => {
     const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), r = () => {
-      _.eventListeners[n] && delete _.eventListeners[n];
+      y.eventListeners[n] && delete y.eventListeners[n];
     };
-    return _.eventListeners[n] = {
+    return y.eventListeners[n] = {
       type: e,
       handler: async (c) => {
         try {
@@ -462,7 +313,7 @@ const b = (e, t, n) => {
 }, v = O({
   items: [],
   eventListeners: {}
-}), Re = {
+}), Se = {
   setItems: (e) => {
     v.items = e;
   },
@@ -511,7 +362,7 @@ const b = (e, t, n) => {
   }
 }, P = O({
   eventListeners: {}
-}), De = {
+}), Pe = {
   triggerEventListener: (e, t, n) => {
     var i;
     const r = P.eventListeners, { autoRemove: c = !1 } = n || {}, a = [];
@@ -546,64 +397,69 @@ const b = (e, t, n) => {
 }, W = O({
   visible: !1,
   style: {}
-}), Te = {
+}), Oe = {
   set: (e, t) => {
     W.visible = e, t || (t = {}), t.transition || (t.transition = "all 0.3s"), t && (W.style = t);
   }
-}, Ne = {
+}, Ce = {
   nav: u,
-  menu: _,
+  menu: y,
   tab: v,
   overlay: W,
   iframeView: P,
   visible: w(!0)
 }, j = {
-  nav: Ce,
-  menu: Fe,
-  tab: Re,
-  overlay: Te,
-  iframeView: De,
-  setVisible: (e) => Ne.visible.value = e
+  nav: Ie,
+  menu: Ee,
+  tab: Se,
+  overlay: Oe,
+  iframeView: Pe,
+  setVisible: (e) => Ce.visible.value = e
+}, te = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [r, c] of t)
+    n[r] = c;
+  return n;
 };
 var H;
-const B = typeof window < "u", ke = (e) => typeof e == "string", xe = () => {
+const B = typeof window < "u", Fe = (e) => typeof e == "string", Re = () => {
 };
 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() : E(e);
+function ne(e) {
+  return typeof e == "function" ? e() : I(e);
 }
-function Ve(e) {
+function Te(e) {
   return e;
 }
-function se(e) {
-  return me() ? (fe(e), !0) : !1;
+function re(e) {
+  return oe() ? (ce(e), !0) : !1;
 }
-function qe(e, t = !0) {
-  ve() ? Ae(e) : t ? e() : ee(e);
+function De(e, t = !0) {
+  le() ? ue(e) : t ? e() : Z(e);
 }
-function ae(e) {
+function se(e) {
   var t;
-  const n = re(e);
+  const n = ne(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-const Qe = B ? window : void 0, We = B ? window.document : void 0;
-function Be(...e) {
+const Ne = B ? window : void 0, ke = B ? window.document : void 0;
+function xe(...e) {
   let t, n, r, c;
-  if (ke(e[0]) || Array.isArray(e[0]) ? ([n, r, c] = e, t = Qe) : [t, n, r, c] = e, !t)
-    return xe;
+  if (Fe(e[0]) || Array.isArray(e[0]) ? ([n, r, c] = e, t = Ne) : [t, n, r, c] = e, !t)
+    return Re;
   Array.isArray(n) || (n = [n]), Array.isArray(r) || (r = [r]);
   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))));
+  }, s = (l, g, m, _) => (l.addEventListener(g, m, _), () => l.removeEventListener(g, m, _)), o = M(() => [se(t), ne(c)], ([l, g]) => {
+    i(), l && a.push(...n.flatMap((m) => r.map((_) => s(l, m, _, g))));
   }, { immediate: !0, flush: "post" }), p = () => {
     o(), i();
   };
-  return se(p), p;
+  return re(p), p;
 }
-function $e(e, t = !1) {
+function Ve(e, t = !1) {
   const n = w(), r = () => n.value = !!e();
-  return r(), qe(r, t), n;
+  return r(), De(r, t), n;
 }
 const U = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, G = "__vueuse_ssr_handlers__";
 U[G] = U[G] || {};
@@ -649,10 +505,10 @@ const J = [
     "MSFullscreenError"
   ]
 ];
-function ze(e, t = {}) {
-  const { document: n = We, autoExit: r = !1 } = t, c = n == null ? void 0 : n.querySelector("html"), a = w(!1);
+function qe(e, t = {}) {
+  const { document: n = ke, autoExit: r = !1 } = t, c = n == null ? void 0 : n.querySelector("html"), a = w(!1);
   let i = J[0];
-  const s = $e(() => {
+  const s = Ve(() => {
     if (n) {
       for (const S of J)
         if (S[1] in n)
@@ -664,22 +520,22 @@ function ze(e, t = {}) {
   async function m() {
     s.value && (n != null && n[l] && await n[p](), a.value = !1);
   }
-  async function M() {
+  async function _() {
     if (!s.value)
       return;
     await m();
-    const S = ae(c);
+    const S = se(c);
     S && (await S[o](), a.value = !0);
   }
   async function ie() {
-    a.value ? await m() : await M();
+    a.value ? await m() : await _();
   }
-  return n && Be(n, g, () => {
+  return n && xe(n, g, () => {
     a.value = !!(n != null && n[l]);
-  }, !1), r && se(m), {
+  }, !1), r && re(m), {
     isSupported: s,
     isFullscreen: a,
-    enter: M,
+    enter: _,
     exit: m,
     toggle: ie
   };
@@ -688,15 +544,15 @@ var K;
 (function(e) {
   e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
 })(K || (K = {}));
-var je = Object.defineProperty, X = Object.getOwnPropertySymbols, He = Object.prototype.hasOwnProperty, Ue = Object.prototype.propertyIsEnumerable, Y = (e, t, n) => t in e ? je(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Ge = (e, t) => {
+var Qe = Object.defineProperty, X = Object.getOwnPropertySymbols, We = Object.prototype.hasOwnProperty, Be = Object.prototype.propertyIsEnumerable, Y = (e, t, n) => t in e ? Qe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, $e = (e, t) => {
   for (var n in t || (t = {}))
-    He.call(t, n) && Y(e, n, t[n]);
+    We.call(t, n) && Y(e, n, t[n]);
   if (X)
     for (var n of X(t))
-      Ue.call(t, n) && Y(e, n, t[n]);
+      Be.call(t, n) && Y(e, n, t[n]);
   return e;
 };
-const Je = {
+const ze = {
   easeInSine: [0.12, 0, 0.39, 0],
   easeOutSine: [0.61, 1, 0.88, 1],
   easeInOutSine: [0.37, 0, 0.63, 1],
@@ -722,15 +578,161 @@ const Je = {
   easeOutBack: [0.34, 1.56, 0.64, 1],
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
-Ge({
-  linear: Ve
-}, Je);
-const Ke = (e) => ["http://", "https://", "ws://", "wss://", "/"].find((n) => e.startsWith(n)) ? e : `/${e}`, et = (e, t) => {
+$e({
+  linear: Te
+}, ze);
+const je = ["src", "entry", "name"], He = /* @__PURE__ */ x({
+  __name: "das-micro-app",
+  props: {
+    src: {},
+    name: {},
+    actived: { type: Boolean }
+  },
+  emits: ["onLoaded", "onActivated", "onDeactivated"],
+  setup(e, { emit: t }) {
+    const n = e, r = t, c = (s) => {
+      r("onLoaded", s);
+    }, a = D(() => n.actived);
+    return M(() => a.value, (s) => {
+      s && r("onActivated"), s || r("onDeactivated");
+    }), (s, o) => (E(), N("iframe", {
+      class: "das-micro-app",
+      src: n.src,
+      entry: n.src,
+      name: n.name,
+      frameborder: "0",
+      onLoad: c
+    }, null, 40, je));
+  }
+}), Ue = /* @__PURE__ */ te(He, [["__scopeId", "data-v-8ae871f6"]]), Ge = /* @__PURE__ */ x({
+  __name: "das-micro-apps",
+  setup(e) {
+    const t = w(null), n = async (a, i) => {
+      const s = f.value.find((m) => m.name === i);
+      if (!s) return;
+      s.dom = a.target, await Z(), 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: o(),
+        entry: s.entry,
+        name: s.name
+      });
+      const { dom: p, ...l } = s;
+      d.triggerMicroAppLifeCycleListener("onLoaded", l), new ResizeObserver(() => {
+        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 = (a, i) => {
+      const s = f.value.find((l) => l.name === i);
+      if (!s) return;
+      const { dom: o, ...p } = s;
+      d.sendMessageToMicroApp(i, "onActivated"), d.triggerMicroAppLifeCycleListener("onActivated", p);
+    }, c = (a, i) => {
+      const s = f.value.find((l) => l.name === i);
+      if (!s) return;
+      const { dom: o, ...p } = s;
+      d.sendMessageToMicroApp(i, "onDeactivated"), d.triggerMicroAppLifeCycleListener("onDeactivated", p);
+    };
+    return (a, i) => (E(), N(
+      "div",
+      {
+        ref_key: "containerRef",
+        ref: t,
+        class: "das-micro-app-container"
+      },
+      [
+        (E(!0), N(
+          $,
+          null,
+          de(I(f), (s) => (E(), N(
+            $,
+            null,
+            [
+              s.loaded ? pe((E(), ee(Ue, {
+                key: 0,
+                src: s.src || "",
+                name: s.name,
+                actived: s.actived,
+                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"])), [
+                [me, s.actived]
+              ]) : fe("v-if", !0)
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          ))),
+          256
+          /* UNKEYED_FRAGMENT */
+        ))
+      ],
+      512
+      /* NEED_PATCH */
+    ));
+  }
+}), Je = /* @__PURE__ */ te(Ge, [["__scopeId", "data-v-3abdb1e9"]]), Ze = /* @__PURE__ */ x({
+  __name: "das-main-app-layout",
+  props: {
+    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 = D(() => !k.value), r = D(() => ({
+      "enter-active-class": "animate__animated animate__fadeInLeft",
+      ...t.transitionConfig
+    })), c = D(() => ({ showLayout: t.showLayout, showAside: t.showAside, showTabs: t.showTabs }));
+    return (a, i) => (E(), ee(I(he), ve({
+      "transition-config": r.value,
+      "router-view-visible": n.value
+    }, c.value), {
+      header: C(() => [
+        V(a.$slots, "header", {}, () => [
+          F(I(we))
+        ])
+      ]),
+      aside: C(() => [
+        V(a.$slots, "aside", {}, () => [
+          F(I(ge), { menuAttr: a.menuAttr }, null, 8, ["menuAttr"])
+        ])
+      ]),
+      tab: C(() => [
+        V(a.$slots, "tab", {}, () => [
+          F(I(ye), { tabsAttr: a.tabsAttr }, null, 8, ["tabsAttr"])
+        ])
+      ]),
+      default: C(() => [
+        F(Je)
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 16, ["transition-config", "router-view-visible"]));
+  }
+}), ae = /* @__PURE__ */ x({
+  __name: "das-micro-app-ghost",
+  setup(e) {
+    return Ae(() => {
+      setTimeout(() => {
+        document.documentElement.checkVisibility() && history.back();
+      }, 300);
+    }), (t, n) => null;
+  }
+}), Ke = (e) => ["http://", "https://", "ws://", "wss://", "/"].find((n) => e.startsWith(n)) ? e : `/${e}`, et = (e, t) => {
   if (!(e != null && e.microApps) || !Array.isArray(e.microApps)) return;
   window.__IN_DAS_MAIN_APP = !0, e != null && e.microAppRouterPrefix && (z.value = e.microAppRouterPrefix), f.value = (e.microApps || []).filter((c) => !!c.name).map((c) => ({ ...c, entry: Ke(c.entry || c.name) })), t == null || t.addRoute({
     name: "das-micro-app",
     path: `${z.value}/:pathMatch(.*)*`,
-    component: ne,
+    component: ae,
     meta: { isMicroApp: !0, keepAlive: !0 }
   }), d.addEventListenerFromMicroApp("bodyOverlay", (c) => {
     const { visible: a, style: i } = c.data;
@@ -742,7 +744,7 @@ const Ke = (e) => ["http://", "https://", "ws://", "wss://", "/"].find((n) => e.
     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();
+  const { enter: n, exit: r } = qe();
   d.addEventListenerFromMicroApp("fullscreen", (c) => {
     const a = c.data;
     a && n(), a || r();
@@ -757,11 +759,11 @@ const Ke = (e) => ["http://", "https://", "ws://", "wss://", "/"].find((n) => e.
   t == null || t.addRoute({
     name: n,
     path: `/${n}/:pathMatch(.*)*`,
-    component: ne,
+    component: ae,
     meta: { isMicroApp: !0, keepAlive: !0 }
   });
   const r = w(!1), c = w(!1), a = w("");
-  y(
+  M(
     () => t.currentRoute.value,
     (i) => {
       if (r.value) {
@@ -809,10 +811,10 @@ const Ke = (e) => ["http://", "https://", "ws://", "wss://", "/"].find((n) => e.
     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: 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 = [];
+    s === "reload" && (R.value.push(o), T.value = !1, setTimeout(() => {
+      T.value = !0, R.value = [];
+    }, 300)), s === "unload" && (R.value.push(o), T.value = !1, setTimeout(() => {
+      T.value = !0, R.value = [];
     }, 100));
   });
 };