@das-fed/web 7.0.5-beta.8 → 7.0.5-beta.8.2

package/packages/layout/index.js

@@ -1,785 +1,2 @@
-import '@das-fed/web/packages/layout/style.css';
-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 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 = z({
-  visible: !1,
-  theme: "default",
-  logo: "",
-  items: [],
-  projects: [],
-  userInfo: {},
-  config: {},
-  searchConfig: {},
-  // activeItem: '',
-  // activeProject: {},
-  eventListeners: {}
-}), ve = {
-  show: () => {
-    h.visible = !0;
-  },
-  hide: () => {
-    h.visible = !1;
-  },
-  setLogo: (e) => {
-    h.logo = e;
-  },
-  setTheme: (e) => {
-    h.theme = e;
-  },
-  setItems: (e) => {
-    h.visible || (h.visible = !0), h.items = e;
-  },
-  getItems: () => h.items,
-  removeItem: (e) => {
-    const t = h.items.filter((n) => n.value !== e);
-    h.items = t;
-  },
-  appendItem: (e) => {
-    h.visible || (h.visible = !0), !h.items.find((n) => n.value == e.value) && h.items.push(e);
-  },
-  setActiveItem: (e) => {
-    h.activeItem = e;
-  },
-  setConfig: (e) => {
-    h.config = e;
-  },
-  setProjects: (e) => {
-    h.projects = e;
-  },
-  setProjectConfig: (e) => {
-    h.projectConfig = e;
-  },
-  setActiveProject: (e) => {
-    h.activeProject = e;
-  },
-  setUserInfo: (e) => {
-    h.userInfo = e;
-  },
-  setSearchConfig: (e) => {
-    h.searchConfig = e;
-  },
-  triggerEventListener: (e, t, n) => {
-    var f;
-    const l = h.eventListeners, { autoRemove: d = !1 } = n || {}, r = [];
-    for (const y in l) {
-      const i = l[y];
-      i.type === e && r.push(
-        (f = i == null ? void 0 : i.handler) == null ? void 0 : f.call(i, t).then(() => {
-          d && i.remove();
-        })
-      );
-    }
-    return Promise.all(r).then(() => !0).catch(() => !1);
-  },
-  addEventListener: (e, t) => {
-    const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), l = () => {
-      h.eventListeners[n] && delete h.eventListeners[n];
-    };
-    return h.eventListeners[n] = {
-      type: e,
-      handler: async (d) => {
-        try {
-          await t(d);
-        } catch (r) {
-          throw r;
-        }
-      },
-      remove: l
-    }, {
-      remove: l
-    };
-  }
-}, R = z({
-  theme: "default",
-  items: [],
-  collapse: !1,
-  eventListeners: {}
-}), de = {
-  setItems: (e) => {
-    R.items = e;
-  },
-  getItems: () => R.items,
-  setTheme: (e) => {
-    R.theme = e;
-  },
-  setActiveItem: (e) => {
-    R.activeItem = e;
-  },
-  setCollapse: (e) => {
-    R.collapse = e;
-  },
-  setPopupClassName: (e) => {
-    R.popupClassName = e;
-  },
-  triggerEventListener: (e, t, n) => {
-    var f;
-    const l = R.eventListeners, { autoRemove: d = !1 } = n || {}, r = [];
-    for (const y in l) {
-      const i = l[y];
-      i.type === e && r.push(
-        (f = i == null ? void 0 : i.handler) == null ? void 0 : f.call(i, t).then(() => {
-          d && i.remove();
-        })
-      );
-    }
-    return Promise.all(r).then(() => !0).catch(() => !1);
-  },
-  addEventListener: (e, t) => {
-    const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), l = () => {
-      R.eventListeners[n] && delete R.eventListeners[n];
-    };
-    return R.eventListeners[n] = {
-      type: e,
-      handler: async (d) => {
-        try {
-          await t(d);
-        } catch (r) {
-          throw r;
-        }
-      },
-      remove: l
-    }, {
-      remove: l
-    };
-  }
-}, k = z({
-  theme: "default",
-  items: [],
-  eventListeners: {}
-}), me = {
-  setItems: (e) => {
-    k.items = e;
-  },
-  getItems: () => k.items,
-  setTheme: (e) => {
-    k.theme = e;
-  },
-  removeItem: (e) => {
-    const t = k.items.filter((n) => n.value !== e);
-    k.items = t;
-  },
-  appendItem: (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) => {
-    k.activeItem = e;
-  },
-  triggerEventListener: (e, t, n) => {
-    var f;
-    const l = k.eventListeners, { autoRemove: d = !1 } = n || {}, r = [];
-    for (const y in l) {
-      const i = l[y];
-      i.type === e && r.push(
-        (f = i == null ? void 0 : i.handler) == null ? void 0 : f.call(i, t).then(() => {
-          d && i.remove();
-        })
-      );
-    }
-    return Promise.all(r).then(() => !0).catch(() => !1);
-  },
-  addEventListener: (e, t) => {
-    const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), l = () => {
-      k.eventListeners[n] && delete k.eventListeners[n];
-    };
-    return k.eventListeners[n] = {
-      type: e,
-      handler: async (d) => {
-        try {
-          await t(d);
-        } catch (r) {
-          throw r;
-        }
-      },
-      remove: l
-    }, {
-      remove: l
-    };
-  }
-}, K = z({
-  eventListeners: {}
-}), 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];
-      i.type === e && r.push(
-        (f = i == null ? void 0 : i.handler) == null ? void 0 : f.call(i, t).then(() => {
-          d && i.remove();
-        })
-      );
-    }
-    return Promise.all(r).then(() => !0).catch(() => !1);
-  },
-  addEventListener: (e, t) => {
-    const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), l = () => {
-      K.eventListeners[n] && delete K.eventListeners[n];
-    };
-    return K.eventListeners[n] = {
-      type: e,
-      handler: async (d) => {
-        try {
-          await t(d);
-        } catch (r) {
-          throw r;
-        }
-      },
-      remove: l
-    }, {
-      remove: l
-    };
-  }
-}, se = z({
-  visible: !1,
-  style: {}
-}), Ve = {
-  set: (e, t) => {
-    se.visible = e, t || (t = {}), t.transition || (t.transition = "all 0.3s"), t && (se.style = t);
-  }
-}, F = {
-  nav: h,
-  menu: R,
-  tab: k,
-  overlay: se,
-  iframeView: K,
-  visible: U(!0)
-}, v = {
-  nav: ve,
-  menu: de,
-  tab: me,
-  overlay: Ve,
-  iframeView: Re,
-  setVisible: (e) => F.visible.value = e,
-  setTheme: (e) => {
-    ve.setTheme(e), de.setTheme(e), me.setTheme(e);
-  }
-}, Pe = ["name"], Se = ["name"], De = /* @__PURE__ */ Q({
-  __name: "das-iframe-router-view",
-  props: {
-    needTransition: { type: Boolean },
-    transitionConfig: {},
-    exclude: { default: () => [] }
-  },
-  setup(e) {
-    const t = e, n = c(() => {
-      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) => {
-      var a;
-      return (a = s.meta) == null ? void 0 : a.isOpen;
-    })), y = (s) => {
-      const a = s.lastIndexOf("-");
-      let o = a !== -1 ? s.substring(a + 1) : "";
-      o === "0" ? o = "1" : o = "0", f.value.forEach((m) => {
-        m.meta.key === s && (m.meta.key = `${m.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);
-      },
-      { deep: !0 }
-    );
-    const i = async (s) => {
-      const a = s.component;
-      let o = null;
-      return typeof a == "function" ? o = (await a()).default : o = a, o;
-    }, P = async () => {
-      var a;
-      const s = l.options.routes;
-      for (const o of s)
-        if ((a = o == null ? void 0 : o.meta) != null && a.isIframe && !r.value.find((m) => m.path === o.path)) {
-          const m = await i(o);
-          r.value.push({
-            ...o,
-            meta: { ...o.meta, key: `${o.path}-0`, componentInstance: m, isOpen: !1, isShow: !1 }
-          });
-        }
-      T();
-    }, T = async () => {
-      var o, m;
-      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 }));
-    };
-    let S = 0;
-    return te(
-      () => l.currentRoute.value,
-      () => {
-        const s = l.options.routes.length;
-        s !== S ? (P(), S = s) : T();
-      },
-      { immediate: !0 }
-    ), v.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) => {
-      r.value.forEach((a) => {
-        a.path === s && (a.meta.isOpen = !1);
-      });
-    }), (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(O(m.componentInstance), {
-              key: m.key
-            }))
-          ], 8, Se)), [
-            [M, m.componentInstance && o === b(d).path]
-          ])),
-          128
-          /* KEYED_FRAGMENT */
-        ))
-      ],
-      64
-      /* STABLE_FRAGMENT */
-    ));
-  }
-}), he = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [l, d] of t)
-    n[l] = d;
-  return n;
-}, Me = /* @__PURE__ */ he(De, [["__scopeId", "data-v-6dd310c9"]]), je = { class: "das-web-app-container" }, xe = {
-  key: 0,
-  class: "das-web-app-header"
-}, $e = { class: "das-web-app-main" }, He = {
-  key: 0,
-  class: "aside"
-}, Be = { class: "das-web-app-main-container" }, Fe = {
-  key: 0,
-  class: "tab"
-}, 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%" }
-}, Ke = {
-  key: 1,
-  style: { width: "100%", height: "100%" }
-}, ze = { style: { width: "100%", height: "100%" } }, Qe = {
-  class: "micro-app",
-  style: { height: "100%", width: "100%" }
-}, qe = /* @__PURE__ */ Q({
-  __name: "das-web-layout",
-  props: {
-    needTransition: { type: Boolean, default: !0 },
-    transitionConfig: {},
-    showLayout: { type: Boolean, default: !0 },
-    showAside: { type: Boolean, default: !0 },
-    showTabs: { type: Boolean, default: !0 },
-    routerViewVisible: { type: Boolean, default: !0 },
-    excludeRoutes: {},
-    routeKeepAliveVisible: { type: Boolean, default: !0 },
-    pageKey: { default: "0" }
-  },
-  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(() => ({
-      "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);
-    te(
-      () => [n.meta, n.query],
-      ([_, 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(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 = c(() => ({
-      mode: "out-in",
-      "enter-active-class": "animate__animated animate__fadeInLeft",
-      ...t.transitionConfig || {}
-    }));
-    let I = /* @__PURE__ */ new Map();
-    const q = (_, j) => {
-      let A;
-      return I.has(j) ? A = I.get(j) : (A = {
-        name: j,
-        render() {
-          return ee("div", { style: { width: "100%", height: "100%" } }, [ee(_)]);
-        }
-      }, 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(), C(
-          "div",
-          xe,
-          [
-            N(_.$slots, "header", {}, void 0, !0)
-          ],
-          512
-          /* NEED_PATCH */
-        )), [
-          [M, B.value]
-        ]) : 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]
-          ]) : 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]
-            ]) : L("v-if", !0),
-            H("div", Ne, [
-              D(H(
-                "div",
-                Oe,
-                [
-                  N(_.$slots, "banner", {}, void 0, !0)
-                ],
-                512
-                /* NEED_PATCH */
-              ), [
-                [M, B.value]
-              ]),
-              H("div", Ue, [
-                D((g(), C("div", {
-                  key: _.pageKey,
-                  style: { width: "100%", height: "100%" }
-                }, [
-                  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
-                      /* 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 && !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
-                          }))
-                        ])) : L("v-if", !0)
-                      ]),
-                      _: 1
-                      /* STABLE */
-                    })),
-                    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(H(
-                  "div",
-                  Qe,
-                  [
-                    N(_.$slots, "default", {}, void 0, !0)
-                  ],
-                  512
-                  /* NEED_PATCH */
-                ), [
-                  [M, !P.value]
-                ])
-              ])
-            ])
-          ])
-        ])
-      ]);
-    };
-  }
-}), 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 } = 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 {
-        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 = c(() => {
-      const u = r.value.find((p) => p.value === t.activeItem);
-      return {
-        activeInnerPagePath: (u == null ? void 0 : u.path) || "",
-        innerPages: r.value.map((p) => ({ title: p.label, ...p }))
-      };
-    }), P = c(() => ({
-      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] });
-    }, j = () => {
-      v.nav.triggerEventListener("changeEnterpriseHandle");
-    }, A = () => {
-      v.nav.triggerEventListener("fullScreenHandle");
-    }, x = () => {
-      v.nav.triggerEventListener("openAI");
-    };
-    return be(() => {
-      v.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", {
-      theme: n.value,
-      modelValue: d.value,
-      logoUrl: l.value,
-      config: y.value,
-      innerPagesConfig: i.value,
-      searchConfig: S.value,
-      projectTreeConfig: P.value,
-      userInfoConfig: T.value,
-      "on:userCommandHandle": I,
-      "on:changeInnerPage": s,
-      "on:handleTabClick": a,
-      "on:handleTabDelete": o,
-      "on:changeTreeHandle": m,
-      "on:searchToPage": q,
-      "on:clearSearchList": B,
-      "on:deleteSearchItem": _,
-      "on:changeEnterpriseHandle": j,
-      "on:fullScreen": A,
-      "on:openAI": x
-    }, null, 40, Ge));
-  }
-}), Je = ["theme", "modelValue", "data", "collapse", "fixedTopMenu", "subMenuAttrs"], rt = /* @__PURE__ */ Q({
-  __name: "das-web-menu",
-  props: {
-    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);
-    }, S = (s) => {
-      v.menu.setCollapse(s.detail[0]), v.menu.triggerEventListener("toggleCollapse", s.detail[0]);
-    };
-    return (s, a) => r.value.length > 0 ? (g(), C("das-ce-menu", ae({
-      key: 0,
-      theme: l.value,
-      modelValue: y.value,
-      data: r.value,
-      collapse: i.value,
-      fixedTopMenu: f.value,
-      subMenuAttrs: P.value
-    }, d.value, {
-      onChange: T,
-      "on:toggleCollapse": S
-    }), null, 16, Je)) : L("v-if", !0);
-  }
-}), Xe = ["theme", "modelValue", "options"], ot = /* @__PURE__ */ Q({
-  __name: "das-web-tabs",
-  props: {
-    tabsAttr: {}
-  },
-  setup(e) {
-    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 = 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((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] });
-    }, T = async (s) => {
-      await v.tab.triggerEventListener("onPageRefresh", s.detail[0]);
-    }, S = () => {
-      v.tab.triggerEventListener("onToggleFullScreen");
-    };
-    return (s, a) => r.value.length > 0 ? (g(), C("das-ce-tabs", ae({
-      key: 0,
-      theme: d.value,
-      modelValue: f.value,
-      options: r.value
-    }, l.value, {
-      "on:tabClick": y,
-      "on:tabDelete": i,
-      "on:menuClick": P,
-      "on:pageRefresh": T,
-      "on:toggleFullScreen": S
-    }), null, 16, Xe)) : L("v-if", !0);
-  }
-});
-U("@das-fed/web");
-export {
-  st as DasWebLayout,
-  rt as DasWebMenu,
-  at as DasWebNav,
-  ot as DasWebTabs,
-  v as layout,
-  F as layoutData
-};
+import '@das-fed/web/packages/layout/style.css'
+export * from './runtime.js'