@silver-formily/element-plus 3.0.2 → 3.0.3

package/esm/pagination/pagination.mjs

@@ -1,628 +1,273 @@
-import { DArrowLeft as ce, MoreFilled as re, DArrowRight as pe, ArrowRight as fe, ArrowLeft as me } from "@element-plus/icons-vue";
-import { useLocale as R, useNamespace as O, ElInput as ve, ElIcon as oe, CHANGE_EVENT as X, ElBadge as H, ElSelect as be, ElOption as Pe, useSizeProp as Ce, useGlobalSize as he, useDeprecated as ze, elPaginationKey as Se } from "element-plus";
-import { inject as ye, defineComponent as U, ref as M, computed as C, openBlock as d, createElementBlock as w, unref as t, normalizeClass as k, createElementVNode as j, toDisplayString as D, createVNode as ne, createBlock as z, withCtx as A, resolveDynamicComponent as ue, watchEffect as ke, withKeys as Ne, createCommentVNode as ae, Fragment as de, renderList as ge, watch as Y, getCurrentInstance as Ee, provide as xe, h as I } from "vue";
-import { paginationJumperProps as $e } from "./components/jumper.mjs";
-import { paginationNextProps as Te } from "./components/next.mjs";
-import { useObserver as Me, formilyComputed as te } from "@silver-formily/reactive-vue";
-import { useField as we } from "@silver-formily/vue";
-import { paginationPagerProps as _e } from "./components/pager.mjs";
-import { paginationPrevEmits as Le, paginationPrevProps as Be } from "./components/prev.mjs";
-import { isEqual as Ie, isArr as Ae } from "@formily/shared";
-import { p as qe, m as Fe } from "../vendor/sizes.mjs";
-import { paginationTotalProps as Ke } from "./components/total.mjs";
-import { b as je, d as De } from "../vendor/runtime.mjs";
-import { i as se } from "../vendor/icon.mjs";
-import { i as _, d as Re } from "../vendor/types.mjs";
-const Ue = /* @__PURE__ */ Symbol("elPaginationKey"), ie = () => ye(Ue, {}), Oe = ["disabled"], Ve = /* @__PURE__ */ U({
-  name: "ElPaginationJumper",
-  __name: "jumper",
-  props: $e,
-  setup(e) {
-    const { t: o } = R(), n = O("pagination"), { pageCount: f, disabled: r, currentPage: g, changeEvent: b } = ie(), m = M(), E = C(() => m.value ?? g?.value);
-    function N(p) {
-      m.value = p ? +p : "";
-    }
-    function u(p) {
-      p = Math.trunc(+p), b?.(p), m.value = void 0;
-    }
-    return (p, h) => (d(), w("span", {
-      class: k(t(n).e("jump")),
-      disabled: t(r)
-    }, [
-      j("span", {
-        class: k([t(n).e("goto")])
-      }, D(t(o)("el.pagination.goto")), 3),
-      ne(t(ve), {
-        size: p.size,
-        class: k([t(n).e("editor"), t(n).is("in-pagination")]),
-        min: 1,
-        max: t(f),
-        disabled: t(r),
-        "model-value": E.value,
-        "validate-event": !1,
-        "aria-label": t(o)("el.pagination.page"),
-        type: "number",
-        "onUpdate:modelValue": N,
-        onChange: u
-      }, null, 8, ["size", "class", "max", "disabled", "model-value", "aria-label"]),
-      j("span", {
-        class: k([t(n).e("classifier")])
-      }, D(t(o)("el.pagination.pageClassifier")), 3)
-    ], 10, Oe));
-  }
-}), We = ["disabled", "aria-label", "aria-disabled"], He = { key: 0 }, Ge = /* @__PURE__ */ U({
-  name: "ElPaginationNext",
-  __name: "next",
-  props: Te,
-  emits: ["click"],
-  setup(e) {
-    const o = e, { t: n } = R(), f = C(
-      () => o.disabled || o.currentPage === o.pageCount || o.pageCount === 0
-    );
-    return (r, g) => (d(), w("button", {
-      type: "button",
-      class: "btn-next",
-      disabled: f.value,
-      "aria-label": r.nextText || t(n)("el.pagination.next"),
-      "aria-disabled": f.value,
-      onClick: g[0] || (g[0] = (b) => r.$emit("click", b))
-    }, [
-      r.nextText ? (d(), w("span", He, D(r.nextText), 1)) : (d(), z(t(oe), { key: 1 }, {
-        default: A(() => [
-          (d(), z(ue(r.nextIcon)))
-        ]),
-        _: 1
-      }))
-    ], 8, We));
-  }
-}), Je = ["aria-current", "aria-label", "tabindex"], Qe = ["tabindex", "aria-label"], Xe = ["aria-current", "aria-label", "tabindex"], Ye = ["tabindex", "aria-label"], Ze = ["aria-current", "aria-label", "tabindex"], ea = /* @__PURE__ */ U({
-  name: "ElPaginationPager",
-  __name: "pager",
-  props: _e,
-  emits: [X],
-  setup(e, { emit: o }) {
-    const n = e, f = o, r = O("pager"), g = O("icon"), { t: b } = R(), m = M(!1), E = M(!1), N = M(!1), u = M(!1), p = M(!1), h = M(!1), L = C(() => {
-      const a = n.pagerCount, l = (a - 1) / 2, i = Number(n.currentPage), S = Number(n.pageCount);
-      let T = !1, F = !1;
-      S > a && (i > a - l && (T = !0), i < S - l && (F = !0));
-      const W = [];
-      if (T && !F) {
-        const y = S - (a - 2);
-        for (let K = y; K < S; K++)
-          W.push(K);
-      } else if (!T && F)
-        for (let y = 2; y < a; y++)
-          W.push(y);
-      else if (T && F) {
-        const y = Math.floor(a / 2) - 1;
-        for (let K = i - y; K <= i + y; K++)
-          W.push(K);
-      } else
-        for (let y = 2; y < S; y++)
-          W.push(y);
-      return W;
-    }), x = C(() => [
-      "more",
-      "btn-quickprev",
-      g.b(),
-      r.is("disabled", n.disabled)
-    ]), v = C(() => [
-      "more",
-      "btn-quicknext",
-      g.b(),
-      r.is("disabled", n.disabled)
-    ]), B = C(() => n.disabled ? -1 : 0);
-    ke(() => {
-      const a = (n.pagerCount - 1) / 2;
-      m.value = !1, E.value = !1, n.pageCount > n.pagerCount && (n.currentPage > n.pagerCount - a && (m.value = !0), n.currentPage < n.pageCount - a && (E.value = !0));
-    });
-    function G(a = !1) {
-      n.disabled || (a ? N.value = !0 : u.value = !0);
-    }
-    function J(a = !1) {
-      a ? p.value = !0 : h.value = !0;
-    }
-    function Z(a) {
-      const l = a.target;
-      if (l.tagName.toLowerCase() === "li" && Array.from(l.classList).includes("number")) {
-        const i = Number(l.textContent);
-        i !== n.currentPage && f(X, i);
-      } else l.tagName.toLowerCase() === "li" && Array.from(l.classList).includes("more") && q(a);
-    }
-    function q(a) {
-      const l = a.target;
-      if (l.tagName.toLowerCase() === "ul" || n.disabled)
-        return;
-      let i = Number(l.textContent);
-      const S = n.pageCount, T = n.currentPage, F = n.pagerCount - 2;
-      l.className.includes("more") && (l.className.includes("quickprev") ? i = T - F : l.className.includes("quicknext") && (i = T + F)), Number.isNaN(+i) || (i < 1 && (i = 1), i > S && (i = S)), i !== T && f(X, i);
-    }
-    Me();
-    const c = we().value, Q = c.address.entire, $ = te(() => {
-      const a = c.form.queryFeedbacks({
-        type: "error",
-        address: `${Q}.**`
-      }).map((i) => Number(i.path.split(`${Q}.`)[1].split(".")[0])).reduce((i, S) => {
-        const T = Math.floor(S / n.pageSize);
-        return i.add(T), i;
-      }, /* @__PURE__ */ new Set());
-      return Array.from(a).sort((i, S) => i - S);
-    }), ee = te(() => $.value.some((a) => a < L.value[0] - 1 && a !== 0)), V = te(() => $.value.some((a) => a > L.value.at(-1) - 1 && a !== $.value.length - 1));
-    return (a, l) => (d(), w("ul", {
-      class: k(t(r).b()),
-      onClick: q,
-      onKeyup: Ne(Z, ["enter"])
-    }, [
-      a.pageCount > 1 ? (d(), z(t(H), {
-        key: 0,
-        "is-dot": "",
-        value: 1,
-        hidden: t($)[0] !== 0
-      }, {
-        default: A(() => [
-          j("li", {
-            class: k([[
-              t(r).is("active", a.currentPage === 1),
-              t(r).is("disabled", a.disabled)
-            ], "number"]),
-            "aria-current": a.currentPage === 1,
-            "aria-label": t(b)("el.pagination.currentPage", { pager: 1 }),
-            tabindex: B.value
-          }, " 1 ", 10, Je)
-        ]),
-        _: 1
-      }, 8, ["hidden"])) : ae("", !0),
-      m.value ? (d(), z(t(H), {
-        key: 1,
-        "is-dot": "",
-        value: 1,
-        hidden: !t(ee)
-      }, {
-        default: A(() => [
-          j("li", {
-            class: k(x.value),
-            tabindex: B.value,
-            "aria-label": t(b)("el.pagination.prevPages", { pager: a.pagerCount - 2 }),
-            onMouseenter: l[0] || (l[0] = (i) => G(!0)),
-            onMouseleave: l[1] || (l[1] = (i) => N.value = !1),
-            onFocus: l[2] || (l[2] = (i) => J(!0)),
-            onBlur: l[3] || (l[3] = (i) => p.value = !1)
-          }, [
-            (N.value || p.value) && !a.disabled ? (d(), z(t(ce), { key: 0 })) : (d(), z(t(re), { key: 1 }))
-          ], 42, Qe)
-        ]),
-        _: 1
-      }, 8, ["hidden"])) : ae("", !0),
-      (d(!0), w(de, null, ge(L.value, (i) => (d(), z(t(H), {
-        key: i,
-        "is-dot": "",
-        value: 1,
-        hidden: !t($).includes(i - 1)
-      }, {
-        default: A(() => [
-          j("li", {
-            class: k([[
-              t(r).is("active", a.currentPage === i),
-              t(r).is("disabled", a.disabled)
-            ], "number"]),
-            "aria-current": a.currentPage === i,
-            "aria-label": t(b)("el.pagination.currentPage", { pager: i }),
-            tabindex: B.value
-          }, D(i), 11, Xe)
-        ]),
-        _: 2
-      }, 1032, ["hidden"]))), 128)),
-      E.value ? (d(), z(t(H), {
-        key: 2,
-        "is-dot": "",
-        value: 1,
-        hidden: !t(V)
-      }, {
-        default: A(() => [
-          j("li", {
-            class: k(v.value),
-            tabindex: B.value,
-            "aria-label": t(b)("el.pagination.nextPages", { pager: a.pagerCount - 2 }),
-            onMouseenter: l[4] || (l[4] = (i) => G()),
-            onMouseleave: l[5] || (l[5] = (i) => u.value = !1),
-            onFocus: l[6] || (l[6] = (i) => J()),
-            onBlur: l[7] || (l[7] = (i) => h.value = !1)
-          }, [
-            (u.value || h.value) && !a.disabled ? (d(), z(t(pe), { key: 0 })) : (d(), z(t(re), { key: 1 }))
-          ], 42, Ye)
-        ]),
-        _: 1
-      }, 8, ["hidden"])) : ae("", !0),
-      ne(t(H), {
-        "is-dot": "",
-        value: 1,
-        hidden: t($)[t($).length - 1] !== a.pageCount - 1
-      }, {
-        default: A(() => [
-          j("li", {
-            class: k([[
-              t(r).is("active", a.currentPage === a.pageCount),
-              t(r).is("disabled", a.disabled)
-            ], "number"]),
-            "aria-current": a.currentPage === a.pageCount,
-            "aria-label": t(b)("el.pagination.currentPage", { pager: a.pageCount }),
-            tabindex: B.value
-          }, D(a.pageCount), 11, Ze)
-        ]),
-        _: 1
-      }, 8, ["hidden"])
-    ], 34));
-  }
-}), aa = ["disabled", "aria-label", "aria-disabled"], ta = { key: 0 }, na = /* @__PURE__ */ U({
-  name: "ElPaginationPrev",
-  __name: "prev",
-  props: Be,
-  emits: Le,
-  setup(e) {
-    const o = e, { t: n } = R(), f = C(
-      () => o.disabled || o.currentPage <= 1
-    );
-    return (r, g) => (d(), w("button", {
-      type: "button",
-      class: "btn-prev",
-      disabled: f.value,
-      "aria-label": r.prevText || t(n)("el.pagination.prev"),
-      "aria-disabled": f.value,
-      onClick: g[0] || (g[0] = (b) => r.$emit("click", b))
-    }, [
-      r.prevText ? (d(), w("span", ta, D(r.prevText), 1)) : (d(), z(t(oe), { key: 1 }, {
-        default: A(() => [
-          (d(), z(ue(r.prevIcon)))
-        ]),
-        _: 1
-      }))
-    ], 8, aa));
-  }
-}), ia = /* @__PURE__ */ U({
-  name: "ElPaginationSizes",
-  __name: "sizes",
-  props: qe,
-  emits: ["page-size-change"],
-  setup(e, { emit: o }) {
-    const n = e, f = o, { t: r } = R(), g = O("pagination"), b = ie(), m = M(n.pageSize);
-    Y(
-      () => n.pageSizes,
-      (u, p) => {
-        if (!Ie(u, p) && Ae(u)) {
-          const h = u.includes(n.pageSize) ? n.pageSize : n.pageSizes[0];
-          f("page-size-change", h);
-        }
-      }
-    ), Y(
-      () => n.pageSize,
-      (u) => {
-        m.value = u;
-      }
-    );
-    const E = C(() => n.pageSizes);
-    function N(u) {
-      u !== m.value && (m.value = u, b.handleSizeChange?.(Number(u)));
-    }
-    return (u, p) => (d(), w("span", {
-      class: k(t(g).e("sizes"))
-    }, [
-      ne(t(be), {
-        "model-value": m.value,
-        disabled: u.disabled,
-        "popper-class": u.popperClass,
-        size: u.size,
-        teleported: u.teleported,
-        "validate-event": !1,
-        "append-to": u.appendSizeTo,
-        onChange: N
-      }, {
-        default: A(() => [
-          (d(!0), w(de, null, ge(E.value, (h) => (d(), z(t(Pe), {
-            key: h,
-            value: h,
-            label: h + t(r)("el.pagination.pagesize")
-          }, null, 8, ["value", "label"]))), 128))
-        ]),
-        _: 1
-      }, 8, ["model-value", "disabled", "popper-class", "size", "teleported", "append-to"])
-    ], 2));
-  }
-}), ra = ["disabled"], sa = /* @__PURE__ */ U({
-  name: "ElPaginationTotal",
-  __name: "total",
-  props: Ke,
-  setup(e) {
-    const { t: o } = R(), n = O("pagination"), { disabled: f } = ie();
-    return (r, g) => (d(), w("span", {
-      class: k(t(n).e("total")),
-      disabled: t(f)
-    }, D(t(o)("el.pagination.total", {
-      total: r.total
-    })), 11, ra));
-  }
-}), P = (e) => typeof e != "number", la = je({
-  /**
-   * @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) => _(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(", ")
-  },
-  /**
-   * @description item count of each page
-   */
-  pageSizes: {
-    type: De(Array),
-    default: () => Fe([10, 20, 30, 40, 50, 100])
-  },
-  /**
-   * @description custom class name for the page size Select's dropdown
-   */
-  popperClass: {
-    type: String,
-    default: ""
-  },
-  /**
-   * @description text for the prev button
-   */
-  prevText: {
-    type: String,
-    default: ""
-  },
-  /**
-   * @description icon for the prev button, higher priority of `prev-text`
-   */
-  prevIcon: {
-    type: se,
-    default: () => me
-  },
-  /**
-   * @description text for the next button
-   */
-  nextText: {
-    type: String,
-    default: ""
-  },
-  /**
-   * @description icon for the next button, higher priority of `next-text`
-   */
-  nextIcon: {
-    type: se,
-    default: () => fe
-  },
-  /**
-   * @description whether Pagination size is teleported to body
-   */
-  teleported: {
-    type: Boolean,
-    default: !0
-  },
-  /**
-   * @description whether to use small pagination
-   */
-  small: Boolean,
-  /**
-   * @description set page size
-   */
-  size: Ce,
-  /**
-   * @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
-}), oa = {
-  "update:current-page": (e) => _(e),
-  "update:page-size": (e) => _(e),
-  "size-change": (e) => _(e),
-  change: (e, o) => _(e) && _(o),
-  "current-change": (e) => _(e),
-  "prev-click": (e) => _(e),
-  "next-click": (e) => _(e)
-}, le = "ElPagination", ka = U({
-  name: le,
-  props: la,
-  emits: oa,
-  setup(e, { emit: o, slots: n }) {
-    const { t: f } = R(), r = O("pagination"), g = Ee().vnode.props || {}, b = he(), m = C(
-      () => e.small ? "small" : e.size ?? b.value
-    );
-    ze(
-      {
-        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 E = "onUpdate:currentPage" in g || "onUpdate:current-page" in g || "onCurrentChange" in g, N = "onUpdate:pageSize" in g || "onUpdate:page-size" in g || "onSizeChange" in g, u = C(() => {
-      if (P(e.total) && P(e.pageCount) || !P(e.currentPage) && !E)
-        return !1;
-      if (e.layout.includes("sizes")) {
-        if (P(e.pageCount)) {
-          if (!P(e.total) && !P(e.pageSize)) {
-            if (!N)
-              return !1;
-          }
-        } else if (!N)
-          return !1;
-      }
-      return !0;
-    }), p = M(
-      P(e.defaultPageSize) ? 10 : e.defaultPageSize
-    ), h = M(
-      P(e.defaultCurrentPage) ? 1 : e.defaultCurrentPage
-    ), L = C({
-      get() {
-        return P(e.pageSize) ? p.value : e.pageSize;
-      },
-      set(s) {
-        P(e.pageSize) && (p.value = s), N && (o("update:page-size", s), o("size-change", s));
-      }
-    }), x = C(() => {
-      let s = 0;
-      return P(e.pageCount) ? P(e.total) || (s = Math.max(1, Math.ceil(e.total / L.value))) : s = e.pageCount, s;
-    }), v = C({
-      get() {
-        return P(e.currentPage) ? h.value : e.currentPage;
-      },
-      set(s) {
-        let c = s;
-        s < 1 ? c = 1 : s > x.value && (c = x.value), P(e.currentPage) && (h.value = c), E && (o("update:current-page", c), o("current-change", c));
-      }
-    });
-    Y(x, (s) => {
-      v.value > s && (v.value = s);
-    }), Y(
-      [v, L],
-      (s) => {
-        o(X, ...s);
-      },
-      { flush: "post" }
-    );
-    function B(s) {
-      v.value = s;
-    }
-    function G(s) {
-      L.value = s;
-      const c = x.value;
-      v.value > c && (v.value = c);
-    }
-    function J() {
-      e.disabled || (v.value -= 1, o("prev-click", v.value));
-    }
-    function Z() {
-      e.disabled || (v.value += 1, o("next-click", v.value));
-    }
-    function q(s, c) {
-      s && (s.props || (s.props = {}), s.props.class = [s.props.class, c].join(" "));
-    }
-    return xe(Se, {
-      pageCount: x,
-      disabled: C(() => e.disabled),
-      currentPage: v,
-      changeEvent: B,
-      handleSizeChange: G
-    }), () => {
-      if (!u.value)
-        return Re(le, f("el.pagination.deprecationWarning")), null;
-      if (!e.layout || e.hideOnSinglePage && x.value <= 1)
-        return null;
-      const s = [], c = [], Q = I(
-        "div",
-        { class: r.e("rightwrapper") },
-        c
-      ), $ = {
-        prev: I(na, {
-          disabled: e.disabled,
-          currentPage: v.value,
-          prevText: e.prevText,
-          prevIcon: e.prevIcon,
-          onClick: J
-        }),
-        jumper: I(Ve, {
-          size: m.value
-        }),
-        pager: I(ea, {
-          currentPage: v.value,
-          pageCount: x.value,
-          pagerCount: e.pagerCount,
-          onChange: B,
-          disabled: e.disabled,
-          pageSize: e.pageSize
-        }),
-        next: I(Ge, {
-          disabled: e.disabled,
-          currentPage: v.value,
-          pageCount: x.value,
-          nextText: e.nextText,
-          nextIcon: e.nextIcon,
-          onClick: Z
-        }),
-        sizes: I(ia, {
-          pageSize: L.value,
-          pageSizes: e.pageSizes,
-          popperClass: e.popperClass,
-          disabled: e.disabled,
-          teleported: e.teleported,
-          size: m.value,
-          appendSizeTo: e.appendSizeTo
-        }),
-        slot: n?.default?.() ?? null,
-        total: I(sa, { total: P(e.total) ? 0 : e.total })
-      }, ee = e.layout.split(",").map((a) => a.trim());
-      let V = !1;
-      for (const a of ee) {
-        if (a === "->") {
-          V = !0;
-          continue;
-        }
-        V ? c.push($[a]) : s.push($[a]);
-      }
-      return q(s[0], r.is("first")), q(s.at(-1), r.is("last")), V && c.length > 0 && (q(c[0], r.is("first")), q(
-        c.at(-1),
-        r.is("last")
-      ), s.push(Q)), I(
-        "div",
-        {
-          class: [
-            r.b(),
-            r.is("background", e.background),
-            r.m(m.value)
-          ]
-        },
-        s
-      );
-    };
-  }
+import _sfc_main from "./components/jumper2.mjs";
+import _sfc_main$1 from "./components/next2.mjs";
+import _sfc_main$2 from "./components/pager2.mjs";
+import _sfc_main$3 from "./components/prev2.mjs";
+import _sfc_main$4 from "./components/sizes2.mjs";
+import _sfc_main$5 from "./components/total2.mjs";
+import { CHANGE_EVENT, elPaginationKey, useDeprecated, useGlobalSize, useLocale, useNamespace, useSizeProp } from "element-plus";
+import { computed, defineComponent, getCurrentInstance, h, provide, ref, watch } from "vue";
+import { ArrowLeft, ArrowRight } from "@element-plus/icons-vue";
+import { buildProps, debugWarn, definePropType, iconPropType, isNumber, mutable } from "element-plus/es/utils/index";
+//#region src/pagination/pagination.ts
+/**
+* It it user's responsibility to guarantee that the value of props.total... is number
+* (same as pageSize, defaultPageSize, currentPage, defaultCurrentPage, pageCount)
+* Otherwise we can reasonable infer that the corresponding field is absent
+*/
+const isAbsent = (v) => typeof v !== "number";
+const paginationProps = buildProps({
+	pageSize: Number,
+	defaultPageSize: Number,
+	total: Number,
+	pageCount: Number,
+	pagerCount: {
+		type: Number,
+		validator: (value) => {
+			return isNumber(value) && Math.trunc(value) === value && value > 4 && value < 22 && value % 2 === 1;
+		},
+		default: 7
+	},
+	currentPage: Number,
+	defaultCurrentPage: Number,
+	layout: {
+		type: String,
+		default: [
+			"prev",
+			"pager",
+			"next",
+			"jumper",
+			"->",
+			"total"
+		].join(", ")
+	},
+	pageSizes: {
+		type: definePropType(Array),
+		default: () => mutable([
+			10,
+			20,
+			30,
+			40,
+			50,
+			100
+		])
+	},
+	popperClass: {
+		type: String,
+		default: ""
+	},
+	prevText: {
+		type: String,
+		default: ""
+	},
+	prevIcon: {
+		type: iconPropType,
+		default: () => ArrowLeft
+	},
+	nextText: {
+		type: String,
+		default: ""
+	},
+	nextIcon: {
+		type: iconPropType,
+		default: () => ArrowRight
+	},
+	teleported: {
+		type: Boolean,
+		default: true
+	},
+	small: Boolean,
+	size: useSizeProp,
+	background: Boolean,
+	disabled: Boolean,
+	hideOnSinglePage: Boolean,
+	appendSizeTo: String
 });
-export {
-  ka as default,
-  oa as paginationEmits,
-  la as paginationProps
+const paginationEmits = {
+	"update:current-page": (val) => isNumber(val),
+	"update:page-size": (val) => isNumber(val),
+	"size-change": (val) => isNumber(val),
+	"change": (currentPage, pageSize) => isNumber(currentPage) && isNumber(pageSize),
+	"current-change": (val) => isNumber(val),
+	"prev-click": (val) => isNumber(val),
+	"next-click": (val) => isNumber(val)
 };
-//# sourceMappingURL=pagination.mjs.map
+const componentName = "ElPagination";
+var pagination_default = defineComponent({
+	name: componentName,
+	props: paginationProps,
+	emits: paginationEmits,
+	setup(props, { emit, slots }) {
+		const { t } = useLocale();
+		const ns = useNamespace("pagination");
+		const vnodeProps = getCurrentInstance().vnode.props || {};
+		const _globalSize = useGlobalSize();
+		const _size = computed(() => props.small ? "small" : props.size ?? _globalSize.value);
+		useDeprecated({
+			from: "small",
+			replacement: "size",
+			version: "3.0.0",
+			scope: "el-pagination",
+			ref: "https://element-plus.org/zh-CN/component/pagination.html"
+		}, computed(() => !!props.small));
+		const hasCurrentPageListener = "onUpdate:currentPage" in vnodeProps || "onUpdate:current-page" in vnodeProps || "onCurrentChange" in vnodeProps;
+		const hasPageSizeListener = "onUpdate:pageSize" in vnodeProps || "onUpdate:page-size" in vnodeProps || "onSizeChange" in vnodeProps;
+		const assertValidUsage = computed(() => {
+			if (isAbsent(props.total) && isAbsent(props.pageCount)) return false;
+			if (!isAbsent(props.currentPage) && !hasCurrentPageListener) return false;
+			if (props.layout.includes("sizes")) {
+				if (!isAbsent(props.pageCount)) {
+					if (!hasPageSizeListener) return false;
+				} else if (!isAbsent(props.total)) {
+					if (isAbsent(props.pageSize)) {} else if (!hasPageSizeListener) return false;
+				}
+			}
+			return true;
+		});
+		const innerPageSize = ref(isAbsent(props.defaultPageSize) ? 10 : props.defaultPageSize);
+		const innerCurrentPage = ref(isAbsent(props.defaultCurrentPage) ? 1 : props.defaultCurrentPage);
+		const pageSizeBridge = computed({
+			get() {
+				return isAbsent(props.pageSize) ? innerPageSize.value : props.pageSize;
+			},
+			set(v) {
+				if (isAbsent(props.pageSize)) innerPageSize.value = v;
+				if (hasPageSizeListener) {
+					emit("update:page-size", v);
+					emit("size-change", v);
+				}
+			}
+		});
+		const pageCountBridge = computed(() => {
+			let pageCount = 0;
+			if (!isAbsent(props.pageCount)) pageCount = props.pageCount;
+			else if (!isAbsent(props.total)) pageCount = Math.max(1, Math.ceil(props.total / pageSizeBridge.value));
+			return pageCount;
+		});
+		const currentPageBridge = computed({
+			get() {
+				return isAbsent(props.currentPage) ? innerCurrentPage.value : props.currentPage;
+			},
+			set(v) {
+				let newCurrentPage = v;
+				if (v < 1) newCurrentPage = 1;
+				else if (v > pageCountBridge.value) newCurrentPage = pageCountBridge.value;
+				if (isAbsent(props.currentPage)) innerCurrentPage.value = newCurrentPage;
+				if (hasCurrentPageListener) {
+					emit("update:current-page", newCurrentPage);
+					emit("current-change", newCurrentPage);
+				}
+			}
+		});
+		watch(pageCountBridge, (val) => {
+			if (currentPageBridge.value > val) currentPageBridge.value = val;
+		});
+		watch([currentPageBridge, pageSizeBridge], (value) => {
+			emit(CHANGE_EVENT, ...value);
+		}, { flush: "post" });
+		function handleCurrentChange(val) {
+			currentPageBridge.value = val;
+		}
+		function handleSizeChange(val) {
+			pageSizeBridge.value = val;
+			const newPageCount = pageCountBridge.value;
+			if (currentPageBridge.value > newPageCount) currentPageBridge.value = newPageCount;
+		}
+		function prev() {
+			if (props.disabled) return;
+			currentPageBridge.value -= 1;
+			emit("prev-click", currentPageBridge.value);
+		}
+		function next() {
+			if (props.disabled) return;
+			currentPageBridge.value += 1;
+			emit("next-click", currentPageBridge.value);
+		}
+		function addClass(element, cls) {
+			if (element) {
+				if (!element.props) element.props = {};
+				element.props.class = [element.props.class, cls].join(" ");
+			}
+		}
+		provide(elPaginationKey, {
+			pageCount: pageCountBridge,
+			disabled: computed(() => props.disabled),
+			currentPage: currentPageBridge,
+			changeEvent: handleCurrentChange,
+			handleSizeChange
+		});
+		return () => {
+			if (!assertValidUsage.value) {
+				debugWarn(componentName, t("el.pagination.deprecationWarning"));
+				return null;
+			}
+			if (!props.layout) return null;
+			if (props.hideOnSinglePage && pageCountBridge.value <= 1) return null;
+			const rootChildren = [];
+			const rightWrapperChildren = [];
+			const rightWrapperRoot = h("div", { class: ns.e("rightwrapper") }, rightWrapperChildren);
+			const TEMPLATE_MAP = {
+				prev: h(_sfc_main$3, {
+					disabled: props.disabled,
+					currentPage: currentPageBridge.value,
+					prevText: props.prevText,
+					prevIcon: props.prevIcon,
+					onClick: prev
+				}),
+				jumper: h(_sfc_main, { size: _size.value }),
+				pager: h(_sfc_main$2, {
+					currentPage: currentPageBridge.value,
+					pageCount: pageCountBridge.value,
+					pagerCount: props.pagerCount,
+					onChange: handleCurrentChange,
+					disabled: props.disabled,
+					pageSize: props.pageSize
+				}),
+				next: h(_sfc_main$1, {
+					disabled: props.disabled,
+					currentPage: currentPageBridge.value,
+					pageCount: pageCountBridge.value,
+					nextText: props.nextText,
+					nextIcon: props.nextIcon,
+					onClick: next
+				}),
+				sizes: h(_sfc_main$4, {
+					pageSize: pageSizeBridge.value,
+					pageSizes: props.pageSizes,
+					popperClass: props.popperClass,
+					disabled: props.disabled,
+					teleported: props.teleported,
+					size: _size.value,
+					appendSizeTo: props.appendSizeTo
+				}),
+				slot: slots?.default?.() ?? null,
+				total: h(_sfc_main$5, { total: isAbsent(props.total) ? 0 : props.total })
+			};
+			const components = props.layout.split(",").map((item) => item.trim());
+			let haveRightWrapper = false;
+			for (const c of components) {
+				if (c === "->") {
+					haveRightWrapper = true;
+					continue;
+				}
+				if (haveRightWrapper) rightWrapperChildren.push(TEMPLATE_MAP[c]);
+				else rootChildren.push(TEMPLATE_MAP[c]);
+			}
+			addClass(rootChildren[0], ns.is("first"));
+			addClass(rootChildren.at(-1), ns.is("last"));
+			if (haveRightWrapper && rightWrapperChildren.length > 0) {
+				addClass(rightWrapperChildren[0], ns.is("first"));
+				addClass(rightWrapperChildren.at(-1), ns.is("last"));
+				rootChildren.push(rightWrapperRoot);
+			}
+			return h("div", { class: [
+				ns.b(),
+				ns.is("background", props.background),
+				ns.m(_size.value)
+			] }, rootChildren);
+		};
+	}
+});
+//#endregion
+export { pagination_default as default };
+
+//# sourceMappingURL=pagination.mjs.map