@uiw/react-pagination
Advanced tools
Comparing version 4.9.6 to 4.9.7
@@ -7,9 +7,13 @@ "use strict"; | ||
exports.__esModule = true; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
exports["default"] = Pagination; | ||
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")); | ||
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2")); | ||
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose")); | ||
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray")); | ||
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties")); | ||
var _react = _interopRequireWildcard(require("react")); | ||
@@ -40,7 +44,8 @@ | ||
divider = props.divider, | ||
other = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded); | ||
other = (0, _objectWithoutProperties2["default"])(props, _excluded); | ||
var _useState = (0, _react.useState)(currentNumber), | ||
current = _useState[0], | ||
setCurrent = _useState[1]; | ||
_useState2 = (0, _slicedToArray2["default"])(_useState, 2), | ||
current = _useState2[0], | ||
setCurrent = _useState2[1]; | ||
@@ -166,5 +171,5 @@ (0, _react.useEffect)(function () { | ||
return /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", (0, _extends2["default"])({ | ||
return /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({ | ||
className: cls | ||
}, other, { | ||
}, other), {}, { | ||
children: initPageSoure.map(function (item, idx) { | ||
@@ -179,3 +184,3 @@ // eslint-disable-next-line jsx-a11y/anchor-is-valid | ||
label = /*#__PURE__*/(0, _jsxRuntime.jsx)("a", { | ||
className: "arrow " + item.type | ||
className: "arrow ".concat(item.type) | ||
}); | ||
@@ -182,0 +187,0 @@ } |
@@ -1,3 +0,3 @@ | ||
import _extends from "@babel/runtime/helpers/esm/extends"; | ||
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose"; | ||
import _extends from "@babel/runtime/helpers/extends"; | ||
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose"; | ||
var _excluded = ["className", "prefixCls", "alignment", "size", "total", "pageSize", "current", "onChange", "divider"]; | ||
@@ -8,31 +8,20 @@ import React, { useEffect, useMemo, useState } from 'react'; | ||
export default function Pagination(props) { | ||
var className = props.className, | ||
_props$prefixCls = props.prefixCls, | ||
prefixCls = _props$prefixCls === void 0 ? 'w-pagination' : _props$prefixCls, | ||
_props$alignment = props.alignment, | ||
alignment = _props$alignment === void 0 ? 'left' : _props$alignment, | ||
_props$size = props.size, | ||
size = _props$size === void 0 ? 'default' : _props$size, | ||
_props$total = props.total, | ||
total = _props$total === void 0 ? 0 : _props$total, | ||
_props$pageSize = props.pageSize, | ||
pageSize = _props$pageSize === void 0 ? 10 : _props$pageSize, | ||
_props$current = props.current, | ||
currentNumber = _props$current === void 0 ? 1 : _props$current, | ||
_props$onChange = props.onChange, | ||
onChange = _props$onChange === void 0 ? function () { | ||
return null; | ||
} : _props$onChange, | ||
divider = props.divider, | ||
var { | ||
className, | ||
prefixCls = 'w-pagination', | ||
alignment = 'left', | ||
size = 'default', | ||
total = 0, | ||
pageSize = 10, | ||
// The number of pages displayed. | ||
current: currentNumber = 1, | ||
onChange = () => null, | ||
divider | ||
} = props, | ||
other = _objectWithoutPropertiesLoose(props, _excluded); | ||
var _useState = useState(currentNumber), | ||
current = _useState[0], | ||
setCurrent = _useState[1]; | ||
useEffect(function () { | ||
return setCurrent(currentNumber); | ||
}, [currentNumber]); | ||
var [current, setCurrent] = useState(currentNumber); | ||
useEffect(() => setCurrent(currentNumber), [currentNumber]); | ||
var cls = [prefixCls, className, divider ? 'divider' : null, size].filter(Boolean).join(' ').trim(); | ||
var initPageSoure = useMemo(function () { | ||
var initPageSoure = useMemo(() => { | ||
var data = [{ | ||
@@ -57,3 +46,3 @@ type: 'prev', | ||
label: '•••', | ||
"goto": 5 | ||
goto: 5 | ||
}); | ||
@@ -81,3 +70,3 @@ } | ||
data.push({ | ||
label: label, | ||
label, | ||
active: current === label | ||
@@ -92,3 +81,3 @@ }); | ||
label: '•••', | ||
"goto": 5 | ||
goto: 5 | ||
}); | ||
@@ -139,4 +128,4 @@ } | ||
if (/^(jumpPrev|jumpNext)/.test(item.type) && item["goto"]) { | ||
state.current = item.type === 'jumpPrev' ? current - item["goto"] : current + item["goto"]; | ||
if (/^(jumpPrev|jumpNext)/.test(item.type) && item.goto) { | ||
state.current = item.type === 'jumpPrev' ? current - item.goto : current + item.goto; | ||
@@ -159,3 +148,3 @@ if (state.current > count) { | ||
}, other, { | ||
children: initPageSoure.map(function (item, idx) { | ||
children: initPageSoure.map((item, idx) => { | ||
// eslint-disable-next-line jsx-a11y/anchor-is-valid | ||
@@ -175,5 +164,3 @@ var label = /*#__PURE__*/_jsx("a", { | ||
className: [item.active ? 'active' : null, item.disabled ? 'disabled' : null].filter(Boolean).join(' ').trim(), | ||
onClick: function onClick() { | ||
return handleClick(item); | ||
}, | ||
onClick: () => handleClick(item), | ||
children: label | ||
@@ -180,0 +167,0 @@ }, idx); |
{ | ||
"name": "@uiw/react-pagination", | ||
"version": "4.9.6", | ||
"version": "4.9.7", | ||
"description": "Pagination component", | ||
@@ -47,7 +47,7 @@ "author": "Kenny Wong <wowohoo@qq.com>", | ||
"dependencies": { | ||
"@uiw/utils": "^4.9.6" | ||
"@uiw/utils": "^4.9.7" | ||
}, | ||
"devDependencies": { | ||
"@babel/runtime": "7.15.3", | ||
"@types/react": "17.0.19", | ||
"@babel/runtime": "7.15.4", | ||
"@types/react": "17.0.20", | ||
"@types/react-dom": "17.0.9", | ||
@@ -54,0 +54,0 @@ "react": "17.0.2", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
0
51606
730
Updated@uiw/utils@^4.9.7