@das-fed/web 6.4.0-test.3.2 → 6.4.0-test.31

package/packages/layout/index.js

@@ -1,10 +1,10 @@
 import '@das-fed/web/packages/layout/style.css';
-import { reactive as z, ref as O, defineComponent as Q, computed as u, watch as Z, openBlock as p, createElementBlock as I, Fragment as J, createBlock as V, TransitionGroup as he, normalizeProps as ee, mergeProps as ne, withCtx as W, 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 { reactive as K, ref as O, defineComponent as z, computed as u, watch as Z, createElementBlock as I, openBlock as g, Fragment as J, createBlock as V, createCommentVNode as b, 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, nextTick as oe, resolveComponent as ge, createElementVNode as $, normalizeStyle as pe, normalizeClass 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 ke } from "@das-fed/utils/common-tools/setHtmlMinWH";
-import { createCeNav as Ce, createCeTabs as Ie, createCeMenu as Te } from "@das-fed/web-components/das-web-app";
-import { flatTree as Ae } from "@das-fed/utils/common-tools/nest-tree-format";
-const h = z({
+import { setHtmlMinWH as Ce } from "@das-fed/utils/common-tools/setHtmlMinWH";
+import { createCeNav as Ie, createCeTabs as ke, createCeMenu as Te } from "@das-fed/web-components/das-web-app";
+import { flatTree as Ee } from "@das-fed/utils/common-tools/nest-tree-format";
+const h = K({
   visible: !1,
   theme: "default",
   logo: "",
@@ -34,11 +34,11 @@ const h = z({
   },
   getItems: () => h.items,
   removeItem: (e) => {
-    const t = h.items.filter((s) => s.value !== e);
+    const t = h.items.filter((n) => n.value !== e);
     h.items = t;
   },
   appendItem: (e) => {
-    h.visible || (h.visible = !0), !h.items.find((s) => s.value == e.value) && h.items.push(e);
+    h.visible || (h.visible = !0), !h.items.find((n) => n.value == e.value) && h.items.push(e);
   },
   setActiveItem: (e) => {
     h.activeItem = e;
@@ -61,9 +61,9 @@ const h = z({
   setSearchConfig: (e) => {
     h.searchConfig = e;
   },
-  triggerEventListener: (e, t, s) => {
+  triggerEventListener: (e, t, n) => {
     var f;
-    const l = h.eventListeners, { autoRemove: d = !1 } = s || {}, r = [];
+    const l = h.eventListeners, { autoRemove: d = !1 } = n || {}, r = [];
     for (const y in l) {
       const i = l[y];
       i.type === e && r.push(
@@ -75,10 +75,10 @@ const h = z({
     return Promise.all(r).then(() => !0).catch(() => !1);
   },
   addEventListener: (e, t) => {
-    const s = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), l = () => {
-      h.eventListeners[s] && delete h.eventListeners[s];
+    const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), l = () => {
+      h.eventListeners[n] && delete h.eventListeners[n];
     };
-    return h.eventListeners[s] = {
+    return h.eventListeners[n] = {
       type: e,
       handler: async (d) => {
         try {
@@ -92,31 +92,31 @@ const h = z({
       remove: l
     };
   }
-}, R = z({
+}, A = K({
   theme: "default",
   items: [],
   collapse: !1,
   eventListeners: {}
 }), ve = {
   setItems: (e) => {
-    R.items = e;
+    A.items = e;
   },
-  getItems: () => R.items,
+  getItems: () => A.items,
   setTheme: (e) => {
-    R.theme = e;
+    A.theme = e;
   },
   setActiveItem: (e) => {
-    R.activeItem = e;
+    A.activeItem = e;
   },
   setCollapse: (e) => {
-    R.collapse = e;
+    A.collapse = e;
   },
   setPopupClassName: (e) => {
-    R.popupClassName = e;
+    A.popupClassName = e;
   },
-  triggerEventListener: (e, t, s) => {
+  triggerEventListener: (e, t, n) => {
     var f;
-    const l = R.eventListeners, { autoRemove: d = !1 } = s || {}, r = [];
+    const l = A.eventListeners, { autoRemove: d = !1 } = n || {}, r = [];
     for (const y in l) {
       const i = l[y];
       i.type === e && r.push(
@@ -128,10 +128,10 @@ const h = z({
     return Promise.all(r).then(() => !0).catch(() => !1);
   },
   addEventListener: (e, t) => {
-    const s = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), l = () => {
-      R.eventListeners[s] && delete R.eventListeners[s];
+    const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), l = () => {
+      A.eventListeners[n] && delete A.eventListeners[n];
     };
-    return R.eventListeners[s] = {
+    return A.eventListeners[n] = {
       type: e,
       handler: async (d) => {
         try {
@@ -145,32 +145,32 @@ const h = z({
       remove: l
     };
   }
-}, C = z({
+}, k = K({
   theme: "default",
   items: [],
   eventListeners: {}
 }), de = {
   setItems: (e) => {
-    C.items = e;
+    k.items = e;
   },
-  getItems: () => C.items,
+  getItems: () => k.items,
   setTheme: (e) => {
-    C.theme = e;
+    k.theme = e;
   },
   removeItem: (e) => {
-    const t = C.items.filter((s) => s.value !== e);
-    C.items = t;
+    const t = k.items.filter((n) => n.value !== e);
+    k.items = t;
   },
   appendItem: (e) => {
-    const t = C.items.findIndex((s) => s.value == e.value);
-    t !== -1 ? C.items.splice(t, 1, e) : C.items.push(e);
+    const t = k.items.findIndex((n) => n.value == e.value);
+    t !== -1 ? k.items.splice(t, 1, e) : k.items.push(e);
   },
   setActiveItem: (e) => {
-    C.activeItem = e;
+    k.activeItem = e;
   },
-  triggerEventListener: (e, t, s) => {
+  triggerEventListener: (e, t, n) => {
     var f;
-    const l = C.eventListeners, { autoRemove: d = !1 } = s || {}, r = [];
+    const l = k.eventListeners, { autoRemove: d = !1 } = n || {}, r = [];
     for (const y in l) {
       const i = l[y];
       i.type === e && r.push(
@@ -182,10 +182,10 @@ const h = z({
     return Promise.all(r).then(() => !0).catch(() => !1);
   },
   addEventListener: (e, t) => {
-    const s = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), l = () => {
-      C.eventListeners[s] && delete C.eventListeners[s];
+    const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), l = () => {
+      k.eventListeners[n] && delete k.eventListeners[n];
     };
-    return C.eventListeners[s] = {
+    return k.eventListeners[n] = {
       type: e,
       handler: async (d) => {
         try {
@@ -199,12 +199,12 @@ const h = z({
       remove: l
     };
   }
-}, U = z({
+}, W = K({
   eventListeners: {}
-}), Ee = {
-  triggerEventListener: (e, t, s) => {
+}), Re = {
+  triggerEventListener: (e, t, n) => {
     var f;
-    const l = U.eventListeners, { autoRemove: d = !1 } = s || {}, r = [];
+    const l = W.eventListeners, { autoRemove: d = !1 } = n || {}, r = [];
     for (const y in l) {
       const i = l[y];
       i.type === e && r.push(
@@ -216,10 +216,10 @@ const h = z({
     return Promise.all(r).then(() => !0).catch(() => !1);
   },
   addEventListener: (e, t) => {
-    const s = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), l = () => {
-      U.eventListeners[s] && delete U.eventListeners[s];
+    const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), l = () => {
+      W.eventListeners[n] && delete W.eventListeners[n];
     };
-    return U.eventListeners[s] = {
+    return W.eventListeners[n] = {
       type: e,
       handler: async (d) => {
         try {
@@ -233,31 +233,31 @@ const h = z({
       remove: l
     };
   }
-}, te = z({
+}, te = K({
   visible: !1,
   style: {}
-}), Re = {
+}), Ae = {
   set: (e, t) => {
     te.visible = e, t || (t = {}), t.transition || (t.transition = "all 0.3s"), t && (te.style = t);
   }
 }, H = {
   nav: h,
-  menu: R,
-  tab: C,
+  menu: A,
+  tab: k,
   overlay: te,
-  iframeView: U,
+  iframeView: W,
   visible: O(!0)
 }, v = {
   nav: ue,
   menu: ve,
   tab: de,
-  overlay: Re,
-  iframeView: Ee,
+  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({
+}, Ve = ["name"], Pe = ["name"], Se = /* @__PURE__ */ z({
   __name: "das-iframe-router-view",
   props: {
     needTransition: { type: Boolean },
@@ -265,40 +265,40 @@ const h = z({
     exclude: { default: () => [] }
   },
   setup(e) {
-    const t = e, s = u(() => {
-      const { mode: n = "", ...a } = {
+    const t = e, n = u(() => {
+      const { mode: s = "", ...a } = {
         mode: "out-in",
         "enter-active-class": "animate__animated animate__fadeInLeft",
         ...t.transitionConfig || {}
       };
       return a;
-    }), l = Le(), d = me(), r = O([]), f = u(() => r.value.filter((n) => {
+    }), l = Le(), d = me(), r = O([]), f = u(() => r.value.filter((s) => {
       var a;
-      return (a = n.meta) == null ? void 0 : a.isOpen;
-    })), y = (n) => {
-      const a = n.lastIndexOf("-");
-      let o = a !== -1 ? n.substring(a + 1) : "";
+      return (a = s.meta) == null ? void 0 : a.isOpen;
+    })), y = (s) => {
+      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 === n && (m.meta.key = `${m.path}-${o}`);
+        m.meta.key === s && (m.meta.key = `${m.path}-${o}`);
       });
     };
     Z(
       () => t.exclude,
-      (n) => {
-        if (!n || !n.length) return;
-        const a = f.value.find((o) => n.includes(o.path));
+      (s) => {
+        if (!s || !s.length) return;
+        const a = f.value.find((o) => s.includes(o.path));
         a && y(a.meta.key);
       },
       { deep: !0 }
     );
-    const i = async (n) => {
-      const a = n.component;
+    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 n = l.options.routes;
-      for (const o of n)
+      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({
@@ -310,50 +310,46 @@ const h = z({
     }, T = async () => {
       var o, m;
       if (!r.value || !r.value.length) return;
-      const n = r.value.find((L) => L.meta.isShow);
-      n && (n.meta.isShow = !1, await oe(), v.iframeView.triggerEventListener("onDeactivated", { route: n }));
-      const a = r.value.find((L) => L.path === d.path);
+      const s = r.value.find((C) => C.meta.isShow);
+      s && (s.meta.isShow = !1, await oe(), v.iframeView.triggerEventListener("onDeactivated", { route: s }));
+      const a = r.value.find((C) => C.path === d.path);
       a && ((o = a.meta) != null && o.isOpen || (a.meta.isOpen = !0), (m = a.meta) != null && m.isShow || (a.meta.isShow = !0), await oe(), v.iframeView.triggerEventListener("onActivated", { route: a }));
     };
     let S = 0;
     return Z(
       () => l.currentRoute.value,
       () => {
-        const n = l.options.routes.length;
-        n !== S ? (P(), S = n) : T();
+        const s = l.options.routes.length;
+        s !== S ? (P(), S = s) : T();
       },
       { immediate: !0 }
     ), v.iframeView.addEventListener("onRefreshCurrentPage", () => {
-      f.value.forEach((n) => {
+      f.value.forEach((s) => {
         var a;
-        (a = n.meta) != null && a.isShow && (n.meta.key.includes("0") ? n.meta.key = n.meta.key.replaceAll("0", "1") : n.meta.key = n.meta.key.replaceAll("1", "0"));
+        (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("onRefreshPage", (n) => {
-      f.value.forEach((a) => {
-        a.path === n && (a.meta.key.includes("0") ? a.meta.key = a.meta.key.replaceAll("0", "1") : a.meta.key = a.meta.key.replaceAll("1", "0"));
+    }), v.iframeView.addEventListener("onUnloadPage", (s) => {
+      r.value.forEach((a) => {
+        a.path === s && (a.meta.isOpen = !1);
       });
-    }), v.iframeView.addEventListener("onRefreshAllPage", () => {
-      f.value.forEach((n) => {
-        n.meta.key.includes("0") ? n.meta.key = n.meta.key.replaceAll("0", "1") : n.meta.key = n.meta.key.replaceAll("1", "0");
-      });
-    }), (n, a) => (p(), I(
+    }), (s, a) => (g(), I(
       J,
       null,
       [
-        n.needTransition ? (p(), V(
+        s.needTransition ? (g(), V(
           he,
-          ee(ne({ key: 0 }, s.value)),
+          ee(ne({ key: 0 }, n.value)),
           {
-            default: W(() => [
-              (p(!0), I(
+            default: U(() => [
+              (g(!0), I(
                 J,
                 null,
-                re(f.value, ({ path: o, meta: m }) => D((p(), I("div", {
+                re(f.value, ({ path: o, meta: m }) => D((g(), I("div", {
                   class: "das-iframe-router-view",
                   key: m.key,
                   name: o
                 }, [
-                  (p(), V(N(m.componentInstance), {
+                  (g(), V(N(m.componentInstance), {
                     key: m.key
                   }))
                 ], 8, Ve)), [
@@ -369,15 +365,15 @@ const h = z({
           16
           /* FULL_PROPS */
         )) : b("v-if", !0),
-        n.needTransition ? b("v-if", !0) : (p(!0), I(
+        s.needTransition ? b("v-if", !0) : (g(!0), I(
           J,
           { key: 1 },
-          re(f.value, ({ path: o, meta: m }) => D((p(), I("div", {
+          re(f.value, ({ path: o, meta: m }) => D((g(), I("div", {
             class: "das-iframe-router-view",
             key: m.key,
             name: o
           }, [
-            (p(), V(N(m.componentInstance), {
+            (g(), V(N(m.componentInstance), {
               key: m.key
             }))
           ], 8, Pe)), [
@@ -392,11 +388,11 @@ const h = z({
     ));
   }
 }), fe = (e, t) => {
-  const s = e.__vccOpts || e;
+  const n = e.__vccOpts || e;
   for (const [l, d] of t)
-    s[l] = d;
-  return s;
-}, De = /* @__PURE__ */ fe(Se, [["__scopeId", "data-v-b03d395b"]]), Me = { class: "das-web-app-container" }, je = {
+    n[l] = d;
+  return n;
+}, De = /* @__PURE__ */ fe(Se, [["__scopeId", "data-v-6dd310c9"]]), Me = { class: "das-web-app-container" }, je = {
   key: 0,
   class: "das-web-app-header"
 }, xe = { class: "das-web-app-main" }, $e = {
@@ -405,16 +401,16 @@ const h = z({
 }, Be = { class: "das-web-app-main-container" }, He = {
   key: 0,
   class: "tab"
-}, Fe = { class: "das-web-app-main-content" }, Ne = { class: "banner" }, Oe = { class: "das-web-app-main-router-view" }, We = { style: { width: "100%", height: "100%" } }, Ue = {
+}, Fe = { class: "das-web-app-main-content" }, Ne = { class: "banner" }, Oe = { class: "das-web-app-main-router-view" }, Ue = {
   key: 0,
   style: { width: "100%", height: "100%" }
-}, ze = {
+}, We = {
   key: 1,
   style: { width: "100%", height: "100%" }
-}, Qe = { style: { width: "100%", height: "100%" } }, Ke = {
+}, Ke = { style: { width: "100%", height: "100%" } }, ze = {
   class: "micro-app",
   style: { height: "100%", width: "100%" }
-}, qe = /* @__PURE__ */ Q({
+}, Qe = /* @__PURE__ */ z({
   __name: "das-web-layout",
   props: {
     needTransition: { type: Boolean, default: !0 },
@@ -424,28 +420,29 @@ const h = z({
     showTabs: { type: Boolean, default: !0 },
     routerViewVisible: { type: Boolean, default: !0 },
     excludeRoutes: {},
-    routeKeepAliveVisible: { type: Boolean, default: !0 }
+    routeKeepAliveVisible: { type: Boolean, default: !0 },
+    pageKey: { default: "0" }
   },
   setup(e) {
     const t = e;
-    Ce(), Ie(), Te();
-    const s = 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(() => ({
+    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"
-    })), n = u(() => H.overlay.style ?? { backgroundColor: "rgba(0,0,0,0.5)" }), a = u(() => t.excludeRoutes), o = u(() => t.routeKeepAliveVisible);
+    })), s = u(() => H.overlay.style ?? { backgroundColor: "rgba(0,0,0,0.5)" }), a = u(() => t.excludeRoutes), o = u(() => t.routeKeepAliveVisible);
     Z(
-      () => [s.meta, s.query],
-      ([k, j]) => {
-        const { showLayout: E = !0, showAside: c = !0, showTabs: g = !0, layout: _ = {} } = k, {
+      () => [n.meta, n.query],
+      ([_, j]) => {
+        const { showLayout: R = !0, showAside: c = !0, showTabs: p = !0, layout: L = {} } = _, {
           showLayout: x = !0,
-          showAside: A = !0,
+          showAside: E = !0,
           showTabs: se = !0,
-          app: Ye
+          app: Xe
         } = j;
-        ke(_);
+        Ce(L);
         let ae = !0, q = !0, G = !0;
-        (E === !1 || x === !1 || x === "false") && (ae = !1, q = !1, G = !1), (c === !1 || A === !1 || A === "false") && (q = !1), (g === !1 || se === !1 || se === "false") && (G = !1), l.value = ae, d.value = q, r.value = G;
+        (R === !1 || x === !1 || x === "false") && (ae = !1, q = !1, G = !1), (c === !1 || E === !1 || E === "false") && (q = !1), (p === !1 || se === !1 || se === "false") && (G = !1), l.value = ae, d.value = q, r.value = G;
       }
     );
     const m = u(() => ({
@@ -453,24 +450,24 @@ const h = z({
       "enter-active-class": "animate__animated animate__fadeInLeft",
       ...t.transitionConfig || {}
     }));
-    let L = /* @__PURE__ */ new Map();
-    const K = (k, j) => {
-      let E;
-      return L.has(j) ? E = L.get(j) : (E = {
+    let C = /* @__PURE__ */ new Map();
+    const Q = (_, j) => {
+      let R;
+      return C.has(j) ? R = C.get(j) : (R = {
         name: j,
         render() {
-          return Y("div", { style: { width: "100%", height: "100%" } }, [Y(k)]);
+          return Y("div", { style: { width: "100%", height: "100%" } }, [Y(_)]);
         }
-      }, L.set(j, E)), Y(E);
+      }, C.set(j, R)), Y(R);
     }, B = u(() => H.visible.value);
-    return (k, j) => {
-      const E = ge("router-view");
-      return p(), I("div", Me, [
+    return (_, j) => {
+      const R = ge("router-view");
+      return g(), I("div", Me, [
         D($(
           "div",
           {
-            class: pe(["das-web-app-overlay", S.value]),
-            style: ye(n.value)
+            class: ye(["das-web-app-overlay", S.value]),
+            style: pe(s.value)
           },
           null,
           6
@@ -478,11 +475,11 @@ const h = z({
         ), [
           [M, B.value]
         ]),
-        f.value ? D((p(), I(
+        f.value ? D((g(), I(
           "div",
           je,
           [
-            F(k.$slots, "header", {}, void 0, !0)
+            F(_.$slots, "header", {}, void 0, !0)
           ],
           512
           /* NEED_PATCH */
@@ -490,11 +487,11 @@ const h = z({
           [M, B.value]
         ]) : b("v-if", !0),
         $("div", xe, [
-          y.value ? D((p(), I(
+          y.value ? D((g(), I(
             "div",
             $e,
             [
-              F(k.$slots, "aside", {}, void 0, !0)
+              F(_.$slots, "aside", {}, void 0, !0)
             ],
             512
             /* NEED_PATCH */
@@ -502,11 +499,11 @@ const h = z({
             [M, B.value]
           ]) : b("v-if", !0),
           $("div", Be, [
-            i.value ? D((p(), I(
+            i.value ? D((g(), I(
               "div",
               He,
               [
-                F(k.$slots, "tab", {}, void 0, !0)
+                F(_.$slots, "tab", {}, void 0, !0)
               ],
               512
               /* NEED_PATCH */
@@ -518,7 +515,7 @@ const h = z({
                 "div",
                 Ne,
                 [
-                  F(k.$slots, "banner", {}, void 0, !0)
+                  F(_.$slots, "banner", {}, void 0, !0)
                 ],
                 512
                 /* NEED_PATCH */
@@ -526,105 +523,102 @@ const h = z({
                 [M, B.value]
               ]),
               $("div", Oe, [
-                D($(
-                  "div",
-                  We,
-                  [
-                    F(k.$slots, "router-view", {}, () => [
-                      b(" 有动画 "),
-                      k.needTransition ? (p(), V(E, { key: 0 }, {
-                        default: W(({ Component: c }) => [
-                          X(
-                            ie,
-                            ee(le(m.value)),
-                            {
-                              default: W(() => {
-                                var g;
-                                return [
-                                  w(s).meta.keepAlive ? (p(), V(ce, {
-                                    key: 0,
-                                    exclude: a.value
-                                  }, [
-                                    o.value && !((g = w(s).meta) != null && g.isIframe) ? (p(), V(N(K(c, w(s).path)), {
-                                      key: w(s).path
-                                    })) : b("v-if", !0)
-                                  ], 1032, ["exclude"])) : b("v-if", !0)
-                                ];
-                              }),
-                              _: 2
-                              /* DYNAMIC */
-                            },
-                            1040
-                            /* FULL_PROPS, DYNAMIC_SLOTS */
-                          ),
-                          X(
-                            ie,
-                            ee(le(m.value)),
-                            {
-                              default: W(() => [
-                                !w(s).meta.keepAlive && !w(s).meta.isIframe ? (p(), I("div", Ue, [
-                                  (p(), V(N(c), {
-                                    key: w(s).path
-                                  }))
-                                ])) : b("v-if", !0)
-                              ]),
-                              _: 2
-                              /* DYNAMIC */
-                            },
-                            1040
-                            /* FULL_PROPS, DYNAMIC_SLOTS */
-                          )
-                        ]),
-                        _: 1
-                        /* STABLE */
-                      })) : b("v-if", !0),
-                      b(" 无动画 "),
-                      k.needTransition ? b("v-if", !0) : (p(), V(E, { key: 1 }, {
-                        default: W(({ Component: c }) => [
-                          w(s).meta.keepAlive ? (p(), V(ce, {
-                            key: 0,
-                            exclude: a.value
-                          }, [
-                            o.value && !w(s).meta.isIframe ? (p(), V(N(K(c, w(s).path)), {
-                              key: w(s).path
-                            })) : b("v-if", !0)
-                          ], 1032, ["exclude"])) : b("v-if", !0),
-                          !w(s).meta.keepAlive && !w(s).meta.isIframe ? (p(), I("div", ze, [
-                            (p(), V(N(c), {
-                              key: w(s).path
-                            }))
-                          ])) : b("v-if", !0)
-                        ]),
-                        _: 1
-                        /* STABLE */
-                      })),
-                      D($(
-                        "div",
-                        Qe,
-                        [
-                          X(De, {
-                            exclude: a.value,
-                            transitionConfig: m.value,
-                            needTransition: k.needTransition
-                          }, null, 8, ["exclude", "transitionConfig", "needTransition"])
-                        ],
-                        512
-                        /* NEED_PATCH */
-                      ), [
-                        [M, w(s).meta.isIframe]
-                      ])
-                    ], !0)
-                  ],
-                  512
-                  /* NEED_PATCH */
-                ), [
+                D((g(), I("div", {
+                  key: _.pageKey,
+                  style: { width: "100%", height: "100%" }
+                }, [
+                  F(_.$slots, "router-view", {}, () => [
+                    b(" 有动画 "),
+                    _.needTransition ? (g(), V(R, { key: 0 }, {
+                      default: U(({ Component: c }) => [
+                        X(
+                          ie,
+                          ee(le(m.value)),
+                          {
+                            default: U(() => {
+                              var p;
+                              return [
+                                w(n).meta.keepAlive ? (g(), V(ce, {
+                                  key: 0,
+                                  exclude: a.value
+                                }, [
+                                  o.value && !((p = w(n).meta) != null && p.isIframe) ? (g(), V(N(Q(c, w(n).path)), {
+                                    key: w(n).path
+                                  })) : b("v-if", !0)
+                                ], 1032, ["exclude"])) : b("v-if", !0)
+                              ];
+                            }),
+                            _: 2
+                            /* DYNAMIC */
+                          },
+                          1040
+                          /* FULL_PROPS, DYNAMIC_SLOTS */
+                        ),
+                        X(
+                          ie,
+                          ee(le(m.value)),
+                          {
+                            default: U(() => [
+                              !w(n).meta.keepAlive && !w(n).meta.isIframe ? (g(), I("div", Ue, [
+                                (g(), V(N(c), {
+                                  key: w(n).path
+                                }))
+                              ])) : b("v-if", !0)
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          },
+                          1040
+                          /* FULL_PROPS, DYNAMIC_SLOTS */
+                        )
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })) : b("v-if", !0),
+                    b(" 无动画 "),
+                    _.needTransition ? b("v-if", !0) : (g(), V(R, { key: 1 }, {
+                      default: U(({ Component: c }) => [
+                        w(n).meta.keepAlive ? (g(), V(ce, {
+                          key: 0,
+                          exclude: a.value
+                        }, [
+                          o.value && !w(n).meta.isIframe ? (g(), V(N(Q(c, w(n).path)), {
+                            key: w(n).path
+                          })) : b("v-if", !0)
+                        ], 1032, ["exclude"])) : b("v-if", !0),
+                        !w(n).meta.keepAlive && !w(n).meta.isIframe ? (g(), I("div", We, [
+                          (g(), V(N(c), {
+                            key: w(n).path
+                          }))
+                        ])) : b("v-if", !0)
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })),
+                    D($(
+                      "div",
+                      Ke,
+                      [
+                        X(De, {
+                          exclude: a.value,
+                          transitionConfig: m.value,
+                          needTransition: _.needTransition
+                        }, null, 8, ["exclude", "transitionConfig", "needTransition"])
+                      ],
+                      512
+                      /* NEED_PATCH */
+                    ), [
+                      [M, w(n).meta.isIframe]
+                    ])
+                  ], !0)
+                ])), [
                   [M, P.value]
                 ]),
                 D($(
                   "div",
-                  Ke,
+                  ze,
                   [
-                    F(k.$slots, "default", {}, void 0, !0)
+                    F(_.$slots, "default", {}, void 0, !0)
                   ],
                   512
                   /* NEED_PATCH */
@@ -638,23 +632,23 @@ const h = z({
       ]);
     };
   }
-}), at = /* @__PURE__ */ fe(qe, [["__scopeId", "data-v-b6d7b17e"]]), Ge = ["theme", "modelValue", "logoUrl", "config", "innerPagesConfig", "searchConfig", "projectTreeConfig", "userInfoConfig"], rt = /* @__PURE__ */ Q({
+}), st = /* @__PURE__ */ fe(Qe, [["__scopeId", "data-v-e2af5217"]]), qe = ["theme", "modelValue", "logoUrl", "config", "innerPagesConfig", "searchConfig", "projectTreeConfig", "userInfoConfig"], at = /* @__PURE__ */ z({
   __name: "das-web-nav",
   setup(e) {
-    const { nav: t } = H, s = 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;
+    const { nav: t } = H, n = u(() => t.theme), l = u(() => t.logo || ""), d = u(() => t.activeItem || ""), r = u(() => (t.items || []).filter((p) => p.fixed)), f = u(() => (t.items || []).filter((p) => !p.fixed)), y = u(() => {
+      var c, p, L, x;
       return {
         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,
+        showChangeEnterprise: ((p = t.config) == null ? void 0 : p.showChangeEnterprise) ?? !1,
+        showSearch: ((L = t.config) == null ? void 0 : L.showSearch) ?? !0,
         showProjectTree: ((x = t.config) == null ? void 0 : x.showProjectTree) ?? !0,
-        subAppList: f.value.map((A) => ({ code: A.value, name: A.label, ...A }))
+        subAppList: f.value.map((E) => ({ code: E.value, name: E.label, ...E }))
       };
     }), i = u(() => {
-      const c = r.value.find((g) => g.value === t.activeItem);
+      const c = r.value.find((p) => p.value === t.activeItem);
       return {
         activeInnerPagePath: (c == null ? void 0 : c.path) || "",
-        innerPages: r.value.map((g) => ({ title: g.label, ...g }))
+        innerPages: r.value.map((p) => ({ title: p.label, ...p }))
       };
     }), P = u(() => ({
       projectStore: {
@@ -662,29 +656,29 @@ const h = z({
         currentProject: t.activeProject
       },
       ...t.projectConfig
-    })), T = u(() => t.userInfo), S = u(() => t.searchConfig), n = async (c) => {
-      const g = c.detail[0], _ = r.value.find((A) => g.value === A.value);
-      await v.nav.triggerEventListener("onItemClick", _) && v.nav.setActiveItem(_.value);
+    })), T = u(() => t.userInfo), S = u(() => t.searchConfig), s = async (c) => {
+      const p = c.detail[0], L = r.value.find((E) => p.value === E.value);
+      await v.nav.triggerEventListener("onItemClick", L) && v.nav.setActiveItem(L.value);
     }, a = async (c) => {
-      const g = c.detail[0], _ = f.value.find((A) => g === A.value);
-      await v.nav.triggerEventListener("onItemClick", _) && v.nav.setActiveItem(_.value);
+      const p = c.detail[0], L = f.value.find((E) => p === E.value);
+      await v.nav.triggerEventListener("onItemClick", L) && v.nav.setActiveItem(L.value);
     }, o = async (c) => {
-      const g = c.detail[0], _ = f.value.find((A) => g === A.value);
-      await v.nav.triggerEventListener("onItemRemove", _) && v.nav.removeItem(_.value);
+      const p = c.detail[0], L = f.value.find((E) => p === E.value);
+      await v.nav.triggerEventListener("onItemRemove", L) && v.nav.removeItem(L.value);
     }, m = async (c) => {
-      const [g, _] = c.detail;
-      !g || !await v.nav.triggerEventListener("onProjectChange", _) || v.nav.setActiveProject(_);
-    }, L = (c) => {
+      const [p, L] = c.detail;
+      !p || !await v.nav.triggerEventListener("onProjectChange", L) || v.nav.setActiveProject(L);
+    }, C = (c) => {
       v.nav.triggerEventListener("onUserCommandChange", c.detail[0]);
-    }, K = (c) => {
+    }, Q = (c) => {
       v.nav.triggerEventListener("searchToPage", { item: c.detail[0], keyword: c.detail[1], cb: c.detail[2] });
     }, B = (c) => {
       v.nav.triggerEventListener("clearSearchList", { cb: c.detail[0] });
-    }, k = (c) => {
+    }, _ = (c) => {
       v.nav.triggerEventListener("deleteSearchItem", { value: c.detail[0], cb: c.detail[1] });
     }, j = () => {
       v.nav.triggerEventListener("changeEnterpriseHandle");
-    }, E = () => {
+    }, R = () => {
       v.nav.triggerEventListener("fullScreenHandle");
     };
     return we(() => {
@@ -693,8 +687,8 @@ const h = z({
       v.nav.triggerEventListener("onMounted", null, { autoRemove: !0 });
     }), _e(() => {
       v.nav.triggerEventListener("onUnmounted", null, { autoRemove: !0 });
-    }), (c, g) => (p(), I("das-ce-nav", {
-      theme: s.value,
+    }), (c, p) => (g(), I("das-ce-nav", {
+      theme: n.value,
       modelValue: d.value,
       logoUrl: l.value,
       config: y.value,
@@ -702,31 +696,31 @@ const h = z({
       searchConfig: S.value,
       projectTreeConfig: P.value,
       userInfoConfig: T.value,
-      "on:userCommandHandle": L,
-      "on:changeInnerPage": n,
+      "on:userCommandHandle": C,
+      "on:changeInnerPage": s,
       "on:handleTabClick": a,
       "on:handleTabDelete": o,
       "on:changeTreeHandle": m,
-      "on:searchToPage": K,
+      "on:searchToPage": Q,
       "on:clearSearchList": B,
-      "on:deleteSearchItem": k,
+      "on:deleteSearchItem": _,
       "on:changeEnterpriseHandle": j,
-      "on:fullScreen": E
-    }, null, 40, Ge));
+      "on:fullScreen": R
+    }, null, 40, qe));
   }
-}), Je = ["theme", "modelValue", "data", "collapse", "fixedTopMenu", "subMenuAttrs"], ot = /* @__PURE__ */ Q({
+}), Ge = ["theme", "modelValue", "data", "collapse", "fixedTopMenu", "subMenuAttrs"], rt = /* @__PURE__ */ z({
   __name: "das-web-menu",
   props: {
     menuAttr: {}
   },
   setup(e) {
-    const { menu: t } = H, s = e, l = u(() => t.theme), d = u(() => s.menuAttr || {}), r = u(() => t.items), f = u(() => t.items.find((n) => n.fixed)), y = u(() => t.activeItem || ""), i = u(() => t.collapse || !1), P = u(() => ({ popupClassName: t.popupClassName ?? "" })), T = async (n) => {
-      const a = n.detail[0], o = Ae(r.value).find((L) => a === L.id);
+    const { menu: t } = H, n = e, l = u(() => t.theme), d = u(() => n.menuAttr || {}), r = u(() => t.items), f = u(() => t.items.find((s) => s.fixed)), y = u(() => t.activeItem || ""), i = u(() => t.collapse || !1), P = u(() => ({ popupClassName: t.popupClassName ?? "" })), T = async (s) => {
+      const a = s.detail[0], o = Ee(r.value).find((C) => a === C.id);
       await v.menu.triggerEventListener("onItemClick", o) && v.menu.setActiveItem(o.id);
-    }, S = (n) => {
-      v.menu.setCollapse(n.detail[0]), v.menu.triggerEventListener("toggleCollapse", n.detail[0]);
+    }, S = (s) => {
+      v.menu.setCollapse(s.detail[0]), v.menu.triggerEventListener("toggleCollapse", s.detail[0]);
     };
-    return (n, a) => r.value.length > 0 ? (p(), I("das-ce-menu", ne({
+    return (s, a) => r.value.length > 0 ? (g(), I("das-ce-menu", ne({
       key: 0,
       theme: l.value,
       modelValue: y.value,
@@ -737,32 +731,32 @@ const h = z({
     }, d.value, {
       onChange: T,
       "on:toggleCollapse": S
-    }), null, 16, Je)) : b("v-if", !0);
+    }), null, 16, Ge)) : b("v-if", !0);
   }
-}), Xe = ["theme", "modelValue", "options"], it = /* @__PURE__ */ Q({
+}), Je = ["theme", "modelValue", "options"], ot = /* @__PURE__ */ z({
   __name: "das-web-tabs",
   props: {
     tabsAttr: {}
   },
   setup(e) {
-    const { tab: t } = H, s = e, l = u(() => s.tabsAttr || {}), d = u(() => t.theme), r = u(() => t.items.map((n) => ({
-      ...n,
-      key: n.value,
-      tab: n.label
-    }))), f = u(() => t.activeItem || ""), y = async (n) => {
-      const a = n.detail[0], o = r.value.find((L) => a === L.value);
+    const { tab: t } = H, n = e, l = u(() => n.tabsAttr || {}), d = u(() => t.theme), r = u(() => t.items.map((s) => ({
+      ...s,
+      key: s.value,
+      tab: s.label
+    }))), f = u(() => t.activeItem || ""), y = async (s) => {
+      const a = s.detail[0], o = r.value.find((C) => a === C.value);
       await v.tab.triggerEventListener("onItemClick", o) && v.tab.setActiveItem(o.value);
-    }, i = async (n) => {
-      const a = n.detail[0], o = r.value.find((L) => a === L.value);
+    }, i = async (s) => {
+      const a = s.detail[0], o = r.value.find((C) => a === C.value);
       await v.tab.triggerEventListener("onItemRemove", o) && v.tab.removeItem(o.value);
-    }, P = async (n) => {
-      await v.tab.triggerEventListener("onMenuClick", { type: n.detail[0], data: n.detail[1] });
-    }, T = async (n) => {
-      await v.tab.triggerEventListener("onPageRefresh", n.detail[0]);
+    }, 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 (n, a) => r.value.length > 0 ? (p(), I("das-ce-tabs", ne({
+    return (s, a) => r.value.length > 0 ? (g(), I("das-ce-tabs", ne({
       key: 0,
       theme: d.value,
       modelValue: f.value,
@@ -773,15 +767,15 @@ const h = z({
       "on:menuClick": P,
       "on:pageRefresh": T,
       "on:toggleFullScreen": S
-    }), null, 16, Xe)) : b("v-if", !0);
+    }), null, 16, Je)) : b("v-if", !0);
   }
 });
 O("@das-fed/web");
 export {
-  at as DasWebLayout,
-  ot as DasWebMenu,
-  rt as DasWebNav,
-  it as DasWebTabs,
+  st as DasWebLayout,
+  rt as DasWebMenu,
+  at as DasWebNav,
+  ot as DasWebTabs,
   v as layout,
   H as layoutData
 };