@nutui/nutui-react-taro 1.4.4 → 1.4.5-beta.0

package/dist/esm/numberkeyboard.taro-194519e4.js

@@ -0,0 +1,158 @@
+import React__default, { useState, useEffect } from 'react';
+import classNames from 'classnames';
+import { c as cn } from './bem-893ad28d.js';
+import { P as Popup } from './popup.taro-cb777e09.js';
+import { u as useConfig } from './configprovider.taro-26882dd2.js';
+
+const defaultProps = {
+    confirmText: '',
+    title: '',
+    visible: false,
+    type: 'default',
+    customKey: [],
+    className: '',
+    randomKeys: false,
+    popClass: '',
+    onClose: () => { },
+};
+const NumberKeyboard = (props) => {
+    const { locale } = useConfig();
+    const { title, confirmText, visible, type, customKey, randomKeys, popClass, style, className, onChange, onDelete, onClose, } = props;
+    const b = cn('numberkeyboard');
+    const [show, setShow] = useState(visible);
+    const [clickKeyIndex, setClickKeyIndex] = useState(undefined);
+    const [keysList, setKeysList] = useState([]);
+    useEffect(() => {
+        setShow(visible);
+    }, [visible]);
+    const defaultKey = () => {
+        let leftBottomKey = {
+            id: 'lock',
+            type: 'lock',
+        };
+        if (customKey) {
+            const customKeys = Array.isArray(customKey)
+                ? customKey
+                : [customKey];
+            if (customKeys.length > 0) {
+                const newCustomKey = customKeys[0];
+                leftBottomKey = {
+                    id: newCustomKey,
+                    type: 'custom',
+                };
+            }
+        }
+        return [
+            ...getBasicKeys(),
+            leftBottomKey,
+            { id: 0, type: 'number' },
+            { id: 'delete', type: 'delete' },
+        ];
+    };
+    const getBasicKeys = () => {
+        const keys = [];
+        for (let i = 1; i <= 9; i++) {
+            keys.push({ id: i, type: 'number' });
+        }
+        if (randomKeys) {
+            return keys.sort(() => (Math.random() > 0.5 ? 1 : -1));
+        }
+        return keys;
+    };
+    const genCustomKeys = () => {
+        const keys = getBasicKeys();
+        if (!customKey)
+            return [];
+        let customKeys = Array.isArray(customKey) ? customKey : [customKey];
+        if (customKeys.length > 2) {
+            customKeys = [customKeys[0], customKeys[1]];
+        }
+        if (customKeys.length === 2 &&
+            props.title &&
+            props.type !== 'rightColumn') {
+            customKeys = [customKeys[0]];
+        }
+        if (customKeys.length === 1) {
+            if (props.title && props.type !== 'rightColumn') {
+                keys.push({ id: customKeys[0], type: 'custom' }, { id: 0, type: 'number' }, { id: 'delete', type: 'delete' });
+            }
+            else {
+                keys.push({ id: 0, type: 'number' }, { id: customKeys[0], type: 'custom' });
+            }
+        }
+        else if (customKeys.length === 2) {
+            keys.push({ id: customKeys[0], type: 'custom' }, { id: 0, type: 'number' }, { id: customKeys[1], type: 'custom' });
+        }
+        return keys;
+    };
+    useEffect(() => {
+        if (props.type === 'rightColumn' || props.title !== '') {
+            setKeysList(genCustomKeys());
+        }
+        else {
+            setKeysList(defaultKey());
+        }
+    }, []);
+    const onTouchstart = (item, event) => {
+        event.stopPropagation();
+        setClickKeyIndex(item.id);
+        if (item.type === 'number' || item.type === 'custom') {
+            onChange && onChange(item.id);
+        }
+        if (item.type === 'lock') {
+            onClose && onClose();
+        }
+        if (item.type === 'delete') {
+            onDelete && onDelete();
+        }
+    };
+    const onTouchMove = (event) => {
+        event.stopPropagation();
+    };
+    const onTouchEnd = (event) => {
+        event.preventDefault();
+        setClickKeyIndex(undefined);
+    };
+    return (React__default.createElement("div", null,
+        React__default.createElement(Popup, { visible: show, position: "bottom", popClass: popClass, onClickOverlay: onClose, onClickCloseIcon: onClose, overlayStyle: { backgroundColor: 'rgba(0, 0, 0, 0)' } },
+            React__default.createElement("div", { className: `${b()} ${className}`, style: { ...style } },
+                title ? (React__default.createElement("div", { className: b('header') },
+                    React__default.createElement("h3", { className: b('header__tit') }, title),
+                    type === 'default' ? (React__default.createElement("span", { className: b('header__close'), onClick: onClose }, locale.done)) : null)) : null,
+                React__default.createElement("div", { className: b('body') },
+                    React__default.createElement("div", { className: b('body__keys') }, keysList?.map((item, index) => {
+                        return (React__default.createElement("div", { key: index, className: classNames({
+                                'key-board-wrapper': true,
+                                'key-board-wrapper-large': item.id === 0 &&
+                                    type === 'rightColumn' &&
+                                    Array.isArray(customKey) &&
+                                    customKey.length === 1,
+                            }) },
+                            React__default.createElement("div", { className: classNames({
+                                    key: true,
+                                    active: item.id === clickKeyIndex,
+                                    lock: item.type === 'lock',
+                                    delete: item.type === 'delete',
+                                }), onTouchStart: (event) => onTouchstart(item, event), onTouchMove: onTouchMove, onTouchEnd: onTouchEnd },
+                                item.type === 'number' || item.type === 'custom' ? (React__default.createElement("div", null, item.id)) : null,
+                                item.type === 'lock' ? (React__default.createElement("img", { src: "https://img11.360buyimg.com/imagetools/jfs/t1/146371/38/8485/738/5f606425Eca239740/14f4b4f5f20d8a68.png", alt: "" })) : null,
+                                item.type === 'delete' ? (React__default.createElement("img", { src: "https://img11.360buyimg.com/imagetools/jfs/t1/129395/8/12735/2030/5f61ac37E70cab338/fb477dc11f46056c.png", alt: "" })) : null)));
+                    })),
+                    type === 'rightColumn' ? (React__default.createElement("div", { className: b('sidebar') },
+                        React__default.createElement("div", { className: "key-board-wrapper" },
+                            React__default.createElement("div", { className: classNames({
+                                    key: true,
+                                    active: clickKeyIndex === 'delete',
+                                }), onTouchStart: (event) => onTouchstart({ id: 'delete', type: 'delete' }, event), onTouchMove: onTouchMove, onTouchEnd: onTouchEnd },
+                                React__default.createElement("img", { src: "https://img11.360buyimg.com/imagetools/jfs/t1/129395/8/12735/2030/5f61ac37E70cab338/fb477dc11f46056c.png", alt: "" }))),
+                        React__default.createElement("div", { className: "key-board-wrapper key-board-finish", onClick: onClose },
+                            React__default.createElement("div", { className: classNames({
+                                    key: true,
+                                    finish: true,
+                                    activeFinsh: clickKeyIndex === 'finish',
+                                }) }, confirmText || locale.done)))) : null)))));
+};
+NumberKeyboard.defaultProps = defaultProps;
+NumberKeyboard.displayName = 'NutNumberKeyboard';
+
+export { NumberKeyboard as N };

package/dist/esm/nutui-react.es.js

@@ -1,74 +1,74 @@
 export { B as Button } from './button.taro-4ce133b9.js';
-export { C as Cell } from './cell.taro-cf50c4f2.js';
+export { C as Cell } from './cell.taro-9a04a92e.js';
 export { C as CellGroup } from './cellgroup.taro-e094471c.js';
-export { C as ConfigProvider } from './configprovider.taro-8bdb3a28.js';
+export { C as ConfigProvider } from './configprovider.taro-26882dd2.js';
 export { I as Icon } from './icon.taro-1d0d4fb7.js';
-export { I as Image } from './image.taro-c30973d5.js';
+export { I as Image } from './image.taro-e6dc5867.js';
 export { O as Overlay } from './overlay.taro-98367bc1.js';
 export { P as Popup } from './popup.taro-cb777e09.js';
 export { C as Col } from './col.taro-b61c7cba.js';
 export { D as Divider } from './divider.taro-5236fe6a.js';
-export { G as Grid } from './grid.taro-c2cc12d6.js';
-export { G as GridItem } from './griditem.taro-892153cd.js';
+export { G as Grid } from './grid.taro-e6decfce.js';
+export { G as GridItem } from './griditem.taro-4cade72e.js';
 export { L as Layout } from './layout.taro-358f014f.js';
 export { R as Row } from './row.taro-37a895de.js';
-export { S as Sticky } from './sticky.taro-36013e97.js';
+export { S as Sticky } from './sticky.taro-d0553f48.js';
 export { E as Elevator } from './elevator.taro-d7d65470.js';
-export { F as FixedNav } from './fixednav.taro-9e759320.js';
+export { F as FixedNav } from './fixednav.taro-5ad15202.js';
 export { I as Indicator } from './indicator.taro-183ea169.js';
 export { M as Menu } from './menu.taro-4abed328.js';
-export { M as MenuItem } from './menuitem.taro-216e9f7d.js';
+export { M as MenuItem } from './menuitem.taro-6e8b27c3.js';
 export { N as NavBar } from './navbar.taro-c931c078.js';
-export { P as Pagination } from './pagination.taro-9925ffab.js';
-export { S as SideNavBar } from './sidenavbar.taro-06026f31.js';
+export { P as Pagination } from './pagination.taro-bb490de9.js';
+export { S as SideNavBar } from './sidenavbar.taro-006cf38b.js';
 export { S as SideNavBarItem } from './sidenavbaritem.taro-fee11d26.js';
 export { S as SubSideNavBar } from './subsidenavbar.taro-f46b4c73.js';
 export { T as Tabbar } from './tabbar.taro-86cece39.js';
 export { T as TabbarItem } from './tabbaritem.taro-8dfb8055.js';
 export { T as TabPane } from './tabpane.taro-91cd6cf4.js';
 export { T as Tabs } from './tabs.taro-e71875fa.js';
-export { C as Calendar } from './calendar.taro-72974415.js';
-export { C as CalendarItem } from './calendaritem.taro-84e889eb.js';
+export { C as Calendar } from './calendar.taro-4ed72058.js';
+export { C as CalendarItem } from './calendaritem.taro-1ebe428d.js';
 export { C as Cascader } from './cascader.taro-d8cb1c3e.js';
 export { C as Checkbox, a as CheckboxGroup } from './checkbox.taro-0bda9796.js';
-export { D as DatePicker } from './datepicker.taro-7199f521.js';
-export { F as Form } from './form.taro-880014b1.js';
-export { F as FormItem } from './formitem.taro-3695f4a7.js';
-export { I as Input } from './input.taro-104130c1.js';
+export { D as DatePicker } from './datepicker.taro-7220e495.js';
+export { F as Form } from './form.taro-71d32671.js';
+export { F as FormItem } from './formitem.taro-3089489b.js';
+export { I as Input } from './input.taro-fd566407.js';
 export { I as InputNumber } from './inputnumber.taro-dc39b853.js';
-export { N as NumberKeyboard } from './numberkeyboard.taro-5e8f0ddf.js';
-export { P as Picker } from './picker.taro-3b5cc054.js';
+export { N as NumberKeyboard } from './numberkeyboard.taro-194519e4.js';
+export { P as Picker } from './picker.taro-2a8ded7c.js';
 export { R as Radio, a as RadioGroup } from './index.taro-a36f96fb.js';
-export { R as Range } from './range.taro-c41e9b90.js';
+export { R as Range } from './range.taro-5d6ff217.js';
 export { R as Rate } from './rate.taro-10197384.js';
-export { S as SearchBar } from './searchbar.taro-01ed4ea4.js';
-export { S as ShortPassword } from './shortpassword.taro-3a3bf412.js';
-export { T as TextArea } from './textarea.taro-83d5fe73.js';
-export { U as Uploader } from './uploader.taro-a1edf38f.js';
+export { S as SearchBar } from './searchbar.taro-839dd622.js';
+export { S as ShortPassword } from './shortpassword.taro-182d46f7.js';
+export { T as TextArea } from './textarea.taro-42600f8c.js';
+export { U as Uploader } from './uploader.taro-f80d76d9.js';
 export { A as ActionSheet } from './actionsheet.taro-a58d3d12.js';
 export { B as BackTop } from './backtop.taro-99107c30.js';
-export { D as Dialog } from './dialog.taro-f54cfbf0.js';
+export { D as Dialog } from './dialog.taro-1c03960e.js';
 export { D as Drag } from './drag.taro-82b6b27a.js';
-export { I as Infiniteloading } from './infiniteloading.taro-b5ddf3cc.js';
+export { I as Infiniteloading } from './infiniteloading.taro-6c2a2e95.js';
 export { N as Notify } from './notify.taro-308e5892.js';
-export { P as PullToRefresh } from './pulltorefresh.taro-f26a20dd.js';
+export { P as PullToRefresh } from './pulltorefresh.taro-cab7b51c.js';
 export { S as Swipe } from './swipe.taro-83bc248f.js';
 export { S as Switch } from './switch.taro-bae2dca0.js';
 export { T as Toast } from './toast.taro-0804b6b4.js';
 export { A as Animate } from './animate.taro-b0e83dd5.js';
 export { A as AnimatingNumbers } from './animatingnumbers.taro-6f40a2e9.js';
-export { A as Audio } from './audio.taro-fddcdfc0.js';
+export { A as Audio } from './audio.taro-4fadc583.js';
 export { A as Avatar } from './avatar.taro-85ced995.js';
-export { A as AvatarGroup } from './avatargroup-f7f600ff.js';
+export { A as AvatarGroup } from './avatargroup-1d900174.js';
 export { B as Badge } from './badge.taro-fe9171ec.js';
 export { C as CircleProgress } from './circleprogress.taro-47db537c.js';
 export { C as Collapse } from './collapse.taro-af58206c.js';
 export { C as CollapseItem } from './collapseitem-ce1849d2.js';
-export { C as CountDown } from './countdown.taro-d7dc8681.js';
-export { E as Ellipsis } from './ellipsis.taro-c0de6ff4.js';
-export { E as Empty } from './empty.taro-dbc66496.js';
+export { C as CountDown } from './countdown.taro-9e40de9c.js';
+export { E as Ellipsis } from './ellipsis.taro-49b6db0c.js';
+export { E as Empty } from './empty.taro-7bd813f9.js';
 export { I as ImagePreview } from './imagepreview.taro-3400ea03.js';
-export { N as NoticeBar } from './noticebar.taro-94002898.js';
+export { N as NoticeBar } from './noticebar.taro-69ea7673.js';
 export { P as Popover } from './popover.taro-46d813e8.js';
 export { P as Price } from './price.taro-8801462e.js';
 export { P as Progress } from './progress.taro-623bc807.js';
@@ -77,32 +77,32 @@ export { S as Step } from './step.taro-1c94e067.js';
 export { S as Steps } from './steps.taro-acf205a0.js';
 export { S as Swiper } from './swiper.taro-852f6615.js';
 export { S as SwiperItem } from './swiperitem-86a3578a.js';
-export { T as Table } from './table.taro-adda6622.js';
-export { T as Tag } from './tag.taro-bd900990.js';
+export { T as Table } from './table.taro-cb4dd2c3.js';
+export { T as Tag } from './tag.taro-00fe554d.js';
 export { T as TrendArrow } from './trendarrow.taro-5a7153e4.js';
 export { V as Video } from './video-8a3518c5.js';
-export { V as VirtualList } from './virtuallist.taro-4add61c3.js';
-export { W as WaterMark } from './watermark.taro-323d1cf3.js';
-export { A as Address } from './address.taro-1e2aea24.js';
+export { V as VirtualList } from './virtuallist.taro-e3345ced.js';
+export { W as WaterMark } from './watermark.taro-cd9db98a.js';
+export { A as Address } from './address.taro-79cc7c96.js';
 export { B as Barrage } from './barrage.taro-0e157b5e.js';
-export { C as Card } from './card.taro-a530dfb3.js';
-export { S as Signature } from './signature.taro-17648cac.js';
-export { T as TimeDetail } from './timedetail.taro-105f5380.js';
-export { T as TimePannel } from './timepannel.taro-c66c63dd.js';
-export { T as TimeSelect } from './timeselect.taro-fc7ec6ee.js';
+export { C as Card } from './card.taro-39055e82.js';
+export { S as Signature } from './signature.taro-33632585.js';
+export { T as TimeDetail } from './timedetail.taro-c5f564fd.js';
+export { T as TimePannel } from './timepannel.taro-29f9dd86.js';
+export { T as TimeSelect } from './timeselect.taro-3ecce65d.js';
 import 'react';
 import './typings-1c5f2628.js';
 import '@tarojs/taro';
 import './bem-893ad28d.js';
 import '@bem-react/classname';
-import 'lodash';
+import 'lodash.kebabcase';
 import './zh-CN-dfc384d0.js';
 import 'classnames';
 import 'react-dom';
 import 'react-transition-group';
 import './UserContext-be8097d2.js';
 import './grid.taro.context-39636af9.js';
-import './configprovider-c7d60e20.js';
+import './configprovider-5eea4f5d.js';
 import '@tarojs/components';
 import './offsetContext-bfb02c25.js';
 import './useClientRect-bf69d7b3.js';

package/dist/esm/offsetContext-bfb02c25.js

@@ -1,3 +1,5 @@
 import { createContext } from 'react';
-var OffsetContext = createContext(20);
+
+const OffsetContext = createContext(20);
+
 export { OffsetContext as O };

package/dist/esm/overlay.taro-98367bc1.js

@@ -1,83 +1,68 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "zIndex", "duration", "overlayClass", "closeOnClickOverlay", "visible", "lockScroll", "overlayStyle"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React__default, { useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
-var defaultOverlayProps = {
-  zIndex: 2000,
-  duration: 0.3,
-  overlayClass: '',
-  closeOnClickOverlay: true,
-  visible: false,
-  lockScroll: true,
-  overlayStyle: {}
+
+const defaultOverlayProps = {
+    zIndex: 2000,
+    duration: 0.3,
+    overlayClass: '',
+    closeOnClickOverlay: true,
+    visible: false,
+    lockScroll: true,
+    overlayStyle: {},
 };
-var Overlay = function Overlay(props) {
-  var _defaultOverlayProps$ = _objectSpread(_objectSpread({}, defaultOverlayProps), props),
-    children = _defaultOverlayProps$.children,
-    zIndex = _defaultOverlayProps$.zIndex,
-    duration = _defaultOverlayProps$.duration,
-    overlayClass = _defaultOverlayProps$.overlayClass,
-    closeOnClickOverlay = _defaultOverlayProps$.closeOnClickOverlay,
-    visible = _defaultOverlayProps$.visible,
-    lockScroll = _defaultOverlayProps$.lockScroll,
-    overlayStyle = _defaultOverlayProps$.overlayStyle,
-    rest = _objectWithoutProperties(_defaultOverlayProps$, _excluded);
-  var _useState = useState(visible),
-    _useState2 = _slicedToArray(_useState, 2),
-    show = _useState2[0],
-    setShow = _useState2[1];
-  var renderRef = useRef(true);
-  var intervalRef = useRef(0);
-  useEffect(function () {
-    visible && setShow(visible);
-    lock();
-  }, [visible]);
-  useEffect(function () {
-    return function () {
-      clearTimeout(intervalRef.current);
-      document.body.classList.remove('nut-overflow-hidden');
+const Overlay = (props) => {
+    const { children, zIndex, duration, overlayClass, closeOnClickOverlay, visible, lockScroll, overlayStyle, ...rest } = {
+        ...defaultOverlayProps,
+        ...props,
     };
-  }, []);
-  var b = cn('overlay');
-  var classes = classNames({
-    'overlay-fade-leave-active': !renderRef.current && !visible,
-    'overlay-fade-enter-active': visible,
-    'first-render': renderRef.current && !visible,
-    'hidden-render': !visible
-  }, overlayClass, b(''));
-  var styles = _objectSpread({
-    zIndex: zIndex,
-    animationDuration: "".concat(props.duration, "s")
-  }, overlayStyle);
-  var lock = function lock() {
-    if (lockScroll && visible) {
-      document.body.classList.add('nut-overflow-hidden');
-    } else {
-      document.body.classList.remove('nut-overflow-hidden');
-    }
-  };
-  var handleClick = function handleClick(e) {
-    if (closeOnClickOverlay) {
-      props.onClick && props.onClick(e);
-      renderRef.current = false;
-      var id = window.setTimeout(function () {
-        setShow(!visible);
-      }, duration * 1000 * 0.8);
-      intervalRef.current = id;
-    }
-  };
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", _objectSpread(_objectSpread({
-    className: classes,
-    style: styles
-  }, rest), {}, {
-    onClick: handleClick
-  }), children));
+    const [show, setShow] = useState(visible);
+    const renderRef = useRef(true);
+    const intervalRef = useRef(0);
+    useEffect(() => {
+        visible && setShow(visible);
+        lock();
+    }, [visible]);
+    useEffect(() => {
+        return () => {
+            clearTimeout(intervalRef.current);
+            document.body.classList.remove('nut-overflow-hidden');
+        };
+    }, []);
+    const b = cn('overlay');
+    const classes = classNames({
+        'overlay-fade-leave-active': !renderRef.current && !visible,
+        'overlay-fade-enter-active': visible,
+        'first-render': renderRef.current && !visible,
+        'hidden-render': !visible,
+    }, overlayClass, b(''));
+    const styles = {
+        zIndex,
+        animationDuration: `${props.duration}s`,
+        ...overlayStyle,
+    };
+    const lock = () => {
+        if (lockScroll && visible) {
+            document.body.classList.add('nut-overflow-hidden');
+        }
+        else {
+            document.body.classList.remove('nut-overflow-hidden');
+        }
+    };
+    const handleClick = (e) => {
+        if (closeOnClickOverlay) {
+            props.onClick && props.onClick(e);
+            renderRef.current = false;
+            const id = window.setTimeout(() => {
+                setShow(!visible);
+            }, duration * 1000 * 0.8);
+            intervalRef.current = id;
+        }
+    };
+    return (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement("div", { className: classes, style: styles, ...rest, onClick: handleClick }, children)));
 };
 Overlay.defaultProps = defaultOverlayProps;
 Overlay.displayName = 'NutOverlay';
+
 export { Overlay as O, defaultOverlayProps as d };

package/dist/esm/pagination.taro-bb490de9.js

@@ -0,0 +1,124 @@
+import React__default, { useState, useEffect } from 'react';
+import { u as useConfig } from './configprovider.taro-26882dd2.js';
+import { c as cn } from './bem-893ad28d.js';
+
+const defaultProps = {
+    defaultValue: 1,
+    mode: 'multi',
+    prevText: '',
+    nextText: '',
+    pageCount: '',
+    totalItems: '0',
+    itemsPerPage: '10',
+    showPageSize: '5',
+    forceEllipses: false,
+    className: '',
+    pageNodeRender: (item) => {
+        return item.text;
+    },
+};
+const Pagination = (props) => {
+    const { locale } = useConfig();
+    ({ ...defaultProps, ...props });
+    const { modelValue, mode, prevText, nextText, pageCount, totalItems, itemsPerPage, showPageSize, onChange, updatecurrent, forceEllipses, pageNodeRender, defaultValue, className, ...rest } = props;
+    const [currentPage, setCurrent] = useState(1);
+    const [pages, setPages] = useState([]);
+    const [countRef, setCountRef] = useState(Number(pageCount));
+    const paginationBem = cn('pagination');
+    // 计算页面的数量
+    const computedCountRef = () => {
+        const num = Number(pageCount) || Math.ceil(Number(totalItems) / Number(itemsPerPage));
+        return Number.isNaN(num) ? 1 : Math.max(1, num);
+    };
+    // 生成pages数组，用来遍历
+    const computedPages = (_currentPage, _countRef) => {
+        if (mode === 'simple')
+            return [];
+        const items = [];
+        const pageCount = _countRef || countRef; // 总的页面数量
+        const pageSize = Number(showPageSize); // 展示的页面个数
+        const _current = _currentPage || Number(currentPage); // 当前页
+        let startPage = 1;
+        let endPage = pageCount;
+        const partialShow = pageCount > pageSize;
+        if (partialShow) {
+            // 选中的page在展示的page中间
+            startPage = Math.max(_current - Math.floor(pageSize / 2), 1);
+            endPage = startPage + pageSize - 1;
+            if (endPage > pageCount) {
+                endPage = pageCount;
+                startPage = endPage - pageSize + 1;
+            }
+        }
+        // 遍历生成数组
+        for (let i = startPage; i <= endPage; i++) {
+            const page = setPage(i, i, _current === i);
+            items.push(page);
+        }
+        // 判断是否有折叠
+        if (partialShow && pageSize > 0 && forceEllipses) {
+            if (startPage > 1) {
+                const prevPage = setPage(startPage - 1, '...');
+                items.unshift(prevPage);
+            }
+            if (endPage < pageCount) {
+                const nextPage = setPage(endPage + 1, '...');
+                items.push(nextPage);
+            }
+        }
+        return items;
+    };
+    // 点击选择page
+    const selectPage = (curPage, isSelect) => {
+        if (curPage > countRef || curPage < 1)
+            return;
+        // 是否传入modelValue
+        if (!('modelValue' in props)) {
+            setCurrent(Number(curPage));
+            if (curPage !== currentPage) {
+                setPages(computedPages(curPage));
+            }
+        }
+        if (curPage !== currentPage) {
+            updatecurrent && updatecurrent(curPage);
+        }
+        if (isSelect)
+            onChange && onChange(curPage);
+    };
+    // set page 对象
+    const setPage = (number, text, active) => {
+        return { number, text, active };
+    };
+    useEffect(() => {
+        // 初始化 判断是否传入值 计算 当前页，总页数，生成子节点
+        let currentValue = props.defaultValue || 1;
+        if ('modelValue' in props) {
+            currentValue = Number(props.modelValue);
+        }
+        const pageCount = computedCountRef();
+        setCountRef(pageCount);
+        setPages(computedPages(currentValue, pageCount));
+    }, []);
+    if ('modelValue' in props) {
+        const current = props.modelValue ? Number(props.modelValue) : 1;
+        if (current !== currentPage) {
+            setCurrent(current);
+            setPages(computedPages(Number(current)));
+        }
+    }
+    return (React__default.createElement("div", { className: `${paginationBem('')} ${className}`, ...rest },
+        React__default.createElement("div", { className: `${paginationBem('prev')}  ${mode === 'multi' ? '' : 'simple-border'} ${currentPage === 1 ? 'disabled' : ''}`, onClick: (e) => selectPage(Number(currentPage) - 1, true) }, prevText || locale.pagination.prev),
+        mode === 'multi' ? (React__default.createElement("div", { className: `${paginationBem('contain')}` }, pages.map((item, index) => {
+            return (React__default.createElement("div", { key: `${index}pagination`, className: `${paginationBem('item')} ${item.active ? 'active' : ''}`, onClick: (e) => !item.active ? selectPage(item.number, true) : '' }, pageNodeRender ? pageNodeRender(item) : item.text));
+        }))) : (''),
+        mode === 'simple' ? (React__default.createElement("div", { className: `${paginationBem('contain')}` },
+            React__default.createElement("div", { className: `${paginationBem('simple')}` },
+                currentPage,
+                "/",
+                countRef))) : (''),
+        React__default.createElement("div", { className: `${paginationBem('next')}  ${Number(currentPage) >= countRef ? 'disabled' : ''}`, onClick: (e) => selectPage(Number(currentPage) + 1, true) }, nextText || locale.pagination.next)));
+};
+Pagination.defaultProps = defaultProps;
+Pagination.displayName = 'NutPagination';
+
+export { Pagination as P };