bj-web-components 0.2.33 → 0.2.35

package/dist/web/Pagination/Pagination.mjs

@@ -1,253 +1,348 @@
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { useState as w, useRef as T, useEffect as rt, useMemo as ct } from "react";
-import { createPortal as dt } from "react-dom";
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { jsx as i, jsxs as s } from "react/jsx-runtime";
+import { useState as w, useRef as T, useEffect as re, useMemo as ce } from "react";
+import { createPortal as de } from "react-dom";
 /* empty css                 */
-function pt({
-  triggerRect: v,
-  dropdownHeight: r,
-  viewportHeight: k
-}) {
-  const L = k - v.bottom, z = v.top;
-  return L < r && z >= r ? "top" : "bottom";
+function pe(_ref) {
+  var L = _ref.triggerRect,
+    c = _ref.dropdownHeight,
+    z = _ref.viewportHeight;
+  var h = z - L.bottom,
+    P = L.top;
+  return h < c && P >= c ? "top" : "bottom";
 }
-const ft = (v) => {
-  const {
-    current: r,
-    defaultCurrent: k = 1,
-    pageSize: L,
-    defaultPageSize: z = 10,
-    total: b = 0,
-    onChange: c,
-    onShowSizeChange: x,
-    showSizeChanger: H = !1,
-    showQuickJumper: J = !1,
-    pageSizeOptions: $ = [10, 20, 50, 100],
-    disabled: l = !1,
-    hideOnSinglePage: Q = !1,
-    showTotal: M,
-    size: W = "medium",
-    align: q = "start",
-    simple: F = !1,
-    popupPlacement: d,
-    resolvePopupPlacement: y,
-    dropdownClassName: S,
-    t: N = (t) => t,
-    className: E,
-    style: B
-  } = v, [G, O] = w(k), [K, U] = w(z), [m, g] = w(!1), [f, V] = w("bottom"), [P, X] = w(null), p = T(null), R = T(null), o = r ?? G, u = L ?? K, s = Math.ceil(b / u);
-  if (Q && s <= 1)
-    return null;
-  const h = (t) => {
-    l || t < 1 || t > s || t === o || (r === void 0 && O(t), c == null || c(t, u));
-  }, Y = (t) => {
-    const n = Math.ceil(b / t), e = Math.min(o, n) || 1;
-    L === void 0 && (U(t), r === void 0 && O(e)), x == null || x(e, t), c == null || c(e, t);
-  }, D = (t) => {
-    if (!p.current) return;
-    const n = p.current.getBoundingClientRect();
-    X({
-      left: n.left + n.width / 2,
-      top: t === "bottom" ? n.bottom + 4 : n.top - 4
-    });
-  }, _ = () => {
-    if (l) return;
-    if (m) {
-      g(!1);
-      return;
-    }
-    let t = f;
-    if (d === void 0 && p.current) {
-      const n = p.current.getBoundingClientRect(), e = $.length * 40 + 8, C = window.innerHeight;
-      t = (y == null ? void 0 : y({ triggerRect: n, dropdownHeight: e, viewportHeight: C })) ?? pt({ triggerRect: n, dropdownHeight: e, viewportHeight: C }), V(t);
-    }
-    D(d ?? t), g(!0);
-  }, tt = (t) => {
-    Y(t), g(!1);
-  };
-  rt(() => {
-    const t = (C) => {
-      var Z, A;
-      const I = C.target;
-      (Z = p.current) != null && Z.contains(I) || (A = R.current) != null && A.contains(I) || g(!1);
-    }, n = () => g(!1), e = () => D(d ?? f);
-    if (m)
-      return document.addEventListener("mousedown", t), document.addEventListener("scroll", n, !0), window.addEventListener("resize", e), () => {
-        document.removeEventListener("mousedown", t), document.removeEventListener("scroll", n, !0), window.removeEventListener("resize", e);
+var fe = function fe(L) {
+  var c = L.current,
+    _L$defaultCurrent = L.defaultCurrent,
+    z = _L$defaultCurrent === void 0 ? 1 : _L$defaultCurrent,
+    h = L.pageSize,
+    _L$defaultPageSize = L.defaultPageSize,
+    P = _L$defaultPageSize === void 0 ? 10 : _L$defaultPageSize,
+    _L$total = L.total,
+    b = _L$total === void 0 ? 0 : _L$total,
+    N = L.onChange,
+    S = L.onShowSizeChange,
+    _L$showSizeChanger = L.showSizeChanger,
+    _ = _L$showSizeChanger === void 0 ? !1 : _L$showSizeChanger,
+    _L$showQuickJumper = L.showQuickJumper,
+    H = _L$showQuickJumper === void 0 ? !1 : _L$showQuickJumper,
+    _L$pageSizeOptions = L.pageSizeOptions,
+    y = _L$pageSizeOptions === void 0 ? [10, 20, 50, 100] : _L$pageSizeOptions,
+    _L$disabled = L.disabled,
+    a = _L$disabled === void 0 ? !1 : _L$disabled,
+    _L$hideOnSinglePage = L.hideOnSinglePage,
+    J = _L$hideOnSinglePage === void 0 ? !1 : _L$hideOnSinglePage,
+    $ = L.showTotal,
+    _L$size = L.size,
+    Q = _L$size === void 0 ? "medium" : _L$size,
+    _L$align = L.align,
+    W = _L$align === void 0 ? "start" : _L$align,
+    _L$simple = L.simple,
+    q = _L$simple === void 0 ? !1 : _L$simple,
+    r = L.popupPlacement,
+    M = L.resolvePopupPlacement,
+    E = L.dropdownClassName,
+    _L$t = L.t,
+    k = _L$t === void 0 ? function (e) {
+      return e;
+    } : _L$t,
+    O = L.className,
+    B = L.style,
+    _w = w(z),
+    _w2 = _slicedToArray(_w, 2),
+    F = _w2[0],
+    R = _w2[1],
+    _w3 = w(P),
+    _w4 = _slicedToArray(_w3, 2),
+    G = _w4[0],
+    K = _w4[1],
+    _w5 = w(!1),
+    _w6 = _slicedToArray(_w5, 2),
+    m = _w6[0],
+    g = _w6[1],
+    _w7 = w("bottom"),
+    _w8 = _slicedToArray(_w7, 2),
+    f = _w8[0],
+    U = _w8[1],
+    _w9 = w(null),
+    _w0 = _slicedToArray(_w9, 2),
+    x = _w0[0],
+    V = _w0[1],
+    d = T(null),
+    D = T(null),
+    o = c != null ? c : F,
+    p = h != null ? h : G,
+    l = Math.ceil(b / p);
+  if (J && l <= 1) return null;
+  var u = function u(e) {
+      a || e < 1 || e > l || e === o || (c === void 0 && R(e), N == null || N(e, p));
+    },
+    X = function X(e) {
+      var t = Math.ceil(b / e),
+        n = Math.min(o, t) || 1;
+      h === void 0 && (K(e), c === void 0 && R(n)), S == null || S(n, e), N == null || N(n, e);
+    },
+    j = function j(e) {
+      if (!d.current) return;
+      var t = d.current.getBoundingClientRect();
+      V({
+        left: t.left + t.width / 2,
+        top: e === "bottom" ? t.bottom + 4 : t.top - 4
+      });
+    },
+    Y = function Y() {
+      var e;
+      if (a) return;
+      if (m) {
+        g(!1);
+        return;
+      }
+      var t = f;
+      if (r === void 0 && d.current) {
+        var n = d.current.getBoundingClientRect(),
+          C = y.length * 40 + 8,
+          v = window.innerHeight;
+        t = (e = M == null ? void 0 : M({
+          triggerRect: n,
+          dropdownHeight: C,
+          viewportHeight: v
+        })) != null ? e : pe({
+          triggerRect: n,
+          dropdownHeight: C,
+          viewportHeight: v
+        }), U(t);
+      }
+      j(r != null ? r : t), g(!0);
+    },
+    ee = function ee(e) {
+      X(e), g(!1);
+    };
+  re(function () {
+    var e = function e(C) {
+        var v, Z;
+        var A = C.target;
+        (v = d.current) != null && v.contains(A) || (Z = D.current) != null && Z.contains(A) || g(!1);
+      },
+      t = function t() {
+        return g(!1);
+      },
+      n = function n() {
+        return j(r != null ? r : f);
       };
-  }, [m, d, f]);
-  const et = (t) => {
-    const n = parseInt(t.target.value);
-    !isNaN(n) && n >= 1 && n <= s && h(n);
-  }, nt = ct(() => {
-    const t = [];
-    if (s <= 7)
-      for (let e = 1; e <= s; e++)
-        t.push(e);
-    else if (o <= 4) {
-      for (let e = 1; e <= 5; e++)
-        t.push(e);
-      t.push("..."), t.push(s);
-    } else if (o >= s - 3) {
-      t.push(1), t.push("...");
-      for (let e = s - 4; e <= s; e++)
-        t.push(e);
-    } else {
-      t.push(1), t.push("...");
-      for (let e = o - 1; e <= o + 1; e++)
-        t.push(e);
-      t.push("..."), t.push(s);
-    }
-    return t;
-  }, [o, s]), it = (o - 1) * u + 1, ot = Math.min(o * u, b), st = `pagination-${W}`, at = `pagination-${q}`, j = l ? "pagination-disabled" : "", lt = (t, n) => t === "..." ? /* @__PURE__ */ i("span", { className: "pagination-item pagination-ellipsis", children: "..." }, `ellipsis-${n}`) : /* @__PURE__ */ i(
-    "button",
-    {
-      type: "button",
-      className: `pagination-item ${t === o ? "pagination-item-active" : ""}`,
-      onClick: () => h(t),
-      disabled: l,
-      children: t
+    if (m) return document.addEventListener("mousedown", e), document.addEventListener("scroll", t, !0), window.addEventListener("resize", n), function () {
+      document.removeEventListener("mousedown", e), document.removeEventListener("scroll", t, !0), window.removeEventListener("resize", n);
+    };
+  }, [m, r, f]);
+  var ne = function ne(e) {
+      var t = parseInt(e.target.value);
+      !isNaN(t) && t >= 1 && t <= l && u(t);
     },
-    t
-  );
-  return F ? /* @__PURE__ */ i(
-    "div",
-    {
-      className: `pagination pagination-simple ${j} ${E || ""}`,
-      style: B,
-      children: /* @__PURE__ */ a("div", { className: "pagination-simple-list", children: [
-        /* @__PURE__ */ i(
-          "button",
-          {
-            type: "button",
-            className: "pagination-simple-item pagination-simple-prev",
-            onClick: () => h(o - 1),
-            disabled: l || o === 1,
-            children: /* @__PURE__ */ i("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ i("path", { d: "M8 2L4 6L8 10", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
-          }
-        ),
-        /* @__PURE__ */ a("span", { className: "pagination-simple-text", children: [
-          o,
-          " / ",
-          s || 0
-        ] }),
-        /* @__PURE__ */ i(
-          "button",
-          {
+    te = ce(function () {
+      var e = [];
+      if (l <= 7) for (var n = 1; n <= l; n++) e.push(n);else if (o <= 4) {
+        for (var _n = 1; _n <= 5; _n++) e.push(_n);
+        e.push("..."), e.push(l);
+      } else if (o >= l - 3) {
+        e.push(1), e.push("...");
+        for (var _n2 = l - 4; _n2 <= l; _n2++) e.push(_n2);
+      } else {
+        e.push(1), e.push("...");
+        for (var _n3 = o - 1; _n3 <= o + 1; _n3++) e.push(_n3);
+        e.push("..."), e.push(l);
+      }
+      return e;
+    }, [o, l]),
+    ie = (o - 1) * p + 1,
+    oe = Math.min(o * p, b),
+    le = "pagination-".concat(Q),
+    se = "pagination-".concat(W),
+    I = a ? "pagination-disabled" : "",
+    ae = function ae(e, t) {
+      return e === "..." ? /* @__PURE__ */i("span", {
+        className: "pagination-item pagination-ellipsis",
+        children: "..."
+      }, "ellipsis-".concat(t)) : /* @__PURE__ */i("button", {
+        type: "button",
+        className: "pagination-item ".concat(e === o ? "pagination-item-active" : ""),
+        onClick: function onClick() {
+          return u(e);
+        },
+        disabled: a,
+        children: e
+      }, e);
+    };
+  return q ? /* @__PURE__ */i("div", {
+    className: "pagination pagination-simple ".concat(I, " ").concat(O || ""),
+    style: B,
+    children: /* @__PURE__ */s("div", {
+      className: "pagination-simple-list",
+      children: [/* @__PURE__ */i("button", {
+        type: "button",
+        className: "pagination-simple-item pagination-simple-prev",
+        onClick: function onClick() {
+          return u(o - 1);
+        },
+        disabled: a || o === 1,
+        children: /* @__PURE__ */i("svg", {
+          width: "12",
+          height: "12",
+          viewBox: "0 0 12 12",
+          fill: "none",
+          children: /* @__PURE__ */i("path", {
+            d: "M8 2L4 6L8 10",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          })
+        })
+      }), /* @__PURE__ */s("span", {
+        className: "pagination-simple-text",
+        children: [o, " / ", l || 0]
+      }), /* @__PURE__ */i("button", {
+        type: "button",
+        className: "pagination-simple-item pagination-simple-next",
+        onClick: function onClick() {
+          return u(o + 1);
+        },
+        disabled: a || o === l,
+        children: /* @__PURE__ */i("svg", {
+          width: "12",
+          height: "12",
+          viewBox: "0 0 12 12",
+          fill: "none",
+          children: /* @__PURE__ */i("path", {
+            d: "M4 2L8 6L4 10",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          })
+        })
+      })]
+    })
+  }) : /* @__PURE__ */s("div", {
+    className: "pagination ".concat(le, " ").concat(se, " ").concat(I, " ").concat(O || ""),
+    style: B,
+    children: [typeof $ == "function" && /* @__PURE__ */i("div", {
+      className: "pagination-total",
+      children: $(b, [ie, oe])
+    }), /* @__PURE__ */s("div", {
+      className: "pagination-list",
+      children: [/* @__PURE__ */i("button", {
+        type: "button",
+        className: "pagination-item pagination-prev",
+        onClick: function onClick() {
+          return u(o - 1);
+        },
+        disabled: a || o === 1,
+        children: /* @__PURE__ */s("svg", {
+          width: "20",
+          height: "20",
+          viewBox: "0 0 20 20",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: [/* @__PURE__ */i("path", {
+            d: "M11.1749 5.57516C11.3377 5.41245 11.6014 5.41245 11.7641 5.57516C11.9268 5.73788 11.9268 6.00164 11.7641 6.16436L7.8945 10.034L11.7617 13.8366C11.9257 13.998 11.9279 14.2617 11.7666 14.4258C11.6052 14.5899 11.3414 14.592 11.1774 14.4307L7.2105 10.5299C6.93541 10.2594 6.93349 9.81648 7.20629 9.54367L11.1749 5.57516Z",
+            fill: "#333333"
+          }), /* @__PURE__ */i("path", {
+            d: "M11.1749 5.57516C11.3377 5.41245 11.6014 5.41245 11.7641 5.57516C11.9268 5.73788 11.9268 6.00164 11.7641 6.16436L7.8945 10.034L11.7617 13.8366C11.9257 13.998 11.9279 14.2617 11.7666 14.4258C11.6052 14.5899 11.3414 14.592 11.1774 14.4307L7.2105 10.5299C6.93541 10.2594 6.93349 9.81648 7.20629 9.54367L11.1749 5.57516Z",
+            fill: "black",
+            fillOpacity: "0.2"
+          })]
+        })
+      }), te.map(function (e, t) {
+        return ae(e, t);
+      }), /* @__PURE__ */i("button", {
+        type: "button",
+        className: "pagination-item pagination-next",
+        onClick: function onClick() {
+          return u(o + 1);
+        },
+        disabled: a || o === l,
+        children: /* @__PURE__ */s("svg", {
+          width: "20",
+          height: "20",
+          viewBox: "0 0 20 20",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: [/* @__PURE__ */i("path", {
+            d: "M8.82507 5.57516C8.66235 5.41245 8.39859 5.41245 8.23587 5.57516C8.07315 5.73788 8.07315 6.00164 8.23587 6.16436L12.1055 10.034L8.23831 13.8366C8.07427 13.998 8.0721 14.2617 8.23343 14.4258C8.39478 14.5899 8.65856 14.592 8.82262 14.4307L12.7895 10.5299C13.0646 10.2594 13.0665 9.81648 12.7937 9.54367L8.82507 5.57516Z",
+            fill: "#333333"
+          }), /* @__PURE__ */i("path", {
+            d: "M8.82507 5.57516C8.66235 5.41245 8.39859 5.41245 8.23587 5.57516C8.07315 5.73788 8.07315 6.00164 8.23587 6.16436L12.1055 10.034L8.23831 13.8366C8.07427 13.998 8.0721 14.2617 8.23343 14.4258C8.39478 14.5899 8.65856 14.592 8.82262 14.4307L12.7895 10.5299C13.0646 10.2594 13.0665 9.81648 12.7937 9.54367L8.82507 5.57516Z",
+            fill: "black",
+            fillOpacity: "0.2"
+          })]
+        })
+      })]
+    }), _ && /* @__PURE__ */s("div", {
+      className: "pagination-sizer",
+      ref: d,
+      children: [/* @__PURE__ */s("button", {
+        type: "button",
+        className: "pagination-sizer-select",
+        onClick: Y,
+        disabled: a,
+        children: [p, k("条/页"), /* @__PURE__ */s("svg", {
+          className: "pagination-sizer-icon".concat(m ? " pagination-sizer-icon-open" : ""),
+          width: "20",
+          height: "20",
+          viewBox: "0 0 20 20",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: [/* @__PURE__ */i("path", {
+            d: "M5.57321 8.828C5.41049 8.66528 5.41049 8.40152 5.57321 8.2388C5.73593 8.07608 5.99969 8.07608 6.1624 8.2388L10.032 12.1084L13.8347 8.24124C13.996 8.0772 14.2598 8.07503 14.4239 8.23636C14.5879 8.39771 14.5901 8.66149 14.4287 8.82555L10.5279 12.7924C10.2574 13.0675 9.81452 13.0694 9.54172 12.7966L5.57321 8.828Z",
+            fill: "#333333"
+          }), /* @__PURE__ */i("path", {
+            d: "M5.57321 8.828C5.41049 8.66528 5.41049 8.40152 5.57321 8.2388C5.73593 8.07608 5.99969 8.07608 6.1624 8.2388L10.032 12.1084L13.8347 8.24124C13.996 8.0772 14.2598 8.07503 14.4239 8.23636C14.5879 8.39771 14.5901 8.66149 14.4287 8.82555L10.5279 12.7924C10.2574 13.0675 9.81452 13.0694 9.54172 12.7966L5.57321 8.828Z",
+            fill: "black",
+            fillOpacity: "0.2"
+          })]
+        })]
+      }), m && x && de(/* @__PURE__ */i("div", {
+        ref: D,
+        className: "pagination-sizer-dropdown pagination-sizer-dropdown-".concat(r != null ? r : f).concat(E ? " ".concat(E) : ""),
+        style: {
+          position: "fixed",
+          left: x.left,
+          top: x.top,
+          zIndex: 99999,
+          transform: (r != null ? r : f) === "bottom" ? "translate(-50%, 0)" : "translate(-50%, -100%)"
+        },
+        children: y.map(function (e) {
+          return /* @__PURE__ */s("button", {
             type: "button",
-            className: "pagination-simple-item pagination-simple-next",
-            onClick: () => h(o + 1),
-            disabled: l || o === s,
-            children: /* @__PURE__ */ i("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ i("path", { d: "M4 2L8 6L4 10", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
-          }
-        )
-      ] })
-    }
-  ) : /* @__PURE__ */ a(
-    "div",
-    {
-      className: `pagination ${st} ${at} ${j} ${E || ""}`,
-      style: B,
-      children: [
-        M && /* @__PURE__ */ i("div", { className: "pagination-total", children: M(b, [it, ot]) }),
-        /* @__PURE__ */ a("div", { className: "pagination-list", children: [
-          /* @__PURE__ */ i(
-            "button",
-            {
-              type: "button",
-              className: "pagination-item pagination-prev",
-              onClick: () => h(o - 1),
-              disabled: l || o === 1,
-              children: /* @__PURE__ */ a("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-                /* @__PURE__ */ i("path", { d: "M11.1749 5.57516C11.3377 5.41245 11.6014 5.41245 11.7641 5.57516C11.9268 5.73788 11.9268 6.00164 11.7641 6.16436L7.8945 10.034L11.7617 13.8366C11.9257 13.998 11.9279 14.2617 11.7666 14.4258C11.6052 14.5899 11.3414 14.592 11.1774 14.4307L7.2105 10.5299C6.93541 10.2594 6.93349 9.81648 7.20629 9.54367L11.1749 5.57516Z", fill: "#333333" }),
-                /* @__PURE__ */ i("path", { d: "M11.1749 5.57516C11.3377 5.41245 11.6014 5.41245 11.7641 5.57516C11.9268 5.73788 11.9268 6.00164 11.7641 6.16436L7.8945 10.034L11.7617 13.8366C11.9257 13.998 11.9279 14.2617 11.7666 14.4258C11.6052 14.5899 11.3414 14.592 11.1774 14.4307L7.2105 10.5299C6.93541 10.2594 6.93349 9.81648 7.20629 9.54367L11.1749 5.57516Z", fill: "black", fillOpacity: "0.2" })
-              ] })
-            }
-          ),
-          nt.map((t, n) => lt(t, n)),
-          /* @__PURE__ */ i(
-            "button",
-            {
-              type: "button",
-              className: "pagination-item pagination-next",
-              onClick: () => h(o + 1),
-              disabled: l || o === s,
-              children: /* @__PURE__ */ a("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-                /* @__PURE__ */ i("path", { d: "M8.82507 5.57516C8.66235 5.41245 8.39859 5.41245 8.23587 5.57516C8.07315 5.73788 8.07315 6.00164 8.23587 6.16436L12.1055 10.034L8.23831 13.8366C8.07427 13.998 8.0721 14.2617 8.23343 14.4258C8.39478 14.5899 8.65856 14.592 8.82262 14.4307L12.7895 10.5299C13.0646 10.2594 13.0665 9.81648 12.7937 9.54367L8.82507 5.57516Z", fill: "#333333" }),
-                /* @__PURE__ */ i("path", { d: "M8.82507 5.57516C8.66235 5.41245 8.39859 5.41245 8.23587 5.57516C8.07315 5.73788 8.07315 6.00164 8.23587 6.16436L12.1055 10.034L8.23831 13.8366C8.07427 13.998 8.0721 14.2617 8.23343 14.4258C8.39478 14.5899 8.65856 14.592 8.82262 14.4307L12.7895 10.5299C13.0646 10.2594 13.0665 9.81648 12.7937 9.54367L8.82507 5.57516Z", fill: "black", "fill-opacity": "0.2" })
-              ] })
-            }
-          )
-        ] }),
-        H && /* @__PURE__ */ a("div", { className: "pagination-sizer", ref: p, children: [
-          /* @__PURE__ */ a(
-            "button",
-            {
-              type: "button",
-              className: "pagination-sizer-select",
-              onClick: _,
-              disabled: l,
-              children: [
-                u,
-                N("条/页"),
-                /* @__PURE__ */ a("svg", { className: `pagination-sizer-icon${m ? " pagination-sizer-icon-open" : ""}`, width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-                  /* @__PURE__ */ i("path", { d: "M5.57321 8.828C5.41049 8.66528 5.41049 8.40152 5.57321 8.2388C5.73593 8.07608 5.99969 8.07608 6.1624 8.2388L10.032 12.1084L13.8347 8.24124C13.996 8.0772 14.2598 8.07503 14.4239 8.23636C14.5879 8.39771 14.5901 8.66149 14.4287 8.82555L10.5279 12.7924C10.2574 13.0675 9.81452 13.0694 9.54172 12.7966L5.57321 8.828Z", fill: "#333333" }),
-                  /* @__PURE__ */ i("path", { d: "M5.57321 8.828C5.41049 8.66528 5.41049 8.40152 5.57321 8.2388C5.73593 8.07608 5.99969 8.07608 6.1624 8.2388L10.032 12.1084L13.8347 8.24124C13.996 8.0772 14.2598 8.07503 14.4239 8.23636C14.5879 8.39771 14.5901 8.66149 14.4287 8.82555L10.5279 12.7924C10.2574 13.0675 9.81452 13.0694 9.54172 12.7966L5.57321 8.828Z", fill: "black", fillOpacity: "0.2" })
-                ] })
-              ]
-            }
-          ),
-          m && P && dt(
-            /* @__PURE__ */ i(
-              "div",
-              {
-                ref: R,
-                className: `pagination-sizer-dropdown pagination-sizer-dropdown-${d ?? f}${S ? ` ${S}` : ""}`,
-                style: {
-                  position: "fixed",
-                  left: P.left,
-                  top: P.top,
-                  zIndex: 99999,
-                  transform: (d ?? f) === "bottom" ? "translate(-50%, 0)" : "translate(-50%, -100%)"
-                },
-                children: $.map((t) => /* @__PURE__ */ a(
-                  "button",
-                  {
-                    type: "button",
-                    className: "pagination-sizer-option",
-                    onClick: () => tt(t),
-                    "data-selected": t === u,
-                    children: [
-                      t,
-                      N("条/页")
-                    ]
-                  },
-                  t
-                ))
-              }
-            ),
-            document.body
-          )
-        ] }),
-        J && /* @__PURE__ */ a("div", { className: "pagination-jumper", children: [
-          /* @__PURE__ */ i("span", { children: N("跳至") }),
-          /* @__PURE__ */ i(
-            "input",
-            {
-              type: "number",
-              className: "pagination-jumper-input",
-              min: 1,
-              max: s,
-              onChange: et,
-              disabled: l,
-              placeholder: ""
-            }
-          ),
-          /* @__PURE__ */ i("span", { children: N("页") })
-        ] })
-      ]
-    }
-  );
-};
-export {
-  ft as default
+            className: "pagination-sizer-option",
+            onClick: function onClick() {
+              return ee(e);
+            },
+            "data-selected": e === p,
+            children: [e, k("条/页")]
+          }, e);
+        })
+      }), document.body)]
+    }), H && /* @__PURE__ */s("div", {
+      className: "pagination-jumper",
+      children: [/* @__PURE__ */i("span", {
+        children: k("跳至")
+      }), /* @__PURE__ */i("input", {
+        type: "number",
+        className: "pagination-jumper-input",
+        min: 1,
+        max: l,
+        onChange: ne,
+        disabled: a,
+        placeholder: ""
+      }), /* @__PURE__ */i("span", {
+        children: k("页")
+      })]
+    })]
+  });
 };
+export { fe as default };