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

package/packages/layout/index.js

@@ -1,11 +1,12 @@
 import '@das-fed/web/packages/layout/style.css';
-import { reactive as U, ref as N, defineComponent as z, computed as m, watch as Y, openBlock as h, createElementBlock as C, Fragment as G, createBlock as E, TransitionGroup as de, normalizeProps as Z, mergeProps as te, withCtx as O, renderList as re, withDirectives as V, resolveDynamicComponent as F, vShow as P, unref as _, createCommentVNode as L, nextTick as oe, resolveComponent as me, createElementVNode as M, normalizeClass as fe, normalizeStyle as ge, renderSlot as H, createVNode as J, Transition as ie, guardReactiveProps as le, KeepAlive as ce, h as X, onBeforeMount as pe, onMounted as he, onUnmounted as ye } from "vue";
-import { useRouter as we, useRoute as ue } from "vue-router";
-import { setHtmlMinWH as be } from "@das-fed/utils/common-tools/setHtmlMinWH";
-import { createCeNav as _e, createCeTabs as Le, createCeMenu as ke } from "@das-fed/web-components/das-web-app";
-import { flatTree as Ie } from "@das-fed/utils/common-tools/nest-tree-format";
-const p = U({
+import { reactive as K, ref as O, defineComponent as z, computed as u, watch as Z, openBlock as g, createElementBlock as I, Fragment as J, createBlock as V, TransitionGroup as he, normalizeProps as ee, mergeProps as ne, withCtx as U, renderList as re, withDirectives as D, resolveDynamicComponent as N, vShow as M, unref as w, createCommentVNode as C, nextTick as oe, resolveComponent as ge, createElementVNode as $, normalizeClass as pe, normalizeStyle as ye, renderSlot as F, createVNode as X, Transition as ie, guardReactiveProps as le, KeepAlive as ce, h as Y, onBeforeMount as we, onMounted as be, onUnmounted as _e } from "vue";
+import { useRouter as Le, useRoute as me } from "vue-router";
+import { setHtmlMinWH as Ce } from "@das-fed/utils/common-tools/setHtmlMinWH";
+import { createCeNav as Ie, createCeTabs as ke, createCeMenu as Te } from "@das-fed/web-components/das-web-app";
+import { flatTree as Ee } from "@das-fed/utils/common-tools/nest-tree-format";
+const h = K({
   visible: !1,
+  theme: "default",
   logo: "",
   items: [],
   projects: [],
@@ -15,229 +16,247 @@ const p = U({
   // activeItem: '',
   // activeProject: {},
   eventListeners: {}
-}), Ce = {
+}), ue = {
   show: () => {
-    p.visible = !0;
+    h.visible = !0;
   },
   hide: () => {
-    p.visible = !1;
+    h.visible = !1;
   },
   setLogo: (e) => {
-    p.logo = e;
+    h.logo = e;
+  },
+  setTheme: (e) => {
+    h.theme = e;
   },
   setItems: (e) => {
-    p.visible || (p.visible = !0), p.items = e;
+    h.visible || (h.visible = !0), h.items = e;
   },
-  getItems: () => p.items,
+  getItems: () => h.items,
   removeItem: (e) => {
-    const t = p.items.filter((n) => n.value !== e);
-    p.items = t;
+    const t = h.items.filter((n) => n.value !== e);
+    h.items = t;
   },
   appendItem: (e) => {
-    p.visible || (p.visible = !0), !p.items.find((n) => n.value == e.value) && p.items.push(e);
+    h.visible || (h.visible = !0), !h.items.find((n) => n.value == e.value) && h.items.push(e);
   },
   setActiveItem: (e) => {
-    p.activeItem = e;
+    h.activeItem = e;
   },
   setConfig: (e) => {
-    p.config = e;
+    h.config = e;
   },
   setProjects: (e) => {
-    p.projects = e;
+    h.projects = e;
   },
   setProjectConfig: (e) => {
-    p.projectConfig = e;
+    h.projectConfig = e;
   },
   setActiveProject: (e) => {
-    p.activeProject = e;
+    h.activeProject = e;
   },
   setUserInfo: (e) => {
-    p.userInfo = e;
+    h.userInfo = e;
   },
   setSearchConfig: (e) => {
-    p.searchConfig = e;
+    h.searchConfig = e;
   },
   triggerEventListener: (e, t, n) => {
-    var g;
-    const o = p.eventListeners, { autoRemove: l = !1 } = n || {}, c = [];
-    for (const b in o) {
-      const r = o[b];
-      r.type === e && c.push(
-        (g = r == null ? void 0 : r.handler) == null ? void 0 : g.call(r, t).then(() => {
-          l && r.remove();
+    var f;
+    const l = h.eventListeners, { autoRemove: d = !1 } = n || {}, r = [];
+    for (const y in l) {
+      const i = l[y];
+      i.type === e && r.push(
+        (f = i == null ? void 0 : i.handler) == null ? void 0 : f.call(i, t).then(() => {
+          d && i.remove();
         })
       );
     }
-    return Promise.all(c).then(() => !0).catch(() => !1);
+    return Promise.all(r).then(() => !0).catch(() => !1);
   },
   addEventListener: (e, t) => {
-    const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), o = () => {
-      p.eventListeners[n] && delete p.eventListeners[n];
+    const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), l = () => {
+      h.eventListeners[n] && delete h.eventListeners[n];
     };
-    return p.eventListeners[n] = {
+    return h.eventListeners[n] = {
       type: e,
-      handler: async (l) => {
+      handler: async (d) => {
         try {
-          await t(l);
-        } catch (c) {
-          throw c;
+          await t(d);
+        } catch (r) {
+          throw r;
         }
       },
-      remove: o
+      remove: l
     }, {
-      remove: o
+      remove: l
     };
   }
-}, j = U({
+}, A = K({
+  theme: "default",
   items: [],
+  collapse: !1,
   eventListeners: {}
-}), Te = {
+}), ve = {
   setItems: (e) => {
-    j.items = e;
+    A.items = e;
+  },
+  getItems: () => A.items,
+  setTheme: (e) => {
+    A.theme = e;
   },
-  getItems: () => j.items,
   setActiveItem: (e) => {
-    j.activeItem = e;
+    A.activeItem = e;
+  },
+  setCollapse: (e) => {
+    A.collapse = e;
   },
   setPopupClassName: (e) => {
-    j.popupClassName = e;
+    A.popupClassName = e;
   },
   triggerEventListener: (e, t, n) => {
-    var g;
-    const o = j.eventListeners, { autoRemove: l = !1 } = n || {}, c = [];
-    for (const b in o) {
-      const r = o[b];
-      r.type === e && c.push(
-        (g = r == null ? void 0 : r.handler) == null ? void 0 : g.call(r, t).then(() => {
-          l && r.remove();
+    var f;
+    const l = A.eventListeners, { autoRemove: d = !1 } = n || {}, r = [];
+    for (const y in l) {
+      const i = l[y];
+      i.type === e && r.push(
+        (f = i == null ? void 0 : i.handler) == null ? void 0 : f.call(i, t).then(() => {
+          d && i.remove();
         })
       );
     }
-    return Promise.all(c).then(() => !0).catch(() => !1);
+    return Promise.all(r).then(() => !0).catch(() => !1);
   },
   addEventListener: (e, t) => {
-    const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), o = () => {
-      j.eventListeners[n] && delete j.eventListeners[n];
+    const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), l = () => {
+      A.eventListeners[n] && delete A.eventListeners[n];
     };
-    return j.eventListeners[n] = {
+    return A.eventListeners[n] = {
       type: e,
-      handler: async (l) => {
+      handler: async (d) => {
         try {
-          await t(l);
-        } catch (c) {
-          throw c;
+          await t(d);
+        } catch (r) {
+          throw r;
         }
       },
-      remove: o
+      remove: l
     }, {
-      remove: o
+      remove: l
     };
   }
-}, T = U({
+}, k = K({
+  theme: "default",
   items: [],
   eventListeners: {}
-}), Ae = {
+}), de = {
   setItems: (e) => {
-    T.items = e;
+    k.items = e;
+  },
+  getItems: () => k.items,
+  setTheme: (e) => {
+    k.theme = e;
   },
-  getItems: () => T.items,
   removeItem: (e) => {
-    const t = T.items.filter((n) => n.value !== e);
-    T.items = t;
+    const t = k.items.filter((n) => n.value !== e);
+    k.items = t;
   },
   appendItem: (e) => {
-    const t = T.items.findIndex((n) => n.value == e.value);
-    t !== -1 ? T.items.splice(t, 1, e) : T.items.push(e);
+    const t = k.items.findIndex((n) => n.value == e.value);
+    t !== -1 ? k.items.splice(t, 1, e) : k.items.push(e);
   },
   setActiveItem: (e) => {
-    T.activeItem = e;
+    k.activeItem = e;
   },
   triggerEventListener: (e, t, n) => {
-    var g;
-    const o = T.eventListeners, { autoRemove: l = !1 } = n || {}, c = [];
-    for (const b in o) {
-      const r = o[b];
-      r.type === e && c.push(
-        (g = r == null ? void 0 : r.handler) == null ? void 0 : g.call(r, t).then(() => {
-          l && r.remove();
+    var f;
+    const l = k.eventListeners, { autoRemove: d = !1 } = n || {}, r = [];
+    for (const y in l) {
+      const i = l[y];
+      i.type === e && r.push(
+        (f = i == null ? void 0 : i.handler) == null ? void 0 : f.call(i, t).then(() => {
+          d && i.remove();
         })
       );
     }
-    return Promise.all(c).then(() => !0).catch(() => !1);
+    return Promise.all(r).then(() => !0).catch(() => !1);
   },
   addEventListener: (e, t) => {
-    const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), o = () => {
-      T.eventListeners[n] && delete T.eventListeners[n];
+    const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), l = () => {
+      k.eventListeners[n] && delete k.eventListeners[n];
     };
-    return T.eventListeners[n] = {
+    return k.eventListeners[n] = {
       type: e,
-      handler: async (l) => {
+      handler: async (d) => {
         try {
-          await t(l);
-        } catch (c) {
-          throw c;
+          await t(d);
+        } catch (r) {
+          throw r;
         }
       },
-      remove: o
+      remove: l
     }, {
-      remove: o
+      remove: l
     };
   }
-}, W = U({
+}, W = K({
   eventListeners: {}
-}), Ee = {
+}), Re = {
   triggerEventListener: (e, t, n) => {
-    var g;
-    const o = W.eventListeners, { autoRemove: l = !1 } = n || {}, c = [];
-    for (const b in o) {
-      const r = o[b];
-      r.type === e && c.push(
-        (g = r == null ? void 0 : r.handler) == null ? void 0 : g.call(r, t).then(() => {
-          l && r.remove();
+    var f;
+    const l = W.eventListeners, { autoRemove: d = !1 } = n || {}, r = [];
+    for (const y in l) {
+      const i = l[y];
+      i.type === e && r.push(
+        (f = i == null ? void 0 : i.handler) == null ? void 0 : f.call(i, t).then(() => {
+          d && i.remove();
         })
       );
     }
-    return Promise.all(c).then(() => !0).catch(() => !1);
+    return Promise.all(r).then(() => !0).catch(() => !1);
   },
   addEventListener: (e, t) => {
-    const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), o = () => {
+    const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), l = () => {
       W.eventListeners[n] && delete W.eventListeners[n];
     };
     return W.eventListeners[n] = {
       type: e,
-      handler: async (l) => {
+      handler: async (d) => {
         try {
-          await t(l);
-        } catch (c) {
-          throw c;
+          await t(d);
+        } catch (r) {
+          throw r;
         }
       },
-      remove: o
+      remove: l
     }, {
-      remove: o
+      remove: l
     };
   }
-}, ee = U({
+}, te = K({
   visible: !1,
   style: {}
-}), Re = {
+}), Ae = {
   set: (e, t) => {
-    ee.visible = e, t || (t = {}), t.transition || (t.transition = "all 0.3s"), t && (ee.style = t);
+    te.visible = e, t || (t = {}), t.transition || (t.transition = "all 0.3s"), t && (te.style = t);
   }
-}, B = {
-  nav: p,
-  menu: j,
-  tab: T,
-  overlay: ee,
+}, H = {
+  nav: h,
+  menu: A,
+  tab: k,
+  overlay: te,
   iframeView: W,
-  visible: N(!0)
-}, d = {
-  nav: Ce,
-  menu: Te,
-  tab: Ae,
-  overlay: Re,
-  iframeView: Ee,
-  setVisible: (e) => B.visible.value = e
+  visible: O(!0)
+}, v = {
+  nav: ue,
+  menu: ve,
+  tab: de,
+  overlay: Ae,
+  iframeView: Re,
+  setVisible: (e) => H.visible.value = e,
+  setTheme: (e) => {
+    ue.setTheme(e), ve.setTheme(e), de.setTheme(e);
+  }
 }, Ve = ["name"], Pe = ["name"], Se = /* @__PURE__ */ z({
   __name: "das-iframe-router-view",
   props: {
@@ -246,138 +265,109 @@ const p = U({
     exclude: { default: () => [] }
   },
   setup(e) {
-    const t = e, n = m(() => {
+    const t = e, n = u(() => {
       const { mode: s = "", ...a } = {
         mode: "out-in",
         "enter-active-class": "animate__animated animate__fadeInLeft",
         ...t.transitionConfig || {}
       };
       return a;
-    }), o = we(), l = ue(), c = N([]), g = m(() => c.value.filter((s) => {
+    }), l = Le(), d = me(), r = O([]), f = u(() => r.value.filter((s) => {
       var a;
       return (a = s.meta) == null ? void 0 : a.isOpen;
-    })), b = (s) => {
+    })), y = (s) => {
       const a = s.lastIndexOf("-");
-      let u = a !== -1 ? s.substring(a + 1) : "";
-      u === "0" ? u = "1" : u = "0", g.value.forEach((v) => {
-        v.meta.key === s && (v.meta.key = `${v.path}-${u}`);
+      let o = a !== -1 ? s.substring(a + 1) : "";
+      o === "0" ? o = "1" : o = "0", f.value.forEach((m) => {
+        m.meta.key === s && (m.meta.key = `${m.path}-${o}`);
       });
     };
-    Y(
+    Z(
       () => t.exclude,
       (s) => {
         if (!s || !s.length) return;
-        const a = g.value.find((u) => s.includes(u.path));
-        a && b(a.meta.key);
+        const a = f.value.find((o) => s.includes(o.path));
+        a && y(a.meta.key);
       },
       { deep: !0 }
     );
-    const r = async (s) => {
+    const i = async (s) => {
       const a = s.component;
-      let u = null;
-      return typeof a == "function" ? u = (await a()).default : u = a, u;
-    }, R = async () => {
+      let o = null;
+      return typeof a == "function" ? o = (await a()).default : o = a, o;
+    }, P = async () => {
       var a;
-      const s = o.options.routes;
-      for (const u of s)
-        if ((a = u == null ? void 0 : u.meta) != null && a.isIframe && !c.value.find((v) => v.path === u.path)) {
-          const v = await r(u);
-          c.value.push({
-            ...u,
-            meta: { ...u.meta, key: `${u.path}-0`, componentInstance: v, isOpen: !1, isShow: !1 }
+      const s = l.options.routes;
+      for (const o of s)
+        if ((a = o == null ? void 0 : o.meta) != null && a.isIframe && !r.value.find((m) => m.path === o.path)) {
+          const m = await i(o);
+          r.value.push({
+            ...o,
+            meta: { ...o.meta, key: `${o.path}-0`, componentInstance: m, isOpen: !1, isShow: !1 }
           });
         }
-      k();
-    }, k = async () => {
-      var u, v;
-      if (!c.value || !c.value.length) return;
-      const s = c.value.find((S) => S.meta.isShow);
-      s && (s.meta.isShow = !1, await oe(), d.iframeView.triggerEventListener("onDeactivated", { route: s }));
-      const a = c.value.find((S) => S.path === l.path);
-      a && ((u = a.meta) != null && u.isOpen || (a.meta.isOpen = !0), (v = a.meta) != null && v.isShow || (a.meta.isShow = !0), await oe(), d.iframeView.triggerEventListener("onActivated", { route: a }));
+      T();
+    }, T = async () => {
+      var o, m;
+      if (!r.value || !r.value.length) return;
+      const s = r.value.find((L) => L.meta.isShow);
+      s && (s.meta.isShow = !1, await oe(), v.iframeView.triggerEventListener("onDeactivated", { route: s }));
+      const a = r.value.find((L) => L.path === d.path);
+      a && ((o = a.meta) != null && o.isOpen || (a.meta.isOpen = !0), (m = a.meta) != null && m.isShow || (a.meta.isShow = !0), await oe(), v.iframeView.triggerEventListener("onActivated", { route: a }));
     };
-    let y = 0;
-    return Y(
-      () => o.currentRoute.value,
+    let S = 0;
+    return Z(
+      () => l.currentRoute.value,
       () => {
-        const s = o.options.routes.length;
-        s !== y ? (R(), y = s) : k();
+        const s = l.options.routes.length;
+        s !== S ? (P(), S = s) : T();
       },
       { immediate: !0 }
-    ), d.iframeView.addEventListener("onRefreshCurrentPage", () => {
-      g.value.forEach((s) => {
+    ), v.iframeView.addEventListener("onRefreshCurrentPage", () => {
+      f.value.forEach((s) => {
         var a;
         (a = s.meta) != null && a.isShow && (s.meta.key.includes("0") ? s.meta.key = s.meta.key.replaceAll("0", "1") : s.meta.key = s.meta.key.replaceAll("1", "0"));
       });
-    }), d.iframeView.addEventListener("onRefreshPage", (s) => {
-      g.value.forEach((a) => {
-        a.path === s && (a.meta.key.includes("0") ? a.meta.key = a.meta.key.replaceAll("0", "1") : a.meta.key = a.meta.key.replaceAll("1", "0"));
-      });
-    }), d.iframeView.addEventListener("onRefreshAllPage", () => {
-      g.value.forEach((s) => {
-        s.meta.key.includes("0") ? s.meta.key = s.meta.key.replaceAll("0", "1") : s.meta.key = s.meta.key.replaceAll("1", "0");
+    }), v.iframeView.addEventListener("onUnloadPage", (s) => {
+      r.value.forEach((a) => {
+        a.path === s && (a.meta.isOpen = !1);
       });
-    }), (s, a) => (h(), C(
-      G,
-      null,
-      [
-        s.needTransition ? (h(), E(
-          de,
-          Z(te({ key: 0 }, n.value)),
-          {
-            default: O(() => [
-              (h(!0), C(
-                G,
-                null,
-                re(g.value, ({ path: u, meta: v }) => V((h(), C("div", {
-                  class: "das-iframe-router-view",
-                  key: v.key,
-                  name: u
-                }, [
-                  (h(), E(F(v.componentInstance), {
-                    key: v.key
-                  }))
-                ], 8, Ve)), [
-                  [P, v.componentInstance && u === _(l).path]
-                ])),
-                128
-                /* KEYED_FRAGMENT */
-              ))
-            ]),
-            _: 1
-            /* STABLE */
-          },
-          16
-          /* FULL_PROPS */
-        )) : L("v-if", !0),
-        s.needTransition ? L("v-if", !0) : (h(!0), C(
-          G,
-          { key: 1 },
-          re(g.value, ({ path: u, meta: v }) => V((h(), C("div", {
+    }), (s, a) => (g(), I(J, null, [
+      s.needTransition ? (g(), V(he, ee(ne({ key: 0 }, n.value)), {
+        default: U(() => [
+          (g(!0), I(J, null, re(f.value, ({ path: o, meta: m }) => D((g(), I("div", {
             class: "das-iframe-router-view",
-            key: v.key,
-            name: u
+            key: m.key,
+            name: o
           }, [
-            (h(), E(F(v.componentInstance), {
-              key: v.key
+            (g(), V(N(m.componentInstance), {
+              key: m.key
             }))
-          ], 8, Pe)), [
-            [P, v.componentInstance && u === _(l).path]
-          ])),
-          128
-          /* KEYED_FRAGMENT */
-        ))
-      ],
-      64
-      /* STABLE_FRAGMENT */
-    ));
+          ], 8, Ve)), [
+            [M, m.componentInstance && o === w(d).path]
+          ])), 128))
+        ]),
+        _: 1
+      }, 16)) : C("", !0),
+      s.needTransition ? C("", !0) : (g(!0), I(J, { key: 1 }, re(f.value, ({ path: o, meta: m }) => D((g(), I("div", {
+        class: "das-iframe-router-view",
+        key: m.key,
+        name: o
+      }, [
+        (g(), V(N(m.componentInstance), {
+          key: m.key
+        }))
+      ], 8, Pe)), [
+        [M, m.componentInstance && o === w(d).path]
+      ])), 128))
+    ], 64));
   }
-}), ve = (e, t) => {
+}), fe = (e, t) => {
   const n = e.__vccOpts || e;
-  for (const [o, l] of t)
-    n[o] = l;
+  for (const [l, d] of t)
+    n[l] = d;
   return n;
-}, De = /* @__PURE__ */ ve(Se, [["__scopeId", "data-v-b03d395b"]]), Me = { class: "das-web-app-container" }, je = {
+}, De = /* @__PURE__ */ fe(Se, [["__scopeId", "data-v-6dd310c9"]]), Me = { class: "das-web-app-container" }, je = {
   key: 0,
   class: "das-web-app-header"
 }, xe = { class: "das-web-app-main" }, $e = {
@@ -386,16 +376,16 @@ const p = U({
 }, Be = { class: "das-web-app-main-container" }, He = {
   key: 0,
   class: "tab"
-}, Fe = { class: "das-web-app-main-content" }, Ne = { class: "banner" }, Oe = { class: "das-web-app-main-router-view" }, We = { style: { width: "100%", height: "100%" } }, Ue = {
+}, Fe = { class: "das-web-app-main-content" }, Ne = { class: "banner" }, Oe = { class: "das-web-app-main-router-view" }, Ue = {
   key: 0,
   style: { width: "100%", height: "100%" }
-}, ze = {
+}, We = {
   key: 1,
   style: { width: "100%", height: "100%" }
-}, Qe = { style: { width: "100%", height: "100%" } }, Ke = {
+}, Ke = { style: { width: "100%", height: "100%" } }, ze = {
   class: "micro-app",
   style: { height: "100%", width: "100%" }
-}, qe = /* @__PURE__ */ z({
+}, Qe = /* @__PURE__ */ z({
   __name: "das-web-layout",
   props: {
     needTransition: { type: Boolean, default: !0 },
@@ -405,212 +395,150 @@ const p = U({
     showTabs: { type: Boolean, default: !0 },
     routerViewVisible: { type: Boolean, default: !0 },
     excludeRoutes: {},
-    routeKeepAliveVisible: { type: Boolean, default: !0 }
+    routeKeepAliveVisible: { type: Boolean, default: !0 },
+    pageKey: { default: "0" }
   },
   setup(e) {
     const t = e;
-    _e(), Le(), ke();
-    const n = ue(), o = N(!1), l = N(!1), c = N(!1), g = m(() => o.value && t.showLayout), b = m(() => l.value && t.showLayout && t.showAside), r = m(() => o.value && t.showLayout && t.showTabs), R = m(() => t.routerViewVisible ?? !0), k = m(() => B.overlay.visible ?? !1), y = m(() => ({
-      "das-web-app-overlay-show": k.value === !0,
-      "das-web-app-overlay-hide": k.value === !1,
-      "das-web-app-overlay-destroy": k.value === "destroy"
-    })), s = m(() => B.overlay.style ?? { backgroundColor: "rgba(0,0,0,0.5)" }), a = m(() => t.excludeRoutes), u = m(() => t.routeKeepAliveVisible);
-    Y(
+    Ie(), ke(), Te();
+    const n = me(), l = O(!1), d = O(!1), r = O(!1), f = u(() => l.value && t.showLayout), y = u(() => d.value && t.showLayout && t.showAside), i = u(() => l.value && t.showLayout && t.showTabs), P = u(() => t.routerViewVisible ?? !0), T = u(() => H.overlay.visible ?? !1), S = u(() => ({
+      "das-web-app-overlay-show": T.value === !0,
+      "das-web-app-overlay-hide": T.value === !1,
+      "das-web-app-overlay-destroy": T.value === "destroy"
+    })), s = u(() => H.overlay.style ?? { backgroundColor: "rgba(0,0,0,0.5)" }), a = u(() => t.excludeRoutes), o = u(() => t.routeKeepAliveVisible);
+    Z(
       () => [n.meta, n.query],
-      ([I, D]) => {
-        const { showLayout: i = !0, showAside: f = !0, showTabs: w = !0, layout: x = {} } = I, {
-          showLayout: A = !0,
-          showAside: ne = !0,
+      ([b, j]) => {
+        const { showLayout: R = !0, showAside: c = !0, showTabs: p = !0, layout: _ = {} } = b, {
+          showLayout: x = !0,
+          showAside: E = !0,
           showTabs: se = !0,
-          app: Ye
-        } = D;
-        be(x);
-        let ae = !0, K = !0, q = !0;
-        (i === !1 || A === !1 || A === "false") && (ae = !1, K = !1, q = !1), (f === !1 || ne === !1 || ne === "false") && (K = !1), (w === !1 || se === !1 || se === "false") && (q = !1), o.value = ae, l.value = K, c.value = q;
+          app: Xe
+        } = j;
+        Ce(_);
+        let ae = !0, q = !0, G = !0;
+        (R === !1 || x === !1 || x === "false") && (ae = !1, q = !1, G = !1), (c === !1 || E === !1 || E === "false") && (q = !1), (p === !1 || se === !1 || se === "false") && (G = !1), l.value = ae, d.value = q, r.value = G;
       }
     );
-    const v = m(() => ({
+    const m = u(() => ({
       mode: "out-in",
       "enter-active-class": "animate__animated animate__fadeInLeft",
       ...t.transitionConfig || {}
     }));
-    let S = /* @__PURE__ */ new Map();
-    const Q = (I, D) => {
-      let i;
-      return S.has(D) ? i = S.get(D) : (i = {
-        name: D,
+    let L = /* @__PURE__ */ new Map();
+    const Q = (b, j) => {
+      let R;
+      return L.has(j) ? R = L.get(j) : (R = {
+        name: j,
         render() {
-          return X("div", { style: { width: "100%", height: "100%" } }, [X(I)]);
+          return Y("div", { style: { width: "100%", height: "100%" } }, [Y(b)]);
         }
-      }, S.set(D, i)), X(i);
-    }, $ = m(() => B.visible.value);
-    return (I, D) => {
-      const i = me("router-view");
-      return h(), C("div", Me, [
-        V(M(
-          "div",
-          {
-            class: fe(["das-web-app-overlay", y.value]),
-            style: ge(s.value)
-          },
-          null,
-          6
-          /* CLASS, STYLE */
-        ), [
-          [P, $.value]
+      }, L.set(j, R)), Y(R);
+    }, B = u(() => H.visible.value);
+    return (b, j) => {
+      const R = ge("router-view");
+      return g(), I("div", Me, [
+        D($("div", {
+          class: pe(["das-web-app-overlay", S.value]),
+          style: ye(s.value)
+        }, null, 6), [
+          [M, B.value]
         ]),
-        g.value ? V((h(), C(
-          "div",
-          je,
-          [
-            H(I.$slots, "header", {}, void 0, !0)
-          ],
-          512
-          /* NEED_PATCH */
-        )), [
-          [P, $.value]
-        ]) : L("v-if", !0),
-        M("div", xe, [
-          b.value ? V((h(), C(
-            "div",
-            $e,
-            [
-              H(I.$slots, "aside", {}, void 0, !0)
-            ],
-            512
-            /* NEED_PATCH */
-          )), [
-            [P, $.value]
-          ]) : L("v-if", !0),
-          M("div", Be, [
-            r.value ? V((h(), C(
-              "div",
-              He,
-              [
-                H(I.$slots, "tab", {}, void 0, !0)
-              ],
-              512
-              /* NEED_PATCH */
-            )), [
-              [P, $.value]
-            ]) : L("v-if", !0),
-            M("div", Fe, [
-              V(M(
-                "div",
-                Ne,
-                [
-                  H(I.$slots, "banner", {}, void 0, !0)
-                ],
-                512
-                /* NEED_PATCH */
-              ), [
-                [P, $.value]
+        f.value ? D((g(), I("div", je, [
+          F(b.$slots, "header", {}, void 0, !0)
+        ], 512)), [
+          [M, B.value]
+        ]) : C("", !0),
+        $("div", xe, [
+          y.value ? D((g(), I("div", $e, [
+            F(b.$slots, "aside", {}, void 0, !0)
+          ], 512)), [
+            [M, B.value]
+          ]) : C("", !0),
+          $("div", Be, [
+            i.value ? D((g(), I("div", He, [
+              F(b.$slots, "tab", {}, void 0, !0)
+            ], 512)), [
+              [M, B.value]
+            ]) : C("", !0),
+            $("div", Fe, [
+              D($("div", Ne, [
+                F(b.$slots, "banner", {}, void 0, !0)
+              ], 512), [
+                [M, B.value]
               ]),
-              M("div", Oe, [
-                V(M(
-                  "div",
-                  We,
-                  [
-                    H(I.$slots, "router-view", {}, () => [
-                      L(" 有动画 "),
-                      I.needTransition ? (h(), E(i, { key: 0 }, {
-                        default: O(({ Component: f }) => [
-                          J(
-                            ie,
-                            Z(le(v.value)),
-                            {
-                              default: O(() => {
-                                var w;
-                                return [
-                                  _(n).meta.keepAlive ? (h(), E(ce, {
-                                    key: 0,
-                                    exclude: a.value
-                                  }, [
-                                    u.value && !((w = _(n).meta) != null && w.isIframe) ? (h(), E(F(Q(f, _(n).path)), {
-                                      key: _(n).path
-                                    })) : L("v-if", !0)
-                                  ], 1032, ["exclude"])) : L("v-if", !0)
-                                ];
-                              }),
-                              _: 2
-                              /* DYNAMIC */
-                            },
-                            1040
-                            /* FULL_PROPS, DYNAMIC_SLOTS */
-                          ),
-                          J(
-                            ie,
-                            Z(le(v.value)),
-                            {
-                              default: O(() => [
-                                !_(n).meta.keepAlive && !_(n).meta.isIframe ? (h(), C("div", Ue, [
-                                  (h(), E(F(f), {
-                                    key: _(n).path
-                                  }))
-                                ])) : L("v-if", !0)
-                              ]),
-                              _: 2
-                              /* DYNAMIC */
-                            },
-                            1040
-                            /* FULL_PROPS, DYNAMIC_SLOTS */
-                          )
-                        ]),
-                        _: 1
-                        /* STABLE */
-                      })) : L("v-if", !0),
-                      L(" 无动画 "),
-                      I.needTransition ? L("v-if", !0) : (h(), E(i, { key: 1 }, {
-                        default: O(({ Component: f }) => [
-                          _(n).meta.keepAlive ? (h(), E(ce, {
-                            key: 0,
-                            exclude: a.value
-                          }, [
-                            u.value && !_(n).meta.isIframe ? (h(), E(F(Q(f, _(n).path)), {
-                              key: _(n).path
-                            })) : L("v-if", !0)
-                          ], 1032, ["exclude"])) : L("v-if", !0),
-                          !_(n).meta.keepAlive && !_(n).meta.isIframe ? (h(), C("div", ze, [
-                            (h(), E(F(f), {
-                              key: _(n).path
-                            }))
-                          ])) : L("v-if", !0)
-                        ]),
-                        _: 1
-                        /* STABLE */
-                      })),
-                      V(M(
-                        "div",
-                        Qe,
-                        [
-                          J(De, {
-                            exclude: a.value,
-                            transitionConfig: v.value,
-                            needTransition: I.needTransition
-                          }, null, 8, ["exclude", "transitionConfig", "needTransition"])
-                        ],
-                        512
-                        /* NEED_PATCH */
-                      ), [
-                        [P, _(n).meta.isIframe]
-                      ])
-                    ], !0)
-                  ],
-                  512
-                  /* NEED_PATCH */
-                ), [
-                  [P, R.value]
+              $("div", Oe, [
+                D((g(), I("div", {
+                  key: b.pageKey,
+                  style: { width: "100%", height: "100%" }
+                }, [
+                  F(b.$slots, "router-view", {}, () => [
+                    b.needTransition ? (g(), V(R, { key: 0 }, {
+                      default: U(({ Component: c }) => [
+                        X(ie, ee(le(m.value)), {
+                          default: U(() => {
+                            var p;
+                            return [
+                              w(n).meta.keepAlive ? (g(), V(ce, {
+                                key: 0,
+                                exclude: a.value
+                              }, [
+                                o.value && !((p = w(n).meta) != null && p.isIframe) ? (g(), V(N(Q(c, w(n).path)), {
+                                  key: w(n).path
+                                })) : C("", !0)
+                              ], 1032, ["exclude"])) : C("", !0)
+                            ];
+                          }),
+                          _: 2
+                        }, 1040),
+                        X(ie, ee(le(m.value)), {
+                          default: U(() => [
+                            !w(n).meta.keepAlive && !w(n).meta.isIframe ? (g(), I("div", Ue, [
+                              (g(), V(N(c), {
+                                key: w(n).path
+                              }))
+                            ])) : C("", !0)
+                          ]),
+                          _: 2
+                        }, 1040)
+                      ]),
+                      _: 1
+                    })) : C("", !0),
+                    b.needTransition ? C("", !0) : (g(), V(R, { key: 1 }, {
+                      default: U(({ Component: c }) => [
+                        w(n).meta.keepAlive ? (g(), V(ce, {
+                          key: 0,
+                          exclude: a.value
+                        }, [
+                          o.value && !w(n).meta.isIframe ? (g(), V(N(Q(c, w(n).path)), {
+                            key: w(n).path
+                          })) : C("", !0)
+                        ], 1032, ["exclude"])) : C("", !0),
+                        !w(n).meta.keepAlive && !w(n).meta.isIframe ? (g(), I("div", We, [
+                          (g(), V(N(c), {
+                            key: w(n).path
+                          }))
+                        ])) : C("", !0)
+                      ]),
+                      _: 1
+                    })),
+                    D($("div", Ke, [
+                      X(De, {
+                        exclude: a.value,
+                        transitionConfig: m.value,
+                        needTransition: b.needTransition
+                      }, null, 8, ["exclude", "transitionConfig", "needTransition"])
+                    ], 512), [
+                      [M, w(n).meta.isIframe]
+                    ])
+                  ], !0)
+                ])), [
+                  [M, P.value]
                 ]),
-                V(M(
-                  "div",
-                  Ke,
-                  [
-                    H(I.$slots, "default", {}, void 0, !0)
-                  ],
-                  512
-                  /* NEED_PATCH */
-                ), [
-                  [P, !R.value]
+                D($("div", ze, [
+                  F(b.$slots, "default", {}, void 0, !0)
+                ], 512), [
+                  [M, !P.value]
                 ])
               ])
             ])
@@ -619,142 +547,150 @@ const p = U({
       ]);
     };
   }
-}), at = /* @__PURE__ */ ve(qe, [["__scopeId", "data-v-b6d7b17e"]]), Ge = ["modelValue", "logoUrl", "config", "innerPagesConfig", "searchConfig", "projectTreeConfig", "userInfoConfig"], rt = /* @__PURE__ */ z({
+}), st = /* @__PURE__ */ fe(Qe, [["__scopeId", "data-v-e2af5217"]]), qe = ["theme", "modelValue", "logoUrl", "config", "innerPagesConfig", "searchConfig", "projectTreeConfig", "userInfoConfig"], at = /* @__PURE__ */ z({
   __name: "das-web-nav",
   setup(e) {
-    const { nav: t } = B, n = m(() => t.logo || ""), o = m(() => t.activeItem || ""), l = m(() => (t.items || []).filter((f) => f.fixed)), c = m(() => (t.items || []).filter((f) => !f.fixed)), g = m(() => {
-      var i, f, w, x;
+    const { nav: t } = H, n = u(() => t.theme), l = u(() => t.logo || ""), d = u(() => t.activeItem || ""), r = u(() => (t.items || []).filter((p) => p.fixed)), f = u(() => (t.items || []).filter((p) => !p.fixed)), y = u(() => {
+      var c, p, _, x;
       return {
-        showFullScreen: ((i = t.config) == null ? void 0 : i.showFullScreen) ?? !1,
-        showChangeEnterprise: ((f = t.config) == null ? void 0 : f.showChangeEnterprise) ?? !1,
-        showSearch: ((w = t.config) == null ? void 0 : w.showSearch) ?? !0,
+        showFullScreen: ((c = t.config) == null ? void 0 : c.showFullScreen) ?? !1,
+        showChangeEnterprise: ((p = t.config) == null ? void 0 : p.showChangeEnterprise) ?? !1,
+        showSearch: ((_ = t.config) == null ? void 0 : _.showSearch) ?? !0,
         showProjectTree: ((x = t.config) == null ? void 0 : x.showProjectTree) ?? !0,
-        subAppList: c.value.map((A) => ({ code: A.value, name: A.label, ...A }))
+        subAppList: f.value.map((E) => ({ code: E.value, name: E.label, ...E }))
       };
-    }), b = m(() => {
-      const i = l.value.find((f) => f.value === t.activeItem);
+    }), i = u(() => {
+      const c = r.value.find((p) => p.value === t.activeItem);
       return {
-        activeInnerPagePath: (i == null ? void 0 : i.path) || "",
-        innerPages: l.value.map((f) => ({ title: f.label, ...f }))
+        activeInnerPagePath: (c == null ? void 0 : c.path) || "",
+        innerPages: r.value.map((p) => ({ title: p.label, ...p }))
       };
-    }), r = m(() => ({
+    }), P = u(() => ({
       projectStore: {
         projectTree: t.projects,
         currentProject: t.activeProject
       },
       ...t.projectConfig
-    })), R = m(() => t.userInfo), k = m(() => t.searchConfig), y = async (i) => {
-      const f = i.detail[0], w = l.value.find((A) => f.value === A.value);
-      await d.nav.triggerEventListener("onItemClick", w) && d.nav.setActiveItem(w.value);
-    }, s = async (i) => {
-      const f = i.detail[0], w = c.value.find((A) => f === A.value);
-      await d.nav.triggerEventListener("onItemClick", w) && d.nav.setActiveItem(w.value);
-    }, a = async (i) => {
-      const f = i.detail[0], w = c.value.find((A) => f === A.value);
-      await d.nav.triggerEventListener("onItemRemove", w) && d.nav.removeItem(w.value);
-    }, u = async (i) => {
-      const [f, w] = i.detail;
-      !f || !await d.nav.triggerEventListener("onProjectChange", w) || d.nav.setActiveProject(w);
-    }, v = (i) => {
-      d.nav.triggerEventListener("onUserCommandChange", i.detail[0]);
-    }, S = (i) => {
-      d.nav.triggerEventListener("searchToPage", { item: i.detail[0], keyword: i.detail[1], cb: i.detail[2] });
-    }, Q = (i) => {
-      d.nav.triggerEventListener("clearSearchList", { cb: i.detail[0] });
-    }, $ = (i) => {
-      d.nav.triggerEventListener("deleteSearchItem", { value: i.detail[0], cb: i.detail[1] });
-    }, I = () => {
-      d.nav.triggerEventListener("changeEnterpriseHandle");
-    }, D = () => {
-      d.nav.triggerEventListener("fullScreenHandle");
+    })), T = u(() => t.userInfo), S = u(() => t.searchConfig), s = async (c) => {
+      const p = c.detail[0], _ = r.value.find((E) => p.value === E.value);
+      await v.nav.triggerEventListener("onItemClick", _) && v.nav.setActiveItem(_.value);
+    }, a = async (c) => {
+      const p = c.detail[0], _ = f.value.find((E) => p === E.value);
+      await v.nav.triggerEventListener("onItemClick", _) && v.nav.setActiveItem(_.value);
+    }, o = async (c) => {
+      const p = c.detail[0], _ = f.value.find((E) => p === E.value);
+      await v.nav.triggerEventListener("onItemRemove", _) && v.nav.removeItem(_.value);
+    }, m = async (c) => {
+      const [p, _] = c.detail;
+      !p || !await v.nav.triggerEventListener("onProjectChange", _) || v.nav.setActiveProject(_);
+    }, L = (c) => {
+      v.nav.triggerEventListener("onUserCommandChange", c.detail[0]);
+    }, Q = (c) => {
+      v.nav.triggerEventListener("searchToPage", { item: c.detail[0], keyword: c.detail[1], cb: c.detail[2] });
+    }, B = (c) => {
+      v.nav.triggerEventListener("clearSearchList", { cb: c.detail[0] });
+    }, b = (c) => {
+      v.nav.triggerEventListener("deleteSearchItem", { value: c.detail[0], cb: c.detail[1] });
+    }, j = () => {
+      v.nav.triggerEventListener("changeEnterpriseHandle");
+    }, R = () => {
+      v.nav.triggerEventListener("fullScreenHandle");
     };
-    return pe(() => {
-      d.nav.triggerEventListener("onBeforeMount", null, { autoRemove: !0 });
-    }), he(() => {
-      d.nav.triggerEventListener("onMounted", null, { autoRemove: !0 });
-    }), ye(() => {
-      d.nav.triggerEventListener("onUnmounted", null, { autoRemove: !0 });
-    }), (i, f) => (h(), C("das-ce-nav", {
-      modelValue: o.value,
-      logoUrl: n.value,
-      config: g.value,
-      innerPagesConfig: b.value,
-      searchConfig: k.value,
-      projectTreeConfig: r.value,
-      userInfoConfig: R.value,
-      "on:userCommandHandle": v,
-      "on:changeInnerPage": y,
-      "on:handleTabClick": s,
-      "on:handleTabDelete": a,
-      "on:changeTreeHandle": u,
-      "on:searchToPage": S,
-      "on:clearSearchList": Q,
-      "on:deleteSearchItem": $,
-      "on:changeEnterpriseHandle": I,
-      "on:fullScreen": D
-    }, null, 40, Ge));
+    return we(() => {
+      v.nav.triggerEventListener("onBeforeMount", null, { autoRemove: !0 });
+    }), be(() => {
+      v.nav.triggerEventListener("onMounted", null, { autoRemove: !0 });
+    }), _e(() => {
+      v.nav.triggerEventListener("onUnmounted", null, { autoRemove: !0 });
+    }), (c, p) => (g(), I("das-ce-nav", {
+      theme: n.value,
+      modelValue: d.value,
+      logoUrl: l.value,
+      config: y.value,
+      innerPagesConfig: i.value,
+      searchConfig: S.value,
+      projectTreeConfig: P.value,
+      userInfoConfig: T.value,
+      "on:userCommandHandle": L,
+      "on:changeInnerPage": s,
+      "on:handleTabClick": a,
+      "on:handleTabDelete": o,
+      "on:changeTreeHandle": m,
+      "on:searchToPage": Q,
+      "on:clearSearchList": B,
+      "on:deleteSearchItem": b,
+      "on:changeEnterpriseHandle": j,
+      "on:fullScreen": R
+    }, null, 40, qe));
   }
-}), Je = ["modelValue", "data", "collapse", "fixedTopMenu", "subMenuAttrs"], ot = /* @__PURE__ */ z({
+}), Ge = ["theme", "modelValue", "data", "collapse", "fixedTopMenu", "subMenuAttrs"], rt = /* @__PURE__ */ z({
   __name: "das-web-menu",
   props: {
     menuAttr: {}
   },
   setup(e) {
-    const { menu: t } = B, n = e, o = m(() => n.menuAttr || {}), l = m(() => t.items), c = m(() => t.items.find((k) => k.fixed)), g = m(() => t.activeItem || ""), b = m(() => t.collapse ?? !1), r = m(() => ({ popupClassName: t.popupClassName ?? "" })), R = async (k) => {
-      const y = k.detail[0], s = Ie(l.value).find((u) => y === u.id);
-      await d.menu.triggerEventListener("onItemClick", s) && d.menu.setActiveItem(s.id);
+    const { menu: t } = H, n = e, l = u(() => t.theme), d = u(() => n.menuAttr || {}), r = u(() => t.items), f = u(() => t.items.find((s) => s.fixed)), y = u(() => t.activeItem || ""), i = u(() => t.collapse || !1), P = u(() => ({ popupClassName: t.popupClassName ?? "" })), T = async (s) => {
+      const a = s.detail[0], o = Ee(r.value).find((L) => a === L.id);
+      await v.menu.triggerEventListener("onItemClick", o) && v.menu.setActiveItem(o.id);
+    }, S = (s) => {
+      v.menu.setCollapse(s.detail[0]), v.menu.triggerEventListener("toggleCollapse", s.detail[0]);
     };
-    return (k, y) => l.value.length > 0 ? (h(), C("das-ce-menu", te({
+    return (s, a) => r.value.length > 0 ? (g(), I("das-ce-menu", ne({
       key: 0,
-      modelValue: g.value,
-      data: l.value,
-      collapse: b.value,
-      fixedTopMenu: c.value,
-      subMenuAttrs: r.value
-    }, o.value, { onChange: R }), null, 16, Je)) : L("v-if", !0);
+      theme: l.value,
+      modelValue: y.value,
+      data: r.value,
+      collapse: i.value,
+      fixedTopMenu: f.value,
+      subMenuAttrs: P.value
+    }, d.value, {
+      onChange: T,
+      "on:toggleCollapse": S
+    }), null, 16, Ge)) : C("", !0);
   }
-}), Xe = ["modelValue", "options"], it = /* @__PURE__ */ z({
+}), Je = ["theme", "modelValue", "options"], ot = /* @__PURE__ */ z({
   __name: "das-web-tabs",
   props: {
     tabsAttr: {}
   },
   setup(e) {
-    const { tab: t } = B, n = e, o = m(() => n.tabsAttr || {}), l = m(() => t.items.map((y) => ({
-      ...y,
-      key: y.value,
-      tab: y.label
-    }))), c = m(() => t.activeItem || ""), g = async (y) => {
-      const s = y.detail[0], a = l.value.find((v) => s === v.value);
-      await d.tab.triggerEventListener("onItemClick", a) && d.tab.setActiveItem(a.value);
-    }, b = async (y) => {
-      const s = y.detail[0], a = l.value.find((v) => s === v.value);
-      await d.tab.triggerEventListener("onItemRemove", a) && d.tab.removeItem(a.value);
-    }, r = async (y) => {
-      await d.tab.triggerEventListener("onMenuClick", { type: y.detail[0], data: y.detail[1] });
-    }, R = async (y) => {
-      await d.tab.triggerEventListener("onPageRefresh", y.detail[0]);
-    }, k = () => {
-      d.tab.triggerEventListener("onToggleFullScreen");
+    const { tab: t } = H, n = e, l = u(() => n.tabsAttr || {}), d = u(() => t.theme), r = u(() => t.items.map((s) => ({
+      ...s,
+      key: s.value,
+      tab: s.label
+    }))), f = u(() => t.activeItem || ""), y = async (s) => {
+      const a = s.detail[0], o = r.value.find((L) => a === L.value);
+      await v.tab.triggerEventListener("onItemClick", o) && v.tab.setActiveItem(o.value);
+    }, i = async (s) => {
+      const a = s.detail[0], o = r.value.find((L) => a === L.value);
+      await v.tab.triggerEventListener("onItemRemove", o) && v.tab.removeItem(o.value);
+    }, P = async (s) => {
+      await v.tab.triggerEventListener("onMenuClick", { type: s.detail[0], data: s.detail[1] });
+    }, T = async (s) => {
+      await v.tab.triggerEventListener("onPageRefresh", s.detail[0]);
+    }, S = () => {
+      v.tab.triggerEventListener("onToggleFullScreen");
     };
-    return (y, s) => l.value.length > 0 ? (h(), C("das-ce-tabs", te({
+    return (s, a) => r.value.length > 0 ? (g(), I("das-ce-tabs", ne({
       key: 0,
-      modelValue: c.value,
-      options: l.value
-    }, o.value, {
-      "on:tabClick": g,
-      "on:tabDelete": b,
-      "on:menuClick": r,
-      "on:pageRefresh": R,
-      "on:toggleFullScreen": k
-    }), null, 16, Xe)) : L("v-if", !0);
+      theme: d.value,
+      modelValue: f.value,
+      options: r.value
+    }, l.value, {
+      "on:tabClick": y,
+      "on:tabDelete": i,
+      "on:menuClick": P,
+      "on:pageRefresh": T,
+      "on:toggleFullScreen": S
+    }), null, 16, Je)) : C("", !0);
   }
 });
-N("@das-fed/web");
+O("@das-fed/web");
 export {
-  at as DasWebLayout,
-  ot as DasWebMenu,
-  rt as DasWebNav,
-  it as DasWebTabs,
-  d as layout,
-  B as layoutData
+  st as DasWebLayout,
+  rt as DasWebMenu,
+  at as DasWebNav,
+  ot as DasWebTabs,
+  v as layout,
+  H as layoutData
 };