@das-fed/upf-web 6.4.0-dev.191 → 6.4.0-dev.192

package/packages/layout/index.js

@@ -1,7 +1,7 @@
 import '@das-fed/upf-web/packages/layout/style.css';
-import { reactive as z, ref as U, defineComponent as Q, computed as c, watch as te, openBlock as g, createElementBlock as C, Fragment as Y, createBlock as V, TransitionGroup as ge, normalizeProps as ne, mergeProps as ae, withCtx as W, renderList as oe, withDirectives as D, resolveDynamicComponent as O, vShow as M, unref as b, createCommentVNode as L, nextTick as ie, resolveComponent as pe, createElementVNode as H, normalizeClass as ye, normalizeStyle as we, renderSlot as N, createVNode as Z, Transition as le, guardReactiveProps as ce, KeepAlive as ue, h as ee, onBeforeMount as be, onMounted as Le, onUnmounted as _e } from "vue";
-import { useRouter as Ie, useRoute as fe } from "vue-router";
-import { setHtmlMinWH as Ce } from "@das-fed/upf-utils/common-tools/setHtmlMinWH";
+import { reactive as z, ref as U, defineComponent as Q, computed as u, watch as te, openBlock as g, createElementBlock as I, Fragment as Y, createBlock as V, TransitionGroup as ge, normalizeProps as ne, mergeProps as ae, withCtx as W, renderList as oe, withDirectives as D, resolveDynamicComponent as O, vShow as M, unref as b, createCommentVNode as L, nextTick as ie, resolveComponent as pe, createElementVNode as H, normalizeClass as we, normalizeStyle as ye, renderSlot as N, createVNode as Z, Transition as le, guardReactiveProps as ce, KeepAlive as ue, h as ee, onBeforeMount as be, onMounted as Le, onUnmounted as Ce } from "vue";
+import { useRouter as _e, useRoute as fe } from "vue-router";
+import { setHtmlMinWH as Ie } from "@das-fed/upf-utils/common-tools/setHtmlMinWH";
 import { createCeNav as ke, createCeTabs as Te, createCeMenu as Ae } from "@das-fed/upf-web-components/das-web-app";
 import { flatTree as Ee } from "@das-fed/upf-utils/common-tools/nest-tree-format";
 const h = z({
@@ -63,12 +63,12 @@ const h = z({
   },
   triggerEventListener: (e, t, n) => {
     var f;
-    const l = h.eventListeners, { autoRemove: d = !1 } = n || {}, r = [];
-    for (const y in l) {
-      const i = l[y];
+    const l = h.eventListeners, { autoRemove: m = !1 } = n || {}, r = [];
+    for (const w in l) {
+      const i = l[w];
       i.type === e && r.push(
         (f = i == null ? void 0 : i.handler) == null ? void 0 : f.call(i, t).then(() => {
-          d && i.remove();
+          m && i.remove();
         })
       );
     }
@@ -80,9 +80,9 @@ const h = z({
     };
     return h.eventListeners[n] = {
       type: e,
-      handler: async (d) => {
+      handler: async (m) => {
         try {
-          await t(d);
+          await t(m);
         } catch (r) {
           throw r;
         }
@@ -116,12 +116,12 @@ const h = z({
   },
   triggerEventListener: (e, t, n) => {
     var f;
-    const l = R.eventListeners, { autoRemove: d = !1 } = n || {}, r = [];
-    for (const y in l) {
-      const i = l[y];
+    const l = R.eventListeners, { autoRemove: m = !1 } = n || {}, r = [];
+    for (const w in l) {
+      const i = l[w];
       i.type === e && r.push(
         (f = i == null ? void 0 : i.handler) == null ? void 0 : f.call(i, t).then(() => {
-          d && i.remove();
+          m && i.remove();
         })
       );
     }
@@ -133,9 +133,9 @@ const h = z({
     };
     return R.eventListeners[n] = {
       type: e,
-      handler: async (d) => {
+      handler: async (m) => {
         try {
-          await t(d);
+          await t(m);
         } catch (r) {
           throw r;
         }
@@ -170,12 +170,12 @@ const h = z({
   },
   triggerEventListener: (e, t, n) => {
     var f;
-    const l = k.eventListeners, { autoRemove: d = !1 } = n || {}, r = [];
-    for (const y in l) {
-      const i = l[y];
+    const l = k.eventListeners, { autoRemove: m = !1 } = n || {}, r = [];
+    for (const w in l) {
+      const i = l[w];
       i.type === e && r.push(
         (f = i == null ? void 0 : i.handler) == null ? void 0 : f.call(i, t).then(() => {
-          d && i.remove();
+          m && i.remove();
         })
       );
     }
@@ -187,9 +187,9 @@ const h = z({
     };
     return k.eventListeners[n] = {
       type: e,
-      handler: async (d) => {
+      handler: async (m) => {
         try {
-          await t(d);
+          await t(m);
         } catch (r) {
           throw r;
         }
@@ -204,12 +204,12 @@ const h = z({
 }), Re = {
   triggerEventListener: (e, t, n) => {
     var f;
-    const l = K.eventListeners, { autoRemove: d = !1 } = n || {}, r = [];
-    for (const y in l) {
-      const i = l[y];
+    const l = K.eventListeners, { autoRemove: m = !1 } = n || {}, r = [];
+    for (const w in l) {
+      const i = l[w];
       i.type === e && r.push(
         (f = i == null ? void 0 : i.handler) == null ? void 0 : f.call(i, t).then(() => {
-          d && i.remove();
+          m && i.remove();
         })
       );
     }
@@ -221,9 +221,9 @@ const h = z({
     };
     return K.eventListeners[n] = {
       type: e,
-      handler: async (d) => {
+      handler: async (m) => {
         try {
-          await t(d);
+          await t(m);
         } catch (r) {
           throw r;
         }
@@ -247,7 +247,7 @@ const h = z({
   overlay: se,
   iframeView: K,
   visible: U(!1)
-}, v = {
+}, d = {
   nav: ve,
   menu: de,
   tab: me,
@@ -265,29 +265,29 @@ const h = z({
     exclude: { default: () => [] }
   },
   setup(e) {
-    const t = e, n = c(() => {
+    const t = e, n = u(() => {
       const { mode: s = "", ...a } = {
         mode: "out-in",
         "enter-active-class": "animate__animated animate__fadeInLeft",
         ...t.transitionConfig || {}
       };
       return a;
-    }), l = Ie(), d = fe(), r = U([]), f = c(() => r.value.filter((s) => {
+    }), l = _e(), m = fe(), r = U([]), f = u(() => r.value.filter((s) => {
       var a;
       return (a = s.meta) == null ? void 0 : a.isOpen;
-    })), y = (s) => {
+    })), w = (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 === s && (m.meta.key = `${m.path}-${o}`);
+      o === "0" ? o = "1" : o = "0", f.value.forEach((c) => {
+        c.meta.key === s && (c.meta.key = `${c.path}-${o}`);
       });
     };
     te(
       () => t.exclude,
       (s) => {
         if (!s || !s.length) return;
-        const a = f.value.find((o) => s.includes(o.path));
-        a && y(a.meta.key);
+        const a = s.map((c) => c.toLowerCase()), o = f.value.find((c) => a.includes(c.path.toLowerCase()));
+        o && w(o.meta.key);
       },
       { deep: !0 }
     );
@@ -299,21 +299,21 @@ const h = z({
       var a;
       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);
+        if ((a = o == null ? void 0 : o.meta) != null && a.isIframe && !r.value.find((c) => c.path.toLowerCase() === o.path.toLowerCase())) {
+          const c = await i(o);
           r.value.push({
             ...o,
-            meta: { ...o.meta, key: `${o.path}-0`, componentInstance: m, isOpen: !1, isShow: !1 }
+            meta: { ...o.meta, key: `${o.path}-0`, componentInstance: c, isOpen: !1, isShow: !1 }
           });
         }
       T();
     }, T = async () => {
-      var o, m;
+      var o, c;
       if (!r.value || !r.value.length) return;
-      const s = r.value.find((I) => I.meta.isShow);
-      s && (s.meta.isShow = !1, await ie(), v.iframeView.triggerEventListener("onDeactivated", { route: s }));
-      const a = r.value.find((I) => I.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 ie(), v.iframeView.triggerEventListener("onActivated", { route: a }));
+      const s = r.value.find((_) => _.meta.isShow);
+      s && (s.meta.isShow = !1, await ie(), d.iframeView.triggerEventListener("onDeactivated", { route: s }));
+      const a = r.value.find((_) => _.path.toLowerCase() === m.path.toLowerCase());
+      a && ((o = a.meta) != null && o.isOpen || (a.meta.isOpen = !0), (c = a.meta) != null && c.isShow || (a.meta.isShow = !0), await ie(), d.iframeView.triggerEventListener("onActivated", { route: a }));
     };
     let S = 0;
     return te(
@@ -323,16 +323,16 @@ const h = z({
         s !== S ? (P(), S = s) : T();
       },
       { immediate: !0 }
-    ), v.iframeView.addEventListener("onRefreshCurrentPage", () => {
+    ), d.iframeView.addEventListener("onRefreshCurrentPage", () => {
       f.value.forEach((s) => {
         var a;
         (a = s.meta) != null && a.isShow && (s.meta.key.includes("0") ? s.meta.key = s.meta.key.replaceAll("0", "1") : s.meta.key = s.meta.key.replaceAll("1", "0"));
       });
-    }), v.iframeView.addEventListener("onUnloadPage", (s) => {
+    }), d.iframeView.addEventListener("onUnloadPage", (s) => {
       r.value.forEach((a) => {
-        a.path === s && (a.meta.isOpen = !1);
+        a.path.toLowerCase() === s.toLowerCase() && (a.meta.isOpen = !1);
       });
-    }), (s, a) => (g(), C(
+    }), (s, a) => (g(), I(
       Y,
       null,
       [
@@ -341,19 +341,19 @@ const h = z({
           ne(ae({ key: 0 }, n.value)),
           {
             default: W(() => [
-              (g(!0), C(
+              (g(!0), I(
                 Y,
                 null,
-                oe(f.value, ({ path: o, meta: m }) => D((g(), C("div", {
+                oe(f.value, ({ path: o, meta: c }) => D((g(), I("div", {
                   class: "das-iframe-router-view",
-                  key: m.key,
+                  key: c.key,
                   name: o
                 }, [
-                  (g(), V(O(m.componentInstance), {
-                    key: m.key
+                  (g(), V(O(c.componentInstance), {
+                    key: c.key
                   }))
                 ], 8, Pe)), [
-                  [M, m.componentInstance && o === b(d).path]
+                  [M, c.componentInstance && o.toLowerCase() === b(m).path.toLowerCase()]
                 ])),
                 128
                 /* KEYED_FRAGMENT */
@@ -365,19 +365,19 @@ const h = z({
           16
           /* FULL_PROPS */
         )) : L("v-if", !0),
-        s.needTransition ? L("v-if", !0) : (g(!0), C(
+        s.needTransition ? L("v-if", !0) : (g(!0), I(
           Y,
           { key: 1 },
-          oe(f.value, ({ path: o, meta: m }) => D((g(), C("div", {
+          oe(f.value, ({ path: o, meta: c }) => D((g(), I("div", {
             class: "das-iframe-router-view",
-            key: m.key,
+            key: c.key,
             name: o
           }, [
-            (g(), V(O(m.componentInstance), {
-              key: m.key
+            (g(), V(O(c.componentInstance), {
+              key: c.key
             }))
           ], 8, Se)), [
-            [M, m.componentInstance && o === b(d).path]
+            [M, c.componentInstance && o.toLowerCase() === b(m).path.toLowerCase()]
           ])),
           128
           /* KEYED_FRAGMENT */
@@ -389,10 +389,10 @@ const h = z({
   }
 }), he = (e, t) => {
   const n = e.__vccOpts || e;
-  for (const [l, d] of t)
-    n[l] = d;
+  for (const [l, m] of t)
+    n[l] = m;
   return n;
-}, Me = /* @__PURE__ */ he(De, [["__scopeId", "data-v-6dd310c9"]]), je = { class: "das-web-app-container" }, xe = {
+}, Me = /* @__PURE__ */ he(De, [["__scopeId", "data-v-4bfc711f"]]), je = { class: "das-web-app-container" }, xe = {
   key: 0,
   class: "das-web-app-header"
 }, $e = { class: "das-web-app-main" }, He = {
@@ -426,48 +426,48 @@ const h = z({
   setup(e) {
     const t = e;
     ke(), Te(), Ae();
-    const n = fe(), l = U(!1), d = U(!1), r = U(!1), f = c(() => l.value && t.showLayout), y = c(() => d.value && t.showLayout && t.showAside), i = c(() => l.value && t.showLayout && t.showTabs), P = c(() => t.routerViewVisible ?? !0), T = c(() => F.overlay.visible ?? !1), S = c(() => ({
+    const n = fe(), l = U(!1), m = U(!1), r = U(!1), f = u(() => l.value && t.showLayout), w = u(() => m.value && t.showLayout && t.showAside), i = u(() => l.value && t.showLayout && t.showTabs), P = u(() => t.routerViewVisible ?? !0), T = u(() => F.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"
-    })), s = c(() => F.overlay.style ?? { backgroundColor: "rgba(0,0,0,0.5)" }), a = c(() => t.excludeRoutes), o = c(() => t.routeKeepAliveVisible);
+    })), s = u(() => F.overlay.style ?? { backgroundColor: "rgba(0,0,0,0.5)" }), a = u(() => t.excludeRoutes), o = u(() => t.routeKeepAliveVisible);
     te(
       () => [n.meta, n.query],
-      ([_, j]) => {
-        const { showLayout: A = !0, showAside: x = !0, showTabs: u = !0, layout: p = {} } = _, {
-          showLayout: w = !0,
+      ([C, j]) => {
+        const { showLayout: A = !0, showAside: x = !0, showTabs: v = !0, layout: p = {} } = C, {
+          showLayout: y = !0,
           showAside: $ = !0,
           showTabs: E = !0,
           app: G
         } = j;
-        Ce(p);
+        Ie(p);
         let re = !0, J = !0, X = !0;
-        (A === !1 || w === !1 || w === "false") && (re = !1, J = !1, X = !1), (x === !1 || $ === !1 || $ === "false") && (J = !1), (u === !1 || E === !1 || E === "false") && (X = !1), l.value = re, d.value = J, r.value = X;
+        (A === !1 || y === !1 || y === "false") && (re = !1, J = !1, X = !1), (x === !1 || $ === !1 || $ === "false") && (J = !1), (v === !1 || E === !1 || E === "false") && (X = !1), l.value = re, m.value = J, r.value = X;
       }
     );
-    const m = c(() => ({
+    const c = u(() => ({
       mode: "out-in",
       "enter-active-class": "animate__animated animate__fadeInLeft",
       ...t.transitionConfig || {}
     }));
-    let I = /* @__PURE__ */ new Map();
-    const q = (_, j) => {
+    let _ = /* @__PURE__ */ new Map();
+    const q = (C, j) => {
       let A;
-      return I.has(j) ? A = I.get(j) : (A = {
+      return _.has(j) ? A = _.get(j) : (A = {
         name: j,
         render() {
-          return ee("div", { style: { width: "100%", height: "100%" } }, [ee(_)]);
+          return ee("div", { style: { width: "100%", height: "100%" } }, [ee(C)]);
         }
-      }, I.set(j, A)), ee(A);
-    }, B = c(() => F.visible.value);
-    return (_, j) => {
+      }, _.set(j, A)), ee(A);
+    }, B = u(() => F.visible.value);
+    return (C, j) => {
       const A = pe("router-view");
-      return g(), C("div", je, [
+      return g(), I("div", je, [
         D(H(
           "div",
           {
-            class: ye(["das-web-app-overlay", S.value]),
-            style: we(s.value)
+            class: we(["das-web-app-overlay", S.value]),
+            style: ye(s.value)
           },
           null,
           6
@@ -475,11 +475,11 @@ const h = z({
         ), [
           [M, B.value]
         ]),
-        f.value ? D((g(), C(
+        f.value ? D((g(), I(
           "div",
           xe,
           [
-            N(_.$slots, "header", {}, void 0, !0)
+            N(C.$slots, "header", {}, void 0, !0)
           ],
           512
           /* NEED_PATCH */
@@ -487,11 +487,11 @@ const h = z({
           [M, B.value]
         ]) : L("v-if", !0),
         H("div", $e, [
-          y.value ? D((g(), C(
+          w.value ? D((g(), I(
             "div",
             He,
             [
-              N(_.$slots, "aside", {}, void 0, !0)
+              N(C.$slots, "aside", {}, void 0, !0)
             ],
             512
             /* NEED_PATCH */
@@ -499,11 +499,11 @@ const h = z({
             [M, B.value]
           ]) : L("v-if", !0),
           H("div", Be, [
-            i.value ? D((g(), C(
+            i.value ? D((g(), I(
               "div",
               Fe,
               [
-                N(_.$slots, "tab", {}, void 0, !0)
+                N(C.$slots, "tab", {}, void 0, !0)
               ],
               512
               /* NEED_PATCH */
@@ -515,7 +515,7 @@ const h = z({
                 "div",
                 Oe,
                 [
-                  N(_.$slots, "banner", {}, void 0, !0)
+                  N(C.$slots, "banner", {}, void 0, !0)
                 ],
                 512
                 /* NEED_PATCH */
@@ -523,26 +523,26 @@ const h = z({
                 [M, B.value]
               ]),
               H("div", Ue, [
-                D((g(), C("div", {
-                  key: _.pageKey,
+                D((g(), I("div", {
+                  key: C.pageKey,
                   style: { width: "100%", height: "100%" }
                 }, [
-                  N(_.$slots, "router-view", {}, () => [
+                  N(C.$slots, "router-view", {}, () => [
                     L(" 有动画 "),
-                    _.needTransition ? (g(), V(A, { key: 0 }, {
+                    C.needTransition ? (g(), V(A, { key: 0 }, {
                       default: W(({ Component: x }) => [
                         Z(
                           le,
-                          ne(ce(m.value)),
+                          ne(ce(c.value)),
                           {
                             default: W(() => {
-                              var u;
+                              var v;
                               return [
                                 b(n).meta.keepAlive ? (g(), V(ue, {
                                   key: 0,
                                   exclude: a.value
                                 }, [
-                                  o.value && !((u = b(n).meta) != null && u.isIframe) ? (g(), V(O(q(x, b(n).path)), {
+                                  o.value && !((v = b(n).meta) != null && v.isIframe) ? (g(), V(O(q(x, b(n).path)), {
                                     key: b(n).path
                                   })) : L("v-if", !0)
                                 ], 1032, ["exclude"])) : L("v-if", !0)
@@ -556,10 +556,10 @@ const h = z({
                         ),
                         Z(
                           le,
-                          ne(ce(m.value)),
+                          ne(ce(c.value)),
                           {
                             default: W(() => [
-                              !b(n).meta.keepAlive && !b(n).meta.isIframe ? (g(), C("div", We, [
+                              !b(n).meta.keepAlive && !b(n).meta.isIframe ? (g(), I("div", We, [
                                 (g(), V(O(x), {
                                   key: b(n).path
                                 }))
@@ -576,7 +576,7 @@ const h = z({
                       /* STABLE */
                     })) : L("v-if", !0),
                     L(" 无动画 "),
-                    _.needTransition ? L("v-if", !0) : (g(), V(A, { key: 1 }, {
+                    C.needTransition ? L("v-if", !0) : (g(), V(A, { key: 1 }, {
                       default: W(({ Component: x }) => [
                         b(n).meta.keepAlive ? (g(), V(ue, {
                           key: 0,
@@ -586,7 +586,7 @@ const h = z({
                             key: b(n).path
                           })) : L("v-if", !0)
                         ], 1032, ["exclude"])) : L("v-if", !0),
-                        !b(n).meta.keepAlive && !b(n).meta.isIframe ? (g(), C("div", Ke, [
+                        !b(n).meta.keepAlive && !b(n).meta.isIframe ? (g(), I("div", Ke, [
                           (g(), V(O(x), {
                             key: b(n).path
                           }))
@@ -601,8 +601,8 @@ const h = z({
                       [
                         Z(Me, {
                           exclude: a.value,
-                          transitionConfig: m.value,
-                          needTransition: _.needTransition
+                          transitionConfig: c.value,
+                          needTransition: C.needTransition
                         }, null, 8, ["exclude", "transitionConfig", "needTransition"])
                       ],
                       512
@@ -618,7 +618,7 @@ const h = z({
                   "div",
                   Qe,
                   [
-                    N(_.$slots, "default", {}, void 0, !0)
+                    N(C.$slots, "default", {}, void 0, !0)
                   ],
                   512
                   /* NEED_PATCH */
@@ -635,78 +635,78 @@ const h = z({
 }), st = /* @__PURE__ */ he(qe, [["__scopeId", "data-v-cc197012"]]), Ge = ["theme", "modelValue", "logoUrl", "config", "innerPagesConfig", "searchConfig", "projectTreeConfig", "userInfoConfig"], at = /* @__PURE__ */ Q({
   __name: "das-web-nav",
   setup(e) {
-    const { nav: t } = F, n = c(() => t.theme), l = c(() => t.logo || ""), d = c(() => t.activeItem || ""), r = c(() => (t.items || []).filter((p) => p.fixed)), f = c(() => (t.items || []).filter((p) => !p.fixed)), y = c(() => {
-      var u, p, w, $, E;
+    const { nav: t } = F, n = u(() => t.theme), l = u(() => t.logo || ""), m = u(() => t.activeItem || ""), r = u(() => (t.items || []).filter((p) => p.fixed)), f = u(() => (t.items || []).filter((p) => !p.fixed)), w = u(() => {
+      var v, p, y, $, E;
       return {
-        showAIHelper: ((u = t.config) == null ? void 0 : u.showAIHelper) ?? !1,
+        showAIHelper: ((v = t.config) == null ? void 0 : v.showAIHelper) ?? !1,
         showFullScreen: ((p = t.config) == null ? void 0 : p.showFullScreen) ?? !1,
-        showChangeEnterprise: ((w = t.config) == null ? void 0 : w.showChangeEnterprise) ?? !1,
+        showChangeEnterprise: ((y = t.config) == null ? void 0 : y.showChangeEnterprise) ?? !1,
         showSearch: (($ = t.config) == null ? void 0 : $.showSearch) ?? !0,
         showProjectTree: ((E = t.config) == null ? void 0 : E.showProjectTree) ?? !0,
         subAppList: f.value.map((G) => ({ code: G.value, name: G.label, ...G }))
       };
-    }), i = c(() => {
-      const u = r.value.find((p) => p.value === t.activeItem);
+    }), i = u(() => {
+      const v = r.value.find((p) => p.value === t.activeItem);
       return {
-        activeInnerPagePath: (u == null ? void 0 : u.path) || "",
+        activeInnerPagePath: (v == null ? void 0 : v.path) || "",
         innerPages: r.value.map((p) => ({ title: p.label, ...p }))
       };
-    }), P = c(() => ({
+    }), P = u(() => ({
       projectStore: {
         projectTree: t.projects,
         currentProject: t.activeProject
       },
       ...t.projectConfig
-    })), T = c(() => t.userInfo), S = c(() => t.searchConfig), s = async (u) => {
-      const p = u.detail[0], w = r.value.find((E) => p.value === E.value);
-      await v.nav.triggerEventListener("onItemClick", w) && v.nav.setActiveItem(w.value);
-    }, a = async (u) => {
-      const p = u.detail[0], w = f.value.find((E) => p === E.value);
-      await v.nav.triggerEventListener("onItemClick", w) && v.nav.setActiveItem(w.value);
-    }, o = async (u) => {
-      const p = u.detail[0], w = f.value.find((E) => p === E.value);
-      await v.nav.triggerEventListener("onItemRemove", w) && v.nav.removeItem(w.value);
-    }, m = async (u) => {
-      const [p, w] = u.detail;
-      !p || !await v.nav.triggerEventListener("onProjectChange", w) || v.nav.setActiveProject(w);
-    }, I = (u) => {
-      v.nav.triggerEventListener("onUserCommandChange", u.detail[0]);
-    }, q = (u) => {
-      v.nav.triggerEventListener("searchToPage", { item: u.detail[0], keyword: u.detail[1], cb: u.detail[2] });
-    }, B = (u) => {
-      v.nav.triggerEventListener("clearSearchList", { cb: u.detail[0] });
-    }, _ = (u) => {
-      v.nav.triggerEventListener("deleteSearchItem", { value: u.detail[0], cb: u.detail[1] });
+    })), T = u(() => t.userInfo), S = u(() => t.searchConfig), s = async (v) => {
+      const p = v.detail[0], y = r.value.find((E) => p.value === E.value);
+      await d.nav.triggerEventListener("onItemClick", y) && d.nav.setActiveItem(y.value);
+    }, a = async (v) => {
+      const p = v.detail[0], y = f.value.find((E) => p === E.value);
+      await d.nav.triggerEventListener("onItemClick", y) && d.nav.setActiveItem(y.value);
+    }, o = async (v) => {
+      const p = v.detail[0], y = f.value.find((E) => p === E.value);
+      await d.nav.triggerEventListener("onItemRemove", y) && d.nav.removeItem(y.value);
+    }, c = async (v) => {
+      const [p, y] = v.detail;
+      !p || !await d.nav.triggerEventListener("onProjectChange", y) || d.nav.setActiveProject(y);
+    }, _ = (v) => {
+      d.nav.triggerEventListener("onUserCommandChange", v.detail[0]);
+    }, q = (v) => {
+      d.nav.triggerEventListener("searchToPage", { item: v.detail[0], keyword: v.detail[1], cb: v.detail[2] });
+    }, B = (v) => {
+      d.nav.triggerEventListener("clearSearchList", { cb: v.detail[0] });
+    }, C = (v) => {
+      d.nav.triggerEventListener("deleteSearchItem", { value: v.detail[0], cb: v.detail[1] });
     }, j = () => {
-      v.nav.triggerEventListener("changeEnterpriseHandle");
+      d.nav.triggerEventListener("changeEnterpriseHandle");
     }, A = () => {
-      v.nav.triggerEventListener("fullScreenHandle");
+      d.nav.triggerEventListener("fullScreenHandle");
     }, x = () => {
-      v.nav.triggerEventListener("openAI");
+      d.nav.triggerEventListener("openAI");
     };
     return be(() => {
-      v.nav.triggerEventListener("onBeforeMount", null, { autoRemove: !0 });
+      d.nav.triggerEventListener("onBeforeMount", null, { autoRemove: !0 });
     }), Le(() => {
-      v.nav.triggerEventListener("onMounted", null, { autoRemove: !0 });
-    }), _e(() => {
-      v.nav.triggerEventListener("onUnmounted", null, { autoRemove: !0 });
-    }), (u, p) => (g(), C("das-ce-nav", {
+      d.nav.triggerEventListener("onMounted", null, { autoRemove: !0 });
+    }), Ce(() => {
+      d.nav.triggerEventListener("onUnmounted", null, { autoRemove: !0 });
+    }), (v, p) => (g(), I("das-ce-nav", {
       theme: n.value,
-      modelValue: d.value,
+      modelValue: m.value,
       logoUrl: l.value,
-      config: y.value,
+      config: w.value,
       innerPagesConfig: i.value,
       searchConfig: S.value,
       projectTreeConfig: P.value,
       userInfoConfig: T.value,
-      "on:userCommandHandle": I,
+      "on:userCommandHandle": _,
       "on:changeInnerPage": s,
       "on:handleTabClick": a,
       "on:handleTabDelete": o,
-      "on:changeTreeHandle": m,
+      "on:changeTreeHandle": c,
       "on:searchToPage": q,
       "on:clearSearchList": B,
-      "on:deleteSearchItem": _,
+      "on:deleteSearchItem": C,
       "on:changeEnterpriseHandle": j,
       "on:fullScreen": A,
       "on:openAI": x
@@ -718,21 +718,21 @@ const h = z({
     menuAttr: {}
   },
   setup(e) {
-    const { menu: t } = F, n = e, l = c(() => t.theme), d = c(() => n.menuAttr || {}), r = c(() => t.items), f = c(() => t.items.find((s) => s.fixed)), y = c(() => t.activeItem || ""), i = c(() => t.collapse || !1), P = c(() => ({ popupClassName: t.popupClassName ?? "" })), T = async (s) => {
-      const a = s.detail[0], o = Ee(r.value).find((I) => a === I.id);
-      await v.menu.triggerEventListener("onItemClick", o) && v.menu.setActiveItem(o.id);
+    const { menu: t } = F, n = e, l = u(() => t.theme), m = u(() => n.menuAttr || {}), r = u(() => t.items), f = u(() => t.items.find((s) => s.fixed)), w = 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);
+      await d.menu.triggerEventListener("onItemClick", o) && d.menu.setActiveItem(o.id);
     }, S = (s) => {
-      v.menu.setCollapse(s.detail[0]), v.menu.triggerEventListener("toggleCollapse", s.detail[0]);
+      d.menu.setCollapse(s.detail[0]), d.menu.triggerEventListener("toggleCollapse", s.detail[0]);
     };
-    return (s, a) => r.value.length > 0 ? (g(), C("das-ce-menu", ae({
+    return (s, a) => r.value.length > 0 ? (g(), I("das-ce-menu", ae({
       key: 0,
       theme: l.value,
-      modelValue: y.value,
+      modelValue: w.value,
       data: r.value,
       collapse: i.value,
       fixedTopMenu: f.value,
       subMenuAttrs: P.value
-    }, d.value, {
+    }, m.value, {
       onChange: T,
       "on:toggleCollapse": S
     }), null, 16, Je)) : L("v-if", !0);
@@ -743,30 +743,30 @@ const h = z({
     tabsAttr: {}
   },
   setup(e) {
-    const { tab: t } = F, n = e, l = c(() => n.tabsAttr || {}), d = c(() => t.theme), r = c(() => t.items.map((s) => ({
+    const { tab: t } = F, n = e, l = u(() => n.tabsAttr || {}), m = u(() => t.theme), r = u(() => t.items.map((s) => ({
       ...s,
       key: s.value,
       tab: s.label
-    }))), f = c(() => t.activeItem || ""), y = async (s) => {
-      const a = s.detail[0], o = r.value.find((I) => a === I.value);
-      await v.tab.triggerEventListener("onItemClick", o) && v.tab.setActiveItem(o.value);
+    }))), f = u(() => t.activeItem || ""), w = async (s) => {
+      const a = s.detail[0], o = r.value.find((_) => a === _.value);
+      await d.tab.triggerEventListener("onItemClick", o) && d.tab.setActiveItem(o.value);
     }, i = async (s) => {
-      const a = s.detail[0], o = r.value.find((I) => a === I.value);
-      await v.tab.triggerEventListener("onItemRemove", o) && v.tab.removeItem(o.value);
+      const a = s.detail[0], o = r.value.find((_) => a === _.value);
+      await d.tab.triggerEventListener("onItemRemove", o) && d.tab.removeItem(o.value);
     }, P = async (s) => {
-      await v.tab.triggerEventListener("onMenuClick", { type: s.detail[0], data: s.detail[1] });
+      await d.tab.triggerEventListener("onMenuClick", { type: s.detail[0], data: s.detail[1] });
     }, T = async (s) => {
-      await v.tab.triggerEventListener("onPageRefresh", s.detail[0]);
+      await d.tab.triggerEventListener("onPageRefresh", s.detail[0]);
     }, S = () => {
-      v.tab.triggerEventListener("onToggleFullScreen");
+      d.tab.triggerEventListener("onToggleFullScreen");
     };
-    return (s, a) => r.value.length > 0 ? (g(), C("das-ce-tabs", ae({
+    return (s, a) => r.value.length > 0 ? (g(), I("das-ce-tabs", ae({
       key: 0,
-      theme: d.value,
+      theme: m.value,
       modelValue: f.value,
       options: r.value
     }, l.value, {
-      "on:tabClick": y,
+      "on:tabClick": w,
       "on:tabDelete": i,
       "on:menuClick": P,
       "on:pageRefresh": T,
@@ -780,6 +780,6 @@ export {
   rt as DasWebMenu,
   at as DasWebNav,
   ot as DasWebTabs,
-  v as layout,
+  d as layout,
   F as layoutData
 };