labull-framework 0.1.1 → 0.1.3

package/dist/chunk-index-B5pTPy31.js

@@ -0,0 +1,669 @@
+import { defineComponent as z, ref as S, computed as C, watch as ae, onMounted as X, onBeforeUnmount as Y, openBlock as t, createElementBlock as l, normalizeClass as $, unref as d, createElementVNode as e, Fragment as T, withDirectives as te, withKeys as Q, withModifiers as H, vModelText as _e, createCommentVNode as _, renderList as D, toDisplayString as w, nextTick as me, createBlock as ue, resolveDynamicComponent as ke, normalizeProps as ye, mergeProps as we, createTextVNode as W, renderSlot as Z, createVNode as F, vShow as oe } from "vue";
+import { useRouter as ne, useRoute as re, RouterView as $e } from "vue-router";
+import { e as se, o as le, _ as J, d as ce, p as ge, f as Ce, i as ie } from "./chunk-ProductShell.vue_vue_type_style_index_0_scoped_0fb37099_lang-BpRKKThg.js";
+import { u as Pe, e as q, g as xe, i as Le, d as Ee, l as Te, a as Se } from "./chunk-index-BWpDbB19.js";
+const Me = ["onKeydown"], Ie = {
+  key: 2,
+  class: "labull-search-panel",
+  role: "listbox"
+}, Oe = ["aria-selected", "onMouseenter", "onMousedown"], Ne = { class: "labull-search-path" }, Ae = {
+  key: 0,
+  class: "labull-search-empty"
+}, Be = /* @__PURE__ */ z({
+  __name: "AppSearch",
+  setup(n) {
+    const i = (b) => typeof b == "string" && b.trim() ? b.trim() : "";
+    function m(b) {
+      const r = /* @__PURE__ */ new Set(), y = [];
+      for (const x of b) {
+        const a = i(x?.path);
+        !a || r.has(a) || a.includes(":") || a.includes("*") || x.redirect || !x.components?.default || x.meta?.tab === !1 || (r.add(a), y.push({ path: a, title: i(x.meta?.title) || i(x.meta?.sub) || a }));
+      }
+      return y;
+    }
+    const c = ne(), { portrait: h } = se(), p = S(""), o = S(!1), g = S(0), L = S(null), k = S(null), P = C(() => m(c.getRoutes())), u = C(() => {
+      const b = p.value.trim().toLowerCase();
+      return b ? P.value.filter((r) => `${r.title} ${r.path}`.toLowerCase().includes(b)).slice(0, 8) : P.value.slice(0, 8);
+    });
+    ae(u, () => {
+      g.value = 0;
+    });
+    function E(b) {
+      b && (le(b.path), p.value = "", o.value = !1, k.value?.blur());
+    }
+    function U(b) {
+      const r = u.value.length;
+      r > 0 && (g.value = (g.value + b + r) % r), o.value = !0;
+    }
+    function M() {
+      o.value = !0, G();
+    }
+    function K() {
+      p.value = "", o.value = !1, k.value?.blur();
+    }
+    function G() {
+      me(() => k.value?.focus());
+    }
+    function I() {
+      if (p.value) {
+        p.value = "";
+        return;
+      }
+      o.value = !1, k.value?.blur();
+    }
+    function R(b) {
+      (b.ctrlKey || b.metaKey) && b.key.toLowerCase() === "k" && (b.preventDefault(), o.value = !0, G());
+    }
+    function V(b) {
+      o.value && !L.value?.contains(b.target) && (o.value = !1);
+    }
+    return X(() => {
+      document.addEventListener("mousedown", V), window.addEventListener("keydown", R);
+    }), Y(() => {
+      document.removeEventListener("mousedown", V), window.removeEventListener("keydown", R);
+    }), ae(h, () => {
+      K();
+    }), (b, r) => (t(), l("div", {
+      ref_key: "box",
+      ref: L,
+      class: $(["labull-search-box", { "is-open": d(h) && o.value }])
+    }, [
+      d(h) && !o.value ? (t(), l("button", {
+        key: 0,
+        class: "labull-search-toggle",
+        type: "button",
+        "aria-label": "搜索页面",
+        onClick: M
+      }, [...r[6] || (r[6] = [
+        e("i", { class: "pi pi-search" }, null, -1)
+      ])])) : (t(), l(T, { key: 1 }, [
+        r[8] || (r[8] = e("i", { class: "pi pi-search" }, null, -1)),
+        te(e("input", {
+          ref_key: "input",
+          ref: k,
+          "onUpdate:modelValue": r[0] || (r[0] = (y) => p.value = y),
+          class: "p-inputtext p-component labull-search-input",
+          type: "search",
+          placeholder: "搜索… [Ctrl+K]",
+          "aria-label": "搜索页面",
+          autocomplete: "off",
+          onFocus: r[1] || (r[1] = (y) => o.value = !0),
+          onInput: r[2] || (r[2] = (y) => o.value = !0),
+          onKeydown: [
+            r[3] || (r[3] = Q(H((y) => U(1), ["prevent"]), ["down"])),
+            r[4] || (r[4] = Q(H((y) => U(-1), ["prevent"]), ["up"])),
+            r[5] || (r[5] = Q(H((y) => E(u.value[g.value]), ["prevent"]), ["enter"])),
+            Q(H(I, ["prevent"]), ["esc"])
+          ]
+        }, null, 40, Me), [
+          [_e, p.value]
+        ]),
+        d(h) ? (t(), l("button", {
+          key: 0,
+          class: "labull-search-cancel",
+          type: "button",
+          "aria-label": "取消搜索",
+          onClick: K
+        }, [...r[7] || (r[7] = [
+          e("i", { class: "pi pi-times" }, null, -1)
+        ])])) : _("", !0)
+      ], 64)),
+      o.value && (p.value || d(h)) ? (t(), l("div", Ie, [
+        (t(!0), l(T, null, D(u.value, (y, x) => (t(), l("button", {
+          key: y.path,
+          class: "labull-search-item",
+          type: "button",
+          role: "option",
+          "aria-selected": x === g.value,
+          onMouseenter: (a) => g.value = x,
+          onMousedown: H((a) => E(y), ["prevent"])
+        }, [
+          r[9] || (r[9] = e("i", { class: "pi pi-file" }, null, -1)),
+          e("span", null, w(y.title), 1),
+          e("small", Ne, w(y.path), 1)
+        ], 40, Oe))), 128)),
+        u.value.length === 0 ? (t(), l("p", Ae, "未找到匹配项")) : _("", !0)
+      ])) : _("", !0)
+    ], 2));
+  }
+}), de = /* @__PURE__ */ J(Be, [["__scopeId", "data-v-1af7a3a4"]]), Ue = { class: "labull-rail" }, Ke = { class: "labull-rail__group" }, Ve = ["title"], De = { class: "labull-rail__label" }, Ge = {
+  key: 1,
+  class: "labull-rail__divider"
+}, Re = ["title", "aria-expanded", "onClick", "onMouseenter"], je = { class: "labull-rail__label" }, He = ["title"], We = { class: "labull-rail__brand-name" }, ze = ["aria-hidden"], Fe = { class: "labull-menu__header" }, qe = { class: "labull-menu__title" }, Je = { class: "labull-menu__list" }, Qe = ["onClick"], Xe = ["aria-hidden"], Ye = { class: "labull-navsheet__head" }, Ze = { class: "labull-navsheet__title" }, et = { class: "labull-navsheet__body" }, tt = ["onClick"], lt = ["onClick"], nt = /* @__PURE__ */ z({
+  __name: "ProductSide",
+  props: {
+    items: {},
+    brand: {},
+    home: {},
+    homeTitle: {},
+    homeIcon: {}
+  },
+  setup(n) {
+    const i = n, m = re(), { portrait: c, navOpen: h, closeNav: p } = se();
+    function o(s) {
+      return s.path || s.title;
+    }
+    function g() {
+      return !!i.home && m.path === i.home;
+    }
+    const L = S(!1), k = S(!1), P = S(null);
+    function u(s) {
+      return s.path ? m.path === s.path ? !0 : m.path.startsWith(`${s.path}/`) && s.path !== "/" : !1;
+    }
+    function E(s) {
+      return s.children?.length ? s.children.some((B) => u(B)) : u(s);
+    }
+    const U = C(() => i.items.find((s) => E(s)) ?? i.items[0]), M = C(() => (P.value ? i.items.find((B) => o(B) === P.value) : void 0) ?? U.value), K = C(() => I.value ? M.value : U.value), G = C(() => {
+      const s = M.value;
+      return s ? s.children?.length ? s.children : [s] : [];
+    }), I = C(() => i.items.length > 0 && (k.value || L.value));
+    function R() {
+      L.value = !0;
+    }
+    function V() {
+      L.value = !1, P.value = null, k.value = !1;
+    }
+    function b(s) {
+      P.value = o(s);
+    }
+    function r(s) {
+      k.value = !0, P.value = o(s), s.onClick?.(s);
+    }
+    function y(s) {
+      if (k.value = !1, s.onClick) {
+        s.onClick(s);
+        return;
+      }
+      s.path && le(s.path, { title: s.title, icon: s.icon });
+    }
+    function x() {
+      k.value = !1, P.value = null, i.home && le(i.home);
+    }
+    function a(s) {
+      y(s), p();
+    }
+    function f(s) {
+      if (s.children?.length) {
+        s.onClick?.(s), p();
+        return;
+      }
+      a(s);
+    }
+    function N() {
+      x(), p();
+    }
+    function A(s) {
+      s.key === "Escape" && h.value && p();
+    }
+    return X(() => window.addEventListener("keydown", A)), Y(() => window.removeEventListener("keydown", A)), (s, B) => (t(), l("nav", {
+      class: "labull-nav",
+      "aria-label": "主导航",
+      onMouseenter: R,
+      onMouseleave: V
+    }, [
+      e("div", Ue, [
+        e("div", Ke, [
+          n.home ? (t(), l("button", {
+            key: 0,
+            class: $(["labull-rail__btn", { "is-active": g() }]),
+            type: "button",
+            title: n.homeTitle || "首页",
+            onClick: x
+          }, [
+            e("i", {
+              class: $(n.homeIcon || "pi pi-home")
+            }, null, 2),
+            e("span", De, w(n.homeTitle || "首页"), 1)
+          ], 10, Ve)) : _("", !0),
+          n.home && n.items.length > 0 ? (t(), l("span", Ge)) : _("", !0),
+          (t(!0), l(T, null, D(n.items, (v) => (t(), l("button", {
+            key: o(v),
+            class: $(["labull-rail__btn", { "is-active": v === K.value }]),
+            type: "button",
+            title: v.title,
+            "aria-expanded": I.value && v === M.value,
+            onClick: (O) => r(v),
+            onMouseenter: (O) => b(v)
+          }, [
+            e("i", {
+              class: $(v.icon || "pi pi-folder")
+            }, null, 2),
+            e("span", je, w(v.title), 1)
+          ], 42, Re))), 128))
+        ]),
+        n.brand ? (t(), l("div", {
+          key: 0,
+          class: "labull-rail__brand",
+          title: n.brand
+        }, [
+          e("span", We, w(n.brand), 1)
+        ], 8, He)) : _("", !0)
+      ]),
+      e("aside", {
+        class: $(["labull-menu", { "is-open": I.value }]),
+        "aria-hidden": !I.value
+      }, [
+        e("div", Fe, [
+          e("div", qe, w(M.value?.title), 1)
+        ]),
+        e("div", Je, [
+          (t(!0), l(T, null, D(G.value, (v) => (t(), l("button", {
+            key: o(v),
+            class: $(["labull-menu__item", { "is-active": u(v) }]),
+            type: "button",
+            onClick: (O) => y(v)
+          }, [
+            e("i", {
+              class: $(v.icon || "pi pi-file")
+            }, null, 2),
+            e("span", null, w(v.title), 1)
+          ], 10, Qe))), 128))
+        ])
+      ], 10, ze),
+      d(c) ? (t(), l("div", {
+        key: 0,
+        class: $(["labull-navsheet", { "is-open": d(h) }]),
+        "aria-hidden": !d(h),
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": "主导航"
+      }, [
+        e("div", Ye, [
+          e("span", Ze, w(n.brand || "导航"), 1),
+          e("button", {
+            class: "labull-navsheet__close",
+            type: "button",
+            "aria-label": "关闭导航",
+            onClick: B[0] || (B[0] = //@ts-ignore
+            (...v) => d(p) && d(p)(...v))
+          }, [...B[1] || (B[1] = [
+            e("i", { class: "pi pi-times" }, null, -1)
+          ])])
+        ]),
+        e("div", et, [
+          n.home ? (t(), l("button", {
+            key: 0,
+            class: $(["labull-navsheet__row labull-navsheet__row--home", { "is-active": g() }]),
+            type: "button",
+            onClick: N
+          }, [
+            e("i", {
+              class: $(n.homeIcon || "pi pi-home")
+            }, null, 2),
+            e("span", null, w(n.homeTitle || "首页"), 1)
+          ], 2)) : _("", !0),
+          (t(!0), l(T, null, D(n.items, (v) => (t(), l("div", {
+            key: o(v),
+            class: "labull-navsheet__section"
+          }, [
+            !v.children?.length || v.onClick ? (t(), l("button", {
+              key: 0,
+              class: $(["labull-navsheet__row labull-navsheet__row--group", { "is-current": E(v) }]),
+              type: "button",
+              onClick: (O) => f(v)
+            }, [
+              e("i", {
+                class: $(v.icon || "pi pi-folder")
+              }, null, 2),
+              e("span", null, w(v.title), 1)
+            ], 10, tt)) : (t(), l("div", {
+              key: 1,
+              class: $(["labull-navsheet__row labull-navsheet__row--group is-static", { "is-current": E(v) }])
+            }, [
+              e("i", {
+                class: $(v.icon || "pi pi-folder")
+              }, null, 2),
+              e("span", null, w(v.title), 1)
+            ], 2)),
+            (t(!0), l(T, null, D(v.children || [], (O) => (t(), l("button", {
+              key: o(O),
+              class: $(["labull-navsheet__row labull-navsheet__row--page", { "is-active": u(O) }]),
+              type: "button",
+              onClick: (Gt) => a(O)
+            }, [
+              e("i", {
+                class: $(O.icon || "pi pi-file")
+              }, null, 2),
+              e("span", null, w(O.title), 1)
+            ], 10, lt))), 128))
+          ]))), 128))
+        ])
+      ], 10, Xe)) : _("", !0)
+    ], 32));
+  }
+}), ve = /* @__PURE__ */ J(nt, [["__scopeId", "data-v-c3bdb098"]]), st = {
+  key: 0,
+  class: "labull-tabbar",
+  role: "tablist"
+}, at = ["aria-selected", "title", "onClick"], ot = ["onClick"], it = /* @__PURE__ */ z({
+  __name: "ProductTabs",
+  props: {
+    home: { default: "/" }
+  },
+  setup(n) {
+    const i = n, { tabs: m, active: c, activateTab: h, closeTab: p, openTab: o } = ce();
+    function g(k) {
+      h(k);
+    }
+    function L(k) {
+      p(k) || m.value.length === 0 && o(i.home);
+    }
+    return (k, P) => d(m).length > 0 ? (t(), l("div", st, [
+      (t(!0), l(T, null, D(d(m), (u) => (t(), l("button", {
+        key: u.key,
+        class: $(["labull-tab", { "is-active": u.key === d(c) }]),
+        type: "button",
+        role: "tab",
+        "aria-selected": u.key === d(c),
+        title: u.title,
+        onClick: (E) => g(u.key)
+      }, [
+        u.icon ? (t(), l("i", {
+          key: 0,
+          class: $(u.icon)
+        }, null, 2)) : _("", !0),
+        e("span", null, w(u.title), 1),
+        e("i", {
+          class: "pi pi-times labull-tab__close",
+          title: "关闭",
+          onClick: H((E) => L(u.key), ["stop"])
+        }, null, 8, ot)
+      ], 10, at))), 128))
+    ])) : _("", !0);
+  }
+}), be = /* @__PURE__ */ J(it, [["__scopeId", "data-v-02d7624f"]]), ut = /* @__PURE__ */ z({
+  __name: "TabPage",
+  props: {
+    tab: {}
+  },
+  setup(n) {
+    const i = n;
+    ge(i.tab);
+    const m = ne();
+    function c() {
+      return m.resolve(i.tab.key);
+    }
+    const h = C(() => {
+      const o = c().matched;
+      return o[o.length - 1]?.components?.default ?? null;
+    }), p = C(() => {
+      const o = c().matched[c().matched.length - 1]?.props?.default;
+      return o === !0 ? c().params : typeof o == "function" ? o(m.resolve(i.tab.key)) : o && typeof o == "object" ? o : {};
+    });
+    return (o, g) => h.value ? (t(), ue(ke(h.value), ye(we({ key: 0 }, p.value)), null, 16)) : _("", !0);
+  }
+}), rt = ["aria-expanded"], ct = { class: "labull-avatar" }, dt = { class: "labull-topbar__username" }, vt = {
+  key: 0,
+  class: "labull-user__panel"
+}, bt = { class: "labull-user__who" }, pt = { class: "labull-user__title" }, ht = {
+  key: 0,
+  class: "labull-user__work"
+}, ft = {
+  key: 0,
+  class: "labull-user__groups"
+}, _t = { class: "labull-user__row" }, mt = /* @__PURE__ */ z({
+  __name: "UserMenu",
+  setup(n) {
+    const { user: i, logout: m } = Pe(), c = S(!1), h = S(!1), p = S(null), o = C(() => i.value?.name || "当前用户"), g = C(() => o.value.slice(0, 1));
+    function L() {
+      c.value = !1, h.value = !1;
+    }
+    function k(P) {
+      c.value && !p.value?.contains(P.target) && L();
+    }
+    return X(() => document.addEventListener("mousedown", k)), Y(() => document.removeEventListener("mousedown", k)), (P, u) => (t(), l("div", {
+      ref_key: "box",
+      ref: p,
+      class: "labull-user"
+    }, [
+      e("button", {
+        class: "p-button p-button-text p-button-sm labull-topbar__user",
+        type: "button",
+        "aria-expanded": c.value,
+        onClick: u[0] || (u[0] = (E) => c.value ? L() : c.value = !0)
+      }, [
+        e("span", ct, w(g.value), 1),
+        e("span", dt, w(o.value), 1),
+        u[4] || (u[4] = e("i", { class: "pi pi-chevron-down labull-user__caret" }, null, -1))
+      ], 8, rt),
+      c.value ? (t(), l("div", vt, [
+        e("div", bt, [
+          e("span", pt, [
+            W(w(o.value), 1),
+            d(i)?.workId ? (t(), l("span", ht, "（工号 " + w(d(i).workId) + "）", 1)) : _("", !0)
+          ]),
+          d(i)?.groups?.length ? (t(), l("small", ft, w(d(i).groups.join(" / ")), 1)) : _("", !0)
+        ]),
+        h.value ? (t(), l(T, { key: 1 }, [
+          u[5] || (u[5] = e("p", { class: "labull-user__ask" }, "退出后要重新登录，未保存的输入会丢。", -1)),
+          e("div", _t, [
+            e("button", {
+              class: "p-button p-button-sm p-button-text",
+              type: "button",
+              onClick: u[2] || (u[2] = (E) => h.value = !1)
+            }, "取消"),
+            e("button", {
+              class: "p-button p-button-sm p-button-danger",
+              type: "button",
+              onClick: u[3] || (u[3] = (E) => d(m)())
+            }, "确定退出")
+          ])
+        ], 64)) : (t(), l("button", {
+          key: 0,
+          class: "labull-user__item",
+          type: "button",
+          onClick: u[1] || (u[1] = (E) => h.value = !0)
+        }, "退出登录"))
+      ])) : _("", !0)
+    ], 512));
+  }
+}), pe = /* @__PURE__ */ J(mt, [["__scopeId", "data-v-27408f31"]]);
+let ee = !1, j = null;
+const he = {
+  pass(n) {
+    return ee ? Promise.resolve(!0) : j || (j = (async () => {
+      const i = await xe();
+      return i !== "timeout" && i ? (ee = !0, !0) : (i !== "timeout" && Le(n), !1);
+    })().finally(() => {
+      j = null;
+    }), j);
+  },
+  reset() {
+    ee = !1, j = null;
+  }
+};
+function fe() {
+  return he.pass(q());
+}
+function kt() {
+  he.reset();
+}
+const yt = {
+  key: 0,
+  class: "labull-gate"
+}, wt = {
+  key: 0,
+  class: "labull-gate__hint"
+}, $t = ["href"], gt = ["href"], Ct = {
+  key: 1,
+  class: "labull-shell"
+}, Pt = {
+  key: 0,
+  class: "labull-shell__bar"
+}, xt = {
+  key: 1,
+  class: "labull-topbar"
+}, Lt = ["aria-expanded"], Et = { class: "labull-topbar__brand" }, Tt = ["src"], St = {
+  key: 1,
+  class: "labull-topbar__caption"
+}, Mt = {
+  key: 1,
+  class: "labull-topbar__actions"
+}, It = { class: "labull-body" }, Ot = { class: "labull-main" }, Nt = { class: "labull-viewport" }, At = {
+  key: 0,
+  class: "labull-tabpage"
+}, Bt = { class: "labull-tabpages" }, Ut = /* @__PURE__ */ z({
+  __name: "ProductShell",
+  props: {
+    actions: { type: Boolean, default: !0 },
+    side: {},
+    logo: {},
+    caption: { default: "Labull" },
+    home: { default: "/" },
+    brand: {}
+  },
+  setup(n) {
+    const i = n, m = re(), c = ne(), { tabs: h, active: p } = ce(), { portrait: o, navOpen: g, toggleNav: L } = se(), { open: k, denied: P, unreachable: u, pass: E, recheck: U } = Ee(), M = C(() => m.path === "/login" || q() === "/login"), K = C(() => Te(q()));
+    C(() => !!i.logo || !!i.caption);
+    const G = C(() => !!(i.side && i.side.length > 0)), I = C(() => m.meta.tab === !1);
+    ie({
+      resolve: (a) => {
+        const f = R(c.resolve(a));
+        return { fullPath: f.fullPath, path: f.path, matched: f.matched.length > 0 };
+      },
+      current: () => m.fullPath,
+      go: (a) => {
+        c.push(a);
+      }
+    });
+    function R(a) {
+      for (let f = 0; f < 8; f += 1) {
+        const A = a.matched[a.matched.length - 1]?.redirect;
+        if (typeof A == "string") {
+          a = c.resolve(A);
+          continue;
+        }
+        if (A && typeof A == "object") {
+          a = c.resolve(A);
+          continue;
+        }
+        return a;
+      }
+      return a;
+    }
+    function V(a) {
+      a.meta.tab !== !1 && Ce(a.fullPath, a.path, { title: a.meta.title, icon: a.meta.icon });
+    }
+    async function b() {
+      if (M.value) return;
+      await fe() && await E(q());
+    }
+    function r() {
+      window.location.reload();
+    }
+    function y(a) {
+      a.persisted && (kt(), U(q()));
+    }
+    let x;
+    return X(() => {
+      window.addEventListener("pageshow", y), b().then(() => {
+        k.value && (V(m), x = c.afterEach((a) => V(a)));
+      });
+    }), Y(() => {
+      window.removeEventListener("pageshow", y), x?.(), ie(null);
+    }), (a, f) => !d(k) && !M.value ? (t(), l("div", yt, [
+      f[5] || (f[5] = e("p", { class: "labull-gate__title" }, "正在确认登录状态…", -1)),
+      d(P) ? (t(), l("p", wt, [
+        d(u) ? (t(), l(T, { key: 0 }, [
+          W("连不上后端（等了 " + w(Math.round(d(Se) / 1e3)) + " 秒也没有回音）。确认后端起来之后 ", 1),
+          e("button", {
+            class: "labull-gate__link",
+            type: "button",
+            onClick: r
+          }, "重试"),
+          f[1] || (f[1] = W("，或者", -1)),
+          e("a", {
+            class: "labull-gate__link",
+            href: K.value
+          }, "直接去登录", 8, $t),
+          f[2] || (f[2] = W("。", -1))
+        ], 64)) : (t(), l(T, { key: 1 }, [
+          f[3] || (f[3] = W("没有登录（或会话已失效），正在跳登录页 —— 没跳过去就", -1)),
+          e("a", {
+            class: "labull-gate__link",
+            href: K.value
+          }, "点这里登录", 8, gt),
+          f[4] || (f[4] = W("。", -1))
+        ], 64))
+      ])) : _("", !0)
+    ])) : (t(), l("div", Ct, [
+      a.$slots.bar ? (t(), l("div", Pt, [
+        Z(a.$slots, "bar", {}, void 0, !0)
+      ])) : a.$slots.appbar || n.logo || n.caption || a.$slots.actions || n.actions ? (t(), l("header", xt, [
+        d(o) && G.value ? (t(), l("button", {
+          key: 0,
+          class: "labull-topbar__nav",
+          type: "button",
+          "aria-label": "打开导航",
+          "aria-expanded": d(g),
+          onClick: f[0] || (f[0] = //@ts-ignore
+          (...N) => d(L) && d(L)(...N))
+        }, [...f[6] || (f[6] = [
+          e("i", { class: "pi pi-bars" }, null, -1)
+        ])], 8, Lt)) : _("", !0),
+        e("div", Et, [
+          n.logo ? (t(), l("img", {
+            key: 0,
+            class: "labull-topbar__logo",
+            src: n.logo,
+            alt: ""
+          }, null, 8, Tt)) : _("", !0),
+          n.caption ? (t(), l("span", St, w(n.caption), 1)) : _("", !0),
+          Z(a.$slots, "appbar", {}, void 0, !0)
+        ]),
+        n.actions || a.$slots.actions ? (t(), l("div", Mt, [
+          Z(a.$slots, "actions", {}, void 0, !0),
+          n.actions ? (t(), l(T, { key: 0 }, [
+            F(de),
+            F(pe)
+          ], 64)) : _("", !0)
+        ])) : _("", !0)
+      ])) : _("", !0),
+      e("div", It, [
+        n.side && n.side.length > 0 ? (t(), ue(ve, {
+          key: 0,
+          items: n.side,
+          home: n.home,
+          brand: n.brand
+        }, null, 8, ["items", "home", "brand"])) : _("", !0),
+        e("div", Ot, [
+          F(be, { home: n.home }, null, 8, ["home"]),
+          e("main", Nt, [
+            I.value ? (t(), l("div", At, [
+              F(d($e))
+            ])) : _("", !0),
+            te(e("div", Bt, [
+              (t(!0), l(T, null, D(d(h), (N) => te((t(), l("div", {
+                key: N.key,
+                class: "labull-tabpage"
+              }, [
+                F(ut, { tab: N }, null, 8, ["tab"])
+              ])), [
+                [oe, N.key === d(p)]
+              ])), 128))
+            ], 512), [
+              [oe, !I.value]
+            ])
+          ])
+        ])
+      ])
+    ]));
+  }
+}), Kt = /* @__PURE__ */ J(Ut, [["__scopeId", "data-v-0fb37099"]]), Vt = { ProductShell: Kt, ProductSide: ve, ProductTabs: be, AppSearch: de, UserMenu: pe };
+function Dt(n, i = {}) {
+  for (const [c, h] of Object.entries(Vt)) n.component(c, h);
+  const m = n.config.globalProperties.$router;
+  m ? m.beforeEach(async (c) => c.path === "/login" ? !0 : await fe()) : console.warn("[labull] 没拿到 router：把 app.use(labull) 放到 app.use(router) 之后。");
+  for (const c of i.extra ?? []) n.use(c);
+}
+const zt = { install: (n) => Dt(n) };
+export {
+  de as A,
+  Kt as P,
+  pe as U,
+  ut as _,
+  ve as a,
+  be as b,
+  Dt as i,
+  zt as l
+};