@nutui/nutui-react 2.3.12-beta.0 → 2.4.0-beta.0

package/dist/esm/Pagination.js

@@ -1,62 +1,29 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["value", "mode", "prev", "next", "total", "pageSize", "itemSize", "onChange", "ellipse", "itemRender", "defaultValue", "className"];
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 import React__default, { useMemo } from "react";
 import classNames from "classnames";
 import { useConfig } from "./ConfigProvider.js";
 import { u as usePropsValue } from "./use-props-value.js";
 import { C as ComponentDefaults } from "./typings.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  defaultValue: 1,
-  mode: "multi",
-  prev: null,
-  next: null,
-  total: 50,
-  pageSize: 10,
-  itemSize: 5,
-  ellipse: false
-});
-var Pagination = function Pagination2(props) {
-  var _useConfig = useConfig(), locale = _useConfig.locale;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), value = _defaultProps$props.value, mode = _defaultProps$props.mode, prev = _defaultProps$props.prev, next = _defaultProps$props.next, total = _defaultProps$props.total, pageSize = _defaultProps$props.pageSize, itemSize = _defaultProps$props.itemSize, onChange = _defaultProps$props.onChange, ellipse = _defaultProps$props.ellipse, itemRender = _defaultProps$props.itemRender, defaultValue = _defaultProps$props.defaultValue, className = _defaultProps$props.className, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var classPrefix = "nut-pagination";
-  var _usePropsValue = usePropsValue({
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { defaultValue: 1, mode: "multi", prev: null, next: null, total: 50, pageSize: 10, itemSize: 5, ellipse: false });
+const Pagination = (props) => {
+  const { locale } = useConfig();
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { value, mode, prev, next, total, pageSize, itemSize, onChange, ellipse, itemRender, defaultValue, className } = _a, rest = __rest(_a, ["value", "mode", "prev", "next", "total", "pageSize", "itemSize", "onChange", "ellipse", "itemRender", "defaultValue", "className"]);
+  const classPrefix = "nut-pagination";
+  const [currentPage, setCurrentPage] = usePropsValue({
     value,
     defaultValue,
     finalValue: 1,
     onChange
-  }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), currentPage = _usePropsValue2[0], setCurrentPage = _usePropsValue2[1];
-  var pageCount = useMemo(function() {
-    var num = Math.ceil(total / pageSize);
+  });
+  const pageCount = useMemo(() => {
+    const num = Math.ceil(total / pageSize);
     return Number.isNaN(num) ? 1 : Math.max(1, num);
   }, [total, pageSize]);
-  var pages = useMemo(function() {
-    var items = [];
-    var startPage = 1;
-    var endPage = pageCount;
-    var partialShow = pageCount > itemSize;
+  const pages = useMemo(() => {
+    const items = [];
+    let startPage = 1;
+    let endPage = pageCount;
+    const partialShow = pageCount > itemSize;
     if (partialShow) {
       startPage = Math.max(currentPage - Math.floor(itemSize / 2), 1);
       endPage = startPage + itemSize - 1;
@@ -65,68 +32,62 @@ var Pagination = function Pagination2(props) {
         startPage = endPage - itemSize + 1;
       }
     }
-    for (var i = startPage; i <= endPage; i++) {
-      items.push({
-        number: i,
-        text: i
-      });
+    for (let i = startPage; i <= endPage; i++) {
+      items.push({ number: i, text: i });
     }
     if (partialShow && itemSize > 0 && ellipse) {
       if (startPage > 1) {
-        items.unshift({
-          number: startPage - 1,
-          text: "..."
-        });
+        items.unshift({ number: startPage - 1, text: "..." });
       }
       if (endPage < pageCount) {
-        items.push({
-          number: endPage + 1,
-          text: "..."
-        });
+        items.push({ number: endPage + 1, text: "..." });
       }
     }
     return items;
   }, [currentPage, itemSize, pageCount]);
-  var handleSelectPage = function handleSelectPage2(curPage) {
+  const handleSelectPage = (curPage) => {
     if (curPage > pageCount || curPage < 1)
       return;
     setCurrentPage(curPage);
   };
-  return React__default.createElement("div", _objectSpread({
-    className: classNames(classPrefix, className)
-  }, rest), (mode === "multi" || mode === "simple") && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    className: classNames("".concat(classPrefix, "-prev"), mode === "multi" ? "" : "simple-border", currentPage === 1 ? "disabled" : ""),
-    onClick: function onClick(e) {
-      return handleSelectPage(currentPage - 1);
-    }
-  }, prev || locale.pagination.prev), mode === "multi" && React__default.createElement("div", {
-    className: "".concat(classPrefix, "-contain")
-  }, pages.map(function(item, index) {
-    return React__default.createElement("div", {
-      key: "".concat(index, "pagination"),
-      className: classNames("".concat(classPrefix, "-item"), {
-        active: item.number === currentPage
-      }),
-      onClick: function onClick(e) {
-        item.number !== currentPage && handleSelectPage(item.number);
-      }
-    }, itemRender ? itemRender(item) : item.text);
-  })), mode === "simple" && React__default.createElement("div", {
-    className: "".concat(classPrefix, "-contain")
-  }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "-simple")
-  }, currentPage, "/", pageCount)), React__default.createElement("div", {
-    className: classNames("".concat(classPrefix, "-next"), currentPage >= pageCount ? "disabled" : ""),
-    onClick: function onClick(e) {
-      return handleSelectPage(currentPage + 1);
-    }
-  }, next || locale.pagination.next)), mode === "lite" && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    className: "".concat(classPrefix, "-lite")
-  }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "-lite-active")
-  }, 2), React__default.createElement("div", {
-    className: "".concat(classPrefix, "-lite-default")
-  }, 8))));
+  return React__default.createElement(
+    "div",
+    Object.assign({ className: classNames(classPrefix, className) }, rest),
+    (mode === "multi" || mode === "simple") && React__default.createElement(
+      React__default.Fragment,
+      null,
+      React__default.createElement("div", { className: classNames(`${classPrefix}-prev`, mode === "multi" ? "" : "simple-border", currentPage === 1 ? "disabled" : ""), onClick: (e) => handleSelectPage(currentPage - 1) }, prev || locale.pagination.prev),
+      mode === "multi" && React__default.createElement("div", { className: `${classPrefix}-contain` }, pages.map((item, index) => {
+        return React__default.createElement("div", { key: `${index}pagination`, className: classNames(`${classPrefix}-item`, {
+          active: item.number === currentPage
+        }), onClick: (e) => {
+          item.number !== currentPage && handleSelectPage(item.number);
+        } }, itemRender ? itemRender(item) : item.text);
+      })),
+      mode === "simple" && React__default.createElement(
+        "div",
+        { className: `${classPrefix}-contain` },
+        React__default.createElement(
+          "div",
+          { className: `${classPrefix}-simple` },
+          currentPage,
+          "/",
+          pageCount
+        )
+      ),
+      React__default.createElement("div", { className: classNames(`${classPrefix}-next`, currentPage >= pageCount ? "disabled" : ""), onClick: (e) => handleSelectPage(currentPage + 1) }, next || locale.pagination.next)
+    ),
+    mode === "lite" && React__default.createElement(
+      React__default.Fragment,
+      null,
+      React__default.createElement(
+        "div",
+        { className: `${classPrefix}-lite` },
+        React__default.createElement("div", { className: `${classPrefix}-lite-active` }, 2),
+        React__default.createElement("div", { className: `${classPrefix}-lite-default` }, 8)
+      )
+    )
+  );
 };
 Pagination.defaultProps = defaultProps;
 Pagination.displayName = "NutPagination";