@das-fed/web 6.4.0-hot.36 → 6.4.0-hot.38

package/packages/layout/index.js

@@ -1,10 +1,10 @@
 import '@das-fed/web/packages/layout/style.css';
-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 { reactive as z, ref as U, defineComponent as Q, computed as c, watch as te, createElementBlock as C, openBlock as g, Fragment as Y, createBlock as V, createCommentVNode as L, 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, nextTick as ie, resolveComponent as pe, createElementVNode as H, normalizeStyle as ye, normalizeClass 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/utils/common-tools/setHtmlMinWH";
-import { createCeNav as Ie, createCeTabs as ke, createCeMenu as Te } from "@das-fed/web-components/das-web-app";
+import { createCeNav as ke, createCeTabs as Te, createCeMenu as Ae } from "@das-fed/web-components/das-web-app";
 import { flatTree as Ee } from "@das-fed/utils/common-tools/nest-tree-format";
-const h = K({
+const h = z({
   visible: !1,
   theme: "default",
   logo: "",
@@ -16,7 +16,7 @@ const h = K({
   // activeItem: '',
   // activeProject: {},
   eventListeners: {}
-}), ue = {
+}), ve = {
   show: () => {
     h.visible = !0;
   },
@@ -92,31 +92,31 @@ const h = K({
       remove: l
     };
   }
-}, A = K({
+}, R = z({
   theme: "default",
   items: [],
   collapse: !1,
   eventListeners: {}
-}), ve = {
+}), de = {
   setItems: (e) => {
-    A.items = e;
+    R.items = e;
   },
-  getItems: () => A.items,
+  getItems: () => R.items,
   setTheme: (e) => {
-    A.theme = e;
+    R.theme = e;
   },
   setActiveItem: (e) => {
-    A.activeItem = e;
+    R.activeItem = e;
   },
   setCollapse: (e) => {
-    A.collapse = e;
+    R.collapse = e;
   },
   setPopupClassName: (e) => {
-    A.popupClassName = e;
+    R.popupClassName = e;
   },
   triggerEventListener: (e, t, n) => {
     var f;
-    const l = A.eventListeners, { autoRemove: d = !1 } = n || {}, r = [];
+    const l = R.eventListeners, { autoRemove: d = !1 } = n || {}, r = [];
     for (const y in l) {
       const i = l[y];
       i.type === e && r.push(
@@ -129,9 +129,9 @@ const h = K({
   },
   addEventListener: (e, t) => {
     const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), l = () => {
-      A.eventListeners[n] && delete A.eventListeners[n];
+      R.eventListeners[n] && delete R.eventListeners[n];
     };
-    return A.eventListeners[n] = {
+    return R.eventListeners[n] = {
       type: e,
       handler: async (d) => {
         try {
@@ -145,11 +145,11 @@ const h = K({
       remove: l
     };
   }
-}, k = K({
+}, k = z({
   theme: "default",
   items: [],
   eventListeners: {}
-}), de = {
+}), me = {
   setItems: (e) => {
     k.items = e;
   },
@@ -199,12 +199,12 @@ const h = K({
       remove: l
     };
   }
-}, W = K({
+}, K = z({
   eventListeners: {}
 }), Re = {
   triggerEventListener: (e, t, n) => {
     var f;
-    const l = W.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(
@@ -217,9 +217,9 @@ const h = K({
   },
   addEventListener: (e, t) => {
     const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), l = () => {
-      W.eventListeners[n] && delete W.eventListeners[n];
+      K.eventListeners[n] && delete K.eventListeners[n];
     };
-    return W.eventListeners[n] = {
+    return K.eventListeners[n] = {
       type: e,
       handler: async (d) => {
         try {
@@ -233,31 +233,31 @@ const h = K({
       remove: l
     };
   }
-}, te = K({
+}, se = z({
   visible: !1,
   style: {}
-}), Ae = {
+}), Ve = {
   set: (e, t) => {
-    te.visible = e, t || (t = {}), t.transition || (t.transition = "all 0.3s"), t && (te.style = t);
+    se.visible = e, t || (t = {}), t.transition || (t.transition = "all 0.3s"), t && (se.style = t);
   }
-}, H = {
+}, F = {
   nav: h,
-  menu: A,
+  menu: R,
   tab: k,
-  overlay: te,
-  iframeView: W,
-  visible: O(!0)
+  overlay: se,
+  iframeView: K,
+  visible: U(!0)
 }, v = {
-  nav: ue,
-  menu: ve,
-  tab: de,
-  overlay: Ae,
+  nav: ve,
+  menu: de,
+  tab: me,
+  overlay: Ve,
   iframeView: Re,
-  setVisible: (e) => H.visible.value = e,
+  setVisible: (e) => F.visible.value = e,
   setTheme: (e) => {
-    ue.setTheme(e), ve.setTheme(e), de.setTheme(e);
+    ve.setTheme(e), de.setTheme(e), me.setTheme(e);
   }
-}, Ve = ["name"], Pe = ["name"], Se = /* @__PURE__ */ z({
+}, Pe = ["name"], Se = ["name"], De = /* @__PURE__ */ Q({
   __name: "das-iframe-router-view",
   props: {
     needTransition: { type: Boolean },
@@ -265,14 +265,14 @@ const h = K({
     exclude: { default: () => [] }
   },
   setup(e) {
-    const t = e, n = u(() => {
+    const t = e, n = c(() => {
       const { mode: s = "", ...a } = {
         mode: "out-in",
         "enter-active-class": "animate__animated animate__fadeInLeft",
         ...t.transitionConfig || {}
       };
       return a;
-    }), l = Le(), d = me(), r = O([]), f = u(() => r.value.filter((s) => {
+    }), l = Ie(), d = fe(), r = U([]), f = c(() => r.value.filter((s) => {
       var a;
       return (a = s.meta) == null ? void 0 : a.isOpen;
     })), y = (s) => {
@@ -282,7 +282,7 @@ const h = K({
         m.meta.key === s && (m.meta.key = `${m.path}-${o}`);
       });
     };
-    Z(
+    te(
       () => t.exclude,
       (s) => {
         if (!s || !s.length) return;
@@ -310,13 +310,13 @@ const h = K({
     }, T = async () => {
       var o, m;
       if (!r.value || !r.value.length) return;
-      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((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 }));
+      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 }));
     };
     let S = 0;
-    return Z(
+    return te(
       () => l.currentRoute.value,
       () => {
         const s = l.options.routes.length;
@@ -332,60 +332,85 @@ const h = K({
       r.value.forEach((a) => {
         a.path === s && (a.meta.isOpen = !1);
       });
-    }), (s, a) => (g(), I(J, null, [
-      s.needTransition ? (g(), V(he, ee(ne({ key: 0 }, n.value)), {
-        default: U(() => [
-          (g(!0), I(J, null, re(f.value, ({ path: o, meta: m }) => D((g(), I("div", {
+    }), (s, a) => (g(), C(
+      Y,
+      null,
+      [
+        s.needTransition ? (g(), V(
+          ge,
+          ne(ae({ key: 0 }, n.value)),
+          {
+            default: W(() => [
+              (g(!0), C(
+                Y,
+                null,
+                oe(f.value, ({ path: o, meta: m }) => D((g(), C("div", {
+                  class: "das-iframe-router-view",
+                  key: m.key,
+                  name: o
+                }, [
+                  (g(), V(O(m.componentInstance), {
+                    key: m.key
+                  }))
+                ], 8, Pe)), [
+                  [M, m.componentInstance && o === b(d).path]
+                ])),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ]),
+            _: 1
+            /* STABLE */
+          },
+          16
+          /* FULL_PROPS */
+        )) : L("v-if", !0),
+        s.needTransition ? L("v-if", !0) : (g(!0), C(
+          Y,
+          { key: 1 },
+          oe(f.value, ({ path: o, meta: m }) => D((g(), C("div", {
             class: "das-iframe-router-view",
             key: m.key,
             name: o
           }, [
-            (g(), V(N(m.componentInstance), {
+            (g(), V(O(m.componentInstance), {
               key: m.key
             }))
-          ], 8, Ve)), [
-            [M, m.componentInstance && o === w(d).path]
-          ])), 128))
-        ]),
-        _: 1
-      }, 16)) : C("", !0),
-      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
-      }, [
-        (g(), V(N(m.componentInstance), {
-          key: m.key
-        }))
-      ], 8, Pe)), [
-        [M, m.componentInstance && o === w(d).path]
-      ])), 128))
-    ], 64));
+          ], 8, Se)), [
+            [M, m.componentInstance && o === b(d).path]
+          ])),
+          128
+          /* KEYED_FRAGMENT */
+        ))
+      ],
+      64
+      /* STABLE_FRAGMENT */
+    ));
   }
-}), fe = (e, t) => {
+}), he = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [l, d] of t)
     n[l] = d;
   return n;
-}, De = /* @__PURE__ */ fe(Se, [["__scopeId", "data-v-6dd310c9"]]), Me = { class: "das-web-app-container" }, je = {
+}, Me = /* @__PURE__ */ he(De, [["__scopeId", "data-v-6dd310c9"]]), je = { class: "das-web-app-container" }, xe = {
   key: 0,
   class: "das-web-app-header"
-}, xe = { class: "das-web-app-main" }, $e = {
+}, $e = { class: "das-web-app-main" }, He = {
   key: 0,
   class: "aside"
-}, Be = { class: "das-web-app-main-container" }, He = {
+}, Be = { class: "das-web-app-main-container" }, Fe = {
   key: 0,
   class: "tab"
-}, Fe = { class: "das-web-app-main-content" }, Ne = { class: "banner" }, Oe = { class: "das-web-app-main-router-view" }, Ue = {
+}, Ne = { class: "das-web-app-main-content" }, Oe = { class: "banner" }, Ue = { class: "das-web-app-main-router-view" }, We = {
   key: 0,
   style: { width: "100%", height: "100%" }
-}, We = {
+}, Ke = {
   key: 1,
   style: { width: "100%", height: "100%" }
-}, Ke = { style: { width: "100%", height: "100%" } }, ze = {
+}, ze = { style: { width: "100%", height: "100%" } }, Qe = {
   class: "micro-app",
   style: { height: "100%", width: "100%" }
-}, Qe = /* @__PURE__ */ z({
+}, qe = /* @__PURE__ */ Q({
   __name: "das-web-layout",
   props: {
     needTransition: { type: Boolean, default: !0 },
@@ -400,144 +425,204 @@ const h = K({
   },
   setup(e) {
     const t = e;
-    Ie(), ke(), Te();
-    const n = me(), l = O(!1), d = O(!1), r = O(!1), f = u(() => l.value && t.showLayout), y = u(() => d.value && t.showLayout && t.showAside), i = u(() => l.value && t.showLayout && t.showTabs), P = u(() => t.routerViewVisible ?? !0), T = u(() => H.overlay.visible ?? !1), S = u(() => ({
+    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(() => ({
       "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 = u(() => H.overlay.style ?? { backgroundColor: "rgba(0,0,0,0.5)" }), a = u(() => t.excludeRoutes), o = u(() => t.routeKeepAliveVisible);
-    Z(
+    })), s = c(() => F.overlay.style ?? { backgroundColor: "rgba(0,0,0,0.5)" }), a = c(() => t.excludeRoutes), o = c(() => t.routeKeepAliveVisible);
+    te(
       () => [n.meta, n.query],
-      ([b, j]) => {
-        const { showLayout: R = !0, showAside: c = !0, showTabs: p = !0, layout: _ = {} } = b, {
-          showLayout: x = !0,
-          showAside: E = !0,
-          showTabs: se = !0,
-          app: Xe
+      ([_, j]) => {
+        const { showLayout: A = !0, showAside: x = !0, showTabs: u = !0, layout: p = {} } = _, {
+          showLayout: w = !0,
+          showAside: $ = !0,
+          showTabs: E = !0,
+          app: G
         } = j;
-        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), (p === !1 || se === !1 || se === "false") && (G = !1), l.value = ae, d.value = q, r.value = G;
+        Ce(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;
       }
     );
-    const m = u(() => ({
+    const m = c(() => ({
       mode: "out-in",
       "enter-active-class": "animate__animated animate__fadeInLeft",
       ...t.transitionConfig || {}
     }));
-    let L = /* @__PURE__ */ new Map();
-    const Q = (b, j) => {
-      let R;
-      return L.has(j) ? R = L.get(j) : (R = {
+    let I = /* @__PURE__ */ new Map();
+    const q = (_, j) => {
+      let A;
+      return I.has(j) ? A = I.get(j) : (A = {
         name: j,
         render() {
-          return Y("div", { style: { width: "100%", height: "100%" } }, [Y(b)]);
+          return ee("div", { style: { width: "100%", height: "100%" } }, [ee(_)]);
         }
-      }, L.set(j, R)), Y(R);
-    }, B = u(() => H.visible.value);
-    return (b, j) => {
-      const R = ge("router-view");
-      return g(), I("div", Me, [
-        D($("div", {
-          class: pe(["das-web-app-overlay", S.value]),
-          style: ye(s.value)
-        }, null, 6), [
+      }, I.set(j, A)), ee(A);
+    }, B = c(() => F.visible.value);
+    return (_, j) => {
+      const A = pe("router-view");
+      return g(), C("div", je, [
+        D(H(
+          "div",
+          {
+            class: we(["das-web-app-overlay", S.value]),
+            style: ye(s.value)
+          },
+          null,
+          6
+          /* CLASS, STYLE */
+        ), [
           [M, B.value]
         ]),
-        f.value ? D((g(), I("div", je, [
-          F(b.$slots, "header", {}, void 0, !0)
-        ], 512)), [
+        f.value ? D((g(), C(
+          "div",
+          xe,
+          [
+            N(_.$slots, "header", {}, void 0, !0)
+          ],
+          512
+          /* NEED_PATCH */
+        )), [
           [M, B.value]
-        ]) : C("", !0),
-        $("div", xe, [
-          y.value ? D((g(), I("div", $e, [
-            F(b.$slots, "aside", {}, void 0, !0)
-          ], 512)), [
+        ]) : L("v-if", !0),
+        H("div", $e, [
+          y.value ? D((g(), C(
+            "div",
+            He,
+            [
+              N(_.$slots, "aside", {}, void 0, !0)
+            ],
+            512
+            /* NEED_PATCH */
+          )), [
             [M, B.value]
-          ]) : C("", !0),
-          $("div", Be, [
-            i.value ? D((g(), I("div", He, [
-              F(b.$slots, "tab", {}, void 0, !0)
-            ], 512)), [
+          ]) : L("v-if", !0),
+          H("div", Be, [
+            i.value ? D((g(), C(
+              "div",
+              Fe,
+              [
+                N(_.$slots, "tab", {}, void 0, !0)
+              ],
+              512
+              /* NEED_PATCH */
+            )), [
               [M, B.value]
-            ]) : C("", !0),
-            $("div", Fe, [
-              D($("div", Ne, [
-                F(b.$slots, "banner", {}, void 0, !0)
-              ], 512), [
+            ]) : L("v-if", !0),
+            H("div", Ne, [
+              D(H(
+                "div",
+                Oe,
+                [
+                  N(_.$slots, "banner", {}, void 0, !0)
+                ],
+                512
+                /* NEED_PATCH */
+              ), [
                 [M, B.value]
               ]),
-              $("div", Oe, [
-                D((g(), I("div", {
-                  key: b.pageKey,
+              H("div", Ue, [
+                D((g(), C("div", {
+                  key: _.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 p;
-                            return [
-                              w(n).meta.keepAlive ? (g(), V(ce, {
-                                key: 0,
-                                exclude: a.value
-                              }, [
-                                o.value && !((p = w(n).meta) != null && p.isIframe) ? (g(), V(N(Q(c, w(n).path)), {
-                                  key: w(n).path
-                                })) : C("", !0)
-                              ], 1032, ["exclude"])) : C("", !0)
-                            ];
-                          }),
-                          _: 2
-                        }, 1040),
-                        X(ie, ee(le(m.value)), {
-                          default: U(() => [
-                            !w(n).meta.keepAlive && !w(n).meta.isIframe ? (g(), I("div", Ue, [
-                              (g(), V(N(c), {
-                                key: w(n).path
-                              }))
-                            ])) : C("", !0)
-                          ]),
-                          _: 2
-                        }, 1040)
+                  N(_.$slots, "router-view", {}, () => [
+                    L(" 有动画 "),
+                    _.needTransition ? (g(), V(A, { key: 0 }, {
+                      default: W(({ Component: x }) => [
+                        Z(
+                          le,
+                          ne(ce(m.value)),
+                          {
+                            default: W(() => {
+                              var u;
+                              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)), {
+                                    key: b(n).path
+                                  })) : L("v-if", !0)
+                                ], 1032, ["exclude"])) : L("v-if", !0)
+                              ];
+                            }),
+                            _: 2
+                            /* DYNAMIC */
+                          },
+                          1040
+                          /* FULL_PROPS, DYNAMIC_SLOTS */
+                        ),
+                        Z(
+                          le,
+                          ne(ce(m.value)),
+                          {
+                            default: W(() => [
+                              !b(n).meta.keepAlive && !b(n).meta.isIframe ? (g(), C("div", We, [
+                                (g(), V(O(x), {
+                                  key: b(n).path
+                                }))
+                              ])) : L("v-if", !0)
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          },
+                          1040
+                          /* FULL_PROPS, DYNAMIC_SLOTS */
+                        )
                       ]),
                       _: 1
-                    })) : C("", !0),
-                    b.needTransition ? C("", !0) : (g(), V(R, { key: 1 }, {
-                      default: U(({ Component: c }) => [
-                        w(n).meta.keepAlive ? (g(), V(ce, {
+                      /* STABLE */
+                    })) : L("v-if", !0),
+                    L(" 无动画 "),
+                    _.needTransition ? L("v-if", !0) : (g(), V(A, { key: 1 }, {
+                      default: W(({ Component: x }) => [
+                        b(n).meta.keepAlive ? (g(), V(ue, {
                           key: 0,
                           exclude: a.value
                         }, [
-                          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 ? (g(), I("div", We, [
-                          (g(), V(N(c), {
-                            key: w(n).path
+                          o.value && !b(n).meta.isIframe ? (g(), V(O(q(x, b(n).path)), {
+                            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, [
+                          (g(), V(O(x), {
+                            key: b(n).path
                           }))
-                        ])) : C("", !0)
+                        ])) : L("v-if", !0)
                       ]),
                       _: 1
+                      /* STABLE */
                     })),
-                    D($("div", Ke, [
-                      X(De, {
-                        exclude: a.value,
-                        transitionConfig: m.value,
-                        needTransition: b.needTransition
-                      }, null, 8, ["exclude", "transitionConfig", "needTransition"])
-                    ], 512), [
-                      [M, w(n).meta.isIframe]
+                    D(H(
+                      "div",
+                      ze,
+                      [
+                        Z(Me, {
+                          exclude: a.value,
+                          transitionConfig: m.value,
+                          needTransition: _.needTransition
+                        }, null, 8, ["exclude", "transitionConfig", "needTransition"])
+                      ],
+                      512
+                      /* NEED_PATCH */
+                    ), [
+                      [M, b(n).meta.isIframe]
                     ])
                   ], !0)
                 ])), [
                   [M, P.value]
                 ]),
-                D($("div", ze, [
-                  F(b.$slots, "default", {}, void 0, !0)
-                ], 512), [
+                D(H(
+                  "div",
+                  Qe,
+                  [
+                    N(_.$slots, "default", {}, void 0, !0)
+                  ],
+                  512
+                  /* NEED_PATCH */
+                ), [
                   [M, !P.value]
                 ])
               ])
@@ -547,62 +632,65 @@ const h = K({
       ]);
     };
   }
-}), st = /* @__PURE__ */ fe(Qe, [["__scopeId", "data-v-e2af5217"]]), qe = ["theme", "modelValue", "logoUrl", "config", "innerPagesConfig", "searchConfig", "projectTreeConfig", "userInfoConfig"], at = /* @__PURE__ */ z({
+}), st = /* @__PURE__ */ he(qe, [["__scopeId", "data-v-e2af5217"]]), Ge = ["theme", "modelValue", "logoUrl", "config", "innerPagesConfig", "searchConfig", "projectTreeConfig", "userInfoConfig"], at = /* @__PURE__ */ Q({
   __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((p) => p.fixed)), f = u(() => (t.items || []).filter((p) => !p.fixed)), y = u(() => {
-      var c, p, _, x;
+    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;
       return {
-        showFullScreen: ((c = t.config) == null ? void 0 : c.showFullScreen) ?? !1,
-        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 }))
+        showAIHelper: ((u = t.config) == null ? void 0 : u.showAIHelper) ?? !1,
+        showFullScreen: ((p = t.config) == null ? void 0 : p.showFullScreen) ?? !1,
+        showChangeEnterprise: ((w = t.config) == null ? void 0 : w.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 = u(() => {
-      const c = r.value.find((p) => p.value === t.activeItem);
+    }), i = c(() => {
+      const u = r.value.find((p) => p.value === t.activeItem);
       return {
-        activeInnerPagePath: (c == null ? void 0 : c.path) || "",
+        activeInnerPagePath: (u == null ? void 0 : u.path) || "",
         innerPages: r.value.map((p) => ({ title: p.label, ...p }))
       };
-    }), P = u(() => ({
+    }), P = c(() => ({
       projectStore: {
         projectTree: t.projects,
         currentProject: t.activeProject
       },
       ...t.projectConfig
-    })), T = u(() => t.userInfo), S = u(() => t.searchConfig), s = async (c) => {
-      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 p = c.detail[0], _ = f.value.find((E) => p === E.value);
-      await v.nav.triggerEventListener("onItemClick", _) && v.nav.setActiveItem(_.value);
-    }, o = async (c) => {
-      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 [p, _] = c.detail;
-      !p || !await v.nav.triggerEventListener("onProjectChange", _) || v.nav.setActiveProject(_);
-    }, L = (c) => {
-      v.nav.triggerEventListener("onUserCommandChange", c.detail[0]);
-    }, Q = (c) => {
-      v.nav.triggerEventListener("searchToPage", { item: c.detail[0], keyword: c.detail[1], cb: c.detail[2] });
-    }, B = (c) => {
-      v.nav.triggerEventListener("clearSearchList", { cb: c.detail[0] });
-    }, b = (c) => {
-      v.nav.triggerEventListener("deleteSearchItem", { value: c.detail[0], cb: c.detail[1] });
+    })), 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] });
     }, j = () => {
       v.nav.triggerEventListener("changeEnterpriseHandle");
-    }, R = () => {
+    }, A = () => {
       v.nav.triggerEventListener("fullScreenHandle");
+    }, x = () => {
+      v.nav.triggerEventListener("openAI");
     };
-    return we(() => {
+    return be(() => {
       v.nav.triggerEventListener("onBeforeMount", null, { autoRemove: !0 });
-    }), be(() => {
+    }), Le(() => {
       v.nav.triggerEventListener("onMounted", null, { autoRemove: !0 });
     }), _e(() => {
       v.nav.triggerEventListener("onUnmounted", null, { autoRemove: !0 });
-    }), (c, p) => (g(), I("das-ce-nav", {
+    }), (u, p) => (g(), C("das-ce-nav", {
       theme: n.value,
       modelValue: d.value,
       logoUrl: l.value,
@@ -611,31 +699,32 @@ const h = K({
       searchConfig: S.value,
       projectTreeConfig: P.value,
       userInfoConfig: T.value,
-      "on:userCommandHandle": L,
+      "on:userCommandHandle": I,
       "on:changeInnerPage": s,
       "on:handleTabClick": a,
       "on:handleTabDelete": o,
       "on:changeTreeHandle": m,
-      "on:searchToPage": Q,
+      "on:searchToPage": q,
       "on:clearSearchList": B,
-      "on:deleteSearchItem": b,
+      "on:deleteSearchItem": _,
       "on:changeEnterpriseHandle": j,
-      "on:fullScreen": R
-    }, null, 40, qe));
+      "on:fullScreen": A,
+      "on:openAI": x
+    }, null, 40, Ge));
   }
-}), Ge = ["theme", "modelValue", "data", "collapse", "fixedTopMenu", "subMenuAttrs"], rt = /* @__PURE__ */ z({
+}), Je = ["theme", "modelValue", "data", "collapse", "fixedTopMenu", "subMenuAttrs"], rt = /* @__PURE__ */ Q({
   __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((L) => a === L.id);
+    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);
     }, S = (s) => {
       v.menu.setCollapse(s.detail[0]), v.menu.triggerEventListener("toggleCollapse", s.detail[0]);
     };
-    return (s, a) => r.value.length > 0 ? (g(), I("das-ce-menu", ne({
+    return (s, a) => r.value.length > 0 ? (g(), C("das-ce-menu", ae({
       key: 0,
       theme: l.value,
       modelValue: y.value,
@@ -646,23 +735,23 @@ const h = K({
     }, d.value, {
       onChange: T,
       "on:toggleCollapse": S
-    }), null, 16, Ge)) : C("", !0);
+    }), null, 16, Je)) : L("v-if", !0);
   }
-}), Je = ["theme", "modelValue", "options"], ot = /* @__PURE__ */ z({
+}), Xe = ["theme", "modelValue", "options"], ot = /* @__PURE__ */ Q({
   __name: "das-web-tabs",
   props: {
     tabsAttr: {}
   },
   setup(e) {
-    const { tab: t } = H, n = e, l = u(() => n.tabsAttr || {}), d = u(() => t.theme), r = u(() => t.items.map((s) => ({
+    const { tab: t } = F, n = e, l = c(() => n.tabsAttr || {}), d = c(() => t.theme), r = c(() => t.items.map((s) => ({
       ...s,
       key: s.value,
       tab: s.label
-    }))), f = u(() => t.activeItem || ""), y = async (s) => {
-      const a = s.detail[0], o = r.value.find((L) => a === L.value);
+    }))), 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);
     }, i = async (s) => {
-      const a = s.detail[0], o = r.value.find((L) => a === L.value);
+      const a = s.detail[0], o = r.value.find((I) => a === I.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] });
@@ -671,7 +760,7 @@ const h = K({
     }, S = () => {
       v.tab.triggerEventListener("onToggleFullScreen");
     };
-    return (s, a) => r.value.length > 0 ? (g(), I("das-ce-tabs", ne({
+    return (s, a) => r.value.length > 0 ? (g(), C("das-ce-tabs", ae({
       key: 0,
       theme: d.value,
       modelValue: f.value,
@@ -682,15 +771,15 @@ const h = K({
       "on:menuClick": P,
       "on:pageRefresh": T,
       "on:toggleFullScreen": S
-    }), null, 16, Je)) : C("", !0);
+    }), null, 16, Xe)) : L("v-if", !0);
   }
 });
-O("@das-fed/web");
+U("@das-fed/web");
 export {
   st as DasWebLayout,
   rt as DasWebMenu,
   at as DasWebNav,
   ot as DasWebTabs,
   v as layout,
-  H as layoutData
+  F as layoutData
 };