bj-web-components 0.2.34 → 0.2.35

package/dist/web/Pagination/Pagination.js

@@ -1 +1,352 @@
-"use strict";const t=require("react/jsx-runtime"),l=require("react"),ae=require("react-dom");;/* empty css                 */function le({triggerRect:w,dropdownHeight:r,viewportHeight:L}){const x=L-w.bottom,b=w.top;return x<r&&b>=r?"top":"bottom"}const re=w=>{const{current:r,defaultCurrent:L=1,pageSize:x,defaultPageSize:b=10,total:v=0,onChange:c,onShowSizeChange:N,showSizeChanger:A=!1,showQuickJumper:q=!1,pageSizeOptions:S=[10,20,50,100],disabled:a=!1,hideOnSinglePage:T=!1,showTotal:y,size:H="medium",align:J="start",simple:Q=!1,popupPlacement:d,resolvePopupPlacement:k,dropdownClassName:P,t:j=e=>e,className:$,style:M}=w,[W,E]=l.useState(L),[F,G]=l.useState(b),[g,f]=l.useState(!1),[C,K]=l.useState("bottom"),[z,U]=l.useState(null),p=l.useRef(null),R=l.useRef(null),s=r??W,u=x??F,o=Math.ceil(v/u);if(T&&o<=1)return null;const h=e=>{a||e<1||e>o||e===s||(r===void 0&&E(e),c==null||c(e,u))},V=e=>{const i=Math.ceil(v/e),n=Math.min(s,i)||1;x===void 0&&(G(e),r===void 0&&E(n)),N==null||N(n,e),c==null||c(n,e)},O=e=>{if(!p.current)return;const i=p.current.getBoundingClientRect();U({left:i.left+i.width/2,top:e==="bottom"?i.bottom+4:i.top-4})},X=()=>{if(a)return;if(g){f(!1);return}let e=C;if(d===void 0&&p.current){const i=p.current.getBoundingClientRect(),n=S.length*40+8,m=window.innerHeight;e=(k==null?void 0:k({triggerRect:i,dropdownHeight:n,viewportHeight:m}))??le({triggerRect:i,dropdownHeight:n,viewportHeight:m}),K(e)}O(d??e),f(!0)},Y=e=>{V(e),f(!1)};l.useEffect(()=>{const e=m=>{var I,Z;const D=m.target;(I=p.current)!=null&&I.contains(D)||(Z=R.current)!=null&&Z.contains(D)||f(!1)},i=()=>f(!1),n=()=>O(d??C);if(g)return document.addEventListener("mousedown",e),document.addEventListener("scroll",i,!0),window.addEventListener("resize",n),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("scroll",i,!0),window.removeEventListener("resize",n)}},[g,d,C]);const _=e=>{const i=parseInt(e.target.value);!isNaN(i)&&i>=1&&i<=o&&h(i)},ee=l.useMemo(()=>{const e=[];if(o<=7)for(let n=1;n<=o;n++)e.push(n);else if(s<=4){for(let n=1;n<=5;n++)e.push(n);e.push("..."),e.push(o)}else if(s>=o-3){e.push(1),e.push("...");for(let n=o-4;n<=o;n++)e.push(n)}else{e.push(1),e.push("...");for(let n=s-1;n<=s+1;n++)e.push(n);e.push("..."),e.push(o)}return e},[s,o]),te=(s-1)*u+1,ne=Math.min(s*u,v),ie=`pagination-${H}`,se=`pagination-${J}`,B=a?"pagination-disabled":"",oe=(e,i)=>{if(e==="...")return t.jsx("span",{className:"pagination-item pagination-ellipsis",children:"..."},`ellipsis-${i}`);const m=e===s?"pagination-item-active":"";return t.jsx("button",{type:"button",className:`pagination-item ${m}`,onClick:()=>h(e),disabled:a,children:e},e)};return Q?t.jsx("div",{className:`pagination pagination-simple ${B} ${$||""}`,style:M,children:t.jsxs("div",{className:"pagination-simple-list",children:[t.jsx("button",{type:"button",className:"pagination-simple-item pagination-simple-prev",onClick:()=>h(s-1),disabled:a||s===1,children:t.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:t.jsx("path",{d:"M8 2L4 6L8 10",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),t.jsxs("span",{className:"pagination-simple-text",children:[s," / ",o||0]}),t.jsx("button",{type:"button",className:"pagination-simple-item pagination-simple-next",onClick:()=>h(s+1),disabled:a||s===o,children:t.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:t.jsx("path",{d:"M4 2L8 6L4 10",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})}):t.jsxs("div",{className:`pagination ${ie} ${se} ${B} ${$||""}`,style:M,children:[typeof y=="function"&&t.jsx("div",{className:"pagination-total",children:y(v,[te,ne])}),t.jsxs("div",{className:"pagination-list",children:[t.jsx("button",{type:"button",className:"pagination-item pagination-prev",onClick:()=>h(s-1),disabled:a||s===1,children:t.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("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"}),t.jsx("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"})]})}),ee.map((e,i)=>oe(e,i)),t.jsx("button",{type:"button",className:"pagination-item pagination-next",onClick:()=>h(s+1),disabled:a||s===o,children:t.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("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"}),t.jsx("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"})]})})]}),A&&t.jsxs("div",{className:"pagination-sizer",ref:p,children:[t.jsxs("button",{type:"button",className:"pagination-sizer-select",onClick:X,disabled:a,children:[u,j("条/页"),t.jsxs("svg",{className:`pagination-sizer-icon${g?" pagination-sizer-icon-open":""}`,width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("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"}),t.jsx("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"})]})]}),g&&z&&ae.createPortal(t.jsx("div",{ref:R,className:`pagination-sizer-dropdown pagination-sizer-dropdown-${d??C}${P?` ${P}`:""}`,style:{position:"fixed",left:z.left,top:z.top,zIndex:99999,transform:(d??C)==="bottom"?"translate(-50%, 0)":"translate(-50%, -100%)"},children:S.map(e=>t.jsxs("button",{type:"button",className:"pagination-sizer-option",onClick:()=>Y(e),"data-selected":e===u,children:[e,j("条/页")]},e))}),document.body)]}),q&&t.jsxs("div",{className:"pagination-jumper",children:[t.jsx("span",{children:j("跳至")}),t.jsx("input",{type:"number",className:"pagination-jumper-input",min:1,max:o,onChange:_,disabled:a,placeholder:""}),t.jsx("span",{children:j("页")})]})]})};module.exports=re;
+"use strict";
+
+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; }
+var t = require("react/jsx-runtime"),
+  r = require("react"),
+  le = require("react-dom");
+; /* empty css                 */
+function ae(_ref) {
+  var w = _ref.triggerRect,
+    c = _ref.dropdownHeight,
+    b = _ref.viewportHeight;
+  var m = b - w.bottom,
+    N = w.top;
+  return m < c && N >= c ? "top" : "bottom";
+}
+var re = function re(w) {
+  var c = w.current,
+    _w$defaultCurrent = w.defaultCurrent,
+    b = _w$defaultCurrent === void 0 ? 1 : _w$defaultCurrent,
+    m = w.pageSize,
+    _w$defaultPageSize = w.defaultPageSize,
+    N = _w$defaultPageSize === void 0 ? 10 : _w$defaultPageSize,
+    _w$total = w.total,
+    x = _w$total === void 0 ? 0 : _w$total,
+    j = w.onChange,
+    z = w.onShowSizeChange,
+    _w$showSizeChanger = w.showSizeChanger,
+    A = _w$showSizeChanger === void 0 ? !1 : _w$showSizeChanger,
+    _w$showQuickJumper = w.showQuickJumper,
+    q = _w$showQuickJumper === void 0 ? !1 : _w$showQuickJumper,
+    _w$pageSizeOptions = w.pageSizeOptions,
+    S = _w$pageSizeOptions === void 0 ? [10, 20, 50, 100] : _w$pageSizeOptions,
+    _w$disabled = w.disabled,
+    l = _w$disabled === void 0 ? !1 : _w$disabled,
+    _w$hideOnSinglePage = w.hideOnSinglePage,
+    T = _w$hideOnSinglePage === void 0 ? !1 : _w$hideOnSinglePage,
+    P = w.showTotal,
+    _w$size = w.size,
+    _ = _w$size === void 0 ? "medium" : _w$size,
+    _w$align = w.align,
+    H = _w$align === void 0 ? "start" : _w$align,
+    _w$simple = w.simple,
+    J = _w$simple === void 0 ? !1 : _w$simple,
+    a = w.popupPlacement,
+    y = w.resolvePopupPlacement,
+    $ = w.dropdownClassName,
+    _w$t = w.t,
+    L = _w$t === void 0 ? function (e) {
+      return e;
+    } : _w$t,
+    M = w.className,
+    E = w.style,
+    _r$useState = r.useState(b),
+    _r$useState2 = _slicedToArray(_r$useState, 2),
+    Q = _r$useState2[0],
+    R = _r$useState2[1],
+    _r$useState3 = r.useState(N),
+    _r$useState4 = _slicedToArray(_r$useState3, 2),
+    W = _r$useState4[0],
+    F = _r$useState4[1],
+    _r$useState5 = r.useState(!1),
+    _r$useState6 = _slicedToArray(_r$useState5, 2),
+    g = _r$useState6[0],
+    f = _r$useState6[1],
+    _r$useState7 = r.useState("bottom"),
+    _r$useState8 = _slicedToArray(_r$useState7, 2),
+    C = _r$useState8[0],
+    G = _r$useState8[1],
+    _r$useState9 = r.useState(null),
+    _r$useState0 = _slicedToArray(_r$useState9, 2),
+    k = _r$useState0[0],
+    K = _r$useState0[1],
+    d = r.useRef(null),
+    O = r.useRef(null),
+    s = c != null ? c : Q,
+    p = m != null ? m : W,
+    o = Math.ceil(x / p);
+  if (T && o <= 1) return null;
+  var u = function u(e) {
+      l || e < 1 || e > o || e === s || (c === void 0 && R(e), j == null || j(e, p));
+    },
+    U = function U(e) {
+      var i = Math.ceil(x / e),
+        n = Math.min(s, i) || 1;
+      m === void 0 && (F(e), c === void 0 && R(n)), z == null || z(n, e), j == null || j(n, e);
+    },
+    B = function B(e) {
+      if (!d.current) return;
+      var i = d.current.getBoundingClientRect();
+      K({
+        left: i.left + i.width / 2,
+        top: e === "bottom" ? i.bottom + 4 : i.top - 4
+      });
+    },
+    V = function V() {
+      var e;
+      if (l) return;
+      if (g) {
+        f(!1);
+        return;
+      }
+      var i = C;
+      if (a === void 0 && d.current) {
+        var n = d.current.getBoundingClientRect(),
+          h = S.length * 40 + 8,
+          v = window.innerHeight;
+        i = (e = y == null ? void 0 : y({
+          triggerRect: n,
+          dropdownHeight: h,
+          viewportHeight: v
+        })) != null ? e : ae({
+          triggerRect: n,
+          dropdownHeight: h,
+          viewportHeight: v
+        }), G(i);
+      }
+      B(a != null ? a : i), f(!0);
+    },
+    X = function X(e) {
+      U(e), f(!1);
+    };
+  r.useEffect(function () {
+    var e = function e(h) {
+        var v, I;
+        var Z = h.target;
+        (v = d.current) != null && v.contains(Z) || (I = O.current) != null && I.contains(Z) || f(!1);
+      },
+      i = function i() {
+        return f(!1);
+      },
+      n = function n() {
+        return B(a != null ? a : C);
+      };
+    if (g) return document.addEventListener("mousedown", e), document.addEventListener("scroll", i, !0), window.addEventListener("resize", n), function () {
+      document.removeEventListener("mousedown", e), document.removeEventListener("scroll", i, !0), window.removeEventListener("resize", n);
+    };
+  }, [g, a, C]);
+  var Y = function Y(e) {
+      var i = parseInt(e.target.value);
+      !isNaN(i) && i >= 1 && i <= o && u(i);
+    },
+    ee = r.useMemo(function () {
+      var e = [];
+      if (o <= 7) for (var n = 1; n <= o; n++) e.push(n);else if (s <= 4) {
+        for (var _n = 1; _n <= 5; _n++) e.push(_n);
+        e.push("..."), e.push(o);
+      } else if (s >= o - 3) {
+        e.push(1), e.push("...");
+        for (var _n2 = o - 4; _n2 <= o; _n2++) e.push(_n2);
+      } else {
+        e.push(1), e.push("...");
+        for (var _n3 = s - 1; _n3 <= s + 1; _n3++) e.push(_n3);
+        e.push("..."), e.push(o);
+      }
+      return e;
+    }, [s, o]),
+    te = (s - 1) * p + 1,
+    ne = Math.min(s * p, x),
+    ie = "pagination-".concat(_),
+    se = "pagination-".concat(H),
+    D = l ? "pagination-disabled" : "",
+    oe = function oe(e, i) {
+      if (e === "...") return t.jsx("span", {
+        className: "pagination-item pagination-ellipsis",
+        children: "..."
+      }, "ellipsis-".concat(i));
+      var h = e === s ? "pagination-item-active" : "";
+      return t.jsx("button", {
+        type: "button",
+        className: "pagination-item ".concat(h),
+        onClick: function onClick() {
+          return u(e);
+        },
+        disabled: l,
+        children: e
+      }, e);
+    };
+  return J ? t.jsx("div", {
+    className: "pagination pagination-simple ".concat(D, " ").concat(M || ""),
+    style: E,
+    children: t.jsxs("div", {
+      className: "pagination-simple-list",
+      children: [t.jsx("button", {
+        type: "button",
+        className: "pagination-simple-item pagination-simple-prev",
+        onClick: function onClick() {
+          return u(s - 1);
+        },
+        disabled: l || s === 1,
+        children: t.jsx("svg", {
+          width: "12",
+          height: "12",
+          viewBox: "0 0 12 12",
+          fill: "none",
+          children: t.jsx("path", {
+            d: "M8 2L4 6L8 10",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          })
+        })
+      }), t.jsxs("span", {
+        className: "pagination-simple-text",
+        children: [s, " / ", o || 0]
+      }), t.jsx("button", {
+        type: "button",
+        className: "pagination-simple-item pagination-simple-next",
+        onClick: function onClick() {
+          return u(s + 1);
+        },
+        disabled: l || s === o,
+        children: t.jsx("svg", {
+          width: "12",
+          height: "12",
+          viewBox: "0 0 12 12",
+          fill: "none",
+          children: t.jsx("path", {
+            d: "M4 2L8 6L4 10",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          })
+        })
+      })]
+    })
+  }) : t.jsxs("div", {
+    className: "pagination ".concat(ie, " ").concat(se, " ").concat(D, " ").concat(M || ""),
+    style: E,
+    children: [typeof P == "function" && t.jsx("div", {
+      className: "pagination-total",
+      children: P(x, [te, ne])
+    }), t.jsxs("div", {
+      className: "pagination-list",
+      children: [t.jsx("button", {
+        type: "button",
+        className: "pagination-item pagination-prev",
+        onClick: function onClick() {
+          return u(s - 1);
+        },
+        disabled: l || s === 1,
+        children: t.jsxs("svg", {
+          width: "20",
+          height: "20",
+          viewBox: "0 0 20 20",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: [t.jsx("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"
+          }), t.jsx("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"
+          })]
+        })
+      }), ee.map(function (e, i) {
+        return oe(e, i);
+      }), t.jsx("button", {
+        type: "button",
+        className: "pagination-item pagination-next",
+        onClick: function onClick() {
+          return u(s + 1);
+        },
+        disabled: l || s === o,
+        children: t.jsxs("svg", {
+          width: "20",
+          height: "20",
+          viewBox: "0 0 20 20",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: [t.jsx("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"
+          }), t.jsx("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"
+          })]
+        })
+      })]
+    }), A && t.jsxs("div", {
+      className: "pagination-sizer",
+      ref: d,
+      children: [t.jsxs("button", {
+        type: "button",
+        className: "pagination-sizer-select",
+        onClick: V,
+        disabled: l,
+        children: [p, L("条/页"), t.jsxs("svg", {
+          className: "pagination-sizer-icon".concat(g ? " pagination-sizer-icon-open" : ""),
+          width: "20",
+          height: "20",
+          viewBox: "0 0 20 20",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: [t.jsx("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"
+          }), t.jsx("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"
+          })]
+        })]
+      }), g && k && le.createPortal(t.jsx("div", {
+        ref: O,
+        className: "pagination-sizer-dropdown pagination-sizer-dropdown-".concat(a != null ? a : C).concat($ ? " ".concat($) : ""),
+        style: {
+          position: "fixed",
+          left: k.left,
+          top: k.top,
+          zIndex: 99999,
+          transform: (a != null ? a : C) === "bottom" ? "translate(-50%, 0)" : "translate(-50%, -100%)"
+        },
+        children: S.map(function (e) {
+          return t.jsxs("button", {
+            type: "button",
+            className: "pagination-sizer-option",
+            onClick: function onClick() {
+              return X(e);
+            },
+            "data-selected": e === p,
+            children: [e, L("条/页")]
+          }, e);
+        })
+      }), document.body)]
+    }), q && t.jsxs("div", {
+      className: "pagination-jumper",
+      children: [t.jsx("span", {
+        children: L("跳至")
+      }), t.jsx("input", {
+        type: "number",
+        className: "pagination-jumper-input",
+        min: 1,
+        max: o,
+        onChange: Y,
+        disabled: l,
+        placeholder: ""
+      }), t.jsx("span", {
+        children: L("页")
+      })]
+    })]
+  });
+};
+module.exports = re;