@das-fed/web 6.4.0-dev.35 → 6.4.0-dev.37

package/packages/layout/index.js

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