@das-fed/web 6.4.0-dev.7 → 6.4.0-dev.71

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