@owocow/saber-ui 0.1.13 → 0.1.15

package/dist/index.mjs

@@ -1,26 +1,28 @@
-import h from "@nuxt/ui/vue-plugin";
-import y from "@nuxt/ui/components/Badge.vue";
-import { defineComponent as _, computed as f, openBlock as s, createBlock as $, normalizeStyle as v, withCtx as C, createTextVNode as k, toDisplayString as b, createElementBlock as i, normalizeClass as B, createElementVNode as l, createVNode as I, createCommentVNode as m, renderSlot as u } from "vue";
-import N from "@nuxt/ui/runtime/vue/components/Icon.vue";
-import { _ as D } from "./SaberConfirmModal.vue_vue_type_script_setup_true_lang-Cqp9krYl.js";
-import { _ as M } from "./SaberConfirmProvider.vue_vue_type_script_setup_true_lang-DUJ6ftNJ.js";
-import { _ as w } from "./SaberInfo.vue_vue_type_script_setup_true_lang-B3W5VsGR.js";
-import { _ as A } from "./SaberInfoProvider.vue_vue_type_script_setup_true_lang-3rF6bSCn.js";
-import { _ as P } from "./SaberModalWithMobile.vue_vue_type_script_setup_true_lang-aQlToncY.js";
-import { _ as z } from "./SaberStatus.vue_vue_type_script_setup_true_lang-D9aRVCow.js";
-import { _ as F } from "./SaberSwitchBar.vue_vue_type_script_setup_true_lang-CDx3Dcas.js";
-import { _ as L } from "./SaberAppLayout.vue_vue_type_script_setup_true_lang-R7F5K7kj.js";
-import { _ as U } from "./SaberAppSidebar.vue_vue_type_script_setup_true_lang-Cwuj9VNi.js";
-import { _ as V } from "./SaberNavigationSearch.vue_vue_type_script_setup_true_lang-Bj96kMla.js";
-import { k as W } from "./plugin-Dr3z0YFg.js";
-import { _ as ue, a as Se, b as _e, c as pe, d as ge, e as xe } from "./plugin-Dr3z0YFg.js";
-import { _ as ye } from "./SaberModal.vue_vue_type_script_setup_true_lang-DJno3jA3.js";
-import { _ as ve } from "./SaberDictCheckbox.vue_vue_type_script_setup_true_lang-DUbzy_C6.js";
-import { _ as ke, a as Be } from "./SaberDictRadio.vue_vue_type_script_setup_true_lang-DR6-jSID.js";
-import { _ as Ne } from "./SaberDictSelect.vue_vue_type_script_setup_true_lang-B8PTKNKX.js";
-import { _ as Me } from "./SaberDistrictSelect.vue_vue_type_script_setup_true_lang-BX8nLC35.js";
-import { _ as Ae } from "./SaberPopSelect.vue_vue_type_script_setup_true_lang-BcS27NXI.js";
-const d = {
+import M from "@nuxt/ui/vue-plugin";
+import V from "@nuxt/ui/components/Badge.vue";
+import { defineComponent as z, computed as p, openBlock as m, createBlock as A, normalizeStyle as F, withCtx as L, createTextVNode as x, toDisplayString as S, createElementBlock as d, normalizeClass as c, createElementVNode as u, createVNode as v, createCommentVNode as f, renderSlot as $ } from "vue";
+import W from "@nuxt/ui/runtime/vue/components/Icon.vue";
+import { _ as j } from "./SaberConfirmModal.vue_vue_type_script_setup_true_lang-Cqp9krYl.js";
+import { _ as H } from "./SaberConfirmProvider.vue_vue_type_script_setup_true_lang-DUJ6ftNJ.js";
+import { _ as R } from "./SaberInfo.vue_vue_type_script_setup_true_lang-B_1ugpqI.js";
+import { _ as T } from "./SaberInfoProvider.vue_vue_type_script_setup_true_lang-3rF6bSCn.js";
+import { _ as E } from "./SaberModalWithMobile.vue_vue_type_script_setup_true_lang-aQlToncY.js";
+import O from "@nuxt/ui/components/Pagination.vue";
+import G from "@nuxt/ui/components/Select.vue";
+import { _ as K } from "./SaberStatus.vue_vue_type_script_setup_true_lang-D9aRVCow.js";
+import { _ as q } from "./SaberSwitchBar.vue_vue_type_script_setup_true_lang-CIbFBx5r.js";
+import { _ as J } from "./SaberAppLayout.vue_vue_type_script_setup_true_lang-Hr4TdNqR.js";
+import { _ as Q } from "./SaberAppSidebar.vue_vue_type_script_setup_true_lang-Cwuj9VNi.js";
+import { _ as X } from "./SaberNavigationSearch.vue_vue_type_script_setup_true_lang-Bj96kMla.js";
+import { k as Y } from "./plugin-Cg7MKH3t.js";
+import { _ as Ne, a as Pe, b as we, c as De, d as Me, e as Ve } from "./plugin-Cg7MKH3t.js";
+import { _ as Fe } from "./SaberModal.vue_vue_type_script_setup_true_lang-DJno3jA3.js";
+import { _ as We } from "./SaberDictCheckbox.vue_vue_type_script_setup_true_lang-DUbzy_C6.js";
+import { _ as He, a as Re } from "./SaberDictRadio.vue_vue_type_script_setup_true_lang-DR6-jSID.js";
+import { _ as Ee } from "./SaberDictSelect.vue_vue_type_script_setup_true_lang-BKdOdlFX.js";
+import { _ as Ge } from "./SaberDistrictSelect.vue_vue_type_script_setup_true_lang-jkl2AOay.js";
+import { _ as qe } from "./SaberPopSelect.vue_vue_type_script_setup_true_lang-eH8jkkzK.js";
+const y = {
   red: { 500: "#ef4444", 600: "#dc2626" },
   orange: { 500: "#f97316", 600: "#ea580c" },
   amber: { 500: "#f59e0b", 600: "#d97706" },
@@ -43,16 +45,16 @@ const d = {
   zinc: { 500: "#71717a", 600: "#52525b" },
   neutral: { 500: "#737373", 600: "#525252" },
   stone: { 500: "#78716c", 600: "#57534e" }
-}, H = d.gray;
-function S(e, t) {
-  var o, a;
-  return ((o = d[e]) == null ? void 0 : o[t]) ?? ((a = d[e]) == null ? void 0 : a[500]) ?? H[500];
+}, Z = y.gray;
+function w(e, a) {
+  var t, s;
+  return ((t = y[e]) == null ? void 0 : t[a]) ?? ((s = y[e]) == null ? void 0 : s[500]) ?? Z[500];
 }
-function R(e, t) {
-  const o = parseInt(e.slice(1, 3), 16), a = parseInt(e.slice(3, 5), 16), r = parseInt(e.slice(5, 7), 16);
-  return `rgba(${o}, ${a}, ${r}, ${t / 100})`;
+function ee(e, a) {
+  const t = parseInt(e.slice(1, 3), 16), s = parseInt(e.slice(3, 5), 16), n = parseInt(e.slice(5, 7), 16);
+  return `rgba(${t}, ${s}, ${n}, ${a / 100})`;
 }
-const T = /* @__PURE__ */ _({
+const te = /* @__PURE__ */ z({
   __name: "BadgeStatus",
   props: {
     value: {},
@@ -61,40 +63,40 @@ const T = /* @__PURE__ */ _({
     textColorWeight: { default: 500 }
   },
   setup(e) {
-    const t = e, o = f(() => {
-      const r = String(t.value);
-      for (const c of t.config) {
-        const n = c.split(":");
-        if (n.length < 2) continue;
-        const p = n[0], g = n[1], x = n[2] || "gray";
-        if (g === r)
-          return { label: p, color: x };
+    const a = e, t = p(() => {
+      const n = String(a.value);
+      for (const l of a.config) {
+        const i = l.split(":");
+        if (i.length < 2) continue;
+        const g = i[0], o = i[1], r = i[2] || "gray";
+        if (o === n)
+          return { label: g, color: r };
       }
-      return { label: r, color: "gray" };
-    }), a = f(() => {
-      const { color: r } = o.value, c = S(r, 500), n = S(r, t.textColorWeight);
+      return { label: n, color: "gray" };
+    }), s = p(() => {
+      const { color: n } = t.value, l = w(n, 500), i = w(n, a.textColorWeight);
       return {
-        backgroundColor: R(c, t.bgOpacity),
-        color: n
+        backgroundColor: ee(l, a.bgOpacity),
+        color: i
       };
     });
-    return (r, c) => {
-      const n = y;
-      return s(), $(n, {
-        style: v(a.value),
+    return (n, l) => {
+      const i = V;
+      return m(), A(i, {
+        style: F(s.value),
         class: "inline-flex items-center rounded-full border-0 pt-0.75 pb-0.75 px-2 text-xs font-medium"
       }, {
-        default: C(() => [
-          k(b(o.value.label), 1)
+        default: L(() => [
+          x(S(t.value.label), 1)
         ]),
         _: 1
       }, 8, ["style"]);
     };
   }
-}), E = { class: "rounded-md border border-accented p-3" }, O = { class: "flex flex-col gap-1" }, j = { class: "text-base font-semibold mb-2 text-highlighted w-60" }, G = {
+}), ae = { class: "rounded-md border border-accented p-3" }, oe = { class: "flex flex-col gap-1" }, re = { class: "text-base font-semibold mb-2 text-highlighted w-60" }, se = {
   key: 0,
   class: "text-sm text-muted w-60"
-}, K = { key: 0 }, q = { key: 1 }, J = /* @__PURE__ */ _({
+}, ne = { key: 0 }, ie = { key: 1 }, le = /* @__PURE__ */ z({
   name: "SaberNoData",
   __name: "SaberNoData",
   props: {
@@ -105,65 +107,140 @@ const T = /* @__PURE__ */ _({
     description: { default: "当前列表为空，还没有任何数据" }
   },
   setup(e) {
-    return (t, o) => {
-      const a = N;
-      return s(), i("div", {
-        class: B([
+    return (a, t) => {
+      const s = W;
+      return m(), d("div", {
+        class: c([
           "flex flex-col items-center justify-center gap-6 rounded-md p-10 text-center bg-default",
           e.border && "border border-accented",
-          t.$props.class
+          a.$props.class
         ])
       }, [
-        l("div", E, [
-          I(a, {
+        u("div", ae, [
+          v(s, {
             name: e.icon,
             class: "size-5"
           }, null, 8, ["name"])
         ]),
-        l("div", O, [
-          l("h4", j, b(e.title), 1),
-          e.description ? (s(), i("p", G, b(e.description), 1)) : m("", !0)
+        u("div", oe, [
+          u("h4", re, S(e.title), 1),
+          e.description ? (m(), d("p", se, S(e.description), 1)) : f("", !0)
         ]),
-        t.$slots.default ? (s(), i("div", K, [
-          u(t.$slots, "default")
-        ])) : m("", !0),
-        t.$slots.extra ? (s(), i("p", q, [
-          u(t.$slots, "extra")
-        ])) : m("", !0)
+        a.$slots.default ? (m(), d("div", ne, [
+          $(a.$slots, "default")
+        ])) : f("", !0),
+        a.$slots.extra ? (m(), d("p", ie, [
+          $(a.$slots, "extra")
+        ])) : f("", !0)
       ], 2);
     };
   }
-}), be = {
-  install(e, t = {}) {
-    e.use(h), e.component("SaberBadgeStatus", T), e.component("SaberNoData", J), e.component("SaberConfirmModal", D), e.component("SaberConfirmProvider", M), e.component("SaberInfo", w), e.component("SaberInfoProvider", A), e.component("SaberModalWithMobile", P), e.component("SaberStatus", z), e.component("SaberSwitchBar", F), e.component("SaberAppSidebar", U), e.component("SaberNavigationSearch", V), e.component("SaberAppLayout", L), W(e, t.forms);
+}), ce = /* @__PURE__ */ z({
+  __name: "SaberPagination",
+  props: {
+    page: { default: 1 },
+    pageSize: { default: 10 },
+    total: {},
+    pageSizes: { default: () => [10, 20, 50, 100] },
+    size: { default: "sm" },
+    ui: {}
+  },
+  emits: ["update:page", "update:pageSize"],
+  setup(e, { emit: a }) {
+    const t = e, s = a, n = p({
+      get: () => t.page,
+      set: (o) => s("update:page", o)
+    }), l = p({
+      get: () => t.pageSize,
+      set: (o) => s("update:pageSize", o)
+    }), i = p(() => t.pageSizes.map((o) => ({ label: `${o} 条/页`, value: o }))), g = p(() => {
+      var o, r, b;
+      return {
+        ...(o = t.ui) == null ? void 0 : o.pageSizeUi,
+        base: ["text-sm rounded-sm h-auto saberButton", (b = (r = t.ui) == null ? void 0 : r.pageSizeUi) == null ? void 0 : b.base].filter(Boolean).join(" ")
+      };
+    });
+    return (o, r) => {
+      var h, B, k, C, I, U, N, P;
+      const b = G, D = O;
+      return m(), d("div", {
+        class: c(["flex w-full items-center justify-between", (h = t.ui) == null ? void 0 : h.root])
+      }, [
+        u("div", {
+          class: c(["flex flex-col gap-1", (B = t.ui) == null ? void 0 : B.info])
+        }, [
+          u("span", {
+            class: c(["text-xs mr-4", (k = t.ui) == null ? void 0 : k.total])
+          }, [
+            r[2] || (r[2] = x("总计 ", -1)),
+            u("b", null, S(t.total), 1),
+            r[3] || (r[3] = x(" 条", -1))
+          ], 2),
+          o.$slots.tips ? (m(), d("div", {
+            key: 0,
+            class: c((C = t.ui) == null ? void 0 : C.tips)
+          }, [
+            $(o.$slots, "tips")
+          ], 2)) : f("", !0)
+        ], 2),
+        u("div", {
+          class: c(["flex items-center gap-2", (I = t.ui) == null ? void 0 : I.controls])
+        }, [
+          v(b, {
+            modelValue: l.value,
+            "onUpdate:modelValue": r[0] || (r[0] = (_) => l.value = _),
+            items: i.value,
+            ui: g.value,
+            size: t.size,
+            class: c(["w-28 max-[768px]:hidden", (U = t.ui) == null ? void 0 : U.pageSize])
+          }, null, 8, ["modelValue", "items", "ui", "size", "class"]),
+          v(D, {
+            page: n.value,
+            "onUpdate:page": r[1] || (r[1] = (_) => n.value = _),
+            size: t.size,
+            "active-color": "primary",
+            "active-variant": "subtle",
+            total: t.total,
+            "items-per-page": l.value,
+            ui: (N = t.ui) == null ? void 0 : N.paginationUi,
+            class: c((P = t.ui) == null ? void 0 : P.pagination)
+          }, null, 8, ["page", "size", "total", "items-per-page", "ui", "class"])
+        ], 2)
+      ], 2);
+    };
+  }
+}), Ce = {
+  install(e, a = {}) {
+    e.use(M), e.component("SaberBadgeStatus", te), e.component("SaberNoData", le), e.component("SaberConfirmModal", j), e.component("SaberConfirmProvider", H), e.component("SaberInfo", R), e.component("SaberInfoProvider", T), e.component("SaberModalWithMobile", E), e.component("SaberPagination", ce), e.component("SaberStatus", K), e.component("SaberSwitchBar", q), e.component("SaberAppSidebar", Q), e.component("SaberNavigationSearch", X), e.component("SaberAppLayout", J), Y(e, a.forms);
   }
 };
 export {
-  L as SaberAppLayout,
-  U as SaberAppSidebar,
-  T as SaberBadgeStatus,
-  D as SaberConfirmModal,
-  M as SaberConfirmProvider,
-  ve as SaberDictCheckbox,
-  ke as SaberDictRadio,
-  Ne as SaberDictSelect,
-  Me as SaberDistrictSelect,
-  ue as SaberFilterBar,
-  Se as SaberFormModal,
-  w as SaberInfo,
-  A as SaberInfoProvider,
-  _e as SaberInput,
-  pe as SaberInputNumber,
-  ye as SaberModal,
-  P as SaberModalWithMobile,
-  V as SaberNavigationSearch,
-  J as SaberNoData,
-  Ae as SaberPopSelect,
-  Be as SaberRadioGroup,
-  ge as SaberSelect,
-  z as SaberStatus,
-  F as SaberSwitchBar,
-  xe as SaberTextarea,
-  be as default,
-  W as installSaberForms
+  J as SaberAppLayout,
+  Q as SaberAppSidebar,
+  te as SaberBadgeStatus,
+  j as SaberConfirmModal,
+  H as SaberConfirmProvider,
+  We as SaberDictCheckbox,
+  He as SaberDictRadio,
+  Ee as SaberDictSelect,
+  Ge as SaberDistrictSelect,
+  Ne as SaberFilterBar,
+  Pe as SaberFormModal,
+  R as SaberInfo,
+  T as SaberInfoProvider,
+  we as SaberInput,
+  De as SaberInputNumber,
+  Fe as SaberModal,
+  E as SaberModalWithMobile,
+  X as SaberNavigationSearch,
+  le as SaberNoData,
+  ce as SaberPagination,
+  qe as SaberPopSelect,
+  Re as SaberRadioGroup,
+  Me as SaberSelect,
+  K as SaberStatus,
+  q as SaberSwitchBar,
+  Ve as SaberTextarea,
+  Ce as default,
+  Y as installSaberForms
 };