@nutui/nutui-react-taro 1.3.12-beta.0 → 1.3.12-beta.2

package/dist/esm/numberkeyboard.taro-53c350b8.js

@@ -0,0 +1,245 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+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, useEffect } from 'react';
+import classNames from 'classnames';
+import { c as cn } from './bem-893ad28d.js';
+import { P as Popup } from './popup.taro-33d0bbc8.js';
+import { u as useConfig } from './configprovider.taro-6c7b3056.js';
+var defaultProps = {
+  confirmText: '',
+  title: '',
+  visible: false,
+  type: 'default',
+  customKey: [],
+  className: '',
+  randomKeys: false,
+  popClass: '',
+  onClose: function onClose() {}
+};
+var NumberKeyboard = function NumberKeyboard(props) {
+  var _useConfig = useConfig(),
+    locale = _useConfig.locale;
+  var title = props.title,
+    confirmText = props.confirmText,
+    visible = props.visible,
+    type = props.type,
+    customKey = props.customKey,
+    randomKeys = props.randomKeys,
+    popClass = props.popClass,
+    style = props.style,
+    className = props.className,
+    onChange = props.onChange,
+    onDelete = props.onDelete,
+    onClose = props.onClose;
+  var b = cn('numberkeyboard');
+  var _useState = useState(visible),
+    _useState2 = _slicedToArray(_useState, 2),
+    show = _useState2[0],
+    setShow = _useState2[1];
+  var _useState3 = useState(undefined),
+    _useState4 = _slicedToArray(_useState3, 2),
+    clickKeyIndex = _useState4[0],
+    setClickKeyIndex = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    keysList = _useState6[0],
+    setKeysList = _useState6[1];
+  useEffect(function () {
+    setShow(visible);
+  }, [visible]);
+  var defaultKey = function defaultKey() {
+    var leftBottomKey = {
+      id: 'lock',
+      type: 'lock'
+    };
+    if (customKey) {
+      var customKeys = Array.isArray(customKey) ? customKey : [customKey];
+      if (customKeys.length > 0) {
+        var newCustomKey = customKeys[0];
+        leftBottomKey = {
+          id: newCustomKey,
+          type: 'custom'
+        };
+      }
+    }
+    return [].concat(_toConsumableArray(getBasicKeys()), [leftBottomKey, {
+      id: 0,
+      type: 'number'
+    }, {
+      id: 'delete',
+      type: 'delete'
+    }]);
+  };
+  var getBasicKeys = function getBasicKeys() {
+    var keys = [];
+    for (var i = 1; i <= 9; i++) {
+      keys.push({
+        id: i,
+        type: 'number'
+      });
+    }
+    if (randomKeys) {
+      return keys.sort(function () {
+        return Math.random() > 0.5 ? 1 : -1;
+      });
+    }
+    return keys;
+  };
+  var genCustomKeys = function genCustomKeys() {
+    var keys = getBasicKeys();
+    if (!customKey) return [];
+    var 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(function () {
+    if (props.type === 'rightColumn' || props.title !== '') {
+      setKeysList(genCustomKeys());
+    } else {
+      setKeysList(defaultKey());
+    }
+  }, []);
+  var onTouchstart = function 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();
+    }
+  };
+  var onTouchMove = function onTouchMove(event) {
+    event.stopPropagation();
+  };
+  var onTouchEnd = function 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: "".concat(b(), " ").concat(className),
+    style: _objectSpread({}, 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 === null || keysList === void 0 ? void 0 : keysList.map(function (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: function onTouchStart(event) {
+        return 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: function onTouchStart(event) {
+      return 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

@@ -0,0 +1,106 @@
+export { B as Button } from './button.taro-4ce133b9.js';
+export { C as Cell } from './cell.taro-1f034402.js';
+export { C as CellGroup } from './cellgroup.taro-e094471c.js';
+export { I as Icon } from './icon.taro-1d0d4fb7.js';
+export { O as Overlay } from './overlay.taro-be45fed5.js';
+export { P as Popup } from './popup.taro-33d0bbc8.js';
+export { C as ConfigProvider } from './configprovider.taro-6c7b3056.js';
+export { L as Layout } from './layout.taro-358f014f.js';
+export { C as Col } from './col.taro-b61c7cba.js';
+export { R as Row } from './row.taro-37a895de.js';
+export { D as Divider } from './divider.taro-5236fe6a.js';
+export { G as Grid } from './grid.taro-5d75c0ad.js';
+export { G as GridItem } from './griditem.taro-ca62dbb5.js';
+export { S as Sticky } from './sticky.taro-30d4e453.js';
+export { N as NavBar } from './navbar.taro-c931c078.js';
+export { F as FixedNav } from './fixednav.taro-582322a1.js';
+export { T as Tabbar } from './tabbar.taro-86cece39.js';
+export { T as TabbarItem } from './tabbaritem.taro-8dfb8055.js';
+export { E as Elevator } from './elevator.taro-d7d65470.js';
+export { P as Pagination } from './pagination.taro-62bbd23f.js';
+export { T as Tabs } from './tabs.taro-e71875fa.js';
+export { T as TabPane } from './tabpane.taro-91cd6cf4.js';
+export { I as Indicator } from './indicator.taro-183ea169.js';
+export { S as SideNavBar } from './sidenavbar.taro-4297f552.js';
+export { S as SubSideNavBar } from './subsidenavbar.taro-4c80ad38.js';
+export { S as SideNavBarItem } from './sidenavbaritem.taro-fee11d26.js';
+export { M as Menu } from './menu.taro-4abed328.js';
+export { M as MenuItem } from './menuitem.taro-bb55f482.js';
+export { R as Range } from './range.taro-4232e6a7.js';
+export { C as Calendar } from './calendar.taro-a1f1a7f8.js';
+export { C as Checkbox, a as CheckboxGroup } from './checkbox.taro-0bda9796.js';
+export { D as DatePicker } from './datepicker.taro-9f8afe51.js';
+export { I as InputNumber } from './inputnumber.taro-0a01f6e1.js';
+export { I as Input } from './input.taro-14380bc6.js';
+export { R as Radio, a as RadioGroup } from './index.taro-a36f96fb.js';
+export { R as Rate } from './rate.taro-10197384.js';
+export { C as CalendarItem } from './calendaritem.taro-3a12e7f2.js';
+export { P as Picker } from './picker.taro-f003b725.js';
+export { S as ShortPassword } from './shortpassword.taro-2e96ca22.js';
+export { T as TextArea } from './textarea.taro-0a85b8a5.js';
+export { U as Uploader } from './uploader.taro-2e16bff6.js';
+export { C as Cascader } from './cascader.taro-8c9891b4.js';
+export { S as SearchBar } from './searchbar.taro-0d3c0081.js';
+export { N as NumberKeyboard } from './numberkeyboard.taro-53c350b8.js';
+export { A as ActionSheet } from './actionsheet.taro-360d8d34.js';
+export { B as BackTop } from './backtop.taro-99107c30.js';
+export { D as Drag } from './drag.taro-0717c783.js';
+export { D as Dialog } from './dialog.taro-17e19e5e.js';
+export { I as Infiniteloading } from './infiniteloading.taro-9701755f.js';
+export { N as Notify } from './notify.taro-d9c48fae.js';
+export { S as Switch } from './switch.taro-bae2dca0.js';
+export { T as Toast } from './toast.taro-86862dff.js';
+export { S as Swipe } from './swipe.taro-83bc248f.js';
+export { P as PullToRefresh } from './pulltorefresh.taro-e66c78ad.js';
+export { C as CircleProgress } from './circleprogress.taro-3c89a157.js';
+export { N as NoticeBar } from './noticebar.taro-4915fed3.js';
+export { S as Steps } from './steps.taro-acf205a0.js';
+export { S as Step } from './step.taro-1c94e067.js';
+export { S as Swiper } from './swiper.taro-f314d67a.js';
+export { S as SwiperItem } from './swiperitem-86a3578a.js';
+export { A as Avatar } from './avatar.taro-85ced995.js';
+export { A as AvatarGroup } from './avatargroup-5b2584d9.js';
+export { P as Price } from './price.taro-8801462e.js';
+export { B as Badge } from './badge.taro-9f72d846.js';
+export { T as Tag } from './tag.taro-bd900990.js';
+export { P as Popover } from './popover.taro-7e5dff8c.js';
+export { S as Skeleton } from './skeleton.taro-853ce460.js';
+export { C as CountDown } from './countdown.taro-f2d9ffed.js';
+export { C as Collapse } from './collapse.taro-13cde270.js';
+export { C as CollapseItem } from './collapseitem-75843a5e.js';
+export { A as AnimatingNumbers } from './animatingnumbers.taro-6f40a2e9.js';
+export { E as Empty } from './empty.taro-ab9c4f03.js';
+export { V as VirtualList } from './virtuallist.taro-e3035825.js';
+export { T as Table } from './table.taro-7ac89a6c.js';
+export { V as Video } from './video-8a3518c5.js';
+export { P as Progress } from './progress.taro-623bc807.js';
+export { A as Audio } from './audio.taro-b4f71d1b.js';
+export { I as ImagePreview } from './imagepreview.taro-69d47ab0.js';
+export { A as Address } from './address.taro-8d642b4a.js';
+export { B as Barrage } from './barrage.taro-d86c367a.js';
+export { S as Signature } from './signature.taro-6589435b.js';
+export { C as Card } from './card.taro-a530dfb3.js';
+export { T as TimePannel } from './timepannel.taro-9904f6e6.js';
+export { T as TimeDetail } from './timedetail.taro-519808cf.js';
+export { T as TimeSelect } from './timeselect.taro-8c4439a8.js';
+import 'react';
+import './typings-1c5f2628.js';
+import '@tarojs/taro';
+import './bem-893ad28d.js';
+import '@bem-react/classname';
+import 'classnames';
+import 'react-dom';
+import 'react-transition-group';
+import './zh-CN-14165629.js';
+import './UserContext-be8097d2.js';
+import './configprovider-3e87d67a.js';
+import '@tarojs/components';
+import './offsetContext-0e3d04b3.js';
+import './useTouch-a2ea68c6.js';
+import './useClientRect-bf69d7b3.js';
+import './icon-8dc4de10.js';
+import '@use-gesture/react';
+import '@react-spring/web';
+import './UserContext-68f62e66.js';
+import './UserContext-b4181162.js';
+import './AvatarContext-7153ad2b.js';

package/dist/esm/offsetContext-0e3d04b3.js

@@ -0,0 +1,16 @@
+import { createContext } from 'react';
+var handleClick = function handleClick(e) {
+  e.stopPropagation();
+  var isIcon = e.target.className.includes('arrow-icon');
+  var isTitle = e.target.className.includes('__title') || isIcon;
+  var currentClass = e.currentTarget.className;
+  var isShow = currentClass.includes('nutShow');
+  var arrowIcon = e.currentTarget.querySelector('.arrow-icon');
+  var iconClass = arrowIcon.className;
+  if (isTitle) {
+    e.currentTarget.className = isShow ? currentClass.replace('nutShow', 'nutHide') : currentClass.replace('nutHide', 'nutShow');
+    arrowIcon.className = isShow ? iconClass.replace('arrow-down', 'arrow-up') : iconClass.replace('arrow-up', 'arrow-down');
+  }
+};
+var OffsetContext = createContext(20);
+export { OffsetContext as O, handleClick as h };

package/dist/esm/overlay.taro-be45fed5.js

@@ -0,0 +1,83 @@
+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: {}
+};
+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');
+    };
+  }, []);
+  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 = 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));
+};
+Overlay.defaultProps = defaultOverlayProps;
+Overlay.displayName = 'NutOverlay';
+export { Overlay as O, defaultOverlayProps as d };

package/dist/esm/pagination.taro-62bbd23f.js

@@ -0,0 +1,169 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["modelValue", "mode", "prevText", "nextText", "pageCount", "totalItems", "itemsPerPage", "showPageSize", "onChange", "updatecurrent", "forceEllipses", "pageNodeRender", "defaultValue", "className"];
+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, useEffect } from 'react';
+import { u as useConfig } from './configprovider.taro-6c7b3056.js';
+import { c as cn } from './bem-893ad28d.js';
+var defaultProps = {
+  defaultValue: 1,
+  mode: 'multi',
+  prevText: '',
+  nextText: '',
+  pageCount: '',
+  totalItems: '0',
+  itemsPerPage: '10',
+  showPageSize: '5',
+  forceEllipses: false,
+  className: '',
+  pageNodeRender: function pageNodeRender(item) {
+    return item.text;
+  }
+};
+var Pagination = function Pagination(props) {
+  var _useConfig = useConfig(),
+    locale = _useConfig.locale;
+  _objectSpread(_objectSpread({}, defaultProps), props);
+  var modelValue = props.modelValue,
+    mode = props.mode,
+    prevText = props.prevText,
+    nextText = props.nextText,
+    pageCount = props.pageCount,
+    totalItems = props.totalItems,
+    itemsPerPage = props.itemsPerPage,
+    showPageSize = props.showPageSize,
+    onChange = props.onChange,
+    updatecurrent = props.updatecurrent,
+    forceEllipses = props.forceEllipses,
+    pageNodeRender = props.pageNodeRender,
+    defaultValue = props.defaultValue,
+    className = props.className,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _useState = useState(1),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentPage = _useState2[0],
+    setCurrent = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    pages = _useState4[0],
+    setPages = _useState4[1];
+  var _useState5 = useState(Number(pageCount)),
+    _useState6 = _slicedToArray(_useState5, 2),
+    countRef = _useState6[0],
+    setCountRef = _useState6[1];
+  var paginationBem = cn('pagination');
+  // 计算页面的数量
+  var computedCountRef = function computedCountRef() {
+    var num = Number(pageCount) || Math.ceil(Number(totalItems) / Number(itemsPerPage));
+    return Number.isNaN(num) ? 1 : Math.max(1, num);
+  };
+  // 生成pages数组，用来遍历
+  var computedPages = function computedPages(_currentPage, _countRef) {
+    if (mode === 'simple') return [];
+    var items = [];
+    var pageCount = _countRef || countRef; // 总的页面数量
+    var pageSize = Number(showPageSize); // 展示的页面个数
+    var _current = _currentPage || Number(currentPage); // 当前页
+    var startPage = 1;
+    var endPage = pageCount;
+    var 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 (var i = startPage; i <= endPage; i++) {
+      var page = setPage(i, i, _current === i);
+      items.push(page);
+    }
+    // 判断是否有折叠
+    if (partialShow && pageSize > 0 && forceEllipses) {
+      if (startPage > 1) {
+        var prevPage = setPage(startPage - 1, '...');
+        items.unshift(prevPage);
+      }
+      if (endPage < pageCount) {
+        var nextPage = setPage(endPage + 1, '...');
+        items.push(nextPage);
+      }
+    }
+    return items;
+  };
+  // 点击选择page
+  var selectPage = function 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 对象
+  var setPage = function setPage(number, text, active) {
+    return {
+      number: number,
+      text: text,
+      active: active
+    };
+  };
+  useEffect(function () {
+    // 初始化 判断是否传入值 计算 当前页，总页数，生成子节点
+    var currentValue = props.defaultValue || 1;
+    if ('modelValue' in props) {
+      currentValue = Number(props.modelValue);
+    }
+    var pageCount = computedCountRef();
+    setCountRef(pageCount);
+    setPages(computedPages(currentValue, pageCount));
+  }, []);
+  if ('modelValue' in props) {
+    var current = props.modelValue ? Number(props.modelValue) : 1;
+    if (current !== currentPage) {
+      setCurrent(current);
+      setPages(computedPages(Number(current)));
+    }
+  }
+  return React__default.createElement("div", _objectSpread({
+    className: "".concat(paginationBem(''), " ").concat(className)
+  }, rest), React__default.createElement("div", {
+    className: "".concat(paginationBem('prev'), "  ").concat(mode === 'multi' ? '' : 'simple-border', " ").concat(currentPage === 1 ? 'disabled' : ''),
+    onClick: function onClick(e) {
+      return selectPage(Number(currentPage) - 1, true);
+    }
+  }, prevText || locale.pagination.prev), mode === 'multi' ? React__default.createElement("div", {
+    className: "".concat(paginationBem('contain'))
+  }, pages.map(function (item, index) {
+    return React__default.createElement("div", {
+      key: "".concat(index, "pagination"),
+      className: "".concat(paginationBem('item'), " ").concat(item.active ? 'active' : ''),
+      onClick: function onClick(e) {
+        return !item.active ? selectPage(item.number, true) : '';
+      }
+    }, pageNodeRender ? pageNodeRender(item) : item.text);
+  })) : '', mode === 'simple' ? React__default.createElement("div", {
+    className: "".concat(paginationBem('contain'))
+  }, React__default.createElement("div", {
+    className: "".concat(paginationBem('simple'))
+  }, currentPage, "/", countRef)) : '', React__default.createElement("div", {
+    className: "".concat(paginationBem('next'), "  ").concat(Number(currentPage) >= countRef ? 'disabled' : ''),
+    onClick: function onClick(e) {
+      return selectPage(Number(currentPage) + 1, true);
+    }
+  }, nextText || locale.pagination.next));
+};
+Pagination.defaultProps = defaultProps;
+Pagination.displayName = 'NutPagination';
+export { Pagination as P };