@owocow/saber-ui 0.1.13 → 0.1.15

package/dist/SaberAppLayout.vue_vue_type_script_setup_true_lang-Hr4TdNqR.js

@@ -0,0 +1,487 @@
+import He from "@nuxt/ui/components/Button.vue";
+import Le from "@nuxt/ui/components/Drawer.vue";
+import { getCurrentInstance as me, getCurrentScope as Ie, hasInjectionContext as ve, inject as Ue, watch as U, shallowRef as z, watchEffect as je, toValue as M, computed as d, onMounted as Fe, unref as ze, defineComponent as Ee, useSlots as Ne, useModel as le, ref as I, useId as Pe, nextTick as Ae, openBlock as g, createElementBlock as k, normalizeStyle as G, normalizeClass as r, renderSlot as h, normalizeProps as D, guardReactiveProps as $, Fragment as R, createCommentVNode as B, createVNode as V, withCtx as re, createElementVNode as c, withDirectives as se, toDisplayString as ue, vShow as de, createBlock as Ge, mergeModels as ce } from "vue";
+import { tv as K } from "tailwind-variants";
+import { providePageHeader as Re } from "./composables/use-page-header.mjs";
+import { _ as Ve } from "./SaberNavigationSearch.vue_vue_type_script_setup_true_lang-Bj96kMla.js";
+const Q = /* @__PURE__ */ new WeakMap(), Ke = /* @__NO_SIDE_EFFECTS__ */ (...t) => {
+  var u;
+  const e = t[0], l = (u = me()) === null || u === void 0 ? void 0 : u.proxy, i = l ?? Ie();
+  if (i == null && !ve()) throw new Error("injectLocal must be called in setup");
+  return i && Q.has(i) && e in Q.get(i) ? Q.get(i)[e] : Ue(...t);
+}, Qe = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const Je = Object.prototype.toString, Xe = (t) => Je.call(t) === "[object Object]";
+function pe(t) {
+  return t.endsWith("rem") ? Number.parseFloat(t) * 16 : Number.parseFloat(t);
+}
+function J(t) {
+  return Array.isArray(t) ? t : [t];
+}
+function Ye(t, u, e) {
+  return U(t, u, {
+    ...e,
+    immediate: !0
+  });
+}
+const he = Qe ? window : void 0;
+function Ze(t) {
+  var u;
+  const e = M(t);
+  return (u = e == null ? void 0 : e.$el) !== null && u !== void 0 ? u : e;
+}
+function qe(...t) {
+  const u = (l, i, p, o) => (l.addEventListener(i, p, o), () => l.removeEventListener(i, p, o)), e = d(() => {
+    const l = J(M(t[0])).filter((i) => i != null);
+    return l.every((i) => typeof i != "string") ? l : void 0;
+  });
+  return Ye(() => {
+    var l, i;
+    return [
+      (l = (i = e.value) === null || i === void 0 ? void 0 : i.map((p) => Ze(p))) !== null && l !== void 0 ? l : [he].filter((p) => p != null),
+      J(M(e.value ? t[1] : t[0])),
+      J(ze(e.value ? t[2] : t[1])),
+      M(e.value ? t[3] : t[2])
+    ];
+  }, ([l, i, p, o], b, H) => {
+    if (!(l != null && l.length) || !(i != null && i.length) || !(p != null && p.length)) return;
+    const C = Xe(o) ? { ...o } : o, f = l.flatMap((S) => i.flatMap((n) => p.map((T) => u(S, n, T, C))));
+    H(() => {
+      f.forEach((S) => S());
+    });
+  }, { flush: "post" });
+}
+// @__NO_SIDE_EFFECTS__
+function _e() {
+  const t = z(!1), u = me();
+  return u && Fe(() => {
+    t.value = !0;
+  }, u), t;
+}
+// @__NO_SIDE_EFFECTS__
+function et(t) {
+  const u = /* @__PURE__ */ _e();
+  return d(() => (u.value, !!t()));
+}
+const tt = Symbol("vueuse-ssr-width");
+// @__NO_SIDE_EFFECTS__
+function at() {
+  const t = ve() ? /* @__PURE__ */ Ke(tt, null) : null;
+  return typeof t == "number" ? t : void 0;
+}
+function fe(t, u = {}) {
+  const { window: e = he, ssrWidth: l = /* @__PURE__ */ at() } = u, i = /* @__PURE__ */ et(() => e && "matchMedia" in e && typeof e.matchMedia == "function"), p = z(typeof l == "number"), o = z(), b = z(!1), H = (C) => {
+    b.value = C.matches;
+  };
+  return je(() => {
+    if (p.value) {
+      p.value = !i.value;
+      const C = M(t).split(",");
+      b.value = C.some((f) => {
+        const S = f.includes("not all"), n = f.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), T = f.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
+        let x = !!(n || T);
+        return n && x && (x = l >= pe(n[1])), T && x && (x = l <= pe(T[1])), S ? !x : x;
+      });
+      return;
+    }
+    i.value && (o.value = e.matchMedia(M(t)), b.value = o.value.matches);
+  }), qe(o, "change", H, { passive: !0 }), d(() => b.value);
+}
+const ut = /* @__PURE__ */ Ee({
+  name: "SaberAppLayout",
+  __name: "SaberAppLayout",
+  props: /* @__PURE__ */ ce({
+    title: { default: void 0 },
+    description: { default: void 0 },
+    maxWidth: { type: [Number, String, Boolean], default: void 0 },
+    showHeader: { type: Boolean, default: !0 },
+    navigationKey: { default: void 0 },
+    sidebarWidth: { default: 240 },
+    phoneBreakpoint: { default: 768 },
+    padBreakpoint: { default: 1024 },
+    searchGroups: { default: () => [] },
+    searchShortcut: { default: "meta_k" },
+    searchLabel: { default: "搜索" },
+    menuOpenLabel: { default: "菜单" },
+    menuCloseLabel: { default: "关闭" },
+    menuOpenIcon: { default: "solar:hamburger-menu-linear" },
+    menuCloseIcon: { default: "solar:close-circle-linear" },
+    ui: { default: () => ({}) }
+  }, {
+    drawerOpen: { type: Boolean, default: !1 },
+    drawerOpenModifiers: {},
+    searchOpen: { type: Boolean, default: !1 },
+    searchOpenModifiers: {}
+  }),
+  emits: /* @__PURE__ */ ce(["searchSelect"], ["update:drawerOpen", "update:searchOpen"]),
+  setup(t, { emit: u }) {
+    const e = t, l = u, i = Ne(), p = K({
+      slots: {
+        root: "flex h-dvh items-start gap-2 overflow-hidden p-1.5 text-default",
+        desktopSidebar: "sticky top-0 h-full shrink-0 self-start",
+        main: "relative flex h-full min-h-0 min-w-0 flex-1 flex-col overflow-y-auto rounded-lg border border-default bg-default",
+        header: "sticky top-0 z-10 mx-auto flex w-full shrink-0 overflow-hidden bg-default/70 backdrop-blur-md mb-1",
+        headerInner: "flex min-h-10 w-full items-center justify-between gap-4",
+        headerHeading: "min-w-0",
+        headerTitle: "flex flex-wrap items-center gap-x-6 gap-y-1",
+        title: "truncate text-xl font-medium",
+        headerTitleSuffix: "flex shrink-0 items-center gap-6",
+        headerTitleSeparator: "h-4.5 w-px shrink-0 bg-(--ui-border-muted)",
+        pageHeaderTitleSuffixTarget: "contents",
+        headerDescription: "flex items-start gap-2",
+        description: "mt-1 text-sm text-muted",
+        pageHeaderDescriptionTarget: "mt-1 flex shrink-0 items-center gap-2 empty:hidden",
+        headerSuffix: "flex shrink-0 items-center gap-2",
+        pageHeaderSuffixTarget: "contents",
+        content: "mx-auto w-full flex-1",
+        phoneDrawerContent: "h-full min-h-0 w-full min-w-0 p-2",
+        phoneSidebarFrame: "h-full min-h-0 w-full",
+        padDrawerContent: "h-full min-h-0 w-full min-w-0 p-2",
+        padSidebarFrame: "mx-auto h-full min-h-0",
+        overlay: "fixed inset-0 z-40 border-0 bg-muted/60 p-0 backdrop-blur-sm",
+        dock: "fixed bottom-[calc(0.75rem+env(safe-area-inset-bottom))] left-1/2 z-60 flex w-42 -translate-x-1/2 items-center gap-1 rounded-2xl border border-default bg-default/95 p-1 shadow-lg backdrop-blur-md"
+      },
+      variants: {
+        mode: {
+          phone: {
+            root: "p-1.5",
+            header: "py-3 px-4",
+            title: "text-xl",
+            content: "px-3 pb-[calc(6rem+env(safe-area-inset-bottom))]"
+          },
+          pad: {
+            root: "p-1.5",
+            header: "py-3 px-4",
+            title: "text-2xl",
+            content: "px-4 pb-[calc(6rem+env(safe-area-inset-bottom))]"
+          },
+          desktop: {
+            root: "p-2",
+            header: "px-6 py-4 min-[1441px]:px-8 min-[1441px]:py-5.5",
+            title: "text-2xl",
+            content: "px-6 pb-6 min-[1441px]:px-8 min-[1441px]:pb-8"
+          }
+        }
+      }
+    }), o = le(t, "drawerOpen"), b = le(t, "searchOpen"), H = fe(`(max-width: ${e.phoneBreakpoint}px)`), C = fe(`(max-width: ${e.padBreakpoint}px)`), f = d(() => H.value ? "phone" : C.value ? "pad" : "desktop"), S = d(() => f.value !== "desktop"), n = d(() => p({ mode: f.value })), T = d(() => {
+      if (!e.showHeader)
+        return f.value === "phone" ? "pt-3" : f.value === "pad" ? "pt-4" : "pt-6 min-[1441px]:pt-8";
+    }), x = I(null), X = I(null), E = I(null), Y = I(!1), Z = Re(x, X, E);
+    U(
+      E,
+      (a, s, m) => {
+        const y = () => {
+          var w;
+          Y.value = !!(a != null && a.childElementCount || (w = a == null ? void 0 : a.textContent) != null && w.trim());
+        };
+        if (y(), typeof MutationObserver > "u") return;
+        const v = new MutationObserver(y);
+        a && v.observe(a, { childList: !0, subtree: !0 }), m(() => v.disconnect());
+      },
+      { flush: "post" }
+    );
+    const N = d(() => Z.title ?? e.title), P = d(() => Z.description ?? e.description), q = d(() => {
+      if (typeof e.maxWidth == "number")
+        return Number.isFinite(e.maxWidth) && e.maxWidth > 0 ? `${e.maxWidth}px` : void 0;
+      if (!(e.maxWidth === "full" || e.maxWidth === !1 || e.maxWidth === void 0))
+        return e.maxWidth.trim() || void 0;
+    }), be = d(
+      () => e.maxWidth === void 0 || typeof e.maxWidth == "number" && (!Number.isFinite(e.maxWidth) || e.maxWidth <= 0)
+    ), _ = d(
+      () => q.value ? { maxWidth: q.value } : void 0
+    ), ee = d(() => be.value ? "min-[1921px]:max-w-[1684px]" : void 0), xe = d(() => typeof e.sidebarWidth == "number" ? Number.isFinite(e.sidebarWidth) && e.sidebarWidth > 0 ? `${e.sidebarWidth}px` : "240px" : e.sidebarWidth.trim() || "240px"), ye = d(() => ({ "--saber-app-layout-sidebar-width": xe.value })), ge = { width: "var(--saber-app-layout-sidebar-width)" }, Se = { width: "var(--saber-app-layout-sidebar-width)" }, A = `saber-app-layout-navigation-${Pe().replaceAll(":", "")}`, te = I(null);
+    function j(a) {
+      return typeof a == "object" && a !== null && !Array.isArray(a);
+    }
+    function we(a) {
+      return j(a) && Object.values(a).every((s) => typeof s == "boolean");
+    }
+    function ke(a) {
+      return typeof a == "function";
+    }
+    function Ce(a, s) {
+      return s === void 0 ? a : ke(s) ? (m) => s(K({ base: m })({ class: a })) : K({ base: a })({ class: s });
+    }
+    function L(a, s) {
+      const m = {}, y = /* @__PURE__ */ new Set([...Object.keys(a), ...Object.keys(s ?? {})]);
+      for (const v of y) {
+        const w = a[v], F = s == null ? void 0 : s[v], ie = j(F) && !we(F);
+        if (j(w) || w === void 0 && ie)
+          m[v] = L(
+            j(w) ? w : {},
+            ie ? F : void 0
+          );
+        else {
+          const oe = Ce(w, F);
+          oe !== void 0 && (m[v] = oe);
+        }
+      }
+      return m;
+    }
+    const Te = {
+      root: "mb-0 min-w-0 flex-1",
+      button: {
+        base: "h-10 w-20 rounded-full border-0 bg-transparent px-3 shadow-none",
+        trailing: "hidden",
+        label: "text-(--ui-text) text-sm",
+        leadingIcon: "text-(--ui-text)"
+      }
+    }, We = {
+      base: "h-10 shrink-0 rounded-full px-3 font-normal"
+    }, Oe = d(
+      () => L(
+        { content: "z-50 h-[calc(100dvh-4rem)] max-h-none rounded-t-lg bg-default" },
+        e.ui.phoneDrawer
+      )
+    ), De = d(
+      () => L(
+        { content: "z-50 h-dvh max-w-none rounded-r-lg bg-default" },
+        e.ui.padDrawer
+      )
+    ), $e = d(
+      () => L(Te, e.ui.search)
+    ), Be = d(
+      () => L(We, e.ui.menuButton)
+    );
+    function ae() {
+      S.value && (o.value = !0);
+    }
+    function W() {
+      o.value = !1;
+    }
+    function ne() {
+      o.value ? W() : ae();
+    }
+    function Me(a) {
+      l("searchSelect", a), b.value = !1, W();
+    }
+    U(() => e.navigationKey, W), U(f, W), U(o, async (a, s) => {
+      var m, y;
+      a || !s || (await Ae(), (y = (m = te.value) == null ? void 0 : m.$el) == null || y.focus());
+    });
+    const O = d(() => ({
+      mode: f.value,
+      drawerOpen: o.value,
+      openDrawer: ae,
+      closeDrawer: W,
+      toggleDrawer: ne
+    }));
+    return (a, s) => {
+      const m = Le, y = He;
+      return g(), k("div", {
+        "data-testid": "app-layout",
+        class: r(n.value.root({ class: e.ui.root })),
+        style: G(ye.value)
+      }, [
+        f.value === "desktop" ? (g(), k("aside", {
+          key: 0,
+          "data-testid": "desktop-sidebar",
+          class: r(n.value.desktopSidebar({ class: e.ui.desktopSidebar })),
+          style: ge
+        }, [
+          h(a.$slots, "sidebar", D($(O.value)))
+        ], 2)) : f.value === "phone" ? (g(), k(R, { key: 1 }, [
+          o.value ? (g(), k("button", {
+            key: 0,
+            "data-testid": "compact-nav-overlay",
+            type: "button",
+            tabindex: "-1",
+            "aria-label": "关闭导航",
+            class: r(n.value.overlay({ class: e.ui.overlay })),
+            onClick: W
+          }, null, 2)) : B("", !0),
+          V(m, {
+            open: o.value,
+            "onUpdate:open": s[0] || (s[0] = (v) => o.value = v),
+            direction: "bottom",
+            modal: !1,
+            overlay: !1,
+            handle: !0,
+            title: t.menuOpenLabel,
+            ui: Oe.value
+          }, {
+            content: re(() => [
+              c("div", {
+                id: A,
+                "data-testid": "phone-drawer-content",
+                class: r(n.value.phoneDrawerContent({ class: e.ui.phoneDrawerContent }))
+              }, [
+                c("div", {
+                  "data-testid": "phone-sidebar-frame",
+                  class: r(n.value.phoneSidebarFrame({ class: e.ui.phoneSidebarFrame }))
+                }, [
+                  i["phone-sidebar"] ? h(a.$slots, "phone-sidebar", D($(O.value)), void 0, void 0, 0) : h(a.$slots, "sidebar", D($(O.value)), void 0, void 0, 1)
+                ], 2)
+              ], 2)
+            ]),
+            _: 3
+          }, 8, ["open", "title", "ui"])
+        ], 64)) : (g(), k(R, { key: 2 }, [
+          o.value ? (g(), k("button", {
+            key: 0,
+            "data-testid": "compact-nav-overlay",
+            type: "button",
+            tabindex: "-1",
+            "aria-label": "关闭导航",
+            class: r(n.value.overlay({ class: e.ui.overlay })),
+            onClick: W
+          }, null, 2)) : B("", !0),
+          V(m, {
+            open: o.value,
+            "onUpdate:open": s[1] || (s[1] = (v) => o.value = v),
+            direction: "left",
+            modal: !1,
+            overlay: !1,
+            handle: !1,
+            title: t.menuOpenLabel,
+            ui: De.value
+          }, {
+            content: re(() => [
+              c("div", {
+                id: A,
+                "data-testid": "pad-drawer-content",
+                class: r(n.value.padDrawerContent({ class: e.ui.padDrawerContent }))
+              }, [
+                c("div", {
+                  "data-testid": "pad-sidebar-frame",
+                  class: r(n.value.padSidebarFrame({ class: e.ui.padSidebarFrame })),
+                  style: Se
+                }, [
+                  i["pad-sidebar"] ? h(a.$slots, "pad-sidebar", D($(O.value)), void 0, void 0, 0) : h(a.$slots, "sidebar", D($(O.value)), void 0, void 0, 1)
+                ], 2)
+              ], 2)
+            ]),
+            _: 3
+          }, 8, ["open", "title", "ui"])
+        ], 64)),
+        c("main", {
+          "data-testid": "app-layout-main",
+          class: r(n.value.main({ class: e.ui.main }))
+        }, [
+          se(c("header", {
+            "data-testid": "app-layout-header",
+            class: r([n.value.header({ class: e.ui.header }), ee.value]),
+            style: G(_.value)
+          }, [
+            c("div", {
+              "data-testid": "app-layout-header-inner",
+              class: r(n.value.headerInner({ class: e.ui.headerInner }))
+            }, [
+              c("div", {
+                "data-testid": "app-layout-header-heading",
+                class: r(n.value.headerHeading({ class: e.ui.headerHeading }))
+              }, [
+                c("div", {
+                  class: r(n.value.headerTitle({ class: e.ui.headerTitle }))
+                }, [
+                  N.value ? h(a.$slots, "header-title", { title: N.value }, () => [
+                    c("span", {
+                      "data-testid": "app-layout-title",
+                      class: r(n.value.title({ class: e.ui.title }))
+                    }, ue(N.value), 3)
+                  ], void 0, 0) : B("", !0),
+                  se(c("div", {
+                    class: r(n.value.headerTitleSuffix({ class: e.ui.headerTitleSuffix }))
+                  }, [
+                    c("span", {
+                      "data-testid": "app-layout-title-separator",
+                      class: r(n.value.headerTitleSeparator({ class: e.ui.headerTitleSeparator }))
+                    }, null, 2),
+                    c("div", {
+                      ref_key: "titleSuffixTarget",
+                      ref: E,
+                      "data-testid": "app-layout-title-suffix-target",
+                      class: r(n.value.pageHeaderTitleSuffixTarget({
+                        class: e.ui.pageHeaderTitleSuffixTarget
+                      }))
+                    }, null, 2)
+                  ], 2), [
+                    [de, Y.value]
+                  ])
+                ], 2),
+                c("div", {
+                  class: r(n.value.headerDescription({ class: e.ui.headerDescription }))
+                }, [
+                  P.value ? h(a.$slots, "header-description", { description: P.value }, () => [
+                    c("p", {
+                      "data-testid": "app-layout-description",
+                      class: r(n.value.description({ class: e.ui.description }))
+                    }, ue(P.value), 3)
+                  ], void 0, 0) : B("", !0),
+                  c("div", {
+                    ref_key: "descriptionTarget",
+                    ref: X,
+                    "data-testid": "app-layout-description-target",
+                    class: r(n.value.pageHeaderDescriptionTarget({
+                      class: e.ui.pageHeaderDescriptionTarget
+                    }))
+                  }, null, 2)
+                ], 2)
+              ], 2),
+              c("div", {
+                "data-testid": "app-layout-header-suffix",
+                class: r(n.value.headerSuffix({ class: e.ui.headerSuffix }))
+              }, [
+                h(a.$slots, "header-suffix"),
+                c("div", {
+                  ref_key: "suffixTarget",
+                  ref: x,
+                  "data-testid": "app-layout-suffix-target",
+                  class: r(n.value.pageHeaderSuffixTarget({ class: e.ui.pageHeaderSuffixTarget }))
+                }, null, 2)
+              ], 2)
+            ], 2)
+          ], 6), [
+            [de, e.showHeader]
+          ]),
+          c("div", {
+            "data-testid": "app-layout-content",
+            class: r([
+              n.value.content({ class: [T.value, e.ui.content] }),
+              ee.value
+            ]),
+            style: G(_.value)
+          }, [
+            h(a.$slots, "default")
+          ], 6)
+        ], 2),
+        S.value ? (g(), k("div", {
+          key: 3,
+          "data-testid": "compact-nav-dock",
+          class: r(n.value.dock({ class: e.ui.dock }))
+        }, [
+          i.dock ? h(a.$slots, "dock", D($(O.value)), void 0, void 0, 0) : (g(), k(R, { key: 1 }, [
+            t.searchGroups.length ? (g(), Ge(Ve, {
+              key: 0,
+              open: b.value,
+              "onUpdate:open": s[2] || (s[2] = (v) => b.value = v),
+              groups: t.searchGroups,
+              label: t.searchLabel,
+              shortcut: t.searchShortcut,
+              kbds: [],
+              ui: $e.value,
+              onSelect: Me
+            }, null, 8, ["open", "groups", "label", "shortcut", "ui"])) : B("", !0),
+            V(y, {
+              ref_key: "menuButton",
+              ref: te,
+              "data-testid": "compact-menu-button",
+              color: "neutral",
+              variant: "ghost",
+              icon: o.value ? t.menuCloseIcon : t.menuOpenIcon,
+              label: o.value ? t.menuCloseLabel : t.menuOpenLabel,
+              "aria-controls": A,
+              "aria-expanded": o.value,
+              "aria-haspopup": "dialog",
+              ui: Be.value,
+              onClick: ne
+            }, null, 8, ["icon", "label", "aria-expanded", "ui"])
+          ], 64))
+        ], 2)) : B("", !0)
+      ], 6);
+    };
+  }
+});
+export {
+  ut as _
+};

package/dist/{SaberDictSelect.vue_vue_type_script_setup_true_lang-B8PTKNKX.js → SaberDictSelect.vue_vue_type_script_setup_true_lang-BKdOdlFX.js}

@@ -1,5 +1,5 @@
 import { defineComponent as V, useModel as g, toRef as s, computed as h, openBlock as v, createBlock as S, mergeProps as y, unref as i, mergeModels as m } from "vue";
-import { _ as B } from "./SaberPopSelect.vue_vue_type_script_setup_true_lang-BcS27NXI.js";
+import { _ as B } from "./SaberPopSelect.vue_vue_type_script_setup_true_lang-eH8jkkzK.js";
 import { u as D } from "./use-dict-options-DjtbYYIa.js";
 const C = /* @__PURE__ */ V({
   name: "SaberDictSelect",