@das-fed/web 7.0.5-test.20 → 7.0.5-test.22

package/packages/layout/index.js

@@ -1,772 +1,2 @@
-import '@das-fed/web/packages/layout/style.css';
-import { reactive as W, ref as $, defineComponent as K, computed as c, watch as J, createElementBlock as I, openBlock as g, Fragment as G, createBlock as P, createCommentVNode as T, TransitionGroup as pe, normalizeProps as fe, mergeProps as X, withCtx as ee, renderList as oe, withDirectives as D, resolveDynamicComponent as O, vShow as M, unref as L, nextTick as ie, resolveComponent as ye, createElementVNode as x, normalizeStyle as we, normalizeClass as be, renderSlot as N, createVNode as le, Transition as Le, KeepAlive as ue, h as ce, onBeforeMount as Ie, onMounted as _e, onUnmounted as Ce } from "vue";
-import { useRouter as ke, useRoute as he } from "vue-router";
-import { setHtmlMinWH as Te } from "@das-fed/utils/common-tools/setHtmlMinWH";
-import { createCeNav as Ae, createCeTabs as Ee, createCeMenu as Ve } from "@das-fed/web-components/das-web-app";
-import { flatTree as Re } from "@das-fed/utils/common-tools/nest-tree-format";
-const p = W({
-  visible: !1,
-  theme: "default",
-  logo: "",
-  items: [],
-  projects: [],
-  userInfo: {},
-  config: {},
-  searchConfig: {},
-  // activeItem: '',
-  // activeProject: {},
-  eventListeners: {}
-}), ve = {
-  show: () => {
-    p.visible = !0;
-  },
-  hide: () => {
-    p.visible = !1;
-  },
-  setLogo: (e) => {
-    p.logo = e;
-  },
-  setTheme: (e) => {
-    p.theme = e;
-  },
-  setItems: (e) => {
-    p.visible || (p.visible = !0), p.items = e;
-  },
-  getItems: () => p.items,
-  removeItem: (e) => {
-    const t = p.items.filter((s) => s.value !== e);
-    p.items = t;
-  },
-  appendItem: (e) => {
-    p.visible || (p.visible = !0), !p.items.find((s) => s.value == e.value) && p.items.push(e);
-  },
-  setActiveItem: (e) => {
-    p.activeItem = e;
-  },
-  setConfig: (e) => {
-    p.config = e;
-  },
-  setProjects: (e) => {
-    p.projects = e;
-  },
-  setProjectConfig: (e) => {
-    p.projectConfig = e;
-  },
-  setActiveProject: (e) => {
-    p.activeProject = e;
-  },
-  setUserInfo: (e) => {
-    p.userInfo = e;
-  },
-  setSearchConfig: (e) => {
-    p.searchConfig = e;
-  },
-  triggerEventListener: (e, t, s) => {
-    var m;
-    const l = p.eventListeners, { autoRemove: d = !1 } = s || {}, r = [];
-    for (const b in l) {
-      const o = l[b];
-      o.type === e && r.push(
-        (m = o == null ? void 0 : o.handler) == null ? void 0 : m.call(o, t).then(() => {
-          d && o.remove();
-        })
-      );
-    }
-    return Promise.all(r).then(() => !0).catch(() => !1);
-  },
-  addEventListener: (e, t) => {
-    const s = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), l = () => {
-      p.eventListeners[s] && delete p.eventListeners[s];
-    };
-    return p.eventListeners[s] = {
-      type: e,
-      handler: async (d) => {
-        try {
-          await t(d);
-        } catch (r) {
-          throw r;
-        }
-      },
-      remove: l
-    }, {
-      remove: l
-    };
-  }
-}, V = W({
-  theme: "default",
-  items: [],
-  collapse: !1,
-  eventListeners: {}
-}), de = {
-  setItems: (e) => {
-    V.items = e;
-  },
-  getItems: () => V.items,
-  setTheme: (e) => {
-    V.theme = e;
-  },
-  setActiveItem: (e) => {
-    V.activeItem = e;
-  },
-  setCollapse: (e) => {
-    V.collapse = e;
-  },
-  setPopupClassName: (e) => {
-    V.popupClassName = e;
-  },
-  triggerEventListener: (e, t, s) => {
-    var m;
-    const l = V.eventListeners, { autoRemove: d = !1 } = s || {}, r = [];
-    for (const b in l) {
-      const o = l[b];
-      o.type === e && r.push(
-        (m = o == null ? void 0 : o.handler) == null ? void 0 : m.call(o, t).then(() => {
-          d && o.remove();
-        })
-      );
-    }
-    return Promise.all(r).then(() => !0).catch(() => !1);
-  },
-  addEventListener: (e, t) => {
-    const s = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), l = () => {
-      V.eventListeners[s] && delete V.eventListeners[s];
-    };
-    return V.eventListeners[s] = {
-      type: e,
-      handler: async (d) => {
-        try {
-          await t(d);
-        } catch (r) {
-          throw r;
-        }
-      },
-      remove: l
-    }, {
-      remove: l
-    };
-  }
-}, C = W({
-  theme: "default",
-  items: [],
-  eventListeners: {}
-}), me = {
-  setItems: (e) => {
-    C.items = e;
-  },
-  getItems: () => C.items,
-  setTheme: (e) => {
-    C.theme = e;
-  },
-  removeItem: (e) => {
-    const t = C.items.filter((s) => s.value !== e);
-    C.items = t;
-  },
-  appendItem: (e) => {
-    const t = C.items.findIndex((s) => s.value == e.value);
-    t !== -1 ? C.items.splice(t, 1, e) : C.items.push(e);
-  },
-  setActiveItem: (e) => {
-    C.activeItem = e;
-  },
-  triggerEventListener: (e, t, s) => {
-    var m;
-    const l = C.eventListeners, { autoRemove: d = !1 } = s || {}, r = [];
-    for (const b in l) {
-      const o = l[b];
-      o.type === e && r.push(
-        (m = o == null ? void 0 : o.handler) == null ? void 0 : m.call(o, t).then(() => {
-          d && o.remove();
-        })
-      );
-    }
-    return Promise.all(r).then(() => !0).catch(() => !1);
-  },
-  addEventListener: (e, t) => {
-    const s = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), l = () => {
-      C.eventListeners[s] && delete C.eventListeners[s];
-    };
-    return C.eventListeners[s] = {
-      type: e,
-      handler: async (d) => {
-        try {
-          await t(d);
-        } catch (r) {
-          throw r;
-        }
-      },
-      remove: l
-    }, {
-      remove: l
-    };
-  }
-}, U = W({
-  eventListeners: {}
-}), Pe = {
-  triggerEventListener: (e, t, s) => {
-    var m;
-    const l = U.eventListeners, { autoRemove: d = !1 } = s || {}, r = [];
-    for (const b in l) {
-      const o = l[b];
-      o.type === e && r.push(
-        (m = o == null ? void 0 : o.handler) == null ? void 0 : m.call(o, t).then(() => {
-          d && o.remove();
-        })
-      );
-    }
-    return Promise.all(r).then(() => !0).catch(() => !1);
-  },
-  addEventListener: (e, t) => {
-    const s = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), l = () => {
-      U.eventListeners[s] && delete U.eventListeners[s];
-    };
-    return U.eventListeners[s] = {
-      type: e,
-      handler: async (d) => {
-        try {
-          await t(d);
-        } catch (r) {
-          throw r;
-        }
-      },
-      remove: l
-    }, {
-      remove: l
-    };
-  }
-}, te = W({
-  visible: !1,
-  style: {}
-}), Se = {
-  set: (e, t) => {
-    te.visible = e, t || (t = {}), t.transition || (t.transition = "all 0.3s"), t && (te.style = t);
-  }
-}, B = {
-  nav: p,
-  menu: V,
-  tab: C,
-  overlay: te,
-  iframeView: U,
-  visible: $(!0)
-}, v = {
-  nav: ve,
-  menu: de,
-  tab: me,
-  overlay: Se,
-  iframeView: Pe,
-  setVisible: (e) => B.visible.value = e,
-  setTheme: (e) => {
-    ve.setTheme(e), de.setTheme(e), me.setTheme(e);
-  }
-}, De = ["name"], Me = ["name"], je = /* @__PURE__ */ K({
-  __name: "das-iframe-router-view",
-  props: {
-    needTransition: { type: Boolean },
-    transitionConfig: {},
-    exclude: { default: () => [] }
-  },
-  setup(e) {
-    const t = e, s = c(() => {
-      const { mode: n = "", ...a } = {
-        mode: "out-in",
-        "enter-active-class": "animate__animated animate__fadeInLeft",
-        ...t.transitionConfig || {}
-      };
-      return a;
-    }), l = ke(), d = he(), r = $([]), m = c(() => r.value.filter((n) => {
-      var a;
-      return (a = n.meta) == null ? void 0 : a.isOpen;
-    })), b = (n) => {
-      const a = n.lastIndexOf("-");
-      let i = a !== -1 ? n.substring(a + 1) : "";
-      i === "0" ? i = "1" : i = "0", m.value.forEach((f) => {
-        f.meta.key === n && (f.meta.key = `${f.path}-${i}`);
-      });
-    };
-    J(
-      () => t.exclude,
-      (n) => {
-        if (!n || !n.length) return;
-        const a = m.value.find((i) => n.includes(i.path));
-        a && b(a.meta.key);
-      },
-      { deep: !0 }
-    );
-    const o = async (n) => {
-      const a = n.component;
-      let i = null;
-      return typeof a == "function" ? i = (await a()).default : i = a, i;
-    }, R = async () => {
-      var a;
-      const n = l.options.routes;
-      for (const i of n)
-        if ((a = i == null ? void 0 : i.meta) != null && a.isIframe && !r.value.find((f) => f.path === i.path)) {
-          const f = await o(i);
-          r.value.push({
-            ...i,
-            meta: { ...i.meta, key: `${i.path}-0`, componentInstance: f, isOpen: !1, isShow: !1 }
-          });
-        }
-      k();
-    }, k = async () => {
-      var i, f;
-      if (!r.value || !r.value.length) return;
-      const n = r.value.find((_) => _.meta.isShow);
-      n && (n.meta.isShow = !1, await ie(), v.iframeView.triggerEventListener("onDeactivated", { route: n }));
-      const a = r.value.find((_) => _.path === d.path);
-      a && ((i = a.meta) != null && i.isOpen || (a.meta.isOpen = !0), (f = a.meta) != null && f.isShow || (a.meta.isShow = !0), await ie(), v.iframeView.triggerEventListener("onActivated", { route: a }));
-    };
-    let A = 0;
-    return J(
-      () => l.currentRoute.value,
-      () => {
-        const n = l.options.routes.length;
-        n !== A ? (R(), A = n) : k();
-      },
-      { immediate: !0 }
-    ), v.iframeView.addEventListener("onRefreshCurrentPage", () => {
-      m.value.forEach((n) => {
-        var a;
-        (a = n.meta) != null && a.isShow && (n.meta.key.includes("0") ? n.meta.key = n.meta.key.replaceAll("0", "1") : n.meta.key = n.meta.key.replaceAll("1", "0"));
-      });
-    }), v.iframeView.addEventListener("onUnloadPage", (n) => {
-      r.value.forEach((a) => {
-        a.path === n && (a.meta.isOpen = !1);
-      });
-    }), (n, a) => (g(), I(
-      G,
-      null,
-      [
-        n.needTransition ? (g(), P(
-          pe,
-          fe(X({ key: 0 }, s.value)),
-          {
-            default: ee(() => [
-              (g(!0), I(
-                G,
-                null,
-                oe(m.value, ({ path: i, meta: f }) => D((g(), I("div", {
-                  class: "das-iframe-router-view",
-                  key: f.key,
-                  name: i
-                }, [
-                  (g(), P(O(f.componentInstance), {
-                    key: f.key
-                  }))
-                ], 8, De)), [
-                  [M, f.componentInstance && i === L(d).path]
-                ])),
-                128
-                /* KEYED_FRAGMENT */
-              ))
-            ]),
-            _: 1
-            /* STABLE */
-          },
-          16
-          /* FULL_PROPS */
-        )) : T("v-if", !0),
-        n.needTransition ? T("v-if", !0) : (g(!0), I(
-          G,
-          { key: 1 },
-          oe(m.value, ({ path: i, meta: f }) => D((g(), I("div", {
-            class: "das-iframe-router-view",
-            key: f.key,
-            name: i
-          }, [
-            (g(), P(O(f.componentInstance), {
-              key: f.key
-            }))
-          ], 8, Me)), [
-            [M, f.componentInstance && i === L(d).path]
-          ])),
-          128
-          /* KEYED_FRAGMENT */
-        ))
-      ],
-      64
-      /* STABLE_FRAGMENT */
-    ));
-  }
-}), ge = (e, t) => {
-  const s = e.__vccOpts || e;
-  for (const [l, d] of t)
-    s[l] = d;
-  return s;
-}, xe = /* @__PURE__ */ ge(je, [["__scopeId", "data-v-6dd310c9"]]), $e = { class: "das-web-app-container" }, Be = {
-  key: 0,
-  class: "das-web-app-header"
-}, He = { class: "das-web-app-main" }, Fe = {
-  key: 0,
-  class: "aside"
-}, Ne = { class: "das-web-app-main-container" }, Oe = {
-  key: 0,
-  class: "tab"
-}, Ue = { class: "das-web-app-main-content" }, We = { class: "banner" }, Ke = {
-  key: 0,
-  class: "das-web-app-main-router-view"
-}, Qe = { style: { width: "100%", height: "100%" } }, ze = {
-  class: "micro-app",
-  style: { height: "100%", width: "100%" }
-}, qe = /* @__PURE__ */ K({
-  __name: "das-web-layout",
-  props: {
-    loading: { type: Boolean, default: !0 },
-    ignoreLoading: { type: Boolean, default: !0 },
-    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;
-    Ae(), Ee(), Ve();
-    const s = he(), l = $(!0), d = $(!0), r = $(!0), m = c(() => l.value && t.showLayout), b = c(() => d.value && t.showLayout && t.showAside), o = c(() => l.value && t.showLayout && t.showTabs), R = c(() => t.routerViewVisible ?? !0), k = c(() => B.overlay.visible ?? !1), A = $(!0), n = c(() => A.value && B.visible.value), a = c(() => !m.value || t.ignoreLoading || !t.loading), i = c(() => ({
-      "das-web-app-overlay-show": k.value === !0,
-      "das-web-app-overlay-hide": k.value === !1,
-      "das-web-app-overlay-destroy": k.value === "destroy"
-    })), f = c(() => B.overlay.style ?? { backgroundColor: "rgba(0,0,0,0.5)" }), _ = c(() => t.excludeRoutes), Q = c(() => t.routeKeepAliveVisible);
-    J(
-      () => [s.meta, s.query],
-      ([w, S]) => {
-        const { layout: u = {}, showLayout: h = !0, showAside: y = !0, showTabs: j = !0 } = w, {
-          showLayout: E = !0,
-          showAside: F = !0,
-          showTabs: ne = !0,
-          layoutVisible: se = !0
-        } = S;
-        Te(u);
-        let ae = !0, Y = !0, Z = !0;
-        (h === !1 || E === !1 || E === "false") && (ae = !1, Y = !1, Z = !1), (y === !1 || F === !1 || F === "false") && (Y = !1), (j === !1 || ne === !1 || ne === "false") && (Z = !1), l.value = ae, d.value = Y, r.value = Z;
-        let re = !0;
-        (se === !1 || se === "false") && (re = !1), A.value = re;
-      }
-    );
-    const z = c(() => ({
-      mode: "out-in",
-      "enter-active-class": "animate__animated animate__fadeInLeft",
-      ...t.transitionConfig || {}
-    }));
-    let H = /* @__PURE__ */ new Map();
-    const q = (w, S) => {
-      if (!w) return null;
-      let u;
-      return H.has(S) ? u = H.get(S) : (u = {
-        name: S,
-        // 给组件一个合法且唯一的 name
-        render() {
-          return ce("div", { style: { width: "100%", height: "100%" } }, [ce(w)]);
-        }
-      }, H.set(S, u)), u;
-    };
-    return J(
-      () => t.routeKeepAliveVisible,
-      (w) => {
-        w || H.clear();
-      }
-    ), (w, S) => {
-      const u = ye("router-view");
-      return g(), I("div", $e, [
-        D(x(
-          "div",
-          {
-            class: be(["das-web-app-overlay", i.value]),
-            style: we(f.value)
-          },
-          null,
-          6
-          /* CLASS, STYLE */
-        ), [
-          [M, n.value]
-        ]),
-        m.value ? D((g(), I(
-          "div",
-          Be,
-          [
-            N(w.$slots, "header", {}, void 0, !0)
-          ],
-          512
-          /* NEED_PATCH */
-        )), [
-          [M, n.value]
-        ]) : T("v-if", !0),
-        x("div", He, [
-          b.value ? D((g(), I(
-            "div",
-            Fe,
-            [
-              N(w.$slots, "aside", {}, void 0, !0)
-            ],
-            512
-            /* NEED_PATCH */
-          )), [
-            [M, n.value]
-          ]) : T("v-if", !0),
-          x("div", Ne, [
-            o.value ? D((g(), I(
-              "div",
-              Oe,
-              [
-                N(w.$slots, "tab", {}, void 0, !0)
-              ],
-              512
-              /* NEED_PATCH */
-            )), [
-              [M, n.value]
-            ]) : T("v-if", !0),
-            x("div", Ue, [
-              x("div", We, [
-                N(w.$slots, "banner", {}, void 0, !0)
-              ]),
-              a.value ? (g(), I("div", Ke, [
-                D((g(), I("div", {
-                  key: w.pageKey,
-                  style: { width: "100%", height: "100%" }
-                }, [
-                  N(w.$slots, "router-view", {}, () => [
-                    le(u, null, {
-                      default: ee(({ Component: h }) => [
-                        w.needTransition ? (g(), P(
-                          Le,
-                          fe(X({ key: 0 }, z.value)),
-                          {
-                            default: ee(() => {
-                              var y;
-                              return [
-                                L(s).meta.keepAlive ? (g(), P(ue, {
-                                  key: 0,
-                                  exclude: _.value
-                                }, [
-                                  Q.value && !((y = L(s).meta) != null && y.isIframe) ? (g(), P(O(q(h, L(s).path)), {
-                                    key: L(s).fullPath
-                                  })) : T("v-if", !0)
-                                ], 1032, ["exclude"])) : !L(s).meta.keepAlive && !L(s).meta.isIframe ? (g(), I("div", {
-                                  style: { width: "100%", height: "100%" },
-                                  key: L(s).fullPath
-                                }, [
-                                  (g(), P(O(h)))
-                                ])) : T("v-if", !0)
-                              ];
-                            }),
-                            _: 2
-                            /* DYNAMIC */
-                          },
-                          1040
-                          /* FULL_PROPS, DYNAMIC_SLOTS */
-                        )) : (g(), I(
-                          G,
-                          { key: 1 },
-                          [
-                            L(s).meta.keepAlive ? (g(), P(ue, {
-                              key: 0,
-                              exclude: _.value
-                            }, [
-                              Q.value && !L(s).meta.isIframe ? (g(), P(O(q(h, L(s).path)), {
-                                key: L(s).fullPath
-                              })) : T("v-if", !0)
-                            ], 1032, ["exclude"])) : !L(s).meta.keepAlive && !L(s).meta.isIframe ? (g(), I("div", {
-                              style: { width: "100%", height: "100%" },
-                              key: L(s).fullPath
-                            }, [
-                              (g(), P(O(h)))
-                            ])) : T("v-if", !0)
-                          ],
-                          64
-                          /* STABLE_FRAGMENT */
-                        ))
-                      ]),
-                      _: 1
-                      /* STABLE */
-                    }),
-                    D(x(
-                      "div",
-                      Qe,
-                      [
-                        le(xe, {
-                          exclude: _.value,
-                          transitionConfig: z.value,
-                          needTransition: w.needTransition
-                        }, null, 8, ["exclude", "transitionConfig", "needTransition"])
-                      ],
-                      512
-                      /* NEED_PATCH */
-                    ), [
-                      [M, L(s).meta.isIframe]
-                    ])
-                  ], !0)
-                ])), [
-                  [M, R.value]
-                ]),
-                D(x(
-                  "div",
-                  ze,
-                  [
-                    N(w.$slots, "default", {}, void 0, !0)
-                  ],
-                  512
-                  /* NEED_PATCH */
-                ), [
-                  [M, !R.value]
-                ])
-              ])) : T("v-if", !0)
-            ])
-          ])
-        ])
-      ]);
-    };
-  }
-}), st = /* @__PURE__ */ ge(qe, [["__scopeId", "data-v-0e71d1f6"]]), Ge = ["theme", "modelValue", "logoUrl", "config", "innerPagesConfig", "searchConfig", "projectTreeConfig", "userInfoConfig"], at = /* @__PURE__ */ K({
-  __name: "das-web-nav",
-  setup(e) {
-    const { nav: t } = B, s = c(() => t.theme), l = c(() => t.logo || ""), d = c(() => t.activeItem || ""), r = c(() => (t.items || []).filter((h) => h.fixed)), m = c(() => (t.items || []).filter((h) => !h.fixed)), b = c(() => {
-      var u, h, y, j, E;
-      return {
-        showAIHelper: ((u = t.config) == null ? void 0 : u.showAIHelper) ?? !1,
-        showFullScreen: ((h = t.config) == null ? void 0 : h.showFullScreen) ?? !1,
-        showChangeEnterprise: ((y = t.config) == null ? void 0 : y.showChangeEnterprise) ?? !1,
-        showSearch: ((j = t.config) == null ? void 0 : j.showSearch) ?? !0,
-        showProjectTree: ((E = t.config) == null ? void 0 : E.showProjectTree) ?? !0,
-        subAppList: m.value.map((F) => ({ code: F.value, name: F.label, ...F }))
-      };
-    }), o = c(() => {
-      const u = r.value.find((h) => h.value === t.activeItem);
-      return {
-        activeInnerPagePath: (u == null ? void 0 : u.path) || "",
-        innerPages: r.value.map((h) => ({ title: h.label, ...h }))
-      };
-    }), R = c(() => ({
-      projectStore: {
-        projectTree: t.projects,
-        currentProject: t.activeProject
-      },
-      ...t.projectConfig
-    })), k = c(() => t.userInfo), A = c(() => t.searchConfig), n = async (u) => {
-      const h = u.detail[0], y = r.value.find((E) => h.value === E.value);
-      await v.nav.triggerEventListener("onItemClick", y) && v.nav.setActiveItem(y.value);
-    }, a = async (u) => {
-      const h = u.detail[0], y = m.value.find((E) => h === E.value);
-      await v.nav.triggerEventListener("onItemClick", y) && v.nav.setActiveItem(y.value);
-    }, i = async (u) => {
-      const h = u.detail[0], y = m.value.find((E) => h === E.value);
-      await v.nav.triggerEventListener("onItemRemove", y) && v.nav.removeItem(y.value);
-    }, f = async (u) => {
-      const [h, y] = u.detail;
-      !h || !await v.nav.triggerEventListener("onProjectChange", y) || v.nav.setActiveProject(y);
-    }, _ = (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] });
-    }, z = (u) => {
-      v.nav.triggerEventListener("clearSearchList", { cb: u.detail[0] });
-    }, H = (u) => {
-      v.nav.triggerEventListener("deleteSearchItem", { value: u.detail[0], cb: u.detail[1] });
-    }, q = () => {
-      v.nav.triggerEventListener("changeEnterpriseHandle");
-    }, w = () => {
-      v.nav.triggerEventListener("fullScreenHandle");
-    }, S = () => {
-      v.nav.triggerEventListener("openAI");
-    };
-    return Ie(() => {
-      v.nav.triggerEventListener("onBeforeMount", null, { autoRemove: !0 });
-    }), _e(() => {
-      v.nav.triggerEventListener("onMounted", null, { autoRemove: !0 });
-    }), Ce(() => {
-      v.nav.triggerEventListener("onUnmounted", null, { autoRemove: !0 });
-    }), (u, h) => (g(), I("das-ce-nav", {
-      theme: s.value,
-      modelValue: d.value,
-      logoUrl: l.value,
-      config: b.value,
-      innerPagesConfig: o.value,
-      searchConfig: A.value,
-      projectTreeConfig: R.value,
-      userInfoConfig: k.value,
-      "on:userCommandHandle": _,
-      "on:changeInnerPage": n,
-      "on:handleTabClick": a,
-      "on:handleTabDelete": i,
-      "on:changeTreeHandle": f,
-      "on:searchToPage": Q,
-      "on:clearSearchList": z,
-      "on:deleteSearchItem": H,
-      "on:changeEnterpriseHandle": q,
-      "on:fullScreen": w,
-      "on:openAI": S
-    }, null, 40, Ge));
-  }
-}), Je = ["theme", "modelValue", "data", "collapse", "fixedTopMenu", "subMenuAttrs"], rt = /* @__PURE__ */ K({
-  __name: "das-web-menu",
-  props: {
-    menuAttr: {}
-  },
-  setup(e) {
-    const { menu: t } = B, s = e, l = c(() => t.theme), d = c(() => s.menuAttr || {}), r = c(() => t.items), m = c(() => t.items.find((n) => n.fixed)), b = c(() => t.activeItem || ""), o = c(() => t.collapse || !1), R = c(() => ({ popupClassName: t.popupClassName ?? "" })), k = async (n) => {
-      const a = n.detail[0], i = Re(r.value).find((_) => a === _.id);
-      await v.menu.triggerEventListener("onItemClick", i) && v.menu.setActiveItem(i.id);
-    }, A = (n) => {
-      v.menu.setCollapse(n.detail[0]), v.menu.triggerEventListener("toggleCollapse", n.detail[0]);
-    };
-    return (n, a) => r.value.length > 0 ? (g(), I("das-ce-menu", X({
-      key: 0,
-      theme: l.value,
-      modelValue: b.value,
-      data: r.value,
-      collapse: o.value,
-      fixedTopMenu: m.value,
-      subMenuAttrs: R.value
-    }, d.value, {
-      onChange: k,
-      "on:toggleCollapse": A
-    }), null, 16, Je)) : T("v-if", !0);
-  }
-}), Xe = ["theme", "modelValue", "options"], ot = /* @__PURE__ */ K({
-  __name: "das-web-tabs",
-  props: {
-    tabsAttr: {}
-  },
-  setup(e) {
-    const { tab: t } = B, s = e, l = c(() => s.tabsAttr || {}), d = c(() => t.theme), r = c(() => t.items.map((n) => ({
-      ...n,
-      key: n.value,
-      tab: n.label
-    }))), m = c(() => t.activeItem || ""), b = async (n) => {
-      const a = n.detail[0], i = r.value.find((_) => a === _.value);
-      await v.tab.triggerEventListener("onItemClick", i) && v.tab.setActiveItem(i.value);
-    }, o = async (n) => {
-      const a = n.detail[0], i = r.value.find((_) => a === _.value);
-      await v.tab.triggerEventListener("onItemRemove", i) && v.tab.removeItem(i.value);
-    }, R = async (n) => {
-      await v.tab.triggerEventListener("onMenuClick", { type: n.detail[0], data: n.detail[1] });
-    }, k = async (n) => {
-      await v.tab.triggerEventListener("onPageRefresh", n.detail[0]);
-    }, A = () => {
-      v.tab.triggerEventListener("onToggleFullScreen");
-    };
-    return (n, a) => r.value.length > 0 ? (g(), I("das-ce-tabs", X({
-      key: 0,
-      theme: d.value,
-      modelValue: m.value,
-      options: r.value
-    }, l.value, {
-      "on:tabClick": b,
-      "on:tabDelete": o,
-      "on:menuClick": R,
-      "on:pageRefresh": k,
-      "on:toggleFullScreen": A
-    }), null, 16, Xe)) : T("v-if", !0);
-  }
-});
-$("@das-fed/web");
-export {
-  st as DasWebLayout,
-  rt as DasWebMenu,
-  at as DasWebNav,
-  ot as DasWebTabs,
-  v as layout,
-  B as layoutData
-};
+import '@das-fed/web/packages/layout/style.css'
+export * from './runtime.js'