labull-framework 0.1.0 → 0.1.2

package/dist/chunk-index-_jasBCim.js

@@ -1,526 +0,0 @@
-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
-};