@das-fed/web 6.3.0-beta.8 → 6.4.0-beta.1

package/packages/layout/index.js

@@ -1,9 +1,10 @@
-import { reactive as F, ref as V, defineComponent as U, computed as v, watch as Y, openBlock as p, createElementBlock as C, Fragment as G, createBlock as A, TransitionGroup as fe, normalizeProps as Z, mergeProps as te, withCtx as O, renderList as oe, withDirectives as E, resolveDynamicComponent as N, vShow as P, unref as b, createCommentVNode as _, nextTick as ie, resolveComponent as ge, createElementVNode as D, normalizeClass as pe, normalizeStyle as he, renderSlot as H, createVNode as K, Transition as le, guardReactiveProps as ce, KeepAlive as ue, h as J, onBeforeMount as we, onMounted as ye, onUnmounted as be } from "vue";
-import { useRouter as _e, useRoute as ve } from "vue-router";
-import { setHtmlMinWH as X } from "@das-fed/utils/common-tools/setHtmlMinWH";
-import { createCeNav as Ie, createCeTabs as Le, createCeMenu as Ce } from "@das-fed/web-components";
+import '@das-fed/web/packages/layout/style.css';
+import { reactive as U, ref as W, defineComponent as z, computed as v, watch as ee, openBlock as p, createElementBlock as R, Fragment as J, createBlock as C, TransitionGroup as ge, normalizeProps as te, mergeProps as se, withCtx as F, renderList as ie, withDirectives as P, resolveDynamicComponent as B, vShow as S, unref as b, createCommentVNode as _, nextTick as le, resolveComponent as K, createElementVNode as D, normalizeClass as pe, normalizeStyle as he, renderSlot as $, createVNode as X, Transition as ce, guardReactiveProps as ue, KeepAlive as ve, h as Y, onBeforeMount as we, onMounted as ye, onUnmounted as be } from "vue";
+import { useRouter as _e, useRoute as de } from "vue-router";
+import { setHtmlMinWH as Z } from "@das-fed/utils/common-tools/setHtmlMinWH";
+import { createCeNav as Ie, createCeTabs as Le, createCeMenu as Ce } from "@das-fed/web-components/das-web-app";
 import { flatTree as ke } from "@das-fed/utils/common-tools/nest-tree-format";
-const g = F({
+const g = U({
   visible: !1,
   logo: "",
   items: [],
@@ -58,19 +59,19 @@ const g = F({
   },
   triggerEventListener: (e, t, n) => {
     var h;
-    const l = g.eventListeners, { autoRemove: i = !1 } = n || {}, c = [];
-    for (const y in l) {
-      const r = l[y];
-      r.type === e && c.push(
+    const c = g.eventListeners, { autoRemove: i = !1 } = n || {}, u = [];
+    for (const y in c) {
+      const r = c[y];
+      r.type === e && u.push(
         (h = r == null ? void 0 : r.handler) == null ? void 0 : h.call(r, t).then(() => {
           i && r.remove();
         })
       );
     }
-    return Promise.all(c).then(() => !0).catch(() => !1);
+    return Promise.all(u).then(() => !0).catch(() => !1);
   },
   addEventListener: (e, t) => {
-    const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), l = () => {
+    const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), c = () => {
       g.eventListeners[n] && delete g.eventListeners[n];
     };
     return g.eventListeners[n] = {
@@ -78,16 +79,16 @@ const g = F({
       handler: async (i) => {
         try {
           await t(i);
-        } catch (c) {
-          throw c;
+        } catch (u) {
+          throw u;
         }
       },
-      remove: l
+      remove: c
     }, {
-      remove: l
+      remove: c
     };
   }
-}, M = F({
+}, M = U({
   items: [],
   eventListeners: {}
 }), Ae = {
@@ -103,19 +104,19 @@ const g = F({
   },
   triggerEventListener: (e, t, n) => {
     var h;
-    const l = M.eventListeners, { autoRemove: i = !1 } = n || {}, c = [];
-    for (const y in l) {
-      const r = l[y];
-      r.type === e && c.push(
+    const c = M.eventListeners, { autoRemove: i = !1 } = n || {}, u = [];
+    for (const y in c) {
+      const r = c[y];
+      r.type === e && u.push(
         (h = r == null ? void 0 : r.handler) == null ? void 0 : h.call(r, t).then(() => {
           i && r.remove();
         })
       );
     }
-    return Promise.all(c).then(() => !0).catch(() => !1);
+    return Promise.all(u).then(() => !0).catch(() => !1);
   },
   addEventListener: (e, t) => {
-    const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), l = () => {
+    const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), c = () => {
       M.eventListeners[n] && delete M.eventListeners[n];
     };
     return M.eventListeners[n] = {
@@ -123,16 +124,16 @@ const g = F({
       handler: async (i) => {
         try {
           await t(i);
-        } catch (c) {
-          throw c;
+        } catch (u) {
+          throw u;
         }
       },
-      remove: l
+      remove: c
     }, {
-      remove: l
+      remove: c
     };
   }
-}, T = F({
+}, T = U({
   items: [],
   eventListeners: {}
 }), Re = {
@@ -153,19 +154,19 @@ const g = F({
   },
   triggerEventListener: (e, t, n) => {
     var h;
-    const l = T.eventListeners, { autoRemove: i = !1 } = n || {}, c = [];
-    for (const y in l) {
-      const r = l[y];
-      r.type === e && c.push(
+    const c = T.eventListeners, { autoRemove: i = !1 } = n || {}, u = [];
+    for (const y in c) {
+      const r = c[y];
+      r.type === e && u.push(
         (h = r == null ? void 0 : r.handler) == null ? void 0 : h.call(r, t).then(() => {
           i && r.remove();
         })
       );
     }
-    return Promise.all(c).then(() => !0).catch(() => !1);
+    return Promise.all(u).then(() => !0).catch(() => !1);
   },
   addEventListener: (e, t) => {
-    const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), l = () => {
+    const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), c = () => {
       T.eventListeners[n] && delete T.eventListeners[n];
     };
     return T.eventListeners[n] = {
@@ -173,71 +174,71 @@ const g = F({
       handler: async (i) => {
         try {
           await t(i);
-        } catch (c) {
-          throw c;
+        } catch (u) {
+          throw u;
         }
       },
-      remove: l
+      remove: c
     }, {
-      remove: l
+      remove: c
     };
   }
-}, W = F({
+}, O = U({
   eventListeners: {}
 }), Ee = {
   triggerEventListener: (e, t, n) => {
     var h;
-    const l = W.eventListeners, { autoRemove: i = !1 } = n || {}, c = [];
-    for (const y in l) {
-      const r = l[y];
-      r.type === e && c.push(
+    const c = O.eventListeners, { autoRemove: i = !1 } = n || {}, u = [];
+    for (const y in c) {
+      const r = c[y];
+      r.type === e && u.push(
         (h = r == null ? void 0 : r.handler) == null ? void 0 : h.call(r, t).then(() => {
           i && r.remove();
         })
       );
     }
-    return Promise.all(c).then(() => !0).catch(() => !1);
+    return Promise.all(u).then(() => !0).catch(() => !1);
   },
   addEventListener: (e, t) => {
-    const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), l = () => {
-      W.eventListeners[n] && delete W.eventListeners[n];
+    const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), c = () => {
+      O.eventListeners[n] && delete O.eventListeners[n];
     };
-    return W.eventListeners[n] = {
+    return O.eventListeners[n] = {
       type: e,
       handler: async (i) => {
         try {
           await t(i);
-        } catch (c) {
-          throw c;
+        } catch (u) {
+          throw u;
         }
       },
-      remove: l
+      remove: c
     }, {
-      remove: l
+      remove: c
     };
   }
-}, ee = F({
+}, ne = U({
   visible: !1,
   style: {}
 }), Pe = {
   set: (e, t) => {
-    ee.visible = e, t || (t = {}), t.transition || (t.transition = "all 0.3s"), t && (ee.style = t);
+    ne.visible = e, t || (t = {}), t.transition || (t.transition = "all 0.3s"), t && (ne.style = t);
   }
-}, $ = {
+}, H = {
   nav: g,
   menu: M,
   tab: T,
-  overlay: ee,
-  iframeView: W,
-  visible: V(!0)
+  overlay: ne,
+  iframeView: O,
+  visible: W(!0)
 }, m = {
   nav: Te,
   menu: Ae,
   tab: Re,
   overlay: Pe,
   iframeView: Ee,
-  setVisible: (e) => $.visible.value = e
-}, Ve = ["name"], Se = ["name"], De = /* @__PURE__ */ U({
+  setVisible: (e) => H.visible.value = e
+}, Se = ["name"], Ve = ["name"], De = /* @__PURE__ */ z({
   __name: "das-iframe-router-view",
   props: {
     needTransition: { type: Boolean },
@@ -246,82 +247,82 @@ const g = F({
   },
   setup(e) {
     const t = e, n = v(() => {
-      const { mode: s = "", ...o } = {
+      const { mode: a = "", ...o } = {
         mode: "out-in",
         "enter-active-class": "animate__animated animate__fadeInLeft",
         ...t.transitionConfig || {}
       };
       return o;
-    }), l = _e(), i = ve(), c = V([]), h = v(() => c.value.filter((s) => {
+    }), c = _e(), i = de(), u = W([]), h = v(() => u.value.filter((a) => {
       var o;
-      return (o = s.meta) == null ? void 0 : o.isOpen;
-    })), y = (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 (o = a.meta) == null ? void 0 : o.isOpen;
+    })), y = (a) => {
+      const o = a.lastIndexOf("-");
+      let s = o !== -1 ? a.substring(o + 1) : "";
+      s === "0" ? s = "1" : s = "0", h.value.forEach((f) => {
+        f.meta.key === a && (f.meta.key = `${f.path}-${s}`);
       });
     };
-    Y(
+    ee(
       () => t.exclude,
-      (s) => {
-        if (!s || !s.length) return;
-        const o = h.value.find((a) => s.includes(a.path));
+      (a) => {
+        if (!a || !a.length) return;
+        const o = h.value.find((s) => a.includes(s.path));
         o && y(o.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;
-    }, R = async () => {
+    const r = async (a) => {
+      const o = a.component;
+      let s = null;
+      return typeof o == "function" ? s = (await o()).default : s = o, s;
+    }, E = async () => {
       var o;
-      const s = l.options.routes;
-      for (const a of s)
-        if ((o = a == null ? void 0 : a.meta) != null && o.isIframe) {
-          const f = await r(a);
-          c.value.push({
-            ...a,
-            meta: { ...a.meta, key: `${a.path}-0`, componentInstance: f, isOpen: !1, isShow: !1 }
+      const a = c.options.routes;
+      for (const s of a)
+        if ((o = s == null ? void 0 : s.meta) != null && o.isIframe) {
+          const f = await r(s);
+          u.value.push({
+            ...s,
+            meta: { ...s.meta, key: `${s.path}-0`, componentInstance: f, isOpen: !1, isShow: !1 }
           });
         }
       I();
     }, I = async () => {
-      var a, f;
-      if (!c.value || !c.value.length) return;
-      const s = c.value.find((k) => k.meta.isShow);
-      s && (s.meta.isShow = !1, await ie(), m.iframeView.triggerEventListener("onDeactivated", { route: s }));
-      const o = c.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 ie(), m.iframeView.triggerEventListener("onActivated", { route: o }));
+      var s, f;
+      if (!u.value || !u.value.length) return;
+      const a = u.value.find((k) => k.meta.isShow);
+      a && (a.meta.isShow = !1, await le(), m.iframeView.triggerEventListener("onDeactivated", { route: a }));
+      const o = u.value.find((k) => k.path === i.path);
+      o && ((s = o.meta) != null && s.isOpen || (o.meta.isOpen = !0), (f = o.meta) != null && f.isShow || (o.meta.isShow = !0), await le(), m.iframeView.triggerEventListener("onActivated", { route: o }));
     };
-    return R(), Y(
+    return E(), ee(
       () => i.path,
       () => {
         I();
       }
-    ), (s, o) => (p(), C(
-      G,
+    ), (a, o) => (p(), R(
+      J,
       null,
       [
-        s.needTransition ? (p(), A(
-          fe,
-          Z(te({ key: 0 }, n.value)),
+        a.needTransition ? (p(), C(
+          ge,
+          te(se({ key: 0 }, n.value)),
           {
-            default: O(() => [
-              (p(!0), C(
-                G,
+            default: F(() => [
+              (p(!0), R(
+                J,
                 null,
-                oe(h.value, ({ path: a, meta: f }) => E((p(), C("div", {
+                ie(h.value, ({ path: s, meta: f }) => P((p(), R("div", {
                   class: "das-iframe-router-view",
-                  key: a,
-                  name: a
+                  key: s,
+                  name: s
                 }, [
-                  (p(), A(N(f.componentInstance), {
+                  (p(), C(B(f.componentInstance), {
                     key: f.key
                   }))
-                ], 8, Ve)), [
-                  [P, f.componentInstance && a === b(i).path]
+                ], 8, Se)), [
+                  [S, f.componentInstance && s === b(i).path]
                 ])),
                 128
                 /* KEYED_FRAGMENT */
@@ -333,19 +334,19 @@ const g = F({
           16
           /* FULL_PROPS */
         )) : _("v-if", !0),
-        s.needTransition ? _("v-if", !0) : (p(!0), C(
-          G,
+        a.needTransition ? _("v-if", !0) : (p(!0), R(
+          J,
           { key: 1 },
-          oe(h.value, ({ path: a, meta: f }) => E((p(), C("div", {
+          ie(h.value, ({ path: s, meta: f }) => P((p(), R("div", {
             class: "das-iframe-router-view",
-            key: a,
-            name: a
+            key: s,
+            name: s
           }, [
-            (p(), A(N(f.componentInstance), {
+            (p(), C(B(f.componentInstance), {
               key: f.key
             }))
-          ], 8, Se)), [
-            [P, f.componentInstance && a === b(i).path]
+          ], 8, Ve)), [
+            [S, f.componentInstance && s === b(i).path]
           ])),
           128
           /* KEYED_FRAGMENT */
@@ -355,34 +356,30 @@ const g = F({
       /* STABLE_FRAGMENT */
     ));
   }
-}), de = (e, t) => {
+}), me = (e, t) => {
   const n = e.__vccOpts || e;
-  for (const [l, i] of t)
-    n[l] = i;
+  for (const [c, i] of t)
+    n[c] = i;
   return n;
-}, Me = /* @__PURE__ */ de(De, [["__scopeId", "data-v-71479406"]]);
-V("/das-micro-app");
-V([]);
-V(!1);
-const xe = V([]), je = V(!0), $e = { class: "das-web-app-container" }, He = {
+}, Me = /* @__PURE__ */ me(De, [["__scopeId", "data-v-71479406"]]), xe = { class: "das-web-app-container" }, je = {
   key: 0,
   class: "das-web-app-header"
-}, Ne = { class: "das-web-app-main" }, Be = {
+}, He = { class: "das-web-app-main" }, $e = {
   key: 0,
   class: "aside"
-}, Oe = { class: "das-web-app-main-container" }, We = {
+}, Be = { class: "das-web-app-main-container" }, Ne = {
   key: 0,
   class: "tab"
-}, Fe = { class: "das-web-app-main-content" }, Ue = { class: "banner" }, ze = { class: "das-web-app-main-router-view" }, Qe = { style: { width: "100%", height: "100%" } }, qe = {
+}, Fe = { class: "das-web-app-main-content" }, Oe = { class: "banner" }, We = { class: "das-web-app-main-router-view" }, Ue = { style: { width: "100%", height: "100%" } }, ze = {
   key: 0,
   style: { width: "100%", height: "100%" }
-}, Ge = {
+}, Qe = {
   key: 1,
   style: { width: "100%", height: "100%" }
-}, Ke = { style: { width: "100%", height: "100%" } }, Je = {
+}, Ke = { style: { width: "100%", height: "100%" } }, qe = {
   class: "micro-app",
   style: { height: "100%", width: "100%" }
-}, Xe = /* @__PURE__ */ U({
+}, Ge = /* @__PURE__ */ z({
   __name: "das-web-layout",
   props: {
     needTransition: { type: Boolean, default: !0 },
@@ -390,28 +387,30 @@ const xe = V([]), je = V(!0), $e = { class: "das-web-app-container" }, He = {
     showLayout: { type: Boolean, default: !0 },
     showAside: { type: Boolean, default: !0 },
     showTabs: { type: Boolean, default: !0 },
-    routerViewVisible: { type: Boolean, default: !0 }
+    routerViewVisible: { type: Boolean, default: !0 },
+    excludeRoutes: {},
+    routeKeepAliveVisible: { type: Boolean }
   },
   setup(e) {
     const t = e;
     Ie(), Le(), Ce();
-    const n = ve(), l = V(!1), i = V(!1), c = V(!1), h = v(() => l.value && t.showLayout), y = v(() => i.value && t.showLayout && t.showAside), r = v(() => l.value && t.showLayout && t.showTabs), R = v(() => t.routerViewVisible ?? !0), I = v(() => $.overlay.visible ?? !1), s = v(() => ({
+    const n = de(), c = W(!1), i = W(!1), u = W(!1), h = v(() => c.value && t.showLayout), y = v(() => i.value && t.showLayout && t.showAside), r = v(() => c.value && t.showLayout && t.showTabs), E = v(() => t.routerViewVisible ?? !0), I = v(() => H.overlay.visible ?? !1), a = v(() => ({
       "das-web-app-overlay-show": I.value === !0,
       "das-web-app-overlay-hide": I.value === !1,
       "das-web-app-overlay-destroy": I.value === "destroy"
-    })), o = v(() => $.overlay.style ?? { backgroundColor: "rgba(0,0,0,0.5)" }), a = v(() => xe.value), f = v(() => je.value);
-    Y(
+    })), o = v(() => H.overlay.style ?? { backgroundColor: "rgba(0,0,0,0.5)" }), s = v(() => t.excludeRoutes), f = v(() => t.routeKeepAliveVisible);
+    ee(
       () => [n.meta, n.query],
-      ([L, u]) => {
-        const { showLayout: d = !0, showAside: w = !0, showTabs: S = !0, layout: j = {} } = L, {
-          showLayout: ne = !0,
-          showAside: se = !0,
-          showTabs: ae = !0,
-          app: me
-        } = u;
-        window.__IN_DAS_MAIN_APP && (me ? X({ minHeight: "auto", minWidth: "auto" }) : X({ minHeight: "600px", minWidth: "1200px" })), window.__IN_DAS_MICRO_APP && X(j);
-        let re = !0, Q = !0, q = !0;
-        (d === !1 || ne === !1 || ne === "false") && (re = !1, Q = !1, q = !1), (w === !1 || se === !1 || se === "false") && (Q = !1), (S === !1 || ae === !1 || ae === "false") && (q = !1), l.value = re, i.value = Q, c.value = q;
+      ([L, V]) => {
+        const { showLayout: l = !0, showAside: d = !0, showTabs: w = !0, layout: x = {} } = L, {
+          showLayout: A = !0,
+          showAside: ae = !0,
+          showTabs: re = !0,
+          app: fe
+        } = V;
+        window.__IN_DAS_MAIN_APP && (fe ? Z({ minHeight: "auto", minWidth: "auto" }) : Z({ minHeight: "600px", minWidth: "1200px" })), window.__IN_DAS_MICRO_APP && Z(x);
+        let oe = !0, q = !0, G = !0;
+        (l === !1 || A === !1 || A === "false") && (oe = !1, q = !1, G = !1), (d === !1 || ae === !1 || ae === "false") && (q = !1), (w === !1 || re === !1 || re === "false") && (G = !1), c.value = oe, i.value = q, u.value = G;
       }
     );
     const k = v(() => ({
@@ -419,97 +418,97 @@ const xe = V([]), je = V(!0), $e = { class: "das-web-app-container" }, He = {
       "enter-active-class": "animate__animated animate__fadeInLeft",
       ...t.transitionConfig || {}
     }));
-    let B = /* @__PURE__ */ new Map();
-    const z = (L, u) => {
-      let d;
-      return B.has(u) ? d = B.get(u) : (d = {
-        name: u,
+    let N = /* @__PURE__ */ new Map();
+    const Q = (L, V) => {
+      let l;
+      return N.has(V) ? l = N.get(V) : (l = {
+        name: V,
         render() {
-          return J("div", { style: { width: "100%", height: "100%" } }, [J(L)]);
+          return Y("div", { style: { width: "100%", height: "100%" } }, [Y(L)]);
         }
-      }, B.set(u, d)), J(d);
-    }, x = v(() => $.visible.value);
-    return (L, u) => {
-      const d = ge("router-view");
-      return p(), C("div", $e, [
-        E(D(
+      }, N.set(V, l)), Y(l);
+    }, j = v(() => H.visible.value);
+    return (L, V) => {
+      const l = K("router-view");
+      return p(), R("div", xe, [
+        P(D(
           "div",
           {
-            class: pe(["das-web-app-overlay", s.value]),
+            class: pe(["das-web-app-overlay", a.value]),
             style: he(o.value)
           },
           null,
           6
           /* CLASS, STYLE */
         ), [
-          [P, x.value]
+          [S, j.value]
         ]),
-        h.value ? E((p(), C(
+        h.value ? P((p(), R(
           "div",
-          He,
+          je,
           [
-            H(L.$slots, "header", {}, void 0, !0)
+            $(L.$slots, "header", {}, void 0, !0)
           ],
           512
           /* NEED_PATCH */
         )), [
-          [P, x.value]
+          [S, j.value]
         ]) : _("v-if", !0),
-        D("div", Ne, [
-          y.value ? E((p(), C(
+        D("div", He, [
+          y.value ? P((p(), R(
             "div",
-            Be,
+            $e,
             [
-              H(L.$slots, "aside", {}, void 0, !0)
+              $(L.$slots, "aside", {}, void 0, !0)
             ],
             512
             /* NEED_PATCH */
           )), [
-            [P, x.value]
+            [S, j.value]
           ]) : _("v-if", !0),
-          D("div", Oe, [
-            r.value ? E((p(), C(
+          D("div", Be, [
+            r.value ? P((p(), R(
               "div",
-              We,
+              Ne,
               [
-                H(L.$slots, "tab", {}, void 0, !0)
+                $(L.$slots, "tab", {}, void 0, !0)
               ],
               512
               /* NEED_PATCH */
             )), [
-              [P, x.value]
+              [S, j.value]
             ]) : _("v-if", !0),
             D("div", Fe, [
-              E(D(
+              P(D(
                 "div",
-                Ue,
+                Oe,
                 [
-                  H(L.$slots, "banner", {}, void 0, !0)
+                  $(L.$slots, "banner", {}, void 0, !0)
                 ],
                 512
                 /* NEED_PATCH */
               ), [
-                [P, x.value]
+                [S, j.value]
               ]),
-              D("div", ze, [
-                E(D(
+              D("div", We, [
+                P(D(
                   "div",
-                  Qe,
+                  Ue,
                   [
-                    H(L.$slots, "router-view", {}, () => [
+                    $(L.$slots, "router-view", {}, () => [
                       _(" 有动画 "),
-                      L.needTransition ? (p(), A(d, { key: 0 }, {
-                        default: O(({ Component: w }) => [
-                          K(
-                            le,
-                            Z(ce(k.value)),
+                      L.needTransition ? (p(), C(l, { key: 0 }, {
+                        default: F(({ Component: d }) => [
+                          X(
+                            ce,
+                            te(ue(k.value)),
                             {
-                              default: O(() => [
-                                b(n).meta.keepAlive ? (p(), A(ue, {
+                              default: F(() => [
+                                b(n).meta.keepAlive ? (p(), C(ve, {
                                   key: 0,
-                                  exclude: a.value
+                                  exclude: s.value
                                 }, [
-                                  f.value && !b(n).meta.isIframe ? (p(), A(N(z(w, b(n).path)), {
+                                  f.value && !b(n).meta.isIframe ? (p(), C(B(Q(d, b(n).path)), {
                                     key: b(n).path
                                   })) : _("v-if", !0)
                                 ], 1032, ["exclude"])) : _("v-if", !0)
@@ -520,13 +519,13 @@ const xe = V([]), je = V(!0), $e = { class: "das-web-app-container" }, He = {
                             1040
                             /* FULL_PROPS, DYNAMIC_SLOTS */
                           ),
-                          K(
-                            le,
-                            Z(ce(k.value)),
+                          X(
+                            ce,
+                            te(ue(k.value)),
                             {
-                              default: O(() => [
-                                !b(n).meta.keepAlive && !b(n).meta.isIframe ? (p(), C("div", qe, [
-                                  (p(), A(N(w), {
+                              default: F(() => [
+                                !b(n).meta.keepAlive && !b(n).meta.isIframe ? (p(), R("div", ze, [
+                                  (p(), C(B(d), {
                                     key: b(n).path
                                   }))
                                 ])) : _("v-if", !0)
@@ -542,18 +541,18 @@ const xe = V([]), je = V(!0), $e = { class: "das-web-app-container" }, He = {
                         /* STABLE */
                       })) : _("v-if", !0),
                       _(" 无动画 "),
-                      L.needTransition ? _("v-if", !0) : (p(), A(d, { key: 1 }, {
-                        default: O(({ Component: w }) => [
-                          b(n).meta.keepAlive ? (p(), A(ue, {
+                      L.needTransition ? _("v-if", !0) : (p(), C(l, { key: 1 }, {
+                        default: F(({ Component: d }) => [
+                          b(n).meta.keepAlive ? (p(), C(ve, {
                             key: 0,
-                            exclude: a.value
+                            exclude: s.value
                           }, [
-                            f.value && !b(n).meta.isIframe ? (p(), A(N(z(w, b(n).path)), {
+                            f.value && !b(n).meta.isIframe ? (p(), C(B(Q(d, b(n).path)), {
                               key: b(n).path
                             })) : _("v-if", !0)
                           ], 1032, ["exclude"])) : _("v-if", !0),
-                          !b(n).meta.keepAlive && !b(n).meta.isIframe ? (p(), C("div", Ge, [
-                            (p(), A(N(w), {
+                          !b(n).meta.keepAlive && !b(n).meta.isIframe ? (p(), R("div", Qe, [
+                            (p(), C(B(d), {
                               key: b(n).path
                             }))
                           ])) : _("v-if", !0)
@@ -561,12 +560,12 @@ const xe = V([]), je = V(!0), $e = { class: "das-web-app-container" }, He = {
                         _: 1
                         /* STABLE */
                       })),
-                      E(D(
+                      P(D(
                         "div",
                         Ke,
                         [
-                          K(Me, {
-                            exclude: a.value,
+                          X(Me, {
+                            exclude: s.value,
                             transitionConfig: k.value,
                             needTransition: L.needTransition
                           }, null, 8, ["exclude", "transitionConfig", "needTransition"])
@@ -574,25 +573,25 @@ const xe = V([]), je = V(!0), $e = { class: "das-web-app-container" }, He = {
                         512
                         /* NEED_PATCH */
                       ), [
-                        [P, b(n).meta.isIframe]
+                        [S, b(n).meta.isIframe]
                       ])
                     ], !0)
                   ],
                   512
                   /* NEED_PATCH */
                 ), [
-                  [P, R.value]
+                  [S, E.value]
                 ]),
-                E(D(
+                P(D(
                   "div",
-                  Je,
+                  qe,
                   [
-                    H(L.$slots, "default", {}, void 0, !0)
+                    $(L.$slots, "default", {}, void 0, !0)
                   ],
                   512
                   /* NEED_PATCH */
                 ), [
-                  [P, !R.value]
+                  [S, !E.value]
                 ])
               ])
             ])
@@ -601,21 +600,22 @@ const xe = V([]), je = V(!0), $e = { class: "das-web-app-container" }, He = {
       ]);
     };
   }
-}), ot = /* @__PURE__ */ de(Xe, [["__scopeId", "data-v-0c14299d"]]), Ye = ["modelValue", "logoUrl", "config", "innerPagesConfig", "searchConfig", "projectTreeConfig", "userInfoConfig"], it = /* @__PURE__ */ U({
+}), tt = /* @__PURE__ */ me(Ge, [["__scopeId", "data-v-2b4ba0d0"]]), nt = /* @__PURE__ */ z({
   __name: "das-web-nav",
   setup(e) {
-    const { nav: t } = $, n = v(() => t.logo || ""), l = v(() => t.activeItem || ""), i = v(() => (t.items || []).filter((d) => d.fixed)), c = v(() => (t.items || []).filter((d) => !d.fixed)), h = v(() => {
-      var u, d, w;
+    const { nav: t } = H, 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, w, x;
       return {
-        showChangeEnterprise: ((u = t.config) == null ? void 0 : u.showChangeEnterprise) ?? !1,
-        showSearch: ((d = t.config) == null ? void 0 : d.showSearch) ?? !0,
-        showProjectTree: ((w = t.config) == null ? void 0 : w.showProjectTree) ?? !0,
-        subAppList: c.value.map((S) => ({ code: S.value, name: S.label, ...S }))
+        showFullScreen: ((l = t.config) == null ? void 0 : l.showFullScreen) ?? !1,
+        showChangeEnterprise: ((d = t.config) == null ? void 0 : d.showChangeEnterprise) ?? !1,
+        showSearch: ((w = t.config) == null ? void 0 : w.showSearch) ?? !0,
+        showProjectTree: ((x = t.config) == null ? void 0 : x.showProjectTree) ?? !0,
+        subAppList: u.value.map((A) => ({ code: A.value, name: A.label, ...A }))
       };
     }), y = v(() => {
-      const u = i.value.find((d) => d.value === t.activeItem);
+      const l = i.value.find((d) => d.value === t.activeItem);
       return {
-        activeInnerPagePath: (u == null ? void 0 : u.path) || "",
+        activeInnerPagePath: (l == null ? void 0 : l.path) || "",
         innerPages: i.value.map((d) => ({ title: d.label, ...d }))
       };
     }), r = v(() => ({
@@ -624,28 +624,30 @@ const xe = V([]), je = V(!0), $e = { class: "das-web-app-container" }, He = {
         currentProject: t.activeProject
       },
       ...t.projectConfig
-    })), R = v(() => t.userInfo), I = v(() => t.searchConfig), s = async (u) => {
-      const d = u.detail[0], w = i.value.find((j) => d.value === j.value);
+    })), E = v(() => t.userInfo), I = v(() => t.searchConfig), a = async (l) => {
+      const d = l.detail[0], w = i.value.find((A) => d.value === A.value);
       await m.nav.triggerEventListener("onItemClick", w) && m.nav.setActiveItem(w.value);
-    }, o = async (u) => {
-      const d = u.detail[0], w = c.value.find((j) => d === j.value);
+    }, o = async (l) => {
+      const d = l.detail[0], w = u.value.find((A) => d === A.value);
       await m.nav.triggerEventListener("onItemClick", w) && m.nav.setActiveItem(w.value);
-    }, a = async (u) => {
-      const d = u.detail[0], w = c.value.find((j) => d === j.value);
+    }, s = async (l) => {
+      const d = l.detail[0], w = u.value.find((A) => d === A.value);
       await m.nav.triggerEventListener("onItemRemove", w) && m.nav.removeItem(w.value);
-    }, f = async (u) => {
-      const [d, w] = u.detail;
+    }, f = async (l) => {
+      const [d, w] = l.detail;
       !d || !await m.nav.triggerEventListener("onProjectChange", w) || m.nav.setActiveProject(w);
-    }, k = (u) => {
-      m.nav.triggerEventListener("onUserCommandChange", u.detail[0]);
-    }, B = (u) => {
-      m.nav.triggerEventListener("searchToPage", { item: u.detail[0], keyword: u.detail[1], cb: u.detail[2] });
-    }, z = (u) => {
-      m.nav.triggerEventListener("clearSearchList", { cb: u.detail[0] });
-    }, x = (u) => {
-      m.nav.triggerEventListener("deleteSearchItem", { value: u.detail[0], cb: u.detail[1] });
+    }, 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] });
+    }, j = (l) => {
+      m.nav.triggerEventListener("deleteSearchItem", { value: l.detail[0], cb: l.detail[1] });
     }, L = () => {
       m.nav.triggerEventListener("changeEnterpriseHandle");
+    }, V = () => {
+      m.nav.triggerEventListener("fullScreenHandle");
     };
     return we(() => {
       m.nav.triggerEventListener("onBeforeMount", null, { autoRemove: !0 });
@@ -653,84 +655,94 @@ const xe = V([]), je = V(!0), $e = { class: "das-web-app-container" }, He = {
       m.nav.triggerEventListener("onMounted", null, { autoRemove: !0 });
     }), be(() => {
       m.nav.triggerEventListener("onUnmounted", null, { autoRemove: !0 });
-    }), (u, d) => (p(), C("das-ce-nav", {
-      modelValue: l.value,
-      logoUrl: n.value,
-      config: h.value,
-      innerPagesConfig: y.value,
-      searchConfig: I.value,
-      projectTreeConfig: r.value,
-      userInfoConfig: R.value,
-      "on:userCommandHandle": k,
-      "on:changeInnerPage": s,
-      "on:handleTabClick": o,
-      "on:handleTabDelete": a,
-      "on:changeTreeHandle": f,
-      "on:searchToPage": B,
-      "on:clearSearchList": z,
-      "on:deleteSearchItem": x,
-      "on:changeEnterpriseHandle": L
-    }, null, 40, Ye));
+    }), (l, d) => {
+      const w = K("das-ce-nav");
+      return p(), C(w, {
+        modelValue: c.value,
+        logoUrl: n.value,
+        config: h.value,
+        innerPagesConfig: y.value,
+        searchConfig: I.value,
+        projectTreeConfig: r.value,
+        userInfoConfig: E.value,
+        onUserCommandHandle: k,
+        onChangeInnerPage: a,
+        onHandleTabClick: o,
+        onHandleTabDelete: s,
+        onChangeTreeHandle: f,
+        onSearchToPage: N,
+        onClearSearchList: Q,
+        onDeleteSearchItem: j,
+        onChangeEnterpriseHandle: L,
+        onFullScreen: V
+      }, null, 8, ["modelValue", "logoUrl", "config", "innerPagesConfig", "searchConfig", "projectTreeConfig", "userInfoConfig"]);
+    };
   }
-}), Ze = ["modelValue", "data", "collapse", "fixedTopMenu", "subMenuAttrs"], lt = /* @__PURE__ */ U({
+}), st = /* @__PURE__ */ z({
   __name: "das-web-menu",
   props: {
     menuAttr: {}
   },
   setup(e) {
-    const { menu: t } = $, n = e, l = v(() => n.menuAttr || {}), i = v(() => t.items), c = v(() => t.items.find((I) => I.fixed)), h = v(() => t.activeItem || ""), y = v(() => t.collapse ?? !1), r = v(() => ({ popupClassName: t.popupClassName ?? "" })), R = async (I) => {
-      const s = I.detail[0], o = ke(i.value).find((f) => s === f.id);
+    const { menu: t } = H, n = e, c = v(() => n.menuAttr || {}), i = v(() => t.items), u = v(() => t.items.find((I) => I.fixed)), h = v(() => t.activeItem || ""), y = v(() => t.collapse ?? !1), r = v(() => ({ popupClassName: t.popupClassName ?? "" })), E = async (I) => {
+      const a = I.detail[0], o = ke(i.value).find((f) => a === f.id);
       await m.menu.triggerEventListener("onItemClick", o) && m.menu.setActiveItem(o.id);
     };
-    return (I, s) => i.value.length > 0 ? (p(), C("das-ce-menu", te({
-      key: 0,
-      modelValue: h.value,
-      data: i.value,
-      collapse: y.value,
-      fixedTopMenu: c.value,
-      subMenuAttrs: r.value
-    }, l.value, { onChange: R }), null, 16, Ze)) : _("v-if", !0);
+    return (I, a) => {
+      const o = K("das-ce-menu");
+      return i.value.length > 0 ? (p(), C(o, se({
+        key: 0,
+        modelValue: h.value,
+        data: i.value,
+        collapse: y.value,
+        fixedTopMenu: u.value,
+        subMenuAttrs: r.value
+      }, c.value, { onChange: E }), null, 16, ["modelValue", "data", "collapse", "fixedTopMenu", "subMenuAttrs"])) : _("v-if", !0);
+    };
   }
-}), et = ["modelValue", "options"], ct = /* @__PURE__ */ U({
+}), at = /* @__PURE__ */ z({
   __name: "das-web-tabs",
   props: {
     tabsAttr: {}
   },
   setup(e) {
-    const { tab: t } = $, n = e, l = v(() => n.tabsAttr || {}), i = v(() => t.items.map((s) => ({
-      ...s,
-      key: s.value,
-      tab: s.label
-    }))), c = 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);
-    }, y = 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] });
-    }, R = async (s) => {
-      await m.tab.triggerEventListener("onPageRefresh", s.detail[0]);
+    const { tab: t } = H, n = e, c = v(() => n.tabsAttr || {}), i = v(() => t.items.map((a) => ({
+      ...a,
+      key: a.value,
+      tab: a.label
+    }))), u = v(() => t.activeItem || ""), h = async (a) => {
+      const o = a.detail[0], s = i.value.find((k) => o === k.value);
+      await m.tab.triggerEventListener("onItemClick", s) && m.tab.setActiveItem(s.value);
+    }, y = async (a) => {
+      const o = a.detail[0], s = i.value.find((k) => o === k.value);
+      await m.tab.triggerEventListener("onItemRemove", s) && m.tab.removeItem(s.value);
+    }, r = async (a) => {
+      await m.tab.triggerEventListener("onMenuClick", { type: a.detail[0], data: a.detail[1] });
+    }, E = async (a) => {
+      await m.tab.triggerEventListener("onPageRefresh", a.detail[0]);
     }, I = () => {
       m.tab.triggerEventListener("onToggleFullScreen");
     };
-    return (s, o) => i.value.length > 0 ? (p(), C("das-ce-tabs", te({
-      key: 0,
-      modelValue: c.value,
-      options: i.value
-    }, l.value, {
-      "on:tabClick": h,
-      "on:tabDelete": y,
-      "on:menuClick": r,
-      "on:pageRefresh": R,
-      "on:toggleFullScreen": I
-    }), null, 16, et)) : _("v-if", !0);
+    return (a, o) => {
+      const s = K("das-ce-tabs");
+      return i.value.length > 0 ? (p(), C(s, se({
+        key: 0,
+        modelValue: u.value,
+        options: i.value
+      }, c.value, {
+        onTabClick: h,
+        onTabDelete: y,
+        onMenuClick: r,
+        onPageRefresh: E,
+        onToggleFullScreen: I
+      }), null, 16, ["modelValue", "options"])) : _("v-if", !0);
+    };
   }
 });
 export {
-  ot as DasWebLayout,
-  lt as DasWebMenu,
-  it as DasWebNav,
-  ct as DasWebTabs,
+  tt as DasWebLayout,
+  st as DasWebMenu,
+  nt as DasWebNav,
+  at as DasWebTabs,
   m as layout
 };