148 lines
4.4 KiB
JavaScript
148 lines
4.4 KiB
JavaScript
import { jsxs as x, jsx as l } from "react/jsx-runtime";
|
|
import { useState as B, useRef as A, useEffect as v } from "react";
|
|
import { HStack as w, Text as u, IconButton as y, Button as S, Input as E } from "@chakra-ui/react";
|
|
import { IoChevronForwardOutline as M, IoChevronBackOutline as N } from "react-icons/io5/index.js";
|
|
import { toFaDigits as e, toEnDigits as C } from "../utils.js";
|
|
const V = ({
|
|
currentPage: i,
|
|
totalPages: r,
|
|
totalCount: I,
|
|
onPageChange: c
|
|
}) => {
|
|
const [p, o] = B(e(i)), [m, d] = B(!1), [h, f] = B(null), a = A(null), D = Array.from(
|
|
/* @__PURE__ */ new Set([1, i, i + 1, r])
|
|
).filter((n) => n >= 1 && n <= r).sort((n, t) => n - t);
|
|
v(() => {
|
|
if (h !== null) {
|
|
i === h && (f(null), d(!1), o(e(i)));
|
|
return;
|
|
}
|
|
m || o(e(i));
|
|
}, [i, m, h]), v(() => {
|
|
if (!m || !p || h !== null) return;
|
|
const n = parseInt(C(p), 10);
|
|
if (isNaN(n)) return;
|
|
const t = setTimeout(() => {
|
|
var b;
|
|
const s = Math.min(Math.max(n, 1), r);
|
|
s !== i ? (f(s), o(e(s)), c(s)) : (d(!1), o(e(i))), (b = a.current) == null || b.blur();
|
|
}, 1e3);
|
|
return () => clearTimeout(t);
|
|
}, [
|
|
p,
|
|
m,
|
|
h,
|
|
r,
|
|
i,
|
|
c
|
|
]);
|
|
const k = () => {
|
|
var s, b;
|
|
const n = parseInt(C(p), 10);
|
|
if (isNaN(n)) {
|
|
o(e(i)), d(!1), f(null), (s = a.current) == null || s.blur();
|
|
return;
|
|
}
|
|
const t = Math.min(Math.max(n, 1), r);
|
|
t !== i ? (f(t), o(e(t)), c(t)) : (o(e(i)), d(!1), f(null)), (b = a.current) == null || b.blur();
|
|
};
|
|
return r === 0 || !I ? null : /* @__PURE__ */ x(
|
|
w,
|
|
{
|
|
justifyContent: "space-around",
|
|
backgroundColor: "white",
|
|
py: "10px",
|
|
px: "16px",
|
|
rounded: "lg",
|
|
border: "1px",
|
|
borderColor: "blue.200",
|
|
w: "100%",
|
|
children: [
|
|
/* @__PURE__ */ x(w, { spacing: 2, whiteSpace: "nowrap", children: [
|
|
/* @__PURE__ */ l(u, { fontWeight: "bold", children: "صفحه" }),
|
|
/* @__PURE__ */ l(u, { children: e(i) }),
|
|
/* @__PURE__ */ l(u, { fontWeight: "bold", children: "از" }),
|
|
/* @__PURE__ */ l(u, { children: e(r) })
|
|
] }),
|
|
/* @__PURE__ */ x(w, { spacing: 2, alignItems: "center", justifyContent: "center", children: [
|
|
/* @__PURE__ */ l(
|
|
y,
|
|
{
|
|
size: "md",
|
|
bg: "#e6e6f1",
|
|
color: "#4B49AC",
|
|
_hover: { bg: "#cbcbe8" },
|
|
onClick: () => c(i - 1),
|
|
isDisabled: i === 1,
|
|
icon: /* @__PURE__ */ l(M, {}),
|
|
"aria-label": "صفحه قبلی"
|
|
}
|
|
),
|
|
D.map((n) => /* @__PURE__ */ l(
|
|
S,
|
|
{
|
|
size: "md",
|
|
bg: i === n ? "#4B49AC" : "#e6e6f1",
|
|
color: i === n ? "#e6e6f1" : "#4B49AC",
|
|
_hover: { bg: i === n ? "#4B49AC" : "#cbcbe8" },
|
|
onClick: () => c(n),
|
|
variant: "soft",
|
|
children: e(n)
|
|
},
|
|
n
|
|
)),
|
|
/* @__PURE__ */ l(
|
|
y,
|
|
{
|
|
size: "md",
|
|
bg: "#e6e6f1",
|
|
color: "#4B49AC",
|
|
_hover: { bg: "#cbcbe8" },
|
|
onClick: () => c(i + 1),
|
|
isDisabled: i === r,
|
|
icon: /* @__PURE__ */ l(N, {}),
|
|
"aria-label": "صفحه بعدی"
|
|
}
|
|
),
|
|
/* @__PURE__ */ l(
|
|
E,
|
|
{
|
|
ref: a,
|
|
type: "text",
|
|
inputMode: "numeric",
|
|
placeholder: "صفحه",
|
|
w: "100px",
|
|
value: p,
|
|
onFocus: () => {
|
|
d(!0), f(null), o("");
|
|
},
|
|
onChange: (n) => {
|
|
const t = n.target.value, s = C(t).replace(/\D/g, "");
|
|
o(e(s));
|
|
},
|
|
onBlur: () => {
|
|
p || (o(e(i)), d(!1), f(null));
|
|
},
|
|
onKeyDown: (n) => {
|
|
n.key === "Enter" && k();
|
|
},
|
|
textAlign: "center",
|
|
color: "#1D2939",
|
|
px: 1,
|
|
minW: 0,
|
|
dir: "ltr"
|
|
}
|
|
)
|
|
] }),
|
|
/* @__PURE__ */ x(w, { spacing: 2, whiteSpace: "nowrap", children: [
|
|
/* @__PURE__ */ l(u, { fontWeight: "bold", children: "تعداد کل:" }),
|
|
/* @__PURE__ */ l(u, { children: e(I) })
|
|
] })
|
|
]
|
|
}
|
|
);
|
|
};
|
|
export {
|
|
V as P
|
|
};
|