@owocow/saber-ui 0.1.13 → 0.1.15

package/dist/SaberDistrictSelect.vue_vue_type_script_setup_true_lang-jkl2AOay.js

@@ -0,0 +1,272 @@
+import le from "@nuxt/ui/components/Popover.vue";
+import ne from "@nuxt/ui/runtime/vue/components/Icon.vue";
+import se from "@nuxt/ui/components/Input.vue";
+import ae from "@nuxt/ui/components/Button.vue";
+import { defineComponent as ie, useModel as ce, ref as x, inject as de, computed as a, onMounted as re, watch as K, nextTick as ue, openBlock as l, createBlock as k, withCtx as $, createVNode as U, createSlots as ve, createElementVNode as p, normalizeClass as b, toDisplayString as C, withModifiers as M, createElementBlock as i, Fragment as j, renderList as B, createCommentVNode as I, mergeModels as Q } from "vue";
+import { D as me } from "./district-service-cOu1tbQG.js";
+const fe = { class: "w-120 p-2 flex flex-col gap-2" }, pe = {
+  key: 0,
+  class: "max-h-64 overflow-y-auto flex flex-col gap-0.5"
+}, he = ["onClick"], ye = { class: "flex-1 truncate" }, _e = {
+  key: 1,
+  class: "flex items-center justify-center h-10 text-sm text-muted"
+}, ge = {
+  key: 1,
+  class: "flex divide-x divide-default border border-default rounded-sm overflow-hidden"
+}, xe = { class: "flex-1 max-h-64 overflow-y-auto py-1 minimal-scrollbar" }, ke = ["onClick"], be = { class: "truncate" }, Ce = { class: "flex-1 max-h-64 overflow-y-auto py-1 minimal-scrollbar" }, we = ["onClick"], ze = { class: "truncate" }, Ve = {
+  key: 1,
+  class: "flex items-center justify-center h-full text-sm text-muted/50 py-4"
+}, $e = { class: "flex-1 max-h-64 overflow-y-auto py-1 minimal-scrollbar" }, je = ["onClick"], Be = { class: "truncate" }, Ie = {
+  key: 1,
+  class: "flex items-center justify-center h-full text-sm text-muted/50 py-4"
+}, Ee = /* @__PURE__ */ ie({
+  name: "SaberDistrictSelect",
+  __name: "SaberDistrictSelect",
+  props: /* @__PURE__ */ Q({
+    districts: {},
+    placeholder: { default: "请选择省 / 市 / 区" },
+    clearable: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: void 0 },
+    size: { default: "lg" },
+    ui: {}
+  }, {
+    modelValue: { default: void 0 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ Q(["change"], ["update:modelValue"]),
+  setup(y, { expose: T, emit: A }) {
+    const G = {
+      xs: "h-6",
+      sm: "h-8",
+      md: "h-9",
+      lg: "h-10"
+    }, m = y, L = A, s = ce(y, "modelValue"), w = x(!1), P = x(null), u = x(null), c = x(null), _ = x(""), n = de(me, void 0), S = a(() => m.districts === void 0), z = a(
+      () => m.districts ?? (n == null ? void 0 : n.districts.value) ?? []
+    ), V = a(
+      () => m.loading ?? (S.value ? (n == null ? void 0 : n.loading.value) ?? !1 : !1)
+    ), H = a(() => V.value ? "行政区加载中..." : m.placeholder);
+    async function E() {
+      if (!(!S.value || !n || n.districts.value.length))
+        try {
+          await n.load();
+        } catch (e) {
+          console.error("[SaberUI] Failed to load district data.", e);
+        }
+    }
+    re(() => void E()), K(() => m.districts, (e) => {
+      e === void 0 && E();
+    }), K(w, async (e) => {
+      var o, v, h;
+      if (!e) {
+        _.value = "";
+        return;
+      }
+      if (s.value) {
+        const f = z.value.find((g) => {
+          var t;
+          return g.adcode === ((t = s.value) == null ? void 0 : t.provinceCode);
+        }) ?? null;
+        u.value = f, c.value = ((o = f == null ? void 0 : f.districts) == null ? void 0 : o.find((g) => {
+          var t;
+          return g.adcode === ((t = s.value) == null ? void 0 : t.cityCode);
+        })) ?? null;
+      } else
+        u.value = null, c.value = null;
+      await ue(), (h = (v = P.value) == null ? void 0 : v.input) == null || h.focus();
+    });
+    const N = a(() => {
+      var e;
+      return ((e = u.value) == null ? void 0 : e.districts) ?? [];
+    }), R = a(() => {
+      var e;
+      return ((e = c.value) == null ? void 0 : e.districts) ?? [];
+    });
+    function J(e) {
+      u.value = e, c.value = null;
+    }
+    function W(e) {
+      c.value = e;
+    }
+    function X(e) {
+      !u.value || !c.value || O({
+        province: u.value.name,
+        provinceCode: u.value.adcode,
+        city: c.value.name,
+        cityCode: c.value.adcode,
+        district: e.name,
+        districtCode: e.adcode
+      });
+    }
+    const Y = a(() => {
+      const e = [];
+      for (const o of z.value)
+        for (const v of o.districts ?? [])
+          for (const h of v.districts ?? [])
+            e.push({
+              label: `${o.name} / ${v.name} / ${h.name}`,
+              province: o.name,
+              provinceCode: o.adcode,
+              city: v.name,
+              cityCode: v.adcode,
+              district: h.name,
+              districtCode: h.adcode
+            });
+      return e;
+    }), F = a(() => {
+      const e = _.value.trim();
+      return e ? Y.value.filter((o) => o.province.includes(e) || o.city.includes(e) || o.district.includes(e)).slice(0, 50) : [];
+    });
+    function O(e) {
+      s.value = e, L("change", e), w.value = !1;
+    }
+    function Z() {
+      s.value = void 0, u.value = null, c.value = null, L("change", void 0);
+    }
+    const ee = a(() => s.value ? `${s.value.province} / ${s.value.city} / ${s.value.district}` : H.value), q = a(() => s.value != null), te = a(() => _.value.trim().length > 0), oe = a(() => {
+      var e, o;
+      return {
+        ...m.ui,
+        base: [G[m.size], "rounded-sm justify-between", (e = m.ui) == null ? void 0 : e.base].filter(Boolean).join(" "),
+        trailingIcon: ["size-4", (o = m.ui) == null ? void 0 : o.trailingIcon].filter(Boolean).join(" ")
+      };
+    });
+    return T({
+      districts: z,
+      loading: V,
+      error: a(() => (n == null ? void 0 : n.error.value) ?? null),
+      reload: () => n == null ? void 0 : n.load(!0)
+    }), (e, o) => {
+      const v = ae, h = se, f = ne, g = le;
+      return l(), k(g, {
+        open: w.value,
+        "onUpdate:open": o[3] || (o[3] = (t) => w.value = t),
+        content: { align: "start", sideOffset: 4 }
+      }, {
+        content: $(() => [
+          p("div", fe, [
+            U(h, {
+              ref_key: "searchInputRef",
+              ref: P,
+              modelValue: _.value,
+              "onUpdate:modelValue": o[2] || (o[2] = (t) => _.value = t),
+              placeholder: "搜索省 / 市 / 区...",
+              ui: { base: "h-9", leadingIcon: "size-4" },
+              "leading-icon": "i-solar:minimalistic-magnifer-outline"
+            }, null, 8, ["modelValue"]),
+            te.value ? (l(), i("div", pe, [
+              F.value.length > 0 ? (l(!0), i(j, { key: 0 }, B(F.value, (t) => {
+                var d, r;
+                return l(), i("div", {
+                  key: t.districtCode,
+                  class: b(["flex items-center h-9 px-3 rounded-sm cursor-pointer select-none text-sm hover:bg-muted", ((d = s.value) == null ? void 0 : d.districtCode) === t.districtCode ? "bg-accented/70" : ""]),
+                  onClick: (D) => O(t)
+                }, [
+                  p("span", ye, C(t.label), 1),
+                  ((r = s.value) == null ? void 0 : r.districtCode) === t.districtCode ? (l(), k(f, {
+                    key: 0,
+                    name: "i-lucide:check",
+                    class: "size-4 shrink-0 ml-2 text-primary"
+                  })) : I("", !0)
+                ], 10, he);
+              }), 128)) : (l(), i("div", _e, "无匹配结果"))
+            ])) : (l(), i("div", ge, [
+              p("div", xe, [
+                (l(!0), i(j, null, B(z.value, (t) => {
+                  var d, r;
+                  return l(), i("div", {
+                    key: t.adcode,
+                    class: b(["flex items-center justify-between h-9 px-3 cursor-pointer select-none text-sm", ((d = u.value) == null ? void 0 : d.adcode) === t.adcode ? "bg-accented/70" : "hover:bg-muted"]),
+                    onClick: (D) => J(t)
+                  }, [
+                    p("span", be, C(t.name), 1),
+                    ((r = u.value) == null ? void 0 : r.adcode) === t.adcode ? (l(), k(f, {
+                      key: 0,
+                      name: "i-lucide:chevron-right",
+                      class: "size-4 shrink-0 ml-1 text-muted"
+                    })) : I("", !0)
+                  ], 10, ke);
+                }), 128))
+              ]),
+              p("div", Ce, [
+                N.value.length > 0 ? (l(!0), i(j, { key: 0 }, B(N.value, (t) => {
+                  var d, r;
+                  return l(), i("div", {
+                    key: t.adcode,
+                    class: b(["flex items-center justify-between h-9 px-3 cursor-pointer select-none text-sm", ((d = c.value) == null ? void 0 : d.adcode) === t.adcode ? "bg-accented/70" : "hover:bg-muted"]),
+                    onClick: (D) => W(t)
+                  }, [
+                    p("span", ze, C(t.name), 1),
+                    ((r = c.value) == null ? void 0 : r.adcode) === t.adcode ? (l(), k(f, {
+                      key: 0,
+                      name: "i-lucide:chevron-right",
+                      class: "size-4 shrink-0 ml-1 text-muted"
+                    })) : I("", !0)
+                  ], 10, we);
+                }), 128)) : (l(), i("div", Ve, "请选择省份"))
+              ]),
+              p("div", $e, [
+                R.value.length > 0 ? (l(!0), i(j, { key: 0 }, B(R.value, (t) => {
+                  var d, r;
+                  return l(), i("div", {
+                    key: t.adcode,
+                    class: b(["flex items-center justify-between h-9 px-3 cursor-pointer select-none text-sm", ((d = s.value) == null ? void 0 : d.districtCode) === t.adcode ? "bg-accented/70" : "hover:bg-muted"]),
+                    onClick: (D) => X(t)
+                  }, [
+                    p("span", Be, C(t.name), 1),
+                    ((r = s.value) == null ? void 0 : r.districtCode) === t.adcode ? (l(), k(f, {
+                      key: 0,
+                      name: "i-lucide:check",
+                      class: "size-3.5 shrink-0 ml-1 text-primary"
+                    })) : I("", !0)
+                  ], 10, je);
+                }), 128)) : (l(), i("div", Ie, "请选择城市"))
+              ])
+            ]))
+          ])
+        ]),
+        default: $(() => [
+          U(v, {
+            color: "neutral",
+            variant: "outline",
+            disabled: y.disabled || V.value,
+            loading: V.value,
+            size: y.size,
+            ui: oe.value,
+            "trailing-icon": "i-lucide:chevron-down",
+            class: "w-full saberButton"
+          }, ve({
+            default: $(() => [
+              p("span", {
+                class: b(["truncate", q.value ? "" : "text-muted/60 font-normal"])
+              }, C(ee.value), 3)
+            ]),
+            _: 2
+          }, [
+            q.value && y.clearable ? {
+              name: "trailing",
+              fn: $(() => [
+                U(v, {
+                  color: "neutral",
+                  variant: "ghost",
+                  icon: "i-solar:close-circle-outline",
+                  ui: { base: "p-1 min-w-0 -mr-1.5", leadingIcon: "size-4" },
+                  onPointerdown: o[0] || (o[0] = M(() => {
+                  }, ["stop", "prevent"])),
+                  onMousedown: o[1] || (o[1] = M(() => {
+                  }, ["stop", "prevent"])),
+                  onClick: M(Z, ["stop", "prevent"])
+                })
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["disabled", "loading", "size", "ui"])
+        ]),
+        _: 1
+      }, 8, ["open"]);
+    };
+  }
+});
+export {
+  Ee as _
+};

package/dist/{SaberInfo.vue_vue_type_script_setup_true_lang-B3W5VsGR.js → SaberInfo.vue_vue_type_script_setup_true_lang-B_1ugpqI.js}

@@ -16,7 +16,7 @@ const q = /* @__PURE__ */ b({
     gap: {}
   },
   setup(l) {
-    const a = l, e = k(E, void 0), s = t(() => a.leading ?? (e == null ? void 0 : e.value.leading)), d = t(() => a.truncate ?? (e == null ? void 0 : e.value.truncate) ?? !0), c = t(() => a.mode ?? (e == null ? void 0 : e.value.mode) ?? "default"), v = t(() => a.lineheight ?? (e == null ? void 0 : e.value.lineheight)), i = t(() => a.variant ?? (e == null ? void 0 : e.value.variant) ?? "horizontal"), n = t(() => a.gap ?? (e == null ? void 0 : e.value.gap)), f = t(() => c.value === "muted" ? "text-muted/75" : c.value === "light" ? "text-muted/55" : ""), g = t(() => {
+    const a = l, e = k(E, void 0), s = t(() => a.leading ?? (e == null ? void 0 : e.value.leading)), d = t(() => a.truncate ?? (e == null ? void 0 : e.value.truncate) ?? !0), c = t(() => a.mode ?? (e == null ? void 0 : e.value.mode) ?? "default"), v = t(() => a.lineheight ?? (e == null ? void 0 : e.value.lineheight)), i = t(() => a.variant ?? (e == null ? void 0 : e.value.variant) ?? "horizontal"), n = t(() => a.gap ?? (e == null ? void 0 : e.value.gap)), f = t(() => c.value === "muted" ? "text-muted" : c.value === "light" ? "text-dimmed" : ""), g = t(() => {
       if (!(i.value !== "vertical" || n.value === void 0))
         return { gap: typeof n.value == "number" ? `${n.value}px` : n.value };
     });

package/dist/SaberPopSelect.vue_vue_type_script_setup_true_lang-eH8jkkzK.js

@@ -0,0 +1,162 @@
+import M from "@nuxt/ui/components/Popover.vue";
+import N from "@nuxt/ui/runtime/vue/components/Icon.vue";
+import P from "@nuxt/ui/components/Button.vue";
+import { defineComponent as U, useModel as E, ref as L, useAttrs as j, computed as i, openBlock as u, createBlock as x, withCtx as r, createVNode as y, mergeProps as $, unref as F, createSlots as R, createElementVNode as p, normalizeClass as z, toDisplayString as S, withModifiers as m, createElementBlock as v, Fragment as D, renderList as G, createCommentVNode as T, mergeModels as k } from "vue";
+const Z = {
+  xs: {
+    height: "h-6",
+    square: "size-6",
+    paginationButtons: "[&_button]:h-6",
+    nuxtSize: "xs"
+  },
+  sm: {
+    height: "h-7",
+    square: "size-7",
+    paginationButtons: "[&_button]:h-7",
+    nuxtSize: "sm"
+  },
+  sl: {
+    height: "h-8",
+    square: "size-8",
+    paginationButtons: "[&_button]:h-8",
+    nuxtSize: "sm"
+  },
+  md: {
+    height: "h-9",
+    square: "size-9",
+    paginationButtons: "[&_button]:h-9",
+    nuxtSize: "md"
+  },
+  lg: {
+    height: "h-10",
+    square: "size-10",
+    paginationButtons: "[&_button]:h-10",
+    nuxtSize: "lg"
+  }
+}, H = {
+  style: { width: "var(--reka-popper-anchor-width)" },
+  class: "p-2 max-h-60 overflow-y-auto flex flex-col gap-0.5"
+}, J = ["onClick"], K = { class: "flex-1 truncate" }, Q = {
+  key: 1,
+  class: "flex items-center justify-center h-10 text-sm text-muted px-3"
+}, ne = /* @__PURE__ */ U({
+  name: "SaberPopSelect",
+  inheritAttrs: !1,
+  __name: "SaberPopSelect",
+  props: /* @__PURE__ */ k({
+    items: { default: () => [] },
+    placeholder: { default: "请选择" },
+    multiple: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: !1 },
+    size: { default: "lg" }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ k(["change"], ["update:modelValue"]),
+  setup(s, { emit: B }) {
+    const l = s, c = B, n = E(s, "modelValue"), d = L(!1), h = j(), f = i(() => Z[l.size]), w = i(() => ({
+      base: `${f.value.height} rounded-sm justify-between`,
+      trailingIcon: "size-4"
+    }));
+    function g(t) {
+      return l.multiple ? Array.isArray(n.value) && n.value.includes(t.value) : n.value === t.value;
+    }
+    function A(t) {
+      if (!t.disabled) {
+        if (l.multiple) {
+          const e = Array.isArray(n.value) ? [...n.value] : [], a = e.indexOf(t.value);
+          a === -1 ? e.push(t.value) : e.splice(a, 1), n.value = e, c("change", e);
+          return;
+        }
+        n.value = t.value, d.value = !1, c("change", t.value);
+      }
+    }
+    function C() {
+      const t = l.multiple ? [] : void 0;
+      n.value = t, c("change", t);
+    }
+    const b = i(() => {
+      if (l.multiple) {
+        const e = Array.isArray(n.value) ? n.value : [];
+        return l.items.filter((a) => e.includes(a.value)).map((a) => a.label);
+      }
+      const t = l.items.find((e) => e.value === n.value);
+      return t ? [t.label] : [];
+    }), V = i(() => b.value.length > 0 ? b.value.join(", ") : l.placeholder), _ = i(() => l.multiple ? Array.isArray(n.value) && n.value.length > 0 : n.value != null && n.value !== ""), O = i(() => {
+      const { class: t, ...e } = h;
+      return e;
+    });
+    return (t, e) => {
+      const a = P, q = N, I = M;
+      return u(), x(I, {
+        open: d.value,
+        "onUpdate:open": e[2] || (e[2] = (o) => d.value = o),
+        content: { align: "start", sideOffset: 4 }
+      }, {
+        content: r(() => [
+          p("div", H, [
+            s.items.length > 0 ? (u(!0), v(D, { key: 0 }, G(s.items, (o) => (u(), v("div", {
+              key: String(o.value),
+              class: z(["flex items-center h-10 px-3 rounded-sm select-none text-sm", [
+                o.disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer",
+                g(o) ? "bg-accented/70" : o.disabled ? "" : "hover:bg-muted"
+              ]]),
+              onClick: (W) => A(o)
+            }, [
+              p("span", K, S(o.label), 1),
+              g(o) ? (u(), x(q, {
+                key: 0,
+                name: "i-lucide:check",
+                class: "size-4 shrink-0 ml-2"
+              })) : T("", !0)
+            ], 10, J))), 128)) : (u(), v("div", Q, "暂无数据"))
+          ])
+        ]),
+        default: r(() => [
+          y(a, $({
+            color: "neutral",
+            variant: "outline",
+            disabled: s.disabled,
+            size: f.value.nuxtSize,
+            ui: w.value,
+            "trailing-icon": "i-lucide:chevron-down"
+          }, O.value, {
+            class: F(h).class || "w-full"
+          }), R({
+            default: r(() => [
+              p("span", {
+                class: z(["truncate", _.value ? "" : "text-muted/60 font-normal"])
+              }, S(V.value), 3)
+            ]),
+            _: 2
+          }, [
+            _.value && s.clearable ? {
+              name: "trailing",
+              fn: r(() => [
+                y(a, {
+                  color: "neutral",
+                  variant: "ghost",
+                  icon: "i-solar:close-circle-outline",
+                  ui: { base: "p-1 min-w-0 -mr-1.5", leadingIcon: "size-4" },
+                  onPointerdown: e[0] || (e[0] = m(() => {
+                  }, ["stop", "prevent"])),
+                  onMousedown: e[1] || (e[1] = m(() => {
+                  }, ["stop", "prevent"])),
+                  onClick: m(C, ["stop", "prevent"])
+                })
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1040, ["disabled", "size", "ui", "class"])
+        ]),
+        _: 1
+      }, 8, ["open"]);
+    };
+  }
+});
+export {
+  Z as S,
+  ne as _
+};

package/dist/SaberSwitchBar.vue_vue_type_script_setup_true_lang-CIbFBx5r.js

@@ -0,0 +1,47 @@
+import { defineComponent as p, useModel as b, computed as f, openBlock as r, createElementBlock as i, normalizeClass as a, createElementVNode as s, Fragment as h, renderList as w, toDisplayString as x, mergeModels as c } from "vue";
+const g = ["onClick"], C = /* @__PURE__ */ p({
+  name: "SaberSwitchBar",
+  __name: "SaberSwitchBar",
+  props: /* @__PURE__ */ c({
+    tabs: {},
+    ui: { default: () => ({}) }
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ c(["change"], ["update:modelValue"]),
+  setup(o, { emit: u }) {
+    const d = o, m = u, n = b(o, "modelValue"), e = f(() => ({
+      root: "rounded-full bg-accented/80 p-1.25",
+      scroller: "w-full overflow-x-auto touch-pan-x [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
+      list: "inline-flex w-max min-w-max items-center gap-1",
+      tab: "shrink-0 whitespace-nowrap rounded-full px-4 py-2.5 text-sm leading-none transition-colors duration-100",
+      tabActive: "bg-primary text-white font-bold cursor-default",
+      tabInactive: "text-muted hover:text-default cursor-pointer font-bold",
+      ...d.ui
+    }));
+    function v(t) {
+      n.value !== t && (n.value = t, m("change", t));
+    }
+    return (t, k) => (r(), i("div", {
+      class: a(e.value.root)
+    }, [
+      s("div", {
+        class: a(e.value.scroller)
+      }, [
+        s("div", {
+          class: a(e.value.list)
+        }, [
+          (r(!0), i(h, null, w(o.tabs, (l) => (r(), i("span", {
+            key: String(l.value),
+            class: a([e.value.tab, n.value === l.value ? e.value.tabActive : e.value.tabInactive]),
+            onClick: (S) => v(l.value)
+          }, x(l.label), 11, g))), 128))
+        ], 2)
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  C as _
+};

package/dist/components/SaberAppLayout.mjs

@@ -1,4 +1,4 @@
-import { _ as f } from "../SaberAppLayout.vue_vue_type_script_setup_true_lang-R7F5K7kj.js";
+import { _ as f } from "../SaberAppLayout.vue_vue_type_script_setup_true_lang-Hr4TdNqR.js";
 export {
   f as default
 };

package/dist/components/SaberInfo.mjs

@@ -1,4 +1,4 @@
-import { _ as f } from "../SaberInfo.vue_vue_type_script_setup_true_lang-B3W5VsGR.js";
+import { _ as f } from "../SaberInfo.vue_vue_type_script_setup_true_lang-B_1ugpqI.js";
 export {
   f as default
 };

package/dist/components/SaberPagination.vue.d.ts

@@ -0,0 +1,48 @@
+type SaberPaginationComponentUI = Record<string, string | undefined>;
+interface SaberPaginationUI {
+    root?: string;
+    info?: string;
+    total?: string;
+    tips?: string;
+    controls?: string;
+    pageSize?: string;
+    pageSizeUi?: SaberPaginationComponentUI;
+    pagination?: string;
+    paginationUi?: SaberPaginationComponentUI;
+}
+type __VLS_Props = {
+    page?: number;
+    pageSize?: number;
+    total: number;
+    pageSizes?: number[];
+    size?: string;
+    ui?: SaberPaginationUI;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        tips?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:page": (value: number) => any;
+    "update:pageSize": (value: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:page"?: ((value: number) => any) | undefined;
+    "onUpdate:pageSize"?: ((value: number) => any) | undefined;
+}>, {
+    page: number;
+    pageSize: number;
+    pageSizes: number[];
+    size: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/SaberSwitchBar.mjs

@@ -1,4 +1,4 @@
-import { _ as f } from "../SaberSwitchBar.vue_vue_type_script_setup_true_lang-CDx3Dcas.js";
+import { _ as f } from "../SaberSwitchBar.vue_vue_type_script_setup_true_lang-CIbFBx5r.js";
 export {
   f as default
 };

package/dist/components/layout/SaberAppLayout.types.d.ts

@@ -7,6 +7,7 @@ export interface SaberAppLayoutProps {
     title?: string;
     description?: string;
     maxWidth?: SaberAppLayoutMaxWidth;
+    showHeader?: boolean;
     navigationKey?: string | number;
     sidebarWidth?: number | string;
     phoneBreakpoint?: number;
@@ -32,9 +33,16 @@ export interface SaberAppLayoutUI {
     desktopSidebar?: string;
     main?: string;
     header?: string;
+    headerInner?: string;
     headerHeading?: string;
+    headerTitle?: string;
     title?: string;
+    headerTitleSuffix?: string;
+    headerTitleSeparator?: string;
+    pageHeaderTitleSuffixTarget?: string;
+    headerDescription?: string;
     description?: string;
+    pageHeaderDescriptionTarget?: string;
     headerSuffix?: string;
     pageHeaderSuffixTarget?: string;
     content?: string;

package/dist/components/layout/SaberAppLayout.vue.d.ts

@@ -35,6 +35,8 @@ declare function __VLS_template(): {
         dock?: (props: SaberAppLayoutNavigationSlotContext) => unknown;
     };
     refs: {
+        titleSuffixTarget: HTMLDivElement;
+        descriptionTarget: HTMLDivElement;
         suffixTarget: HTMLDivElement;
         menuButton: unknown;
     };
@@ -54,6 +56,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     description: string;
     ui: import('./SaberAppLayout.types').SaberAppLayoutUI;
     maxWidth: import('./SaberAppLayout.types').SaberAppLayoutMaxWidth;
+    showHeader: boolean;
     navigationKey: string | number;
     sidebarWidth: number | string;
     phoneBreakpoint: number;
@@ -66,6 +69,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     menuOpenIcon: string;
     menuCloseIcon: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    titleSuffixTarget: HTMLDivElement;
+    descriptionTarget: HTMLDivElement;
     suffixTarget: HTMLDivElement;
     menuButton: unknown;
 }, HTMLDivElement>;

package/dist/composables/index.d.ts

@@ -8,7 +8,7 @@ export { useSkeleton } from './use-skeleton';
 export { useDelayUnmount } from './use-delay-unmount';
 export { useAddressParse } from './use-address-parse';
 export type { UseAddressParseResult } from './use-address-parse';
-export { providePageHeader, usePageHeader, usePageHeaderSuffix } from './use-page-header';
+export { providePageHeader, usePageHeader, usePageHeaderDescription, usePageHeaderSuffix, usePageHeaderTitleSuffix, } from './use-page-header';
 export type { PageHeaderOptions, PageHeaderState } from './use-page-header';
 export { normalizeTableResponse, useTable } from './use-table';
 export type { ApiFn, ApiParams, MaybePromise, NormalizedTableResponse, PaginationConfig, TableConfig, TableDataWithIndex, TablePagination, } from './use-table';

package/dist/composables/use-page-header.d.ts

@@ -7,9 +7,11 @@ export interface PageHeaderOptions {
     title?: MaybeRefOrGetter<string | undefined>;
     description?: MaybeRefOrGetter<string | undefined>;
 }
-export declare function providePageHeader(suffixTarget: Ref<HTMLElement | null>): {
+export declare function providePageHeader(suffixTarget: Ref<HTMLElement | null>, descriptionTarget?: Ref<HTMLElement | null>, titleSuffixTarget?: Ref<HTMLElement | null>): {
     title?: string | undefined;
     description?: string | undefined;
 };
 export declare function usePageHeader(options: PageHeaderOptions): void;
 export declare function usePageHeaderSuffix(): Ref<HTMLElement | null, HTMLElement | null>;
+export declare function usePageHeaderDescription(): Ref<HTMLElement | null, HTMLElement | null>;
+export declare function usePageHeaderTitleSuffix(): Ref<HTMLElement | null, HTMLElement | null>;