labull-framework 0.1.0

package/dist/chunk-index-_jasBCim.js

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

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './types/index'

package/dist/index.js

@@ -0,0 +1,30 @@
+import { A as e, a as r, C as t, b as u, c as l, d as A, e as c, f as o, g as i, h as n, l as h, i as S, j as b, u as T } from "./chunk-index-BWpDbB19.js";
+import { A as p, P as E, a as _, b as P, T as U, U as g, c as I, i as D, l as L, o as M, r as f, u as m } from "./chunk-index-_jasBCim.js";
+export {
+  e as API_BASE,
+  r as AUTH_DEADLINE_MS,
+  p as AppSearch,
+  t as CLEAR_SESSION_DEADLINE_MS,
+  E as ProductShell,
+  _ as ProductSide,
+  P as ProductTabs,
+  U as TABS_MAX,
+  g as UserMenu,
+  u as apiFetch,
+  l as authHeaders,
+  I as closeTab,
+  A as createAuthGate,
+  c as currentPath,
+  o as currentUser,
+  i as currentUserInTime,
+  n as ensureAuthenticated,
+  D as installApp,
+  L as labull,
+  h as loginUrl,
+  S as loginWithRedirect,
+  b as logout,
+  M as openTab,
+  f as registerTabLabel,
+  T as useAuth,
+  m as useTabs
+};

package/dist/magic-block.d.ts

@@ -0,0 +1 @@
+export * from './types/magic-block'