@das-fed/web 6.4.0-dev.90 → 6.4.0-dev.91

package/index.js

@@ -1,4 +1,4 @@
-import { J as e, A as t, C as n, B as i, D as r, e as u, m as o, w as m, o as p, f as g, k as D, v as l, y as L, z as b, h as c, i as h, G as A, H as T, q as y, E as R, F as W, K as I, I as M, s as F, j as V, n as f, r as k, x as v, t as w } from "./index-DDEfyPCe.js";
+import { J as e, A as t, C as n, B as i, D as r, e as u, m as o, w as m, o as p, f as g, k as D, v as l, y as L, z as b, h as c, i as h, G as A, H as T, q as y, E as R, F as W, K as I, I as M, s as F, j as V, n as f, r as k, x as v, t as w } from "./index-JQg--Cmc.js";
 export {
   e as DasMainAppLayout,
   t as DasWebLayout,

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@das-fed/web",
-  "version": "6.4.0-dev.90",
+  "version": "6.4.0-dev.91",
   "type": "module",
   "main": "./index.js",
   "dependencies": {
-    "@das-fed/ui": "6.4.0-dev.90",
-    "@das-fed/utils": "6.4.0-dev.90",
-    "@das-fed/web": "6.4.0-dev.90",
-    "@das-fed/web-components": "6.4.0-dev.90",
+    "@das-fed/ui": "6.4.0-dev.91",
+    "@das-fed/utils": "6.4.0-dev.91",
+    "@das-fed/web": "6.4.0-dev.91",
+    "@das-fed/web-components": "6.4.0-dev.91",
     "@microsoft/signalr": "^8.0.7",
     "@vueuse/core": "^9.13.0",
     "animate.css": "^4.1.1",
@@ -19,7 +19,7 @@
     "vue-router": "^4.4.0"
   },
   "devDependencies": {
-    "@das-fed/cli": "6.4.0-dev.90",
+    "@das-fed/cli": "6.4.0-dev.91",
     "@types/crypto-js": "^4.2.2",
     "@types/lodash": "^4.14.194",
     "@types/lodash-es": "^4.17.12",

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 k, Fragment as J, createBlock as V, TransitionGroup as he, normalizeProps as ee, mergeProps as ne, withCtx as U, renderList as re, withDirectives as D, resolveDynamicComponent as N, vShow as M, unref as w, createCommentVNode as C, 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, openBlock as g, createElementBlock as I, Fragment as J, createBlock as V, TransitionGroup as he, normalizeProps as ee, mergeProps as ne, withCtx as U, renderList as re, withDirectives as D, resolveDynamicComponent as N, vShow as M, unref as w, createCommentVNode as C, nextTick as oe, resolveComponent as ge, createElementVNode as $, normalizeClass as pe, normalizeStyle as ye, renderSlot as F, createVNode as X, Transition as ie, guardReactiveProps as le, KeepAlive as ce, h as Y, onBeforeMount as we, onMounted as be, onUnmounted as _e } from "vue";
 import { useRouter as Le, useRoute as me } from "vue-router";
 import { setHtmlMinWH as Ce } from "@das-fed/utils/common-tools/setHtmlMinWH";
 import { createCeNav as Ie, createCeTabs as ke, createCeMenu as Te } from "@das-fed/web-components/das-web-app";
 import { flatTree as Ee } from "@das-fed/utils/common-tools/nest-tree-format";
-const h = z({
+const h = K({
   visible: !1,
   theme: "default",
   logo: "",
@@ -92,7 +92,7 @@ const h = z({
       remove: l
     };
   }
-}, A = z({
+}, A = K({
   theme: "default",
   items: [],
   collapse: !1,
@@ -145,32 +145,32 @@ const h = z({
       remove: l
     };
   }
-}, I = z({
+}, k = K({
   theme: "default",
   items: [],
   eventListeners: {}
 }), de = {
   setItems: (e) => {
-    I.items = e;
+    k.items = e;
   },
-  getItems: () => I.items,
+  getItems: () => k.items,
   setTheme: (e) => {
-    I.theme = e;
+    k.theme = e;
   },
   removeItem: (e) => {
-    const t = I.items.filter((n) => n.value !== e);
-    I.items = t;
+    const t = k.items.filter((n) => n.value !== e);
+    k.items = t;
   },
   appendItem: (e) => {
-    const t = I.items.findIndex((n) => n.value == e.value);
-    t !== -1 ? I.items.splice(t, 1, e) : I.items.push(e);
+    const t = k.items.findIndex((n) => n.value == e.value);
+    t !== -1 ? k.items.splice(t, 1, e) : k.items.push(e);
   },
   setActiveItem: (e) => {
-    I.activeItem = e;
+    k.activeItem = e;
   },
   triggerEventListener: (e, t, n) => {
     var f;
-    const l = I.eventListeners, { autoRemove: d = !1 } = n || {}, r = [];
+    const l = k.eventListeners, { autoRemove: d = !1 } = n || {}, r = [];
     for (const y in l) {
       const i = l[y];
       i.type === e && r.push(
@@ -183,9 +183,9 @@ const h = z({
   },
   addEventListener: (e, t) => {
     const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), l = () => {
-      I.eventListeners[n] && delete I.eventListeners[n];
+      k.eventListeners[n] && delete k.eventListeners[n];
     };
-    return I.eventListeners[n] = {
+    return k.eventListeners[n] = {
       type: e,
       handler: async (d) => {
         try {
@@ -199,7 +199,7 @@ const h = z({
       remove: l
     };
   }
-}, W = z({
+}, W = K({
   eventListeners: {}
 }), Re = {
   triggerEventListener: (e, t, n) => {
@@ -233,7 +233,7 @@ const h = z({
       remove: l
     };
   }
-}, te = z({
+}, te = K({
   visible: !1,
   style: {}
 }), Ae = {
@@ -243,7 +243,7 @@ const h = z({
 }, H = {
   nav: h,
   menu: A,
-  tab: I,
+  tab: k,
   overlay: te,
   iframeView: W,
   visible: O(!0)
@@ -257,7 +257,7 @@ const h = z({
   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 },
@@ -310,9 +310,9 @@ const h = z({
     }, T = async () => {
       var o, m;
       if (!r.value || !r.value.length) return;
-      const s = r.value.find((_) => _.meta.isShow);
+      const s = r.value.find((L) => L.meta.isShow);
       s && (s.meta.isShow = !1, await oe(), v.iframeView.triggerEventListener("onDeactivated", { route: s }));
-      const a = r.value.find((_) => _.path === d.path);
+      const a = r.value.find((L) => L.path === d.path);
       a && ((o = a.meta) != null && o.isOpen || (a.meta.isOpen = !0), (m = a.meta) != null && m.isShow || (a.meta.isShow = !0), await oe(), v.iframeView.triggerEventListener("onActivated", { route: a }));
     };
     let S = 0;
@@ -332,15 +332,15 @@ const h = z({
       r.value.forEach((a) => {
         a.path === s && (a.meta.isOpen = !1);
       });
-    }), (s, a) => (p(), k(J, null, [
-      s.needTransition ? (p(), V(he, ee(ne({ key: 0 }, n.value)), {
+    }), (s, a) => (g(), I(J, null, [
+      s.needTransition ? (g(), V(he, ee(ne({ key: 0 }, n.value)), {
         default: U(() => [
-          (p(!0), k(J, null, re(f.value, ({ path: o, meta: m }) => D((p(), k("div", {
+          (g(!0), I(J, null, 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)), [
@@ -349,12 +349,12 @@ const h = z({
         ]),
         _: 1
       }, 16)) : C("", !0),
-      s.needTransition ? C("", !0) : (p(!0), k(J, { key: 1 }, re(f.value, ({ path: o, meta: m }) => D((p(), k("div", {
+      s.needTransition ? C("", !0) : (g(!0), I(J, { key: 1 }, 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)), [
@@ -376,16 +376,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" }, Ue = { style: { width: "100%", height: "100%" } }, We = {
+}, 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 },
@@ -395,7 +395,8 @@ 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;
@@ -407,16 +408,16 @@ const h = z({
     })), s = u(() => H.overlay.style ?? { backgroundColor: "rgba(0,0,0,0.5)" }), a = u(() => t.excludeRoutes), o = u(() => t.routeKeepAliveVisible);
     Z(
       () => [n.meta, n.query],
-      ([L, j]) => {
-        const { showLayout: R = !0, showAside: c = !0, showTabs: g = !0, layout: b = {} } = L, {
+      ([b, j]) => {
+        const { showLayout: R = !0, showAside: c = !0, showTabs: p = !0, layout: _ = {} } = b, {
           showLayout: x = !0,
           showAside: E = !0,
           showTabs: se = !0,
-          app: Ye
+          app: Xe
         } = j;
-        Ce(b);
+        Ce(_);
         let ae = !0, q = !0, G = !0;
-        (R === !1 || x === !1 || x === "false") && (ae = !1, q = !1, G = !1), (c === !1 || E === !1 || E === "false") && (q = !1), (g === !1 || se === !1 || se === "false") && (G = !1), l.value = ae, d.value = q, r.value = G;
+        (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(() => ({
@@ -424,62 +425,65 @@ const h = z({
       "enter-active-class": "animate__animated animate__fadeInLeft",
       ...t.transitionConfig || {}
     }));
-    let _ = /* @__PURE__ */ new Map();
-    const K = (L, j) => {
+    let L = /* @__PURE__ */ new Map();
+    const Q = (b, j) => {
       let R;
-      return _.has(j) ? R = _.get(j) : (R = {
+      return L.has(j) ? R = L.get(j) : (R = {
         name: j,
         render() {
-          return Y("div", { style: { width: "100%", height: "100%" } }, [Y(L)]);
+          return Y("div", { style: { width: "100%", height: "100%" } }, [Y(b)]);
         }
-      }, _.set(j, R)), Y(R);
+      }, L.set(j, R)), Y(R);
     }, B = u(() => H.visible.value);
-    return (L, j) => {
+    return (b, j) => {
       const R = ge("router-view");
-      return p(), k("div", Me, [
+      return g(), I("div", Me, [
         D($("div", {
           class: pe(["das-web-app-overlay", S.value]),
           style: ye(s.value)
         }, null, 6), [
           [M, B.value]
         ]),
-        f.value ? D((p(), k("div", je, [
-          F(L.$slots, "header", {}, void 0, !0)
+        f.value ? D((g(), I("div", je, [
+          F(b.$slots, "header", {}, void 0, !0)
         ], 512)), [
           [M, B.value]
         ]) : C("", !0),
         $("div", xe, [
-          y.value ? D((p(), k("div", $e, [
-            F(L.$slots, "aside", {}, void 0, !0)
+          y.value ? D((g(), I("div", $e, [
+            F(b.$slots, "aside", {}, void 0, !0)
           ], 512)), [
             [M, B.value]
           ]) : C("", !0),
           $("div", Be, [
-            i.value ? D((p(), k("div", He, [
-              F(L.$slots, "tab", {}, void 0, !0)
+            i.value ? D((g(), I("div", He, [
+              F(b.$slots, "tab", {}, void 0, !0)
             ], 512)), [
               [M, B.value]
             ]) : C("", !0),
             $("div", Fe, [
               D($("div", Ne, [
-                F(L.$slots, "banner", {}, void 0, !0)
+                F(b.$slots, "banner", {}, void 0, !0)
               ], 512), [
                 [M, B.value]
               ]),
               $("div", Oe, [
-                D($("div", Ue, [
-                  F(L.$slots, "router-view", {}, () => [
-                    L.needTransition ? (p(), V(R, { key: 0 }, {
+                D((g(), I("div", {
+                  key: b.pageKey,
+                  style: { width: "100%", height: "100%" }
+                }, [
+                  F(b.$slots, "router-view", {}, () => [
+                    b.needTransition ? (g(), V(R, { key: 0 }, {
                       default: U(({ Component: c }) => [
                         X(ie, ee(le(m.value)), {
                           default: U(() => {
-                            var g;
+                            var p;
                             return [
-                              w(n).meta.keepAlive ? (p(), V(ce, {
+                              w(n).meta.keepAlive ? (g(), V(ce, {
                                 key: 0,
                                 exclude: a.value
                               }, [
-                                o.value && !((g = w(n).meta) != null && g.isIframe) ? (p(), V(N(K(c, w(n).path)), {
+                                o.value && !((p = w(n).meta) != null && p.isIframe) ? (g(), V(N(Q(c, w(n).path)), {
                                   key: w(n).path
                                 })) : C("", !0)
                               ], 1032, ["exclude"])) : C("", !0)
@@ -489,8 +493,8 @@ const h = z({
                         }, 1040),
                         X(ie, ee(le(m.value)), {
                           default: U(() => [
-                            !w(n).meta.keepAlive && !w(n).meta.isIframe ? (p(), k("div", We, [
-                              (p(), V(N(c), {
+                            !w(n).meta.keepAlive && !w(n).meta.isIframe ? (g(), I("div", Ue, [
+                              (g(), V(N(c), {
                                 key: w(n).path
                               }))
                             ])) : C("", !0)
@@ -500,39 +504,39 @@ const h = z({
                       ]),
                       _: 1
                     })) : C("", !0),
-                    L.needTransition ? C("", !0) : (p(), V(R, { key: 1 }, {
+                    b.needTransition ? C("", !0) : (g(), V(R, { key: 1 }, {
                       default: U(({ Component: c }) => [
-                        w(n).meta.keepAlive ? (p(), V(ce, {
+                        w(n).meta.keepAlive ? (g(), V(ce, {
                           key: 0,
                           exclude: a.value
                         }, [
-                          o.value && !w(n).meta.isIframe ? (p(), V(N(K(c, w(n).path)), {
+                          o.value && !w(n).meta.isIframe ? (g(), V(N(Q(c, w(n).path)), {
                             key: w(n).path
                           })) : C("", !0)
                         ], 1032, ["exclude"])) : C("", !0),
-                        !w(n).meta.keepAlive && !w(n).meta.isIframe ? (p(), k("div", ze, [
-                          (p(), V(N(c), {
+                        !w(n).meta.keepAlive && !w(n).meta.isIframe ? (g(), I("div", We, [
+                          (g(), V(N(c), {
                             key: w(n).path
                           }))
                         ])) : C("", !0)
                       ]),
                       _: 1
                     })),
-                    D($("div", Qe, [
+                    D($("div", Ke, [
                       X(De, {
                         exclude: a.value,
                         transitionConfig: m.value,
-                        needTransition: L.needTransition
+                        needTransition: b.needTransition
                       }, null, 8, ["exclude", "transitionConfig", "needTransition"])
                     ], 512), [
                       [M, w(n).meta.isIframe]
                     ])
                   ], !0)
-                ], 512), [
+                ])), [
                   [M, P.value]
                 ]),
-                D($("div", Ke, [
-                  F(L.$slots, "default", {}, void 0, !0)
+                D($("div", ze, [
+                  F(b.$slots, "default", {}, void 0, !0)
                 ], 512), [
                   [M, !P.value]
                 ])
@@ -543,23 +547,23 @@ const h = z({
       ]);
     };
   }
-}), at = /* @__PURE__ */ fe(qe, [["__scopeId", "data-v-4e4b4c13"]]), 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, n = u(() => t.theme), l = u(() => t.logo || ""), d = u(() => t.activeItem || ""), r = u(() => (t.items || []).filter((g) => g.fixed)), f = u(() => (t.items || []).filter((g) => !g.fixed)), y = u(() => {
-      var c, g, b, 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, _, x;
       return {
         showFullScreen: ((c = t.config) == null ? void 0 : c.showFullScreen) ?? !1,
-        showChangeEnterprise: ((g = t.config) == null ? void 0 : g.showChangeEnterprise) ?? !1,
-        showSearch: ((b = t.config) == null ? void 0 : b.showSearch) ?? !0,
+        showChangeEnterprise: ((p = t.config) == null ? void 0 : p.showChangeEnterprise) ?? !1,
+        showSearch: ((_ = t.config) == null ? void 0 : _.showSearch) ?? !0,
         showProjectTree: ((x = t.config) == null ? void 0 : x.showProjectTree) ?? !0,
         subAppList: f.value.map((E) => ({ code: E.value, name: E.label, ...E }))
       };
     }), 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: {
@@ -568,24 +572,24 @@ const h = z({
       },
       ...t.projectConfig
     })), T = u(() => t.userInfo), S = u(() => t.searchConfig), s = async (c) => {
-      const g = c.detail[0], b = r.value.find((E) => g.value === E.value);
-      await v.nav.triggerEventListener("onItemClick", b) && v.nav.setActiveItem(b.value);
+      const p = c.detail[0], _ = r.value.find((E) => p.value === E.value);
+      await v.nav.triggerEventListener("onItemClick", _) && v.nav.setActiveItem(_.value);
     }, a = async (c) => {
-      const g = c.detail[0], b = f.value.find((E) => g === E.value);
-      await v.nav.triggerEventListener("onItemClick", b) && v.nav.setActiveItem(b.value);
+      const p = c.detail[0], _ = f.value.find((E) => p === E.value);
+      await v.nav.triggerEventListener("onItemClick", _) && v.nav.setActiveItem(_.value);
     }, o = async (c) => {
-      const g = c.detail[0], b = f.value.find((E) => g === E.value);
-      await v.nav.triggerEventListener("onItemRemove", b) && v.nav.removeItem(b.value);
+      const p = c.detail[0], _ = f.value.find((E) => p === E.value);
+      await v.nav.triggerEventListener("onItemRemove", _) && v.nav.removeItem(_.value);
     }, m = async (c) => {
-      const [g, b] = c.detail;
-      !g || !await v.nav.triggerEventListener("onProjectChange", b) || v.nav.setActiveProject(b);
-    }, _ = (c) => {
+      const [p, _] = c.detail;
+      !p || !await v.nav.triggerEventListener("onProjectChange", _) || v.nav.setActiveProject(_);
+    }, L = (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] });
-    }, L = (c) => {
+    }, b = (c) => {
       v.nav.triggerEventListener("deleteSearchItem", { value: c.detail[0], cb: c.detail[1] });
     }, j = () => {
       v.nav.triggerEventListener("changeEnterpriseHandle");
@@ -598,7 +602,7 @@ const h = z({
       v.nav.triggerEventListener("onMounted", null, { autoRemove: !0 });
     }), _e(() => {
       v.nav.triggerEventListener("onUnmounted", null, { autoRemove: !0 });
-    }), (c, g) => (p(), k("das-ce-nav", {
+    }), (c, p) => (g(), I("das-ce-nav", {
       theme: n.value,
       modelValue: d.value,
       logoUrl: l.value,
@@ -607,31 +611,31 @@ const h = z({
       searchConfig: S.value,
       projectTreeConfig: P.value,
       userInfoConfig: T.value,
-      "on:userCommandHandle": _,
+      "on:userCommandHandle": L,
       "on:changeInnerPage": s,
       "on:handleTabClick": a,
       "on:handleTabDelete": o,
       "on:changeTreeHandle": m,
-      "on:searchToPage": K,
+      "on:searchToPage": Q,
       "on:clearSearchList": B,
-      "on:deleteSearchItem": L,
+      "on:deleteSearchItem": b,
       "on:changeEnterpriseHandle": j,
       "on:fullScreen": R
-    }, null, 40, Ge));
+    }, 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, 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((_) => a === _.id);
+      const a = s.detail[0], o = Ee(r.value).find((L) => a === L.id);
       await v.menu.triggerEventListener("onItemClick", o) && v.menu.setActiveItem(o.id);
     }, S = (s) => {
       v.menu.setCollapse(s.detail[0]), v.menu.triggerEventListener("toggleCollapse", s.detail[0]);
     };
-    return (s, a) => r.value.length > 0 ? (p(), k("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,
@@ -642,9 +646,9 @@ const h = z({
     }, d.value, {
       onChange: T,
       "on:toggleCollapse": S
-    }), null, 16, Je)) : C("", !0);
+    }), null, 16, Ge)) : C("", !0);
   }
-}), Xe = ["theme", "modelValue", "options"], it = /* @__PURE__ */ Q({
+}), Je = ["theme", "modelValue", "options"], ot = /* @__PURE__ */ z({
   __name: "das-web-tabs",
   props: {
     tabsAttr: {}
@@ -655,10 +659,10 @@ const h = z({
       key: s.value,
       tab: s.label
     }))), f = u(() => t.activeItem || ""), y = async (s) => {
-      const a = s.detail[0], o = r.value.find((_) => a === _.value);
+      const a = s.detail[0], o = r.value.find((L) => a === L.value);
       await v.tab.triggerEventListener("onItemClick", o) && v.tab.setActiveItem(o.value);
     }, i = async (s) => {
-      const a = s.detail[0], o = r.value.find((_) => a === _.value);
+      const a = s.detail[0], o = r.value.find((L) => a === L.value);
       await v.tab.triggerEventListener("onItemRemove", o) && v.tab.removeItem(o.value);
     }, P = async (s) => {
       await v.tab.triggerEventListener("onMenuClick", { type: s.detail[0], data: s.detail[1] });
@@ -667,7 +671,7 @@ const h = z({
     }, S = () => {
       v.tab.triggerEventListener("onToggleFullScreen");
     };
-    return (s, a) => r.value.length > 0 ? (p(), k("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,
@@ -678,15 +682,15 @@ const h = z({
       "on:menuClick": P,
       "on:pageRefresh": T,
       "on:toggleFullScreen": S
-    }), null, 16, Xe)) : C("", !0);
+    }), null, 16, Je)) : C("", !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
 };