@das-fed/web 6.4.0-test.20 → 6.4.0-test.21

package/packages/micro-frontend/index.js

@@ -1,61 +1,70 @@
 import '@das-fed/web/packages/micro-frontend/style.css';
-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 { ref as w, watch as M, reactive as T, getCurrentScope as ue, onScopeDispose as de, unref as I, getCurrentInstance as pe, onMounted as me, nextTick as ne, defineComponent as x, computed as N, openBlock as E, createElementBlock as D, Fragment as z, renderList as fe, withDirectives as ve, createBlock as se, vShow as he, createCommentVNode as Ae, mergeProps as we, withCtx as C, renderSlot as V, createVNode as O, 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 A = null, v = null, _ = null;
-const b = (e, t, n) => {
-  var c;
-  const { origin: s } = new URL(location.href);
-  (c = window.self) == null || c.postMessage({ type: t, data: n }, s);
-}, be = (e) => new Promise((t) => {
+let v = null, h = null, _ = null;
+const be = (e) => new Promise((t) => {
   const n = () => {
     if (v != null && v[e]) return t();
     setTimeout(() => n(), 50);
   };
   n();
+}), b = (e, t, n, s) => {
+  var i;
+  const { awaitListener: c = !1 } = s || {}, { origin: a } = new URL(location.href);
+  c ? be(t).then(() => {
+    var r;
+    (r = window.self) == null || r.postMessage({ type: t, data: n }, a);
+  }) : (i = window.self) == null || i.postMessage({ type: t, data: n }, a);
+}, Ie = (e) => new Promise((t) => {
+  const n = () => {
+    if (h != null && h[e]) return t();
+    setTimeout(() => n(), 50);
+  };
+  n();
 }), q = (e, t, n) => {
   var a;
-  const { awaitListener: s = !1 } = n, { origin: c } = new URL(location.href);
-  s ? be(e).then(() => {
+  const { awaitListener: s = !1 } = n || {}, { origin: c } = new URL(location.href);
+  s ? Ie(e).then(() => {
     var i;
     (i = window.self) == null || i.postMessage({ type: e, data: t }, c);
   }) : (a = window.self) == null || a.postMessage({ type: e, data: t }, c);
-}, Ie = () => {
-  v || (v || (v = {}), window.addEventListener(
+}, Ee = () => {
+  h || (h || (h = {}), window.addEventListener(
     "message",
     (e) => {
       const { type: t, source: n } = e.data || {};
-      if (n !== "react-devtools-content-script" && v[t])
-        for (const s in v[t])
-          v[t][s](e.data);
+      if (n !== "react-devtools-content-script" && h[t])
+        for (const s in h[t])
+          h[t][s](e.data);
     },
     !1
   ));
-}, Ee = () => {
-  A || (A || (A = {}), window.addEventListener(
+}, Se = () => {
+  v || (v || (v = {}), window.addEventListener(
     "message",
     (e) => {
       const { type: t } = e.data || {};
-      if (A[t])
-        for (const n in A[t])
-          A[t][n](e.data);
+      if (v[t])
+        for (const n in v[t])
+          v[t][n](e.data);
     },
     !1
   ));
-}, Se = (e, t) => {
-  Ee();
+}, Pe = (e, t) => {
+  Se();
   const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8);
-  return A[e] || (A[e] = {}), A[e][n] = t, {
+  return v[e] || (v[e] = {}), v[e][n] = t, {
     remove: () => {
-      A[e] && A[e][n] && delete A[e][n];
+      v[e] && v[e][n] && delete v[e][n];
     }
   };
-}, Pe = (e, t) => {
-  Ie();
+}, Te = (e, t) => {
+  Ee();
   const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8);
-  return v[e] || (v[e] = {}), v[e][n] = t, {
+  return h[e] || (h[e] = {}), h[e][n] = t, {
     remove: () => {
-      v[e] && v[e][n] && delete v[e][n];
+      h[e] && h[e][n] && delete h[e][n];
     }
   };
 }, Q = async (e) => {
@@ -129,8 +138,8 @@ const b = (e, t, n) => {
   },
   sendMessageToMicroApp: b,
   sendMessageToMainApp: q,
-  addEventListenerFromMainApp: Se,
-  addEventListenerFromMicroApp: Pe,
+  addEventListenerFromMainApp: Pe,
+  addEventListenerFromMicroApp: Te,
   setMainAppOverlay: (e, t) => {
     q("bodyOverlay", { visible: e, style: t });
   },
@@ -180,7 +189,7 @@ const b = (e, t, n) => {
   setMainAppLayoutVisible: (e) => {
     q("layoutVisible", { visible: e });
   }
-}, l = C({
+}, l = T({
   visible: !1,
   theme: "default",
   logo: "",
@@ -268,7 +277,7 @@ const b = (e, t, n) => {
       remove: s
     };
   }
-}, g = C({
+}, g = T({
   theme: "default",
   items: [],
   collapse: !1,
@@ -321,32 +330,32 @@ const b = (e, t, n) => {
       remove: s
     };
   }
-}, h = C({
+}, A = T({
   theme: "default",
   items: [],
   eventListeners: {}
 }), U = {
   setItems: (e) => {
-    h.items = e;
+    A.items = e;
   },
-  getItems: () => h.items,
+  getItems: () => A.items,
   setTheme: (e) => {
-    h.theme = e;
+    A.theme = e;
   },
   removeItem: (e) => {
-    const t = h.items.filter((n) => n.value !== e);
-    h.items = t;
+    const t = A.items.filter((n) => n.value !== e);
+    A.items = t;
   },
   appendItem: (e) => {
-    const t = h.items.findIndex((n) => n.value == e.value);
-    t !== -1 ? h.items.splice(t, 1, e) : h.items.push(e);
+    const t = A.items.findIndex((n) => n.value == e.value);
+    t !== -1 ? A.items.splice(t, 1, e) : A.items.push(e);
   },
   setActiveItem: (e) => {
-    h.activeItem = e;
+    A.activeItem = e;
   },
   triggerEventListener: (e, t, n) => {
     var i;
-    const s = h.eventListeners, { autoRemove: c = !1 } = n || {}, a = [];
+    const s = A.eventListeners, { autoRemove: c = !1 } = n || {}, a = [];
     for (const r in s) {
       const o = s[r];
       o.type === e && a.push(
@@ -359,9 +368,9 @@ const b = (e, t, n) => {
   },
   addEventListener: (e, t) => {
     const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), s = () => {
-      h.eventListeners[n] && delete h.eventListeners[n];
+      A.eventListeners[n] && delete A.eventListeners[n];
     };
-    return h.eventListeners[n] = {
+    return A.eventListeners[n] = {
       type: e,
       handler: async (c) => {
         try {
@@ -375,7 +384,7 @@ const b = (e, t, n) => {
       remove: s
     };
   }
-}, P = C({
+}, P = T({
   eventListeners: {}
 }), Ce = {
   triggerEventListener: (e, t, n) => {
@@ -409,17 +418,17 @@ const b = (e, t, n) => {
       remove: s
     };
   }
-}, B = C({
+}, B = T({
   visible: !1,
   style: {}
 }), Oe = {
   set: (e, t) => {
     B.visible = e, t || (t = {}), t.transition || (t.transition = "all 0.3s"), t && (B.style = t);
   }
-}, Te = {
+}, Fe = {
   nav: l,
   menu: g,
-  tab: h,
+  tab: A,
   overlay: B,
   iframeView: P,
   visible: w(!0)
@@ -429,7 +438,7 @@ const b = (e, t, n) => {
   tab: U,
   overlay: Oe,
   iframeView: Ce,
-  setVisible: (e) => Te.visible.value = e,
+  setVisible: (e) => Fe.visible.value = e,
   setTheme: (e) => {
     j.setTheme(e), H.setTheme(e), U.setTheme(e);
   }
@@ -440,7 +449,7 @@ const b = (e, t, n) => {
   return n;
 };
 var J;
-const $ = typeof window < "u", Fe = (e) => typeof e == "string", Re = () => {
+const $ = typeof window < "u", Re = (e) => typeof e == "string", Ne = () => {
 };
 $ && ((J = window == null ? void 0 : window.navigator) != null && J.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 function ae(e) {
@@ -452,7 +461,7 @@ function De(e) {
 function ie(e) {
   return ue() ? (de(e), !0) : !1;
 }
-function Ne(e, t = !0) {
+function ke(e, t = !0) {
   pe() ? me(e) : t ? e() : ne(e);
 }
 function oe(e) {
@@ -460,11 +469,11 @@ function oe(e) {
   const n = ae(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-const ke = $ ? window : void 0, xe = $ ? window.document : void 0;
-function Ve(...e) {
+const xe = $ ? window : void 0, Ve = $ ? window.document : void 0;
+function qe(...e) {
   let t, n, s, c;
-  if (Fe(e[0]) || Array.isArray(e[0]) ? ([n, s, c] = e, t = ke) : [t, n, s, c] = e, !t)
-    return Re;
+  if (Re(e[0]) || Array.isArray(e[0]) ? ([n, s, c] = e, t = xe) : [t, n, s, c] = e, !t)
+    return Ne;
   Array.isArray(n) || (n = [n]), Array.isArray(s) || (s = [s]);
   const a = [], i = () => {
     a.forEach((u) => u()), a.length = 0;
@@ -475,9 +484,9 @@ function Ve(...e) {
   };
   return ie(p), p;
 }
-function qe(e, t = !1) {
+function Qe(e, t = !1) {
   const n = w(), s = () => n.value = !!e();
-  return s(), Ne(s, t), n;
+  return s(), ke(s, t), n;
 }
 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] || {};
@@ -523,10 +532,10 @@ const Y = [
     "MSFullscreenError"
   ]
 ];
-function Qe(e, t = {}) {
-  const { document: n = xe, autoExit: s = !1 } = t, c = n == null ? void 0 : n.querySelector("html"), a = w(!1);
+function Be(e, t = {}) {
+  const { document: n = Ve, autoExit: s = !1 } = t, c = n == null ? void 0 : n.querySelector("html"), a = w(!1);
   let i = Y[0];
-  const r = qe(() => {
+  const r = Qe(() => {
     if (n) {
       for (const S of Y)
         if (S[1] in n)
@@ -548,7 +557,7 @@ function Qe(e, t = {}) {
   async function le() {
     a.value ? await m() : await L();
   }
-  return n && Ve(n, y, () => {
+  return n && qe(n, y, () => {
     a.value = !!(n != null && n[u]);
   }, !1), s && ie(m), {
     isSupported: r,
@@ -562,15 +571,15 @@ var Z;
 (function(e) {
   e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
 })(Z || (Z = {}));
-var Be = Object.defineProperty, ee = Object.getOwnPropertySymbols, $e = Object.prototype.hasOwnProperty, ze = Object.prototype.propertyIsEnumerable, te = (e, t, n) => t in e ? Be(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, We = (e, t) => {
+var $e = Object.defineProperty, ee = Object.getOwnPropertySymbols, ze = Object.prototype.hasOwnProperty, We = Object.prototype.propertyIsEnumerable, te = (e, t, n) => t in e ? $e(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, je = (e, t) => {
   for (var n in t || (t = {}))
-    $e.call(t, n) && te(e, n, t[n]);
+    ze.call(t, n) && te(e, n, t[n]);
   if (ee)
     for (var n of ee(t))
-      ze.call(t, n) && te(e, n, t[n]);
+      We.call(t, n) && te(e, n, t[n]);
   return e;
 };
-const je = {
+const He = {
   easeInSine: [0.12, 0, 0.39, 0],
   easeOutSine: [0.61, 1, 0.88, 1],
   easeInOutSine: [0.37, 0, 0.63, 1],
@@ -596,10 +605,10 @@ const je = {
   easeOutBack: [0.34, 1.56, 0.64, 1],
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
-We({
+je({
   linear: De
-}, je);
-const He = ["src", "entry", "name"], Ue = /* @__PURE__ */ x({
+}, He);
+const Ue = ["src", "entry", "name"], Ge = /* @__PURE__ */ x({
   __name: "das-micro-app",
   props: {
     src: {},
@@ -610,19 +619,19 @@ const He = ["src", "entry", "name"], Ue = /* @__PURE__ */ x({
   setup(e, { emit: t }) {
     const n = e, s = t, c = (r) => {
       s("onLoaded", r);
-    }, a = D(() => n.actived);
+    }, a = N(() => n.actived);
     return M(() => a.value, (r) => {
       r && s("onActivated"), r || s("onDeactivated");
-    }), (r, o) => (E(), N("iframe", {
+    }), (r, o) => (E(), D("iframe", {
       class: "das-micro-app",
       src: n.src,
       entry: n.src,
       name: n.name,
       frameborder: "0",
       onLoad: c
-    }, null, 40, He));
+    }, null, 40, Ue));
   }
-}), Ge = /* @__PURE__ */ re(Ue, [["__scopeId", "data-v-8ae871f6"]]), Je = /* @__PURE__ */ x({
+}), Je = /* @__PURE__ */ re(Ge, [["__scopeId", "data-v-8ae871f6"]]), Ke = /* @__PURE__ */ x({
   __name: "das-micro-apps",
   setup(e) {
     const t = w(null), n = async (a, i) => {
@@ -654,13 +663,13 @@ const He = ["src", "entry", "name"], Ue = /* @__PURE__ */ x({
       const { dom: o, ...p } = r;
       d.sendMessageToMicroApp(i, "onDeactivated"), d.triggerMicroAppLifeCycleListener("onDeactivated", p);
     };
-    return (a, i) => (E(), N("div", {
+    return (a, i) => (E(), D("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(Ge, {
+      (E(!0), D(z, null, fe(I(f), (r) => (E(), D(z, null, [
+        r.loaded ? ve((E(), se(Je, {
           key: 0,
           src: r.src || "",
           name: r.name,
@@ -674,7 +683,7 @@ const He = ["src", "entry", "name"], Ue = /* @__PURE__ */ x({
       ], 64))), 256))
     ], 512));
   }
-}), Ke = /* @__PURE__ */ re(Je, [["__scopeId", "data-v-3abdb1e9"]]), et = /* @__PURE__ */ x({
+}), Xe = /* @__PURE__ */ re(Ke, [["__scopeId", "data-v-3abdb1e9"]]), tt = /* @__PURE__ */ x({
   __name: "das-main-app-layout",
   props: {
     transitionConfig: { default: () => {
@@ -688,31 +697,31 @@ const He = ["src", "entry", "name"], Ue = /* @__PURE__ */ x({
     } }
   },
   setup(e) {
-    const t = e, n = D(() => !k.value), s = D(() => ({
+    const t = e, n = N(() => !k.value), s = N(() => ({
       "enter-active-class": "animate__animated animate__fadeInLeft",
       ...t.transitionConfig
-    })), c = D(() => ({ showLayout: t.showLayout, showAside: t.showAside, showTabs: t.showTabs }));
+    })), c = N(() => ({ showLayout: t.showLayout, showAside: t.showAside, showTabs: t.showTabs }));
     return (a, i) => (E(), se(I(ye), we({
       "transition-config": s.value,
       "router-view-visible": n.value
     }, c.value), {
-      header: O(() => [
+      header: C(() => [
         V(a.$slots, "header", {}, () => [
-          T(I(Me))
+          O(I(Me))
         ])
       ]),
-      aside: O(() => [
+      aside: C(() => [
         V(a.$slots, "aside", {}, () => [
-          T(I(Le), { menuAttr: a.menuAttr }, null, 8, ["menuAttr"])
+          O(I(Le), { menuAttr: a.menuAttr }, null, 8, ["menuAttr"])
         ])
       ]),
-      tab: O(() => [
+      tab: C(() => [
         V(a.$slots, "tab", {}, () => [
-          T(I(_e), { tabsAttr: a.tabsAttr }, null, 8, ["tabsAttr"])
+          O(I(_e), { tabsAttr: a.tabsAttr }, null, 8, ["tabsAttr"])
         ])
       ]),
-      default: O(() => [
-        T(Ke)
+      default: C(() => [
+        O(Xe)
       ]),
       _: 3
     }, 16, ["transition-config", "router-view-visible"]));
@@ -726,9 +735,9 @@ const He = ["src", "entry", "name"], Ue = /* @__PURE__ */ x({
       }, 300);
     }), (t, n) => null;
   }
-}), Xe = (e) => ["http://", "https://", "ws://", "wss://", "/"].find((n) => e.startsWith(n)) ? e : `/${e}`, tt = (e, t) => {
+}), Ye = (e) => ["http://", "https://", "ws://", "wss://", "/"].find((n) => e.startsWith(n)) ? e : `/${e}`, nt = (e, t) => {
   if (!(e != null && e.microApps) || !Array.isArray(e.microApps)) return;
-  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: Xe(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: Ye(c.entry || c.name) })), t == null || t.addRoute({
     name: "das-micro-app",
     path: `${W.value}/:pathMatch(.*)*`,
     component: ce,
@@ -743,7 +752,7 @@ const He = ["src", "entry", "name"], Ue = /* @__PURE__ */ x({
     const { name: a, cmd: i, path: r } = c.data;
     i === "reload" && d.reloadMicroAppRoute(a, r), i === "unload" && d.unloadMicroAppRoute(a, r);
   });
-  const { enter: n, exit: s } = Qe();
+  const { enter: n, exit: s } = Be();
   d.addEventListenerFromMicroApp("fullscreen", (c) => {
     const a = c.data;
     a && n(), a || s();
@@ -751,7 +760,7 @@ const He = ["src", "entry", "name"], Ue = /* @__PURE__ */ x({
     const { cmd: a, isAutoCloseApp: i } = c.data || {};
     a === "reload" && (i !== void 0 && (window.__isAutoCloseApp = i), location.reload());
   });
-}, nt = (e, t) => {
+}, st = (e, t) => {
   if (!(e != null && e.microAppName)) return;
   window.config.microAppName = e.microAppName, window.self !== window.top && e.microAppName && (window.__IN_DAS_MICRO_APP = !0);
   const n = "das-micro-app-ghost";
@@ -818,8 +827,8 @@ const He = ["src", "entry", "name"], Ue = /* @__PURE__ */ x({
   });
 };
 export {
-  et as DasMainAppLayout,
-  tt as initMainApp,
-  nt as initMicroApp,
+  tt as DasMainAppLayout,
+  nt as initMainApp,
+  st as initMicroApp,
   d as microFrontend
 };