st-comp 0.0.279 → 0.0.281

package/es/Pagination.js

@@ -1,69 +1,63 @@
-import { b as D, _ as L, e as te, u as A, j as pe, p as M, w as ce } from "./base-a5af3db3.js";
-import { z as ge, E as de } from "./zh-cn-b59a0910.js";
-import "./el-tag-66c83156.js";
-import { a as fe, E as ve } from "./el-select-44fa547d.js";
-import "./el-scrollbar-323542e7.js";
-import { C as J, d as me } from "./el-popper-fbd0dcea.js";
-import { E as be } from "./el-input-342b2def.js";
-import { defineComponent as _, computed as C, openBlock as c, createElementBlock as y, unref as a, toDisplayString as I, createBlock as w, withCtx as R, resolveDynamicComponent as ne, inject as Pe, ref as T, watch as O, normalizeClass as N, createVNode as X, Fragment as ie, renderList as re, createElementVNode as Z, withKeys as Ce, createCommentVNode as H, getCurrentInstance as ze, provide as he, h as B, withDirectives as ye, mergeProps as Se, vShow as _e } from "vue";
-import { E as le, k as ke, n as ee, o as Ne, p as xe, h as Ee } from "./index-eb96e074.js";
-import { i as G, k as oe, l as Te, h as we } from "./use-form-common-props-ed72e914.js";
-import { u as q } from "./index-d77a7336.js";
-import { m as se } from "./typescript-7ae59c4c.js";
-import { i as Me } from "./index-8c2d7e05.js";
-import { u as $e } from "./index-2e331d74.js";
-import { _ as Be } from "./_plugin-vue_export-helper-dad06003.js";
-import "./config-provider-88b637a8.js";
-import "./use-global-config-ee406d58.js";
-import "./index-960806da.js";
-import "./index-c5f2d372.js";
-import "./index-1e2a38ab.js";
-import "./castArray-7741a212.js";
-import "./index-f034b910.js";
-import "./scroll-679bd6bf.js";
-import "./debounce-8d53f4dd.js";
-import "./vnode-5ddb7ed1.js";
-const ue = Symbol("elPaginationKey"), Ie = D({
+import { z as ue, E as pe } from "./zh-cn-51c2e528.js";
+import { b as L, c as q, u as F, m as ge, v as de, s as w, w as ce } from "./base-dd156b8e.js";
+import { C as J } from "./el-popper-0454c8e8.js";
+import { i as R, k as te, l as fe, h as ve } from "./use-form-item-784142b4.js";
+import { m as ne } from "./typescript-7ae59c4c.js";
+import { u as me } from "./index-de9ad85c.js";
+import { u as O } from "./index-a181f161.js";
+import { E as ie, k as be, n as H, o as Pe, p as ye, h as Ce } from "./index-6a52dc7c.js";
+import { defineComponent as $, computed as m, openBlock as g, createElementBlock as z, unref as r, toDisplayString as A, createBlock as T, withCtx as Q, resolveDynamicComponent as re, inject as ze, ref as E, watch as K, normalizeClass as N, createVNode as Y, Fragment as le, renderList as oe, createElementVNode as ee, withKeys as _e, createCommentVNode as G, getCurrentInstance as Se, provide as he, h as I, withDirectives as Ne, mergeProps as ke, vShow as xe } from "vue";
+import { a as Ee, E as Te } from "./el-select-a573c78b.js";
+import { i as we } from "./index-9573f74b.js";
+import { E as Be } from "./el-input-d23f5442.js";
+import "./el-scrollbar-0a42c1d0.js";
+import "./el-tag-2d8a3fe7.js";
+import { _ as Me } from "./_plugin-vue_export-helper-dad06003.js";
+import "./config-provider-06d8207f.js";
+import "./use-global-config-9a4ccf33.js";
+import "./castArray-18eb6a41.js";
+import "./vnode-8ee9bf4e.js";
+import "./index-d9379af4.js";
+import "./index-c09fc6f5.js";
+import "./scroll-70271cb1.js";
+import "./index-dddacf80.js";
+import "./toNumber-f077c66a.js";
+import "./clamp-c7512966.js";
+import "./raf-b4fd1e12.js";
+const se = Symbol("elPaginationKey"), Ie = L({
   disabled: Boolean,
   currentPage: {
     type: Number,
     default: 1
   },
-  prevText: {
-    type: String
-  },
-  prevIcon: {
-    type: G
-  }
-}), De = {
-  click: (e) => e instanceof MouseEvent
-}, qe = _({
-  name: "ElPaginationPrev"
-}), je = /* @__PURE__ */ _({
-  ...qe,
+  prevText: { type: String },
+  prevIcon: { type: R }
+}), $e = { click: (e) => e instanceof MouseEvent }, je = [
+  "disabled",
+  "aria-label",
+  "aria-disabled"
+], De = { key: 0 };
+var Ae = /* @__PURE__ */ $({
+  name: "ElPaginationPrev",
+  __name: "prev",
   props: Ie,
-  emits: De,
+  emits: $e,
   setup(e) {
-    const o = e, { t: i } = q(), s = C(() => o.disabled || o.currentPage <= 1);
-    return (l, g) => (c(), y("button", {
+    const o = e, { t: n } = O(), d = m(() => o.disabled || o.currentPage <= 1);
+    return (i, u) => (g(), z("button", {
       type: "button",
       class: "btn-prev",
-      disabled: a(s),
-      "aria-label": l.prevText || a(i)("el.pagination.prev"),
-      "aria-disabled": a(s),
-      onClick: (f) => l.$emit("click", f)
-    }, [
-      l.prevText ? (c(), y("span", { key: 0 }, I(l.prevText), 1)) : (c(), w(a(le), { key: 1 }, {
-        default: R(() => [
-          (c(), w(ne(l.prevIcon)))
-        ]),
-        _: 1
-      }))
-    ], 8, ["disabled", "aria-label", "aria-disabled", "onClick"]));
+      disabled: d.value,
+      "aria-label": i.prevText || r(n)("el.pagination.prev"),
+      "aria-disabled": d.value,
+      onClick: u[0] || (u[0] = (c) => i.$emit("click", c))
+    }, [i.prevText ? (g(), z("span", De, A(i.prevText), 1)) : (g(), T(r(ie), { key: 1 }, {
+      default: Q(() => [(g(), T(re(i.prevIcon)))]),
+      _: 1
+    }))], 8, je));
   }
-});
-var Ae = /* @__PURE__ */ L(je, [["__file", "prev.vue"]]);
-const Le = D({
+}), Le = Ae;
+const Oe = L({
   disabled: Boolean,
   currentPage: {
     type: Number,
@@ -73,174 +67,182 @@ const Le = D({
     type: Number,
     default: 50
   },
-  nextText: {
-    type: String
-  },
-  nextIcon: {
-    type: G
-  }
-}), Fe = _({
-  name: "ElPaginationNext"
-}), Ue = /* @__PURE__ */ _({
-  ...Fe,
-  props: Le,
+  nextText: { type: String },
+  nextIcon: { type: R }
+}), Ue = [
+  "disabled",
+  "aria-label",
+  "aria-disabled"
+], qe = { key: 0 };
+var Fe = /* @__PURE__ */ $({
+  name: "ElPaginationNext",
+  __name: "next",
+  props: Oe,
   emits: ["click"],
   setup(e) {
-    const o = e, { t: i } = q(), s = C(() => o.disabled || o.currentPage === o.pageCount || o.pageCount === 0);
-    return (l, g) => (c(), y("button", {
+    const o = e, { t: n } = O(), d = m(() => o.disabled || o.currentPage === o.pageCount || o.pageCount === 0);
+    return (i, u) => (g(), z("button", {
       type: "button",
       class: "btn-next",
-      disabled: a(s),
-      "aria-label": l.nextText || a(i)("el.pagination.next"),
-      "aria-disabled": a(s),
-      onClick: (f) => l.$emit("click", f)
-    }, [
-      l.nextText ? (c(), y("span", { key: 0 }, I(l.nextText), 1)) : (c(), w(a(le), { key: 1 }, {
-        default: R(() => [
-          (c(), w(ne(l.nextIcon)))
-        ]),
-        _: 1
-      }))
-    ], 8, ["disabled", "aria-label", "aria-disabled", "onClick"]));
+      disabled: d.value,
+      "aria-label": i.nextText || r(n)("el.pagination.next"),
+      "aria-disabled": d.value,
+      onClick: u[0] || (u[0] = (c) => i.$emit("click", c))
+    }, [i.nextText ? (g(), z("span", qe, A(i.nextText), 1)) : (g(), T(r(ie), { key: 1 }, {
+      default: Q(() => [(g(), T(re(i.nextIcon)))]),
+      _: 1
+    }))], 8, Ue));
   }
-});
-var Ke = /* @__PURE__ */ L(Ue, [["__file", "next.vue"]]);
-const Y = () => Pe(ue, {}), Oe = D({
+}), Ke = Fe;
+const Z = () => ze(se, {}), Ve = L({
   pageSize: {
     type: Number,
     required: !0
   },
   pageSizes: {
-    type: te(Array),
-    default: () => se([10, 20, 30, 40, 50, 100])
+    type: q(Array),
+    default: () => ne([
+      10,
+      20,
+      30,
+      40,
+      50,
+      100
+    ])
   },
   popperClass: {
-    type: String
+    type: q([
+      String,
+      Array,
+      Object,
+      Boolean
+    ]),
+    default: void 0
+  },
+  popperStyle: {
+    type: q([
+      String,
+      Array,
+      Object,
+      Boolean
+    ]),
+    default: void 0
   },
   disabled: Boolean,
   teleported: Boolean,
   size: {
     type: String,
-    values: oe
+    values: te
   },
   appendSizeTo: String
-}), Ve = _({
-  name: "ElPaginationSizes"
-}), We = /* @__PURE__ */ _({
-  ...Ve,
-  props: Oe,
+});
+var We = /* @__PURE__ */ $({
+  name: "ElPaginationSizes",
+  __name: "sizes",
+  props: Ve,
   emits: ["page-size-change"],
   setup(e, { emit: o }) {
-    const i = e, { t: s } = q(), l = A("pagination"), g = Y(), f = T(i.pageSize);
-    O(() => i.pageSizes, (u, z) => {
-      if (!Me(u, z) && pe(u)) {
-        const p = u.includes(i.pageSize) ? i.pageSize : i.pageSizes[0];
-        o("page-size-change", p);
-      }
-    }), O(() => i.pageSize, (u) => {
-      f.value = u;
+    const n = e, d = o, { t: i } = O(), u = F("pagination"), c = Z(), f = E(n.pageSize);
+    K(() => n.pageSizes, (s, p) => {
+      we(s, p) || ge(s) && d("page-size-change", s.includes(n.pageSize) ? n.pageSize : n.pageSizes[0]);
+    }), K(() => n.pageSize, (s) => {
+      f.value = s;
     });
-    const m = C(() => i.pageSizes);
-    function P(u) {
-      var z;
-      u !== f.value && (f.value = u, (z = g.handleSizeChange) == null || z.call(g, Number(u)));
+    const _ = m(() => n.pageSizes);
+    function b(s) {
+      var p;
+      s !== f.value && (f.value = s, (p = c.handleSizeChange) == null || p.call(c, Number(s)));
     }
-    return (u, z) => (c(), y("span", {
-      class: N(a(l).e("sizes"))
-    }, [
-      X(a(fe), {
-        "model-value": f.value,
-        disabled: u.disabled,
-        "popper-class": u.popperClass,
-        size: u.size,
-        teleported: u.teleported,
-        "validate-event": !1,
-        "append-to": u.appendSizeTo,
-        onChange: P
-      }, {
-        default: R(() => [
-          (c(!0), y(ie, null, re(a(m), (p) => (c(), w(a(ve), {
-            key: p,
-            value: p,
-            label: p + a(s)("el.pagination.pagesize")
-          }, null, 8, ["value", "label"]))), 128))
-        ]),
-        _: 1
-      }, 8, ["model-value", "disabled", "popper-class", "size", "teleported", "append-to"])
-    ], 2));
+    return (s, p) => (g(), z("span", { class: N(r(u).e("sizes")) }, [Y(r(Ee), {
+      "model-value": f.value,
+      disabled: s.disabled,
+      "popper-class": s.popperClass,
+      "popper-style": s.popperStyle,
+      size: s.size,
+      teleported: s.teleported,
+      "validate-event": !1,
+      "append-to": s.appendSizeTo,
+      onChange: b
+    }, {
+      default: Q(() => [(g(!0), z(le, null, oe(_.value, (k) => (g(), T(r(Te), {
+        key: k,
+        value: k,
+        label: k + r(i)("el.pagination.pagesize")
+      }, null, 8, ["value", "label"]))), 128))]),
+      _: 1
+    }, 8, [
+      "model-value",
+      "disabled",
+      "popper-class",
+      "popper-style",
+      "size",
+      "teleported",
+      "append-to"
+    ])], 2));
   }
-});
-var He = /* @__PURE__ */ L(We, [["__file", "sizes.vue"]]);
-const Je = D({
-  size: {
-    type: String,
-    values: oe
-  }
-}), Ge = _({
-  name: "ElPaginationJumper"
-}), Re = /* @__PURE__ */ _({
-  ...Ge,
+}), Ge = We;
+const Je = L({ size: {
+  type: String,
+  values: te
+} }), Re = ["disabled"];
+var Qe = /* @__PURE__ */ $({
+  name: "ElPaginationJumper",
+  __name: "jumper",
   props: Je,
   setup(e) {
-    const { t: o } = q(), i = A("pagination"), { pageCount: s, disabled: l, currentPage: g, changeEvent: f } = Y(), m = T(), P = C(() => {
-      var p;
-      return (p = m.value) != null ? p : g == null ? void 0 : g.value;
-    });
-    function u(p) {
-      m.value = p ? +p : "";
+    const { t: o } = O(), n = F("pagination"), { pageCount: d, disabled: i, currentPage: u, changeEvent: c } = Z(), f = E(), _ = m(() => f.value ?? (u == null ? void 0 : u.value));
+    function b(p) {
+      f.value = p ? +p : "";
     }
-    function z(p) {
-      p = Math.trunc(+p), f == null || f(p), m.value = void 0;
+    function s(p) {
+      p = Math.trunc(+p), c == null || c(p), f.value = void 0;
     }
-    return (p, F) => (c(), y("span", {
-      class: N(a(i).e("jump")),
-      disabled: a(l)
+    return (p, k) => (g(), z("span", {
+      class: N(r(n).e("jump")),
+      disabled: r(i)
     }, [
-      Z("span", {
-        class: N([a(i).e("goto")])
-      }, I(a(o)("el.pagination.goto")), 3),
-      X(a(be), {
+      ee("span", { class: N([r(n).e("goto")]) }, A(r(o)("el.pagination.goto")), 3),
+      Y(r(Be), {
         size: p.size,
-        class: N([a(i).e("editor"), a(i).is("in-pagination")]),
+        class: N([r(n).e("editor"), r(n).is("in-pagination")]),
         min: 1,
-        max: a(s),
-        disabled: a(l),
-        "model-value": a(P),
+        max: r(d),
+        disabled: r(i),
+        "model-value": _.value,
         "validate-event": !1,
-        "aria-label": a(o)("el.pagination.page"),
+        "aria-label": r(o)("el.pagination.page"),
         type: "number",
-        "onUpdate:modelValue": u,
-        onChange: z
-      }, null, 8, ["size", "class", "max", "disabled", "model-value", "aria-label"]),
-      Z("span", {
-        class: N([a(i).e("classifier")])
-      }, I(a(o)("el.pagination.pageClassifier")), 3)
-    ], 10, ["disabled"]));
-  }
-});
-var Qe = /* @__PURE__ */ L(Re, [["__file", "jumper.vue"]]);
-const Xe = D({
-  total: {
-    type: Number,
-    default: 1e3
+        "onUpdate:modelValue": b,
+        onChange: s
+      }, null, 8, [
+        "size",
+        "class",
+        "max",
+        "disabled",
+        "model-value",
+        "aria-label"
+      ]),
+      ee("span", { class: N([r(n).e("classifier")]) }, A(r(o)("el.pagination.pageClassifier")), 3)
+    ], 10, Re));
   }
-}), Ye = _({
-  name: "ElPaginationTotal"
-}), Ze = /* @__PURE__ */ _({
-  ...Ye,
-  props: Xe,
+}), Xe = Qe;
+const Ye = L({ total: {
+  type: Number,
+  default: 1e3
+} }), Ze = ["disabled"];
+var He = /* @__PURE__ */ $({
+  name: "ElPaginationTotal",
+  __name: "total",
+  props: Ye,
   setup(e) {
-    const { t: o } = q(), i = A("pagination"), { disabled: s } = Y();
-    return (l, g) => (c(), y("span", {
-      class: N(a(i).e("total")),
-      disabled: a(s)
-    }, I(a(o)("el.pagination.total", {
-      total: l.total
-    })), 11, ["disabled"]));
+    const { t: o } = O(), n = F("pagination"), { disabled: d } = Z();
+    return (i, u) => (g(), z("span", {
+      class: N(r(n).e("total")),
+      disabled: r(d)
+    }, A(r(o)("el.pagination.total", { total: i.total })), 11, Ze));
   }
-});
-var ea = /* @__PURE__ */ L(Ze, [["__file", "total.vue"]]);
-const aa = D({
+}), ea = He;
+const aa = L({
   currentPage: {
     type: Number,
     default: 1
@@ -254,330 +256,420 @@ const aa = D({
     default: 7
   },
   disabled: Boolean
-}), ta = _({
-  name: "ElPaginationPager"
-}), na = /* @__PURE__ */ _({
-  ...ta,
+}), ta = [
+  "aria-current",
+  "aria-label",
+  "tabindex"
+], na = ["tabindex", "aria-label"], ia = [
+  "aria-current",
+  "aria-label",
+  "tabindex"
+], ra = ["tabindex", "aria-label"], la = [
+  "aria-current",
+  "aria-label",
+  "tabindex"
+];
+var oa = /* @__PURE__ */ $({
+  name: "ElPaginationPager",
+  __name: "pager",
   props: aa,
   emits: [J],
   setup(e, { emit: o }) {
-    const i = e, s = A("pager"), l = A("icon"), { t: g } = q(), f = T(!1), m = T(!1), P = T(!1), u = T(!1), z = T(!1), p = T(!1), F = C(() => {
-      const r = i.pagerCount, t = (r - 1) / 2, n = Number(i.currentPage), b = Number(i.pageCount);
-      let v = !1, k = !1;
-      b > r && (n > r - t && (v = !0), n < b - t && (k = !0));
-      const $ = [];
-      if (v && !k) {
-        const S = b - (r - 2);
-        for (let x = S; x < b; x++)
-          $.push(x);
-      } else if (!v && k)
-        for (let S = 2; S < r; S++)
-          $.push(S);
-      else if (v && k) {
-        const S = Math.floor(r / 2) - 1;
-        for (let x = n - S; x <= n + S; x++)
-          $.push(x);
+    const n = e, d = o, i = F("pager"), u = F("icon"), { t: c } = O(), f = E(!1), _ = E(!1), b = E(!1), s = E(!1), p = E(!1), k = E(!1), U = m(() => {
+      const a = n.pagerCount, t = (a - 1) / 2, l = Number(n.currentPage), S = Number(n.pageCount);
+      let h = !1, y = !1;
+      S > a && (l > a - t && (h = !0), l < S - t && (y = !0));
+      const M = [];
+      if (h && !y) {
+        const v = S - (a - 2);
+        for (let D = v; D < S; D++)
+          M.push(D);
+      } else if (!h && y)
+        for (let v = 2; v < a; v++)
+          M.push(v);
+      else if (h && y) {
+        const v = Math.floor(a / 2) - 1;
+        for (let D = l - v; D <= l + v; D++)
+          M.push(D);
       } else
-        for (let S = 2; S < b; S++)
-          $.push(S);
-      return $;
-    }), j = C(() => [
+        for (let v = 2; v < S; v++)
+          M.push(v);
+      return M;
+    }), x = m(() => [
       "more",
       "btn-quickprev",
-      l.b(),
-      s.is("disabled", i.disabled)
-    ]), E = C(() => [
+      u.b(),
+      i.is("disabled", n.disabled)
+    ]), P = m(() => [
       "more",
       "btn-quicknext",
-      l.b(),
-      s.is("disabled", i.disabled)
-    ]), d = C(() => i.disabled ? -1 : 0);
-    O(() => [i.pageCount, i.pagerCount, i.currentPage], ([r, t, n]) => {
-      const b = (t - 1) / 2;
-      let v = !1, k = !1;
-      r > t && (v = n > t - b, k = n < r - b), P.value && (P.value = v), u.value && (u.value = k), f.value = v, m.value = k;
+      u.b(),
+      i.is("disabled", n.disabled)
+    ]), B = m(() => n.disabled ? -1 : 0);
+    K(() => [
+      n.pageCount,
+      n.pagerCount,
+      n.currentPage
+    ], ([a, t, l]) => {
+      const S = (t - 1) / 2;
+      let h = !1, y = !1;
+      a > t && (h = l > t - S, y = l < a - S), b.value && (b.value = h), s.value && (s.value = y), f.value = h, _.value = y;
     }, { immediate: !0 });
-    function U(r = !1) {
-      i.disabled || (r ? P.value = !0 : u.value = !0);
+    function V(a = !1) {
+      n.disabled || (a ? b.value = !0 : s.value = !0);
     }
-    function V(r = !1) {
-      r ? z.value = !0 : p.value = !0;
+    function W(a = !1) {
+      a ? p.value = !0 : k.value = !0;
     }
-    function Q(r) {
-      const t = r.target;
+    function X(a) {
+      const t = a.target;
       if (t.tagName.toLowerCase() === "li" && Array.from(t.classList).includes("number")) {
-        const n = Number(t.textContent);
-        n !== i.currentPage && o(J, n);
+        const l = Number(t.textContent);
+        l !== n.currentPage && d(J, l);
       } else
-        t.tagName.toLowerCase() === "li" && Array.from(t.classList).includes("more") && W(r);
+        t.tagName.toLowerCase() === "li" && Array.from(t.classList).includes("more") && j(a);
     }
-    function W(r) {
-      const t = r.target;
-      if (t.tagName.toLowerCase() === "ul" || i.disabled)
+    function j(a) {
+      const t = a.target;
+      if (t.tagName.toLowerCase() === "ul" || n.disabled)
         return;
-      let n = Number(t.textContent);
-      const b = i.pageCount, v = i.currentPage, k = i.pagerCount - 2;
-      t.className.includes("more") && (t.className.includes("quickprev") ? n = v - k : t.className.includes("quicknext") && (n = v + k)), Number.isNaN(+n) || (n < 1 && (n = 1), n > b && (n = b)), n !== v && o(J, n);
+      let l = Number(t.textContent);
+      const S = n.pageCount, h = n.currentPage, y = n.pagerCount - 2;
+      t.className.includes("more") && (t.className.includes("quickprev") ? l = h - y : t.className.includes("quicknext") && (l = h + y)), Number.isNaN(+l) || (l < 1 && (l = 1), l > S && (l = S)), l !== h && d(J, l);
     }
-    return (r, t) => (c(), y("ul", {
-      class: N(a(s).b()),
-      onClick: W,
-      onKeyup: Ce(Q, ["enter"])
+    return (a, t) => (g(), z("ul", {
+      class: N(r(i).b()),
+      onClick: j,
+      onKeyup: _e(X, ["enter"])
     }, [
-      r.pageCount > 0 ? (c(), y("li", {
+      a.pageCount > 0 ? (g(), z("li", {
         key: 0,
-        class: N([[
-          a(s).is("active", r.currentPage === 1),
-          a(s).is("disabled", r.disabled)
-        ], "number"]),
-        "aria-current": r.currentPage === 1,
-        "aria-label": a(g)("el.pagination.currentPage", { pager: 1 }),
-        tabindex: a(d)
-      }, " 1 ", 10, ["aria-current", "aria-label", "tabindex"])) : H("v-if", !0),
-      f.value ? (c(), y("li", {
+        class: N([[r(i).is("active", a.currentPage === 1), r(i).is("disabled", a.disabled)], "number"]),
+        "aria-current": a.currentPage === 1,
+        "aria-label": r(c)("el.pagination.currentPage", { pager: 1 }),
+        tabindex: B.value
+      }, " 1 ", 10, ta)) : G("v-if", !0),
+      f.value ? (g(), z("li", {
         key: 1,
-        class: N(a(j)),
-        tabindex: a(d),
-        "aria-label": a(g)("el.pagination.prevPages", { pager: r.pagerCount - 2 }),
-        onMouseenter: (n) => U(!0),
-        onMouseleave: (n) => P.value = !1,
-        onFocus: (n) => V(!0),
-        onBlur: (n) => z.value = !1
-      }, [
-        (P.value || z.value) && !r.disabled ? (c(), w(a(ke), { key: 0 })) : (c(), w(a(ee), { key: 1 }))
-      ], 42, ["tabindex", "aria-label", "onMouseenter", "onMouseleave", "onFocus", "onBlur"])) : H("v-if", !0),
-      (c(!0), y(ie, null, re(a(F), (n) => (c(), y("li", {
-        key: n,
-        class: N([[
-          a(s).is("active", r.currentPage === n),
-          a(s).is("disabled", r.disabled)
-        ], "number"]),
-        "aria-current": r.currentPage === n,
-        "aria-label": a(g)("el.pagination.currentPage", { pager: n }),
-        tabindex: a(d)
-      }, I(n), 11, ["aria-current", "aria-label", "tabindex"]))), 128)),
-      m.value ? (c(), y("li", {
+        class: N(x.value),
+        tabindex: B.value,
+        "aria-label": r(c)("el.pagination.prevPages", { pager: a.pagerCount - 2 }),
+        onMouseenter: t[0] || (t[0] = (l) => V(!0)),
+        onMouseleave: t[1] || (t[1] = (l) => b.value = !1),
+        onFocus: t[2] || (t[2] = (l) => W(!0)),
+        onBlur: t[3] || (t[3] = (l) => p.value = !1)
+      }, [(b.value || p.value) && !a.disabled ? (g(), T(r(be), { key: 0 })) : (g(), T(r(H), { key: 1 }))], 42, na)) : G("v-if", !0),
+      (g(!0), z(le, null, oe(U.value, (l) => (g(), z("li", {
+        key: l,
+        class: N([[r(i).is("active", a.currentPage === l), r(i).is("disabled", a.disabled)], "number"]),
+        "aria-current": a.currentPage === l,
+        "aria-label": r(c)("el.pagination.currentPage", { pager: l }),
+        tabindex: B.value
+      }, A(l), 11, ia))), 128)),
+      _.value ? (g(), z("li", {
         key: 2,
-        class: N(a(E)),
-        tabindex: a(d),
-        "aria-label": a(g)("el.pagination.nextPages", { pager: r.pagerCount - 2 }),
-        onMouseenter: (n) => U(),
-        onMouseleave: (n) => u.value = !1,
-        onFocus: (n) => V(),
-        onBlur: (n) => p.value = !1
-      }, [
-        (u.value || p.value) && !r.disabled ? (c(), w(a(Ne), { key: 0 })) : (c(), w(a(ee), { key: 1 }))
-      ], 42, ["tabindex", "aria-label", "onMouseenter", "onMouseleave", "onFocus", "onBlur"])) : H("v-if", !0),
-      r.pageCount > 1 ? (c(), y("li", {
+        class: N(P.value),
+        tabindex: B.value,
+        "aria-label": r(c)("el.pagination.nextPages", { pager: a.pagerCount - 2 }),
+        onMouseenter: t[4] || (t[4] = (l) => V()),
+        onMouseleave: t[5] || (t[5] = (l) => s.value = !1),
+        onFocus: t[6] || (t[6] = (l) => W()),
+        onBlur: t[7] || (t[7] = (l) => k.value = !1)
+      }, [(s.value || k.value) && !a.disabled ? (g(), T(r(Pe), { key: 0 })) : (g(), T(r(H), { key: 1 }))], 42, ra)) : G("v-if", !0),
+      a.pageCount > 1 ? (g(), z("li", {
         key: 3,
-        class: N([[
-          a(s).is("active", r.currentPage === r.pageCount),
-          a(s).is("disabled", r.disabled)
-        ], "number"]),
-        "aria-current": r.currentPage === r.pageCount,
-        "aria-label": a(g)("el.pagination.currentPage", { pager: r.pageCount }),
-        tabindex: a(d)
-      }, I(r.pageCount), 11, ["aria-current", "aria-label", "tabindex"])) : H("v-if", !0)
-    ], 42, ["onKeyup"]));
+        class: N([[r(i).is("active", a.currentPage === a.pageCount), r(i).is("disabled", a.disabled)], "number"]),
+        "aria-current": a.currentPage === a.pageCount,
+        "aria-label": r(c)("el.pagination.currentPage", { pager: a.pageCount }),
+        tabindex: B.value
+      }, A(a.pageCount), 11, la)) : G("v-if", !0)
+    ], 34));
   }
-});
-var ia = /* @__PURE__ */ L(na, [["__file", "pager.vue"]]);
-const h = (e) => typeof e != "number", ra = D({
+}), sa = oa;
+const C = (e) => typeof e != "number", ua = L({
+  /**
+  * @description options of item count per page
+  */
   pageSize: Number,
+  /**
+  * @description default initial value of page size, not setting is the same as setting 10
+  */
   defaultPageSize: Number,
+  /**
+  * @description total item count
+  */
   total: Number,
+  /**
+  * @description total page count. Set either `total` or `page-count` and pages will be displayed; if you need `page-sizes`, `total` is required
+  */
   pageCount: Number,
+  /**
+  * @description number of pagers. Pagination collapses when the total page count exceeds this value
+  */
   pagerCount: {
     type: Number,
-    validator: (e) => M(e) && Math.trunc(e) === e && e > 4 && e < 22 && e % 2 === 1,
+    validator: (e) => w(e) && Math.trunc(e) === e && e > 4 && e < 22 && e % 2 === 1,
     default: 7
   },
+  /**
+  * @description current page number
+  */
   currentPage: Number,
+  /**
+  * @description default initial value of current-page, not setting is the same as setting 1
+  */
   defaultCurrentPage: Number,
+  /**
+  * @description layout of Pagination, elements separated with a comma
+  */
   layout: {
     type: String,
-    default: ["prev", "pager", "next", "jumper", "->", "total"].join(", ")
+    default: [
+      "prev",
+      "pager",
+      "next",
+      "jumper",
+      "->",
+      "total"
+    ].join(", ")
   },
+  /**
+  * @description item count of each page
+  */
   pageSizes: {
-    type: te(Array),
-    default: () => se([10, 20, 30, 40, 50, 100])
+    type: q(Array),
+    default: () => ne([
+      10,
+      20,
+      30,
+      40,
+      50,
+      100
+    ])
   },
+  /**
+  * @description custom class name for the page size Select's dropdown
+  */
   popperClass: {
-    type: String,
+    type: q([
+      String,
+      Array,
+      Object,
+      Boolean
+    ]),
     default: ""
   },
+  /**
+  * @description custom style for the page size Select's dropdown
+  */
+  popperStyle: {
+    type: q([
+      String,
+      Array,
+      Object,
+      Boolean
+    ]),
+    default: void 0
+  },
+  /**
+  * @description text for the prev button
+  */
   prevText: {
     type: String,
     default: ""
   },
+  /**
+  * @description icon for the prev button, higher priority of `prev-text`
+  */
   prevIcon: {
-    type: G,
-    default: () => xe
+    type: R,
+    default: () => ye
   },
+  /**
+  * @description text for the next button
+  */
   nextText: {
     type: String,
     default: ""
   },
+  /**
+  * @description icon for the next button, higher priority of `next-text`
+  */
   nextIcon: {
-    type: G,
-    default: () => Ee
+    type: R,
+    default: () => Ce
   },
+  /**
+  * @description whether Pagination size is teleported to body
+  */
   teleported: {
     type: Boolean,
     default: !0
   },
+  /**
+  * @description whether to use small pagination
+  */
   small: Boolean,
-  size: we,
+  /**
+  * @description set page size
+  */
+  size: ve,
+  /**
+  * @description whether the buttons have a background color
+  */
   background: Boolean,
+  /**
+  * @description whether Pagination is disabled
+  */
   disabled: Boolean,
+  /**
+  * @description whether to hide when there's only one page
+  */
   hideOnSinglePage: Boolean,
+  /**
+  * @description which element the size dropdown appends to.
+  */
   appendSizeTo: String
-}), la = {
-  "update:current-page": (e) => M(e),
-  "update:page-size": (e) => M(e),
-  "size-change": (e) => M(e),
-  change: (e, o) => M(e) && M(o),
-  "current-change": (e) => M(e),
-  "prev-click": (e) => M(e),
-  "next-click": (e) => M(e)
+}), pa = {
+  "update:current-page": (e) => w(e),
+  "update:page-size": (e) => w(e),
+  "size-change": (e) => w(e),
+  change: (e, o) => w(e) && w(o),
+  "current-change": (e) => w(e),
+  "prev-click": (e) => w(e),
+  "next-click": (e) => w(e)
 }, ae = "ElPagination";
-var oa = _({
+var ga = $({
   name: ae,
-  props: ra,
-  emits: la,
-  setup(e, { emit: o, slots: i }) {
-    const { t: s } = q(), l = A("pagination"), g = ze().vnode.props || {}, f = Te(), m = C(() => {
-      var t;
-      return e.small ? "small" : (t = e.size) != null ? t : f.value;
-    });
-    $e({
+  props: ua,
+  emits: pa,
+  setup(e, { emit: o, slots: n }) {
+    const { t: d } = O(), i = F("pagination"), u = Se().vnode.props || {}, c = fe(), f = m(() => e.small ? "small" : e.size ?? c.value);
+    me({
       from: "small",
       replacement: "size",
       version: "3.0.0",
       scope: "el-pagination",
       ref: "https://element-plus.org/zh-CN/component/pagination.html"
-    }, C(() => !!e.small));
-    const P = "onUpdate:currentPage" in g || "onUpdate:current-page" in g || "onCurrentChange" in g, u = "onUpdate:pageSize" in g || "onUpdate:page-size" in g || "onSizeChange" in g, z = C(() => {
-      if (h(e.total) && h(e.pageCount) || !h(e.currentPage) && !P)
+    }, m(() => !!e.small));
+    const _ = "onUpdate:currentPage" in u || "onUpdate:current-page" in u || "onCurrentChange" in u, b = "onUpdate:pageSize" in u || "onUpdate:page-size" in u || "onSizeChange" in u, s = m(() => {
+      if (C(e.total) && C(e.pageCount) || !C(e.currentPage) && !_)
         return !1;
       if (e.layout.includes("sizes")) {
-        if (h(e.pageCount)) {
-          if (!h(e.total) && !h(e.pageSize) && !u)
+        if (C(e.pageCount)) {
+          if (!C(e.total) && !C(e.pageSize) && !b)
             return !1;
-        } else if (!u)
+        } else if (!b)
           return !1;
       }
       return !0;
-    }), p = T(h(e.defaultPageSize) ? 10 : e.defaultPageSize), F = T(h(e.defaultCurrentPage) ? 1 : e.defaultCurrentPage), j = C({
+    }), p = E(C(e.defaultPageSize) ? 10 : e.defaultPageSize), k = E(C(e.defaultCurrentPage) ? 1 : e.defaultCurrentPage), U = m({
       get() {
-        return h(e.pageSize) ? p.value : e.pageSize;
+        return C(e.pageSize) ? p.value : e.pageSize;
       },
-      set(t) {
-        h(e.pageSize) && (p.value = t), u && (o("update:page-size", t), o("size-change", t));
+      set(a) {
+        C(e.pageSize) && (p.value = a), b && (o("update:page-size", a), o("size-change", a));
       }
-    }), E = C(() => {
-      let t = 0;
-      return h(e.pageCount) ? h(e.total) || (t = Math.max(1, Math.ceil(e.total / j.value))) : t = e.pageCount, t;
-    }), d = C({
+    }), x = m(() => {
+      let a = 0;
+      return C(e.pageCount) ? C(e.total) || (a = Math.max(1, Math.ceil(e.total / U.value))) : a = e.pageCount, a;
+    }), P = m({
       get() {
-        return h(e.currentPage) ? F.value : e.currentPage;
+        return C(e.currentPage) ? k.value : e.currentPage;
       },
-      set(t) {
-        let n = t;
-        t < 1 ? n = 1 : t > E.value && (n = E.value), h(e.currentPage) && (F.value = n), P && (o("update:current-page", n), o("current-change", n));
+      set(a) {
+        let t = a;
+        a < 1 ? t = 1 : a > x.value && (t = x.value), C(e.currentPage) && (k.value = t), _ && (o("update:current-page", t), o("current-change", t));
       }
     });
-    O(E, (t) => {
-      d.value > t && (d.value = t);
-    }), O([d, j], (t) => {
-      o(J, ...t);
+    K(x, (a) => {
+      P.value > a && (P.value = a);
+    }), K([P, U], (a) => {
+      o(J, ...a);
     }, { flush: "post" });
-    function U(t) {
-      d.value = t;
+    function B(a) {
+      P.value = a;
     }
-    function V(t) {
-      j.value = t;
-      const n = E.value;
-      d.value > n && (d.value = n);
-    }
-    function Q() {
-      e.disabled || (d.value -= 1, o("prev-click", d.value));
+    function V(a) {
+      U.value = a;
+      const t = x.value;
+      P.value > t && (P.value = t);
     }
     function W() {
-      e.disabled || (d.value += 1, o("next-click", d.value));
+      e.disabled || (P.value -= 1, o("prev-click", P.value));
+    }
+    function X() {
+      e.disabled || (P.value += 1, o("next-click", P.value));
     }
-    function r(t, n) {
-      t && (t.props || (t.props = {}), t.props.class = [t.props.class, n].join(" "));
+    function j(a, t) {
+      a && (a.props || (a.props = {}), a.props.class = [a.props.class, t].join(" "));
     }
-    return he(ue, {
-      pageCount: E,
-      disabled: C(() => e.disabled),
-      currentPage: d,
-      changeEvent: U,
+    return he(se, {
+      pageCount: x,
+      disabled: m(() => e.disabled),
+      currentPage: P,
+      changeEvent: B,
       handleSizeChange: V
     }), () => {
-      var t, n;
-      if (!z.value)
-        return me(ae, s("el.pagination.deprecationWarning")), null;
-      if (!e.layout || e.hideOnSinglePage && E.value <= 1)
+      var M;
+      if (!s.value)
+        return de(ae, d("el.pagination.deprecationWarning")), null;
+      if (!e.layout || e.hideOnSinglePage && x.value <= 1)
         return null;
-      const b = [], v = [], k = B("div", { class: l.e("rightwrapper") }, v), $ = {
-        prev: B(Ae, {
+      const a = [], t = [], l = I("div", { class: i.e("rightwrapper") }, t), S = {
+        prev: I(Le, {
           disabled: e.disabled,
-          currentPage: d.value,
+          currentPage: P.value,
           prevText: e.prevText,
           prevIcon: e.prevIcon,
-          onClick: Q
-        }),
-        jumper: B(Qe, {
-          size: m.value
+          onClick: W
         }),
-        pager: B(ia, {
-          currentPage: d.value,
-          pageCount: E.value,
+        jumper: I(Xe, { size: f.value }),
+        pager: I(sa, {
+          currentPage: P.value,
+          pageCount: x.value,
           pagerCount: e.pagerCount,
-          onChange: U,
+          onChange: B,
           disabled: e.disabled
         }),
-        next: B(Ke, {
+        next: I(Ke, {
           disabled: e.disabled,
-          currentPage: d.value,
-          pageCount: E.value,
+          currentPage: P.value,
+          pageCount: x.value,
           nextText: e.nextText,
           nextIcon: e.nextIcon,
-          onClick: W
+          onClick: X
         }),
-        sizes: B(He, {
-          pageSize: j.value,
+        sizes: I(Ge, {
+          pageSize: U.value,
           pageSizes: e.pageSizes,
           popperClass: e.popperClass,
+          popperStyle: e.popperStyle,
           disabled: e.disabled,
           teleported: e.teleported,
-          size: m.value,
+          size: f.value,
           appendSizeTo: e.appendSizeTo
         }),
-        slot: (n = (t = i == null ? void 0 : i.default) == null ? void 0 : t.call(i)) != null ? n : null,
-        total: B(ea, { total: h(e.total) ? 0 : e.total })
-      }, S = e.layout.split(",").map((K) => K.trim());
-      let x = !1;
-      return S.forEach((K) => {
-        if (K === "->") {
-          x = !0;
+        slot: ((M = n == null ? void 0 : n.default) == null ? void 0 : M.call(n)) ?? null,
+        total: I(ea, { total: C(e.total) ? 0 : e.total })
+      }, h = e.layout.split(",").map((v) => v.trim());
+      let y = !1;
+      return h.forEach((v) => {
+        if (v === "->") {
+          y = !0;
           return;
         }
-        x ? v.push($[K]) : b.push($[K]);
-      }), r(b[0], l.is("first")), r(b[b.length - 1], l.is("last")), x && v.length > 0 && (r(v[0], l.is("first")), r(v[v.length - 1], l.is("last")), b.push(k)), B("div", {
-        class: [
-          l.b(),
-          l.is("background", e.background),
-          l.m(m.value)
-        ]
-      }, b);
+        y ? t.push(S[v]) : a.push(S[v]);
+      }), j(a[0], i.is("first")), j(a[a.length - 1], i.is("last")), y && t.length > 0 && (j(t[0], i.is("first")), j(t[t.length - 1], i.is("last")), a.push(l)), I("div", { class: [
+        i.b(),
+        i.is("background", e.background),
+        i.m(f.value)
+      ] }, a);
     };
   }
 });
-const sa = ce(oa);
-const ua = /* @__PURE__ */ _({
+const da = ce(ga);
+const ca = /* @__PURE__ */ $({
   __name: "index",
   props: {
     pageData: {
@@ -603,42 +695,42 @@ const ua = /* @__PURE__ */ _({
   },
   emits: ["update:pageData", "change"],
   setup(e, { emit: o }) {
-    const i = o, s = e, l = C({
+    const n = o, d = e, i = m({
       get() {
-        return s.pageData.pageNum;
+        return d.pageData.pageNum;
       },
-      set(m) {
-        i("update:pageData", { ...s.pageData, pageNum: m });
+      set(f) {
+        n("update:pageData", { ...d.pageData, pageNum: f });
       }
-    }), g = C({
+    }), u = m({
       get() {
-        return s.pageData.pageSize;
+        return d.pageData.pageSize;
       },
-      set(m) {
-        i("update:pageData", { ...s.pageData, pageSize: m });
+      set(f) {
+        n("update:pageData", { ...d.pageData, pageSize: f });
       }
-    }), f = () => {
-      i("change", s.pageData);
+    }), c = () => {
+      n("change", d.pageData);
     };
-    return (m, P) => {
-      const u = sa, z = de;
-      return c(), w(z, { locale: a(ge) }, {
-        default: R(() => [
-          ye(X(u, Se({
+    return (f, _) => {
+      const b = da, s = pe;
+      return g(), T(s, { locale: r(ue) }, {
+        default: Q(() => [
+          Ne(Y(b, ke({
             class: "st-pagination",
-            currentPage: l.value,
-            "onUpdate:currentPage": P[0] || (P[0] = (p) => l.value = p),
-            "page-size": g.value,
-            "onUpdate:pageSize": P[1] || (P[1] = (p) => g.value = p),
+            currentPage: i.value,
+            "onUpdate:currentPage": _[0] || (_[0] = (p) => i.value = p),
+            "page-size": u.value,
+            "onUpdate:pageSize": _[1] || (_[1] = (p) => u.value = p),
             total: e.total,
             background: e.background,
             "page-sizes": e.pageSizes,
             layout: e.layout
-          }, m.$attrs, {
-            onSizeChange: f,
-            onCurrentChange: f
+          }, f.$attrs, {
+            onSizeChange: c,
+            onCurrentChange: c
           }), null, 16, ["currentPage", "page-size", "total", "background", "page-sizes", "layout"]), [
-            [_e, e.total]
+            [xe, e.total]
           ])
         ]),
         _: 1
@@ -646,9 +738,9 @@ const ua = /* @__PURE__ */ _({
     };
   }
 });
-const pa = /* @__PURE__ */ Be(ua, [["__scopeId", "data-v-79ee669b"]]), qa = {
+const fa = /* @__PURE__ */ Me(ca, [["__scopeId", "data-v-79ee669b"]]), qa = {
   install(e) {
-    e.component("st-pagination", pa);
+    e.component("st-pagination", fa);
   }
 };
 export {