@das-fed/web 7.1.0-dev.17 → 7.1.0-dev.19

package/packages/layout/index.js

@@ -1,10 +1,10 @@
 import '@das-fed/web/packages/layout/style.css';
-import { reactive as Q, ref as $, defineComponent as z, computed as u, watch as te, createElementBlock as I, openBlock as g, Fragment as Y, createBlock as V, createCommentVNode as w, TransitionGroup as we, normalizeProps as ne, mergeProps as ae, withCtx as W, renderList as ce, withDirectives as D, resolveDynamicComponent as N, vShow as M, unref as L, nextTick as ue, resolveComponent as be, createElementVNode as x, normalizeStyle as Le, normalizeClass as _e, renderSlot as F, createVNode as Z, Transition as ve, guardReactiveProps as de, KeepAlive as me, h as ee, onBeforeMount as Ie, onMounted as Ce, onUnmounted as ke } from "vue";
-import { useRouter as Te, useRoute as pe } from "vue-router";
-import { setHtmlMinWH as Ae } from "@das-fed/utils/common-tools/setHtmlMinWH";
-import { createCeNav as Ee, createCeTabs as Re, createCeMenu as Ve } from "@das-fed/web-components/das-web-app";
-import { flatTree as Pe } from "@das-fed/utils/common-tools/nest-tree-format";
-const p = Q({
+import { reactive as W, ref as $, defineComponent as K, computed as c, watch as J, createElementBlock as I, openBlock as g, Fragment as G, createBlock as P, createCommentVNode as T, TransitionGroup as pe, normalizeProps as fe, mergeProps as X, withCtx as ee, renderList as oe, withDirectives as D, resolveDynamicComponent as O, vShow as M, unref as L, nextTick as ie, resolveComponent as ye, createElementVNode as x, normalizeStyle as we, normalizeClass as be, renderSlot as N, createVNode as le, Transition as Le, KeepAlive as ue, h as ce, onBeforeMount as Ie, onMounted as _e, onUnmounted as Ce } from "vue";
+import { useRouter as ke, useRoute as he } from "vue-router";
+import { setHtmlMinWH as Te } from "@das-fed/utils/common-tools/setHtmlMinWH";
+import { createCeNav as Ae, createCeTabs as Ee, createCeMenu as Ve } from "@das-fed/web-components/das-web-app";
+import { flatTree as Re } from "@das-fed/utils/common-tools/nest-tree-format";
+const p = W({
   visible: !1,
   theme: "default",
   logo: "",
@@ -16,7 +16,7 @@ const p = Q({
   // activeItem: '',
   // activeProject: {},
   eventListeners: {}
-}), fe = {
+}), ve = {
   show: () => {
     p.visible = !0;
   },
@@ -92,31 +92,31 @@ const p = Q({
       remove: l
     };
   }
-}, R = Q({
+}, V = W({
   theme: "default",
   items: [],
   collapse: !1,
   eventListeners: {}
-}), he = {
+}), de = {
   setItems: (e) => {
-    R.items = e;
+    V.items = e;
   },
-  getItems: () => R.items,
+  getItems: () => V.items,
   setTheme: (e) => {
-    R.theme = e;
+    V.theme = e;
   },
   setActiveItem: (e) => {
-    R.activeItem = e;
+    V.activeItem = e;
   },
   setCollapse: (e) => {
-    R.collapse = e;
+    V.collapse = e;
   },
   setPopupClassName: (e) => {
-    R.popupClassName = e;
+    V.popupClassName = e;
   },
   triggerEventListener: (e, t, s) => {
     var m;
-    const l = R.eventListeners, { autoRemove: d = !1 } = s || {}, r = [];
+    const l = V.eventListeners, { autoRemove: d = !1 } = s || {}, r = [];
     for (const b in l) {
       const o = l[b];
       o.type === e && r.push(
@@ -129,9 +129,9 @@ const p = Q({
   },
   addEventListener: (e, t) => {
     const s = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), l = () => {
-      R.eventListeners[s] && delete R.eventListeners[s];
+      V.eventListeners[s] && delete V.eventListeners[s];
     };
-    return R.eventListeners[s] = {
+    return V.eventListeners[s] = {
       type: e,
       handler: async (d) => {
         try {
@@ -145,32 +145,32 @@ const p = Q({
       remove: l
     };
   }
-}, k = Q({
+}, C = W({
   theme: "default",
   items: [],
   eventListeners: {}
-}), ge = {
+}), me = {
   setItems: (e) => {
-    k.items = e;
+    C.items = e;
   },
-  getItems: () => k.items,
+  getItems: () => C.items,
   setTheme: (e) => {
-    k.theme = e;
+    C.theme = e;
   },
   removeItem: (e) => {
-    const t = k.items.filter((s) => s.value !== e);
-    k.items = t;
+    const t = C.items.filter((s) => s.value !== e);
+    C.items = t;
   },
   appendItem: (e) => {
-    const t = k.items.findIndex((s) => s.value == e.value);
-    t !== -1 ? k.items.splice(t, 1, e) : k.items.push(e);
+    const t = C.items.findIndex((s) => s.value == e.value);
+    t !== -1 ? C.items.splice(t, 1, e) : C.items.push(e);
   },
   setActiveItem: (e) => {
-    k.activeItem = e;
+    C.activeItem = e;
   },
   triggerEventListener: (e, t, s) => {
     var m;
-    const l = k.eventListeners, { autoRemove: d = !1 } = s || {}, r = [];
+    const l = C.eventListeners, { autoRemove: d = !1 } = s || {}, r = [];
     for (const b in l) {
       const o = l[b];
       o.type === e && r.push(
@@ -183,9 +183,9 @@ const p = Q({
   },
   addEventListener: (e, t) => {
     const s = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), l = () => {
-      k.eventListeners[s] && delete k.eventListeners[s];
+      C.eventListeners[s] && delete C.eventListeners[s];
     };
-    return k.eventListeners[s] = {
+    return C.eventListeners[s] = {
       type: e,
       handler: async (d) => {
         try {
@@ -199,12 +199,12 @@ const p = Q({
       remove: l
     };
   }
-}, K = Q({
+}, U = W({
   eventListeners: {}
-}), Se = {
+}), Pe = {
   triggerEventListener: (e, t, s) => {
     var m;
-    const l = K.eventListeners, { autoRemove: d = !1 } = s || {}, r = [];
+    const l = U.eventListeners, { autoRemove: d = !1 } = s || {}, r = [];
     for (const b in l) {
       const o = l[b];
       o.type === e && r.push(
@@ -217,9 +217,9 @@ const p = Q({
   },
   addEventListener: (e, t) => {
     const s = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), l = () => {
-      K.eventListeners[s] && delete K.eventListeners[s];
+      U.eventListeners[s] && delete U.eventListeners[s];
     };
-    return K.eventListeners[s] = {
+    return U.eventListeners[s] = {
       type: e,
       handler: async (d) => {
         try {
@@ -233,31 +233,31 @@ const p = Q({
       remove: l
     };
   }
-}, se = Q({
+}, te = W({
   visible: !1,
   style: {}
-}), De = {
+}), Se = {
   set: (e, t) => {
-    se.visible = e, t || (t = {}), t.transition || (t.transition = "all 0.3s"), t && (se.style = t);
+    te.visible = e, t || (t = {}), t.transition || (t.transition = "all 0.3s"), t && (te.style = t);
   }
 }, B = {
   nav: p,
-  menu: R,
-  tab: k,
-  overlay: se,
-  iframeView: K,
+  menu: V,
+  tab: C,
+  overlay: te,
+  iframeView: U,
   visible: $(!0)
 }, v = {
-  nav: fe,
-  menu: he,
-  tab: ge,
-  overlay: De,
-  iframeView: Se,
+  nav: ve,
+  menu: de,
+  tab: me,
+  overlay: Se,
+  iframeView: Pe,
   setVisible: (e) => B.visible.value = e,
   setTheme: (e) => {
-    fe.setTheme(e), he.setTheme(e), ge.setTheme(e);
+    ve.setTheme(e), de.setTheme(e), me.setTheme(e);
   }
-}, Me = ["name"], je = ["name"], xe = /* @__PURE__ */ z({
+}, De = ["name"], Me = ["name"], je = /* @__PURE__ */ K({
   __name: "das-iframe-router-view",
   props: {
     needTransition: { type: Boolean },
@@ -265,14 +265,14 @@ const p = Q({
     exclude: { default: () => [] }
   },
   setup(e) {
-    const t = e, s = u(() => {
+    const t = e, s = c(() => {
       const { mode: n = "", ...a } = {
         mode: "out-in",
         "enter-active-class": "animate__animated animate__fadeInLeft",
         ...t.transitionConfig || {}
       };
       return a;
-    }), l = Te(), d = pe(), r = $([]), m = u(() => r.value.filter((n) => {
+    }), l = ke(), d = he(), r = $([]), m = c(() => r.value.filter((n) => {
       var a;
       return (a = n.meta) == null ? void 0 : a.isOpen;
     })), b = (n) => {
@@ -282,7 +282,7 @@ const p = Q({
         f.meta.key === n && (f.meta.key = `${f.path}-${i}`);
       });
     };
-    te(
+    J(
       () => t.exclude,
       (n) => {
         if (!n || !n.length) return;
@@ -295,7 +295,7 @@ const p = Q({
       const a = n.component;
       let i = null;
       return typeof a == "function" ? i = (await a()).default : i = a, i;
-    }, P = async () => {
+    }, R = async () => {
       var a;
       const n = l.options.routes;
       for (const i of n)
@@ -306,21 +306,21 @@ const p = Q({
             meta: { ...i.meta, key: `${i.path}-0`, componentInstance: f, isOpen: !1, isShow: !1 }
           });
         }
-      T();
-    }, T = async () => {
+      k();
+    }, k = async () => {
       var i, f;
       if (!r.value || !r.value.length) return;
-      const n = r.value.find((C) => C.meta.isShow);
-      n && (n.meta.isShow = !1, await ue(), v.iframeView.triggerEventListener("onDeactivated", { route: n }));
-      const a = r.value.find((C) => C.path === d.path);
-      a && ((i = a.meta) != null && i.isOpen || (a.meta.isOpen = !0), (f = a.meta) != null && f.isShow || (a.meta.isShow = !0), await ue(), v.iframeView.triggerEventListener("onActivated", { route: a }));
+      const n = r.value.find((_) => _.meta.isShow);
+      n && (n.meta.isShow = !1, await ie(), v.iframeView.triggerEventListener("onDeactivated", { route: n }));
+      const a = r.value.find((_) => _.path === d.path);
+      a && ((i = a.meta) != null && i.isOpen || (a.meta.isOpen = !0), (f = a.meta) != null && f.isShow || (a.meta.isShow = !0), await ie(), v.iframeView.triggerEventListener("onActivated", { route: a }));
     };
     let A = 0;
-    return te(
+    return J(
       () => l.currentRoute.value,
       () => {
         const n = l.options.routes.length;
-        n !== A ? (P(), A = n) : T();
+        n !== A ? (R(), A = n) : k();
       },
       { immediate: !0 }
     ), v.iframeView.addEventListener("onRefreshCurrentPage", () => {
@@ -333,26 +333,26 @@ const p = Q({
         a.path === n && (a.meta.isOpen = !1);
       });
     }), (n, a) => (g(), I(
-      Y,
+      G,
       null,
       [
-        n.needTransition ? (g(), V(
-          we,
-          ne(ae({ key: 0 }, s.value)),
+        n.needTransition ? (g(), P(
+          pe,
+          fe(X({ key: 0 }, s.value)),
           {
-            default: W(() => [
+            default: ee(() => [
               (g(!0), I(
-                Y,
+                G,
                 null,
-                ce(m.value, ({ path: i, meta: f }) => D((g(), I("div", {
+                oe(m.value, ({ path: i, meta: f }) => D((g(), I("div", {
                   class: "das-iframe-router-view",
                   key: f.key,
                   name: i
                 }, [
-                  (g(), V(N(f.componentInstance), {
+                  (g(), P(O(f.componentInstance), {
                     key: f.key
                   }))
-                ], 8, Me)), [
+                ], 8, De)), [
                   [M, f.componentInstance && i === L(d).path]
                 ])),
                 128
@@ -364,19 +364,19 @@ const p = Q({
           },
           16
           /* FULL_PROPS */
-        )) : w("v-if", !0),
-        n.needTransition ? w("v-if", !0) : (g(!0), I(
-          Y,
+        )) : T("v-if", !0),
+        n.needTransition ? T("v-if", !0) : (g(!0), I(
+          G,
           { key: 1 },
-          ce(m.value, ({ path: i, meta: f }) => D((g(), I("div", {
+          oe(m.value, ({ path: i, meta: f }) => D((g(), I("div", {
             class: "das-iframe-router-view",
             key: f.key,
             name: i
           }, [
-            (g(), V(N(f.componentInstance), {
+            (g(), P(O(f.componentInstance), {
               key: f.key
             }))
-          ], 8, je)), [
+          ], 8, Me)), [
             [M, f.componentInstance && i === L(d).path]
           ])),
           128
@@ -387,33 +387,27 @@ const p = Q({
       /* STABLE_FRAGMENT */
     ));
   }
-}), ye = (e, t) => {
+}), ge = (e, t) => {
   const s = e.__vccOpts || e;
   for (const [l, d] of t)
     s[l] = d;
   return s;
-}, $e = /* @__PURE__ */ ye(xe, [["__scopeId", "data-v-6dd310c9"]]), Be = { class: "das-web-app-container" }, He = {
+}, xe = /* @__PURE__ */ ge(je, [["__scopeId", "data-v-6a96c5cd"]]), $e = { class: "das-web-app-container" }, Be = {
   key: 0,
   class: "das-web-app-header"
-}, Fe = { class: "das-web-app-main" }, Ne = {
+}, He = { class: "das-web-app-main" }, Fe = {
   key: 0,
   class: "aside"
-}, Oe = { class: "das-web-app-main-container" }, Ue = {
+}, Ne = { class: "das-web-app-main-container" }, Oe = {
   key: 0,
   class: "tab"
-}, We = { class: "das-web-app-main-content" }, Ke = { class: "banner" }, Qe = {
+}, Ue = { class: "das-web-app-main-content" }, We = { class: "banner" }, Ke = {
   key: 0,
   class: "das-web-app-main-router-view"
-}, ze = {
-  key: 0,
-  style: { width: "100%", height: "100%" }
-}, qe = {
-  key: 1,
-  style: { width: "100%", height: "100%" }
-}, Ge = { style: { width: "100%", height: "100%" } }, Je = {
+}, Qe = { style: { width: "100%", height: "100%" } }, ze = {
   class: "micro-app",
   style: { height: "100%", width: "100%" }
-}, Xe = /* @__PURE__ */ z({
+}, qe = /* @__PURE__ */ K({
   __name: "das-web-layout",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -430,51 +424,58 @@ const p = Q({
   },
   setup(e) {
     const t = e;
-    Ee(), Re(), Ve();
-    const s = pe(), l = $(!0), d = $(!0), r = $(!0), m = u(() => l.value && t.showLayout), b = u(() => d.value && t.showLayout && t.showAside), o = u(() => l.value && t.showLayout && t.showTabs), P = u(() => t.routerViewVisible ?? !0), T = u(() => B.overlay.visible ?? !1), A = $(!0), n = u(() => A.value && B.visible.value), a = u(() => !m.value || t.ignoreLoading || !t.loading), i = 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"
-    })), f = u(() => B.overlay.style ?? { backgroundColor: "rgba(0,0,0,0.5)" }), C = u(() => t.excludeRoutes), q = u(() => t.routeKeepAliveVisible);
-    te(
+    Ae(), Ee(), Ve();
+    const s = he(), l = $(!0), d = $(!0), r = $(!0), m = c(() => l.value && t.showLayout), b = c(() => d.value && t.showLayout && t.showAside), o = c(() => l.value && t.showLayout && t.showTabs), R = c(() => t.routerViewVisible ?? !0), k = c(() => B.overlay.visible ?? !1), A = $(!0), n = c(() => A.value && B.visible.value), a = c(() => !m.value || t.ignoreLoading || !t.loading), i = c(() => ({
+      "das-web-app-overlay-show": k.value === !0,
+      "das-web-app-overlay-hide": k.value === !1,
+      "das-web-app-overlay-destroy": k.value === "destroy"
+    })), f = c(() => B.overlay.style ?? { backgroundColor: "rgba(0,0,0,0.5)" }), _ = c(() => t.excludeRoutes), Q = c(() => t.routeKeepAliveVisible);
+    J(
       () => [s.meta, s.query],
-      ([_, S]) => {
-        const { layout: c = {}, showLayout: h = !0, showAside: y = !0, showTabs: j = !0 } = _, {
+      ([w, S]) => {
+        const { layout: u = {}, showLayout: h = !0, showAside: y = !0, showTabs: j = !0 } = w, {
           showLayout: E = !0,
-          showAside: H = !0,
-          showTabs: re = !0,
-          layoutVisible: oe = !0
+          showAside: F = !0,
+          showTabs: ne = !0,
+          layoutVisible: se = !0
         } = S;
-        Ae(c);
-        let ie = !0, J = !0, X = !0;
-        (h === !1 || E === !1 || E === "false") && (ie = !1, J = !1, X = !1), (y === !1 || H === !1 || H === "false") && (J = !1), (j === !1 || re === !1 || re === "false") && (X = !1), l.value = ie, d.value = J, r.value = X;
-        let le = !0;
-        (oe === !1 || oe === "false") && (le = !1), A.value = le;
+        Te(u);
+        let ae = !0, Y = !0, Z = !0;
+        (h === !1 || E === !1 || E === "false") && (ae = !1, Y = !1, Z = !1), (y === !1 || F === !1 || F === "false") && (Y = !1), (j === !1 || ne === !1 || ne === "false") && (Z = !1), l.value = ae, d.value = Y, r.value = Z;
+        let re = !0;
+        (se === !1 || se === "false") && (re = !1), A.value = re;
       }
     );
-    const O = u(() => ({
+    const z = c(() => ({
       mode: "out-in",
       "enter-active-class": "animate__animated animate__fadeInLeft",
       ...t.transitionConfig || {}
     }));
-    let U = /* @__PURE__ */ new Map();
-    const G = (_, S) => {
-      let c;
-      return U.has(S) ? c = U.get(S) : (c = {
+    let H = /* @__PURE__ */ new Map();
+    const q = (w, S) => {
+      if (!w) return null;
+      let u;
+      return H.has(S) ? u = H.get(S) : (u = {
         name: S,
+        // 给组件一个合法且唯一的 name
         render() {
-          return ee("div", { style: { width: "100%", height: "100%" } }, [ee(_)]);
+          return ce("div", { style: { width: "100%", height: "100%" } }, [ce(w)]);
         }
-      }, U.set(S, c)), ee(c);
+      }, H.set(S, u)), u;
     };
-    return (_, S) => {
-      const c = be("router-view");
-      return g(), I("div", Be, [
+    return J(
+      () => t.routeKeepAliveVisible,
+      (w) => {
+        w || H.clear();
+      }
+    ), (w, S) => {
+      const u = ye("router-view");
+      return g(), I("div", $e, [
         D(x(
           "div",
           {
-            class: _e(["das-web-app-overlay", i.value]),
-            style: Le(f.value)
+            class: be(["das-web-app-overlay", i.value]),
+            style: we(f.value)
           },
           null,
           6
@@ -484,67 +485,71 @@ const p = Q({
         ]),
         m.value ? D((g(), I(
           "div",
-          He,
+          Be,
           [
-            F(_.$slots, "header", {}, void 0, !0)
+            N(w.$slots, "header", {}, void 0, !0)
           ],
           512
           /* NEED_PATCH */
         )), [
           [M, n.value]
-        ]) : w("v-if", !0),
-        x("div", Fe, [
+        ]) : T("v-if", !0),
+        x("div", He, [
           b.value ? D((g(), I(
             "div",
-            Ne,
+            Fe,
             [
-              F(_.$slots, "aside", {}, void 0, !0)
+              N(w.$slots, "aside", {}, void 0, !0)
             ],
             512
             /* NEED_PATCH */
           )), [
             [M, n.value]
-          ]) : w("v-if", !0),
-          x("div", Oe, [
+          ]) : T("v-if", !0),
+          x("div", Ne, [
             o.value ? D((g(), I(
               "div",
-              Ue,
+              Oe,
               [
-                F(_.$slots, "tab", {}, void 0, !0)
+                N(w.$slots, "tab", {}, void 0, !0)
               ],
               512
               /* NEED_PATCH */
             )), [
               [M, n.value]
-            ]) : w("v-if", !0),
-            x("div", We, [
-              x("div", Ke, [
-                F(_.$slots, "banner", {}, void 0, !0)
+            ]) : T("v-if", !0),
+            x("div", Ue, [
+              x("div", We, [
+                N(w.$slots, "banner", {}, void 0, !0)
               ]),
-              a.value ? (g(), I("div", Qe, [
+              a.value ? (g(), I("div", Ke, [
                 D((g(), I("div", {
-                  key: _.pageKey,
+                  key: w.pageKey,
                   style: { width: "100%", height: "100%" }
                 }, [
-                  F(_.$slots, "router-view", {}, () => [
-                    w(" 有动画 "),
-                    _.needTransition ? (g(), V(c, { key: 0 }, {
-                      default: W(({ Component: h }) => [
-                        Z(
-                          ve,
-                          ne(de(O.value)),
+                  N(w.$slots, "router-view", {}, () => [
+                    le(u, null, {
+                      default: ee(({ Component: h }) => [
+                        w.needTransition ? (g(), P(
+                          Le,
+                          fe(X({ key: 0 }, z.value)),
                           {
-                            default: W(() => {
+                            default: ee(() => {
                               var y;
                               return [
-                                L(s).meta.keepAlive ? (g(), V(me, {
+                                L(s).meta.keepAlive ? (g(), P(ue, {
                                   key: 0,
-                                  exclude: C.value
+                                  exclude: _.value
                                 }, [
-                                  q.value && !((y = L(s).meta) != null && y.isIframe) ? (g(), V(N(G(h, L(s).path)), {
-                                    key: L(s).path
-                                  })) : w("v-if", !0)
-                                ], 1032, ["exclude"])) : w("v-if", !0)
+                                  Q.value && !((y = L(s).meta) != null && y.isIframe) ? (g(), P(O(q(h, L(s).path)), {
+                                    key: L(s).fullPath
+                                  })) : T("v-if", !0)
+                                ], 1032, ["exclude"])) : !L(s).meta.keepAlive && !L(s).meta.isIframe ? (g(), I("div", {
+                                  style: { width: "100%", height: "100%" },
+                                  key: L(s).fullPath
+                                }, [
+                                  (g(), P(O(h)))
+                                ])) : T("v-if", !0)
                               ];
                             }),
                             _: 2
@@ -552,56 +557,39 @@ const p = Q({
                           },
                           1040
                           /* FULL_PROPS, DYNAMIC_SLOTS */
-                        ),
-                        Z(
-                          ve,
-                          ne(de(O.value)),
-                          {
-                            default: W(() => [
-                              !L(s).meta.keepAlive && !L(s).meta.isIframe ? (g(), I("div", ze, [
-                                (g(), V(N(h), {
-                                  key: L(s).path
-                                }))
-                              ])) : w("v-if", !0)
-                            ]),
-                            _: 2
-                            /* DYNAMIC */
-                          },
-                          1040
-                          /* FULL_PROPS, DYNAMIC_SLOTS */
-                        )
-                      ]),
-                      _: 1
-                      /* STABLE */
-                    })) : w("v-if", !0),
-                    w(" 无动画 "),
-                    _.needTransition ? w("v-if", !0) : (g(), V(c, { key: 1 }, {
-                      default: W(({ Component: h }) => [
-                        L(s).meta.keepAlive ? (g(), V(me, {
-                          key: 0,
-                          exclude: C.value
-                        }, [
-                          q.value && !L(s).meta.isIframe ? (g(), V(N(G(h, L(s).path)), {
-                            key: L(s).path
-                          })) : w("v-if", !0)
-                        ], 1032, ["exclude"])) : w("v-if", !0),
-                        !L(s).meta.keepAlive && !L(s).meta.isIframe ? (g(), I("div", qe, [
-                          (g(), V(N(h), {
-                            key: L(s).path
-                          }))
-                        ])) : w("v-if", !0)
+                        )) : (g(), I(
+                          G,
+                          { key: 1 },
+                          [
+                            L(s).meta.keepAlive ? (g(), P(ue, {
+                              key: 0,
+                              exclude: _.value
+                            }, [
+                              Q.value && !L(s).meta.isIframe ? (g(), P(O(q(h, L(s).path)), {
+                                key: L(s).fullPath
+                              })) : T("v-if", !0)
+                            ], 1032, ["exclude"])) : !L(s).meta.keepAlive && !L(s).meta.isIframe ? (g(), I("div", {
+                              style: { width: "100%", height: "100%" },
+                              key: L(s).fullPath
+                            }, [
+                              (g(), P(O(h)))
+                            ])) : T("v-if", !0)
+                          ],
+                          64
+                          /* STABLE_FRAGMENT */
+                        ))
                       ]),
                       _: 1
                       /* STABLE */
-                    })),
+                    }),
                     D(x(
                       "div",
-                      Ge,
+                      Qe,
                       [
-                        Z($e, {
-                          exclude: C.value,
-                          transitionConfig: O.value,
-                          needTransition: _.needTransition
+                        le(xe, {
+                          exclude: _.value,
+                          transitionConfig: z.value,
+                          needTransition: w.needTransition
                         }, null, 8, ["exclude", "transitionConfig", "needTransition"])
                       ],
                       512
@@ -611,155 +599,155 @@ const p = Q({
                     ])
                   ], !0)
                 ])), [
-                  [M, P.value]
+                  [M, R.value]
                 ]),
                 D(x(
                   "div",
-                  Je,
+                  ze,
                   [
-                    F(_.$slots, "default", {}, void 0, !0)
+                    N(w.$slots, "default", {}, void 0, !0)
                   ],
                   512
                   /* NEED_PATCH */
                 ), [
-                  [M, !P.value]
+                  [M, !R.value]
                 ])
-              ])) : w("v-if", !0)
+              ])) : T("v-if", !0)
             ])
           ])
         ])
       ]);
     };
   }
-}), ot = /* @__PURE__ */ ye(Xe, [["__scopeId", "data-v-b7ac7f7e"]]), Ye = ["theme", "modelValue", "logoUrl", "config", "innerPagesConfig", "searchConfig", "projectTreeConfig", "userInfoConfig"], it = /* @__PURE__ */ z({
+}), st = /* @__PURE__ */ ge(qe, [["__scopeId", "data-v-2701abf5"]]), Ge = ["theme", "modelValue", "logoUrl", "config", "innerPagesConfig", "searchConfig", "projectTreeConfig", "userInfoConfig"], at = /* @__PURE__ */ K({
   __name: "das-web-nav",
   setup(e) {
-    const { nav: t } = B, s = u(() => t.theme), l = u(() => t.logo || ""), d = u(() => t.activeItem || ""), r = u(() => (t.items || []).filter((h) => h.fixed)), m = u(() => (t.items || []).filter((h) => !h.fixed)), b = u(() => {
-      var c, h, y, j, E;
+    const { nav: t } = B, s = c(() => t.theme), l = c(() => t.logo || ""), d = c(() => t.activeItem || ""), r = c(() => (t.items || []).filter((h) => h.fixed)), m = c(() => (t.items || []).filter((h) => !h.fixed)), b = c(() => {
+      var u, h, y, j, E;
       return {
-        showAIHelper: ((c = t.config) == null ? void 0 : c.showAIHelper) ?? !1,
+        showAIHelper: ((u = t.config) == null ? void 0 : u.showAIHelper) ?? !1,
         showFullScreen: ((h = t.config) == null ? void 0 : h.showFullScreen) ?? !1,
         showChangeEnterprise: ((y = t.config) == null ? void 0 : y.showChangeEnterprise) ?? !1,
         showSearch: ((j = t.config) == null ? void 0 : j.showSearch) ?? !0,
         showProjectTree: ((E = t.config) == null ? void 0 : E.showProjectTree) ?? !0,
-        subAppList: m.value.map((H) => ({ code: H.value, name: H.label, ...H }))
+        subAppList: m.value.map((F) => ({ code: F.value, name: F.label, ...F }))
       };
-    }), o = u(() => {
-      const c = r.value.find((h) => h.value === t.activeItem);
+    }), o = c(() => {
+      const u = r.value.find((h) => h.value === t.activeItem);
       return {
-        activeInnerPagePath: (c == null ? void 0 : c.path) || "",
+        activeInnerPagePath: (u == null ? void 0 : u.path) || "",
         innerPages: r.value.map((h) => ({ title: h.label, ...h }))
       };
-    }), P = u(() => ({
+    }), R = c(() => ({
       projectStore: {
         projectTree: t.projects,
         currentProject: t.activeProject
       },
       ...t.projectConfig
-    })), T = u(() => t.userInfo), A = u(() => t.searchConfig), n = async (c) => {
-      const h = c.detail[0], y = r.value.find((E) => h.value === E.value);
+    })), k = c(() => t.userInfo), A = c(() => t.searchConfig), n = async (u) => {
+      const h = u.detail[0], y = r.value.find((E) => h.value === E.value);
       await v.nav.triggerEventListener("onItemClick", y) && v.nav.setActiveItem(y.value);
-    }, a = async (c) => {
-      const h = c.detail[0], y = m.value.find((E) => h === E.value);
+    }, a = async (u) => {
+      const h = u.detail[0], y = m.value.find((E) => h === E.value);
       await v.nav.triggerEventListener("onItemClick", y) && v.nav.setActiveItem(y.value);
-    }, i = async (c) => {
-      const h = c.detail[0], y = m.value.find((E) => h === E.value);
+    }, i = async (u) => {
+      const h = u.detail[0], y = m.value.find((E) => h === E.value);
       await v.nav.triggerEventListener("onItemRemove", y) && v.nav.removeItem(y.value);
-    }, f = async (c) => {
-      const [h, y] = c.detail;
+    }, f = async (u) => {
+      const [h, y] = u.detail;
       !h || !await v.nav.triggerEventListener("onProjectChange", y) || v.nav.setActiveProject(y);
-    }, C = (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] });
-    }, O = (c) => {
-      v.nav.triggerEventListener("clearSearchList", { cb: c.detail[0] });
-    }, U = (c) => {
-      v.nav.triggerEventListener("deleteSearchItem", { value: c.detail[0], cb: c.detail[1] });
-    }, G = () => {
+    }, _ = (u) => {
+      v.nav.triggerEventListener("onUserCommandChange", u.detail[0]);
+    }, Q = (u) => {
+      v.nav.triggerEventListener("searchToPage", { item: u.detail[0], keyword: u.detail[1], cb: u.detail[2] });
+    }, z = (u) => {
+      v.nav.triggerEventListener("clearSearchList", { cb: u.detail[0] });
+    }, H = (u) => {
+      v.nav.triggerEventListener("deleteSearchItem", { value: u.detail[0], cb: u.detail[1] });
+    }, q = () => {
       v.nav.triggerEventListener("changeEnterpriseHandle");
-    }, _ = () => {
+    }, w = () => {
       v.nav.triggerEventListener("fullScreenHandle");
     }, S = () => {
       v.nav.triggerEventListener("openAI");
     };
     return Ie(() => {
       v.nav.triggerEventListener("onBeforeMount", null, { autoRemove: !0 });
-    }), Ce(() => {
+    }), _e(() => {
       v.nav.triggerEventListener("onMounted", null, { autoRemove: !0 });
-    }), ke(() => {
+    }), Ce(() => {
       v.nav.triggerEventListener("onUnmounted", null, { autoRemove: !0 });
-    }), (c, h) => (g(), I("das-ce-nav", {
+    }), (u, h) => (g(), I("das-ce-nav", {
       theme: s.value,
       modelValue: d.value,
       logoUrl: l.value,
       config: b.value,
       innerPagesConfig: o.value,
       searchConfig: A.value,
-      projectTreeConfig: P.value,
-      userInfoConfig: T.value,
-      "on:userCommandHandle": C,
+      projectTreeConfig: R.value,
+      userInfoConfig: k.value,
+      "on:userCommandHandle": _,
       "on:changeInnerPage": n,
       "on:handleTabClick": a,
       "on:handleTabDelete": i,
       "on:changeTreeHandle": f,
-      "on:searchToPage": q,
-      "on:clearSearchList": O,
-      "on:deleteSearchItem": U,
-      "on:changeEnterpriseHandle": G,
-      "on:fullScreen": _,
+      "on:searchToPage": Q,
+      "on:clearSearchList": z,
+      "on:deleteSearchItem": H,
+      "on:changeEnterpriseHandle": q,
+      "on:fullScreen": w,
       "on:openAI": S
-    }, null, 40, Ye));
+    }, null, 40, Ge));
   }
-}), Ze = ["theme", "modelValue", "data", "collapse", "fixedTopMenu", "subMenuAttrs"], lt = /* @__PURE__ */ z({
+}), Je = ["theme", "modelValue", "data", "collapse", "fixedTopMenu", "subMenuAttrs"], rt = /* @__PURE__ */ K({
   __name: "das-web-menu",
   props: {
     menuAttr: {}
   },
   setup(e) {
-    const { menu: t } = B, s = e, l = u(() => t.theme), d = u(() => s.menuAttr || {}), r = u(() => t.items), m = u(() => t.items.find((n) => n.fixed)), b = u(() => t.activeItem || ""), o = u(() => t.collapse || !1), P = u(() => ({ popupClassName: t.popupClassName ?? "" })), T = async (n) => {
-      const a = n.detail[0], i = Pe(r.value).find((C) => a === C.id);
+    const { menu: t } = B, s = e, l = c(() => t.theme), d = c(() => s.menuAttr || {}), r = c(() => t.items), m = c(() => t.items.find((n) => n.fixed)), b = c(() => t.activeItem || ""), o = c(() => t.collapse || !1), R = c(() => ({ popupClassName: t.popupClassName ?? "" })), k = async (n) => {
+      const a = n.detail[0], i = Re(r.value).find((_) => a === _.id);
       await v.menu.triggerEventListener("onItemClick", i) && v.menu.setActiveItem(i.id);
     }, A = (n) => {
       v.menu.setCollapse(n.detail[0]), v.menu.triggerEventListener("toggleCollapse", n.detail[0]);
     };
-    return (n, a) => r.value.length > 0 ? (g(), I("das-ce-menu", ae({
+    return (n, a) => r.value.length > 0 ? (g(), I("das-ce-menu", X({
       key: 0,
       theme: l.value,
       modelValue: b.value,
       data: r.value,
       collapse: o.value,
       fixedTopMenu: m.value,
-      subMenuAttrs: P.value
+      subMenuAttrs: R.value
     }, d.value, {
-      onChange: T,
+      onChange: k,
       "on:toggleCollapse": A
-    }), null, 16, Ze)) : w("v-if", !0);
+    }), null, 16, Je)) : T("v-if", !0);
   }
-}), et = ["theme", "modelValue", "options"], ct = /* @__PURE__ */ z({
+}), Xe = ["theme", "modelValue", "options"], ot = /* @__PURE__ */ K({
   __name: "das-web-tabs",
   props: {
     tabsAttr: {}
   },
   setup(e) {
-    const { tab: t } = B, s = e, l = u(() => s.tabsAttr || {}), d = u(() => t.theme), r = u(() => t.items.map((n) => ({
+    const { tab: t } = B, s = e, l = c(() => s.tabsAttr || {}), d = c(() => t.theme), r = c(() => t.items.map((n) => ({
       ...n,
       key: n.value,
       tab: n.label
-    }))), m = u(() => t.activeItem || ""), b = async (n) => {
-      const a = n.detail[0], i = r.value.find((C) => a === C.value);
+    }))), m = c(() => t.activeItem || ""), b = async (n) => {
+      const a = n.detail[0], i = r.value.find((_) => a === _.value);
       await v.tab.triggerEventListener("onItemClick", i) && v.tab.setActiveItem(i.value);
     }, o = async (n) => {
-      const a = n.detail[0], i = r.value.find((C) => a === C.value);
+      const a = n.detail[0], i = r.value.find((_) => a === _.value);
       await v.tab.triggerEventListener("onItemRemove", i) && v.tab.removeItem(i.value);
-    }, P = async (n) => {
+    }, R = async (n) => {
       await v.tab.triggerEventListener("onMenuClick", { type: n.detail[0], data: n.detail[1] });
-    }, T = async (n) => {
+    }, k = async (n) => {
       await v.tab.triggerEventListener("onPageRefresh", n.detail[0]);
     }, A = () => {
       v.tab.triggerEventListener("onToggleFullScreen");
     };
-    return (n, a) => r.value.length > 0 ? (g(), I("das-ce-tabs", ae({
+    return (n, a) => r.value.length > 0 ? (g(), I("das-ce-tabs", X({
       key: 0,
       theme: d.value,
       modelValue: m.value,
@@ -767,18 +755,18 @@ const p = Q({
     }, l.value, {
       "on:tabClick": b,
       "on:tabDelete": o,
-      "on:menuClick": P,
-      "on:pageRefresh": T,
+      "on:menuClick": R,
+      "on:pageRefresh": k,
       "on:toggleFullScreen": A
-    }), null, 16, et)) : w("v-if", !0);
+    }), null, 16, Xe)) : T("v-if", !0);
   }
 });
 $("@das-fed/web");
 export {
-  ot as DasWebLayout,
-  lt as DasWebMenu,
-  it as DasWebNav,
-  ct as DasWebTabs,
+  st as DasWebLayout,
+  rt as DasWebMenu,
+  at as DasWebNav,
+  ot as DasWebTabs,
   v as layout,
   B as layoutData
 };