@das-fed/web 6.3.0-beta.0 → 6.3.0-beta.10

package/packages/layout/index.js

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