@das-fed/web 6.4.0-dev.9 → 6.4.0-dev.91

package/packages/micro-frontend/index.js

@@ -1,66 +1,58 @@
 import '@das-fed/web/packages/micro-frontend/style.css';
-import { ref as w, watch as y, 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 T, 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 _e } from "@das-fed/web/packages/layout/index";
-const z = w("/das-micro-app"), f = w([]), k = w(!1), R = w([]), D = w(!0);
-let A = null, h = null, L = null;
+import { ref as w, watch as M, reactive as C, getCurrentScope as ue, onScopeDispose as de, unref as I, getCurrentInstance as pe, onMounted as me, nextTick as ne, defineComponent as x, computed as D, openBlock as E, createElementBlock as N, Fragment as z, renderList as fe, withDirectives as ve, createBlock as se, vShow as he, createCommentVNode as Ae, mergeProps as we, withCtx as O, renderSlot as V, createVNode as T, onActivated as ge } from "vue";
+import { DasWebLayout as ye, DasWebNav as Me, DasWebMenu as Le, DasWebTabs as _e } from "@das-fed/web/packages/layout/index";
+const W = w("/das-micro-app"), f = w([]), k = w(!1), F = w([]), R = w(!0);
+let h = null, A = null, _ = 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)) {
-      (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);
-  }
+  var c;
+  const { origin: s } = new URL(location.href);
+  (c = window.self) == null || c.postMessage({ type: t, data: n }, s);
 }, 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);
-}, ye = () => {
-  h || (h || (h = {}), window.addEventListener(
+  var s;
+  const { origin: n } = new URL(location.href);
+  (s = window.self) == null || s.postMessage({ type: e, data: t }, n);
+}, be = () => {
+  A || (A || (A = {}), window.addEventListener(
     "message",
     (e) => {
       const { type: t, source: n } = e.data || {};
-      if (n !== "react-devtools-content-script" && h[t])
-        for (const r in h[t])
-          h[t][r](e.data);
+      if (n !== "react-devtools-content-script" && A[t])
+        for (const s in A[t])
+          A[t][s](e.data);
     },
     !1
   ));
-}, Me = () => {
-  A || (A || (A = {}), window.addEventListener(
+}, Ie = () => {
+  h || (h || (h = {}), window.addEventListener(
     "message",
     (e) => {
       const { type: t } = e.data || {};
-      if (A[t])
-        for (const n in A[t])
-          A[t][n](e.data);
+      if (h[t])
+        for (const n in h[t])
+          h[t][n](e.data);
     },
     !1
   ));
-}, Le = (e, t) => {
-  Me();
+}, Ee = (e, t) => {
+  Ie();
   const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8);
-  return A[e] || (A[e] = {}), A[e][n] = t, {
+  return h[e] || (h[e] = {}), h[e][n] = t, {
     remove: () => {
-      A[e] && A[e][n] && delete A[e][n];
+      h[e] && h[e][n] && delete h[e][n];
     }
   };
-}, be = (e, t) => {
-  ye();
+}, Se = (e, t) => {
+  be();
   const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8);
-  return h[e] || (h[e] = {}), h[e][n] = t, {
+  return A[e] || (A[e] = {}), A[e][n] = t, {
     remove: () => {
-      h[e] && h[e][n] && delete h[e][n];
+      A[e] && A[e][n] && delete A[e][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((s) => M(() => t.dom, s)), setTimeout(() => {
         b(t.name, "sessionStorage", e), n(!0);
       }, 0);
     }))
@@ -68,15 +60,15 @@ const b = (e, t, n) => {
 }, 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), a = t == null ? void 0 : t.actived;
-    if (!r) {
+    const t = f.value.find((o) => o.name === e), n = f.value.find((o) => o.actived), s = !!t, c = !(t != null && t.loaded), a = t == null ? void 0 : t.actived;
+    if (!s) {
       n && (n.actived = !1);
       return;
     }
     if (t.isFirstActived = !0, c) {
       t.src = t.entry;
-      const i = f.value.find((s) => s.actived);
-      i && (i.actived = !1), t.loaded = !0, t.actived = !0;
+      const o = f.value.find((r) => r.actived);
+      o && (o.actived = !1), t.loaded = !0, t.actived = !0;
       return;
     }
     if (!a) {
@@ -86,7 +78,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",
@@ -109,27 +101,27 @@ 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;
-    const c = n.path || n, a = n.query || {}, i = n.params || {};
+    const s = f.value.find((r) => r.name === t);
+    if (!s || !s.loaded || !s.actived || (s.dom || await new Promise((r) => M(() => s.dom, r)), !s.actived)) return s;
+    const c = n.path || n, a = n.query || {}, o = n.params || {};
     return e.push({
       path: `/${t}${c}`,
       query: a,
       // @ts-ignore
-      params: i
+      params: o
     }), setTimeout(() => {
-      const { isFirstActived: s } = r;
+      const { isFirstActived: r } = s;
       b(t, "router", {
-        cmd: s ? "replace" : "push",
+        cmd: r ? "replace" : "push",
         route: n,
         microAppName: t
-      }), s && (r.isFirstActived = !1);
-    }, 0), r;
+      }), r && (s.isFirstActived = !1);
+    }, 0), s;
   },
   sendMessageToMicroApp: b,
   sendMessageToMainApp: q,
-  addEventListenerFromMainApp: Le,
-  addEventListenerFromMicroApp: be,
+  addEventListenerFromMainApp: Ee,
+  addEventListenerFromMicroApp: Se,
   setMainAppOverlay: (e, t) => {
     q("bodyOverlay", { visible: e, style: t });
   },
@@ -148,39 +140,40 @@ const b = (e, t, n) => {
   },
   addMicroAppLifeCycleListener: (e, t) => {
     const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8);
-    L || (L = {});
-    const r = () => {
-      L[n] && delete L[n];
+    _ || (_ = {});
+    const s = () => {
+      _[n] && delete _[n];
     };
-    return L[n] = {
+    return _[n] = {
       type: e,
       handler: async (c) => await t(c),
-      remove: r
-    }, { remove: r };
+      remove: s
+    }, { remove: s };
   },
   triggerMicroAppLifeCycleListener: (e, t, n) => {
     var a;
-    const r = L, { autoRemove: c = !1 } = n || {};
-    for (const i in r) {
-      const s = r[i];
-      s.type === e && ((a = s == null ? void 0 : s.handler) == null || a.call(s, t).then(() => {
-        c && s.remove();
+    const s = _, { autoRemove: c = !1 } = n || {};
+    for (const o in s) {
+      const r = s[o];
+      r.type === e && ((a = r == null ? void 0 : r.handler) == null || a.call(r, t).then(() => {
+        c && r.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) => y(() => n.dom, r)), b(e, "route", { cmd: "reload", path: t })));
+    const n = f.value.find((s) => s.name === e);
+    n && (!n.loaded || !n.actived || (n.dom || await new Promise((s) => M(() => n.dom, s)), 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 })));
+    const n = f.value.find((s) => s.name === e);
+    n && (!n.loaded || !n.actived || (n.dom || await new Promise((s) => M(() => n.dom, s)), b(e, "route", { cmd: "unload", path: t })));
   },
   setMainAppLayoutVisible: (e) => {
     q("layoutVisible", { visible: e });
   }
-}, u = O({
+}, l = C({
   visible: !1,
+  theme: "default",
   logo: "",
   items: [],
   projects: [],
@@ -190,66 +183,69 @@ const b = (e, t, n) => {
   // activeItem: '',
   // activeProject: {},
   eventListeners: {}
-}), Ie = {
+}), j = {
   show: () => {
-    u.visible = !0;
+    l.visible = !0;
   },
   hide: () => {
-    u.visible = !1;
+    l.visible = !1;
   },
   setLogo: (e) => {
-    u.logo = e;
+    l.logo = e;
+  },
+  setTheme: (e) => {
+    l.theme = e;
   },
   setItems: (e) => {
-    u.visible || (u.visible = !0), u.items = e;
+    l.visible || (l.visible = !0), l.items = e;
   },
-  getItems: () => u.items,
+  getItems: () => l.items,
   removeItem: (e) => {
-    const t = u.items.filter((n) => n.value !== e);
-    u.items = t;
+    const t = l.items.filter((n) => n.value !== e);
+    l.items = t;
   },
   appendItem: (e) => {
-    u.visible || (u.visible = !0), !u.items.find((n) => n.value == e.value) && u.items.push(e);
+    l.visible || (l.visible = !0), !l.items.find((n) => n.value == e.value) && l.items.push(e);
   },
   setActiveItem: (e) => {
-    u.activeItem = e;
+    l.activeItem = e;
   },
   setConfig: (e) => {
-    u.config = e;
+    l.config = e;
   },
   setProjects: (e) => {
-    u.projects = e;
+    l.projects = e;
   },
   setProjectConfig: (e) => {
-    u.projectConfig = e;
+    l.projectConfig = e;
   },
   setActiveProject: (e) => {
-    u.activeProject = e;
+    l.activeProject = e;
   },
   setUserInfo: (e) => {
-    u.userInfo = e;
+    l.userInfo = e;
   },
   setSearchConfig: (e) => {
-    u.searchConfig = e;
+    l.searchConfig = e;
   },
   triggerEventListener: (e, t, n) => {
-    var i;
-    const r = u.eventListeners, { autoRemove: c = !1 } = n || {}, a = [];
-    for (const s in r) {
-      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();
+    var o;
+    const s = l.eventListeners, { autoRemove: c = !1 } = n || {}, a = [];
+    for (const r in s) {
+      const i = s[r];
+      i.type === e && a.push(
+        (o = i == null ? void 0 : i.handler) == null ? void 0 : o.call(i, t).then(() => {
+          c && i.remove();
         })
       );
     }
     return Promise.all(a).then(() => !0).catch(() => !1);
   },
   addEventListener: (e, t) => {
-    const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), r = () => {
-      u.eventListeners[n] && delete u.eventListeners[n];
+    const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), s = () => {
+      l.eventListeners[n] && delete l.eventListeners[n];
     };
-    return u.eventListeners[n] = {
+    return l.eventListeners[n] = {
       type: e,
       handler: async (c) => {
         try {
@@ -258,43 +254,51 @@ const b = (e, t, n) => {
           throw a;
         }
       },
-      remove: r
+      remove: s
     }, {
-      remove: r
+      remove: s
     };
   }
-}, _ = O({
+}, g = C({
+  theme: "default",
   items: [],
+  collapse: !1,
   eventListeners: {}
-}), Ee = {
+}), H = {
   setItems: (e) => {
-    _.items = e;
+    g.items = e;
+  },
+  getItems: () => g.items,
+  setTheme: (e) => {
+    g.theme = e;
   },
-  getItems: () => _.items,
   setActiveItem: (e) => {
-    _.activeItem = e;
+    g.activeItem = e;
+  },
+  setCollapse: (e) => {
+    g.collapse = e;
   },
   setPopupClassName: (e) => {
-    _.popupClassName = e;
+    g.popupClassName = e;
   },
   triggerEventListener: (e, t, n) => {
-    var i;
-    const r = _.eventListeners, { autoRemove: c = !1 } = n || {}, a = [];
-    for (const s in r) {
-      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();
+    var o;
+    const s = g.eventListeners, { autoRemove: c = !1 } = n || {}, a = [];
+    for (const r in s) {
+      const i = s[r];
+      i.type === e && a.push(
+        (o = i == null ? void 0 : i.handler) == null ? void 0 : o.call(i, t).then(() => {
+          c && i.remove();
         })
       );
     }
     return Promise.all(a).then(() => !0).catch(() => !1);
   },
   addEventListener: (e, t) => {
-    const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), r = () => {
-      _.eventListeners[n] && delete _.eventListeners[n];
+    const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), s = () => {
+      g.eventListeners[n] && delete g.eventListeners[n];
     };
-    return _.eventListeners[n] = {
+    return g.eventListeners[n] = {
       type: e,
       handler: async (c) => {
         try {
@@ -303,19 +307,23 @@ const b = (e, t, n) => {
           throw a;
         }
       },
-      remove: r
+      remove: s
     }, {
-      remove: r
+      remove: s
     };
   }
-}, v = O({
+}, v = C({
+  theme: "default",
   items: [],
   eventListeners: {}
-}), Se = {
+}), U = {
   setItems: (e) => {
     v.items = e;
   },
   getItems: () => v.items,
+  setTheme: (e) => {
+    v.theme = e;
+  },
   removeItem: (e) => {
     const t = v.items.filter((n) => n.value !== e);
     v.items = t;
@@ -328,20 +336,20 @@ const b = (e, t, n) => {
     v.activeItem = e;
   },
   triggerEventListener: (e, t, n) => {
-    var i;
-    const r = v.eventListeners, { autoRemove: c = !1 } = n || {}, a = [];
-    for (const s in r) {
-      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();
+    var o;
+    const s = v.eventListeners, { autoRemove: c = !1 } = n || {}, a = [];
+    for (const r in s) {
+      const i = s[r];
+      i.type === e && a.push(
+        (o = i == null ? void 0 : i.handler) == null ? void 0 : o.call(i, t).then(() => {
+          c && i.remove();
         })
       );
     }
     return Promise.all(a).then(() => !0).catch(() => !1);
   },
   addEventListener: (e, t) => {
-    const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), r = () => {
+    const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), s = () => {
       v.eventListeners[n] && delete v.eventListeners[n];
     };
     return v.eventListeners[n] = {
@@ -353,29 +361,29 @@ const b = (e, t, n) => {
           throw a;
         }
       },
-      remove: r
+      remove: s
     }, {
-      remove: r
+      remove: s
     };
   }
-}, P = O({
+}, P = C({
   eventListeners: {}
 }), Pe = {
   triggerEventListener: (e, t, n) => {
-    var i;
-    const r = P.eventListeners, { autoRemove: c = !1 } = n || {}, a = [];
-    for (const s in r) {
-      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();
+    var o;
+    const s = P.eventListeners, { autoRemove: c = !1 } = n || {}, a = [];
+    for (const r in s) {
+      const i = s[r];
+      i.type === e && a.push(
+        (o = i == null ? void 0 : i.handler) == null ? void 0 : o.call(i, t).then(() => {
+          c && i.remove();
         })
       );
     }
     return Promise.all(a).then(() => !0).catch(() => !1);
   },
   addEventListener: (e, t) => {
-    const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), r = () => {
+    const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), s = () => {
       P.eventListeners[n] && delete P.eventListeners[n];
     };
     return P.eventListeners[n] = {
@@ -387,81 +395,84 @@ const b = (e, t, n) => {
           throw a;
         }
       },
-      remove: r
+      remove: s
     }, {
-      remove: r
+      remove: s
     };
   }
-}, W = O({
+}, B = C({
   visible: !1,
   style: {}
-}), Oe = {
+}), Ce = {
   set: (e, t) => {
-    W.visible = e, t || (t = {}), t.transition || (t.transition = "all 0.3s"), t && (W.style = t);
+    B.visible = e, t || (t = {}), t.transition || (t.transition = "all 0.3s"), t && (B.style = t);
   }
-}, Ce = {
-  nav: u,
-  menu: _,
+}, Oe = {
+  nav: l,
+  menu: g,
   tab: v,
-  overlay: W,
+  overlay: B,
   iframeView: P,
   visible: w(!0)
-}, j = {
-  nav: Ie,
-  menu: Ee,
-  tab: Se,
-  overlay: Oe,
+}, G = {
+  nav: j,
+  menu: H,
+  tab: U,
+  overlay: Ce,
   iframeView: Pe,
-  setVisible: (e) => Ce.visible.value = e
-}, te = (e, t) => {
+  setVisible: (e) => Oe.visible.value = e,
+  setTheme: (e) => {
+    j.setTheme(e), H.setTheme(e), U.setTheme(e);
+  }
+}, re = (e, t) => {
   const n = e.__vccOpts || e;
-  for (const [r, c] of t)
-    n[r] = c;
+  for (const [s, c] of t)
+    n[s] = c;
   return n;
 };
-var H;
-const B = typeof window < "u", Fe = (e) => typeof e == "string", Re = () => {
+var J;
+const $ = typeof window < "u", Te = (e) => typeof e == "string", Fe = () => {
 };
-B && ((H = window == null ? void 0 : window.navigator) != null && H.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
-function ne(e) {
+$ && ((J = window == null ? void 0 : window.navigator) != null && J.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+function ae(e) {
   return typeof e == "function" ? e() : I(e);
 }
-function De(e) {
+function Re(e) {
   return e;
 }
-function re(e) {
-  return oe() ? (ce(e), !0) : !1;
+function ie(e) {
+  return ue() ? (de(e), !0) : !1;
 }
-function Te(e, t = !0) {
-  le() ? ue(e) : t ? e() : Z(e);
+function De(e, t = !0) {
+  pe() ? me(e) : t ? e() : ne(e);
 }
-function se(e) {
+function oe(e) {
   var t;
-  const n = ne(e);
+  const n = ae(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-const Ne = B ? window : void 0, ke = B ? window.document : void 0;
+const Ne = $ ? window : void 0, ke = $ ? window.document : void 0;
 function xe(...e) {
-  let t, n, r, c;
-  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(() => [se(t), ne(c)], ([l, g]) => {
-    i(), l && a.push(...n.flatMap((m) => r.map((M) => s(l, m, M, g))));
+  let t, n, s, c;
+  if (Te(e[0]) || Array.isArray(e[0]) ? ([n, s, c] = e, t = Ne) : [t, n, s, c] = e, !t)
+    return Fe;
+  Array.isArray(n) || (n = [n]), Array.isArray(s) || (s = [s]);
+  const a = [], o = () => {
+    a.forEach((u) => u()), a.length = 0;
+  }, r = (u, y, m, L) => (u.addEventListener(y, m, L), () => u.removeEventListener(y, m, L)), i = M(() => [oe(t), ae(c)], ([u, y]) => {
+    o(), u && a.push(...n.flatMap((m) => s.map((L) => r(u, m, L, y))));
   }, { immediate: !0, flush: "post" }), p = () => {
-    o(), i();
+    i(), o();
   };
-  return re(p), p;
+  return ie(p), p;
 }
 function Ve(e, t = !1) {
-  const n = w(), r = () => n.value = !!e();
-  return r(), Te(r, t), n;
+  const n = w(), s = () => n.value = !!e();
+  return s(), De(s, 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] || {};
-const J = [
+const K = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, X = "__vueuse_ssr_handlers__";
+K[X] = K[X] || {};
+const Y = [
   [
     "requestFullscreen",
     "exitFullscreen",
@@ -504,53 +515,53 @@ const J = [
   ]
 ];
 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 = Ve(() => {
+  const { document: n = ke, autoExit: s = !1 } = t, c = n == null ? void 0 : n.querySelector("html"), a = w(!1);
+  let o = Y[0];
+  const r = Ve(() => {
     if (n) {
-      for (const S of J)
+      for (const S of Y)
         if (S[1] in n)
-          return i = S, !0;
+          return o = S, !0;
     } else
       return !1;
     return !1;
-  }), [o, p, l, , g] = i;
+  }), [i, p, u, , y] = o;
   async function m() {
-    s.value && (n != null && n[l] && await n[p](), a.value = !1);
+    r.value && (n != null && n[u] && await n[p](), a.value = !1);
   }
-  async function M() {
-    if (!s.value)
+  async function L() {
+    if (!r.value)
       return;
     await m();
-    const S = se(c);
-    S && (await S[o](), a.value = !0);
+    const S = oe(c);
+    S && (await S[i](), a.value = !0);
   }
-  async function ie() {
-    a.value ? await m() : await M();
+  async function le() {
+    a.value ? await m() : await L();
   }
-  return n && xe(n, g, () => {
-    a.value = !!(n != null && n[l]);
-  }, !1), r && re(m), {
-    isSupported: s,
+  return n && xe(n, y, () => {
+    a.value = !!(n != null && n[u]);
+  }, !1), s && ie(m), {
+    isSupported: r,
     isFullscreen: a,
-    enter: M,
+    enter: L,
     exit: m,
-    toggle: ie
+    toggle: le
   };
 }
-var K;
+var Z;
 (function(e) {
   e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
-})(K || (K = {}));
-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) => {
+})(Z || (Z = {}));
+var Qe = Object.defineProperty, ee = Object.getOwnPropertySymbols, Be = Object.prototype.hasOwnProperty, $e = Object.prototype.propertyIsEnumerable, te = (e, t, n) => t in e ? Qe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, ze = (e, t) => {
   for (var n in t || (t = {}))
-    We.call(t, n) && Y(e, n, t[n]);
-  if (X)
-    for (var n of X(t))
-      Be.call(t, n) && Y(e, n, t[n]);
+    Be.call(t, n) && te(e, n, t[n]);
+  if (ee)
+    for (var n of ee(t))
+      $e.call(t, n) && te(e, n, t[n]);
   return e;
 };
-const ze = {
+const We = {
   easeInSine: [0.12, 0, 0.39, 0],
   easeOutSine: [0.61, 1, 0.88, 1],
   easeInOutSine: [0.37, 0, 0.63, 1],
@@ -576,9 +587,9 @@ const ze = {
   easeOutBack: [0.34, 1.56, 0.64, 1],
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
-$e({
-  linear: De
-}, ze);
+ze({
+  linear: Re
+}, We);
 const je = ["src", "entry", "name"], He = /* @__PURE__ */ x({
   __name: "das-micro-app",
   props: {
@@ -588,12 +599,12 @@ const je = ["src", "entry", "name"], He = /* @__PURE__ */ x({
   },
   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) => (E(), N("iframe", {
+    const n = e, s = t, c = (r) => {
+      s("onLoaded", r);
+    }, a = D(() => n.actived);
+    return M(() => a.value, (r) => {
+      r && s("onActivated"), r || s("onDeactivated");
+    }), (r, i) => (E(), N("iframe", {
       class: "das-micro-app",
       src: n.src,
       entry: n.src,
@@ -602,77 +613,59 @@ const je = ["src", "entry", "name"], He = /* @__PURE__ */ x({
       onLoad: c
     }, null, 40, je));
   }
-}), Ue = /* @__PURE__ */ te(He, [["__scopeId", "data-v-2266bab0"]]), Ge = /* @__PURE__ */ x({
+}), Ue = /* @__PURE__ */ re(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 t = w(null), n = async (a, o) => {
+      const r = f.value.find((m) => m.name === o);
+      if (!r) return;
+      r.dom = a.target, await ne(), await new Promise((m) => setTimeout(m, 50));
+      const i = () => {
         const m = t.value.getBoundingClientRect() || {};
         return m.width = t.value.clientWidth, m.height = t.value.clientHeight, m;
       };
-      d.sendMessageToMicroApp(i, "onLoaded", {
+      d.sendMessageToMicroApp(o, "onLoaded", {
         href: location.href,
-        microAppContainerRect: o(),
-        entry: s.entry,
-        name: s.name
+        microAppContainerRect: i(),
+        entry: r.entry,
+        name: r.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);
+      const { dom: p, ...u } = r;
+      d.triggerMicroAppLifeCycleListener("onLoaded", u), new ResizeObserver(() => {
+        d.sendMessageToMicroApp(o, "resize", i());
+      }).observe(t.value), d.sendMessageToMicroApp(o, "setProxyMessageStatus", { visible: !0, parentHref: location.href }), d.sendMessageToMicroApp(o, "setProxSsoStatus", { visible: !0, parentHref: location.href });
+    }, s = (a, o) => {
+      const r = f.value.find((u) => u.name === o);
+      if (!r) return;
+      const { dom: i, ...p } = r;
+      d.sendMessageToMicroApp(o, "onActivated"), d.triggerMicroAppLifeCycleListener("onActivated", p);
+    }, c = (a, o) => {
+      const r = f.value.find((u) => u.name === o);
+      if (!r) return;
+      const { dom: i, ...p } = r;
+      d.sendMessageToMicroApp(o, "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 */
-    ));
+    return (a, o) => (E(), N("div", {
+      ref_key: "containerRef",
+      ref: t,
+      class: "das-micro-app-container"
+    }, [
+      (E(!0), N(z, null, fe(I(f), (r) => (E(), N(z, null, [
+        r.loaded ? ve((E(), se(Ue, {
+          key: 0,
+          src: r.src || "",
+          name: r.name,
+          actived: r.actived,
+          onOnLoaded: (i) => n(i, r.name),
+          onOnActivated: (i) => s(i, r.name),
+          onOnDeactivated: (i) => c(i, r.name)
+        }, null, 8, ["src", "name", "actived", "onOnLoaded", "onOnActivated", "onOnDeactivated"])), [
+          [he, r.actived]
+        ]) : Ae("", !0)
+      ], 64))), 256))
+    ], 512));
   }
-}), Je = /* @__PURE__ */ te(Ge, [["__scopeId", "data-v-2e3798bc"]]), Ze = /* @__PURE__ */ x({
+}), Je = /* @__PURE__ */ re(Ge, [["__scopeId", "data-v-3abdb1e9"]]), Ze = /* @__PURE__ */ x({
   __name: "das-main-app-layout",
   props: {
     transitionConfig: { default: () => {
@@ -686,40 +679,39 @@ const je = ["src", "entry", "name"], He = /* @__PURE__ */ x({
     } }
   },
   setup(e) {
-    const t = e, n = T(() => !k.value), r = T(() => ({
+    const t = e, n = D(() => !k.value), s = D(() => ({
       "enter-active-class": "animate__animated animate__fadeInLeft",
       ...t.transitionConfig
-    })), c = T(() => ({ showLayout: t.showLayout, showAside: t.showAside, showTabs: t.showTabs }));
-    return (a, i) => (E(), ee(I(he), ve({
-      "transition-config": r.value,
+    })), c = D(() => ({ showLayout: t.showLayout, showAside: t.showAside, showTabs: t.showTabs }));
+    return (a, o) => (E(), se(I(ye), we({
+      "transition-config": s.value,
       "router-view-visible": n.value
     }, c.value), {
-      header: C(() => [
+      header: O(() => [
         V(a.$slots, "header", {}, () => [
-          F(I(we))
+          T(I(Me))
         ])
       ]),
-      aside: C(() => [
+      aside: O(() => [
         V(a.$slots, "aside", {}, () => [
-          F(I(ge), { menuAttr: a.menuAttr }, null, 8, ["menuAttr"])
+          T(I(Le), { menuAttr: a.menuAttr }, null, 8, ["menuAttr"])
         ])
       ]),
-      tab: C(() => [
+      tab: O(() => [
         V(a.$slots, "tab", {}, () => [
-          F(I(_e), { tabsAttr: a.tabsAttr }, null, 8, ["tabsAttr"])
+          T(I(_e), { tabsAttr: a.tabsAttr }, null, 8, ["tabsAttr"])
         ])
       ]),
-      default: C(() => [
-        F(Je)
+      default: O(() => [
+        T(Je)
       ]),
       _: 3
-      /* FORWARDED */
     }, 16, ["transition-config", "router-view-visible"]));
   }
-}), ae = /* @__PURE__ */ x({
+}), ce = /* @__PURE__ */ x({
   __name: "das-micro-app-ghost",
   setup(e) {
-    return Ae(() => {
+    return ge(() => {
       setTimeout(() => {
         document.documentElement.checkVisibility() && history.back();
       }, 300);
@@ -727,28 +719,28 @@ const je = ["src", "entry", "name"], He = /* @__PURE__ */ x({
   }
 }), 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({
+  window.__IN_DAS_MAIN_APP = !0, e != null && e.microAppRouterPrefix && (W.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: ae,
+    path: `${W.value}/:pathMatch(.*)*`,
+    component: ce,
     meta: { isMicroApp: !0, keepAlive: !0 }
   }), d.addEventListenerFromMicroApp("bodyOverlay", (c) => {
-    const { visible: a, style: i } = c.data;
-    j.overlay.set(a, i);
+    const { visible: a, style: o } = c.data;
+    G.overlay.set(a, o);
   }), d.addEventListenerFromMicroApp("layoutVisible", (c) => {
     const { visible: a } = c.data;
-    j.setVisible(a);
+    G.setVisible(a);
   }), d.addEventListenerFromMicroApp("route", (c) => {
-    const { name: a, cmd: i, path: s } = c.data;
-    i === "reload" && d.reloadMicroAppRoute(a, s), i === "unload" && d.unloadMicroAppRoute(a, s);
+    const { name: a, cmd: o, path: r } = c.data;
+    o === "reload" && d.reloadMicroAppRoute(a, r), o === "unload" && d.unloadMicroAppRoute(a, r);
   });
-  const { enter: n, exit: r } = qe();
+  const { enter: n, exit: s } = qe();
   d.addEventListenerFromMicroApp("fullscreen", (c) => {
     const a = c.data;
-    a && n(), a || r();
+    a && n(), a || s();
   }), d.addEventListenerFromMicroApp("location", (c) => {
-    const { cmd: a, isAutoCloseApp: i } = c.data || {};
-    a === "reload" && (i !== void 0 && (window.__isAutoCloseApp = i), location.reload());
+    const { cmd: a, isAutoCloseApp: o } = c.data || {};
+    a === "reload" && (o !== void 0 && (window.__isAutoCloseApp = o), location.reload());
   });
 }, tt = (e, t) => {
   if (!(e != null && e.microAppName)) return;
@@ -757,62 +749,62 @@ const je = ["src", "entry", "name"], He = /* @__PURE__ */ x({
   t == null || t.addRoute({
     name: n,
     path: `/${n}/:pathMatch(.*)*`,
-    component: ae,
+    component: ce,
     meta: { isMicroApp: !0, keepAlive: !0 }
   });
-  const r = w(!1), c = w(!1), a = w("");
-  y(
+  const s = w(!1), c = w(!1), a = w("");
+  M(
     () => t.currentRoute.value,
-    (i) => {
-      if (r.value) {
-        r.value = !1;
+    (o) => {
+      if (s.value) {
+        s.value = !1;
         return;
       }
       if (c.value) {
         c.value = !1;
         return;
       }
-      const { path: s, query: o, params: p, meta: l } = i;
-      if (a.value.includes(i.path)) {
+      const { path: r, query: i, params: p, meta: u } = o;
+      if (a.value.includes(o.path)) {
         a.value = "";
         return;
       }
       d.sendMessageToMainApp("router", {
         cmd: "push",
         route: {
-          path: s,
-          query: { ...o, microAppName: e.microAppName },
+          path: r,
+          query: { ...i, microAppName: e.microAppName },
           params: p,
-          meta: l
+          meta: u
         }
       });
     }
-  ), d.addEventListenerFromMainApp("router", async (i) => {
-    var l;
-    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: 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: o, params: p = {}, query: l = {} } = t.currentRoute.value;
+  ), d.addEventListenerFromMainApp("router", async (o) => {
+    var u;
+    const { cmd: r, route: i, microAppName: p = "" } = o.data;
+    a.value = ("/" + p + i.path).replace(/\/\//g, "/"), (u = t == null ? void 0 : t[r]) == null || u.call(t, i);
+  }), d.addEventListenerFromMainApp("onLoaded", (o) => {
+    const { href: r, microAppContainerRect: i } = o.data;
+    window.__IN_DAS_MICRO_APP = !0, window.__DAS_MICRO_APP_NAME = e.microAppName, window.__DAS_MAIN_APP_HREF = r, window.__DAS_MICRO_APP_CONTAINER_RECT = i;
+  }), d.addEventListenerFromMainApp("onDeactivated", (o) => {
+    const { name: r = "", path: i, params: p = {}, query: u = {} } = t.currentRoute.value;
     c.value = !0, t == null || t.push({
       name: n,
-      query: { microAppName: e.microAppName, fromQuery: JSON.stringify(l), fromPath: o },
+      query: { microAppName: e.microAppName, fromQuery: JSON.stringify(u), fromPath: i },
       params: p
     });
-  }), d.addEventListenerFromMainApp("onActivated", (i) => {
-    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: 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: 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 = [];
+  }), d.addEventListenerFromMainApp("onActivated", (o) => {
+    const { name: r = "", params: i = {}, query: p = {} } = t.currentRoute.value, { fromPath: u = "", fromQuery: y = "{}" } = p || {};
+    s.value = !0, t == null || t.push({ path: u, query: JSON.parse(y), params: i });
+  }), d.addEventListenerFromMainApp("sessionStorage", (o) => {
+    const { cmd: r, key: i, value: p } = o.data;
+    r === "setItem" && window.sessionStorage.setItem(i, p), r === "getItem" && window.sessionStorage.getItem(i), r === "removeItem" && window.sessionStorage.removeItem(i), r === "clear" && window.sessionStorage.clear();
+  }), d.addEventListenerFromMainApp("route", (o) => {
+    const { cmd: r, path: i } = o.data;
+    r === "reload" && (F.value.push(i), R.value = !1, setTimeout(() => {
+      R.value = !0, F.value = [];
+    }, 300)), r === "unload" && (F.value.push(i), R.value = !1, setTimeout(() => {
+      R.value = !0, F.value = [];
     }, 100));
   });
 };