@nutui/nutui-react-taro 1.5.1 → 2.0.0-alpha.0

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

@@ -1,119 +1,118 @@
-export { B as Button } from './button.taro-9244d065.js';
-export { C as Cell } from './cell.taro-a10a74d3.js';
-export { C as CellGroup } from './cellgroup.taro-abe501bc.js';
-export { C as ConfigProvider } from './configprovider.taro-8d71eb49.js';
-export { I as Icon } from './icon.taro-296a1bec.js';
-export { I as Image } from './image.taro-142cf512.js';
-export { O as Overlay } from './overlay.taro-21e87fb1.js';
-export { P as Popup } from './popup.taro-01676bff.js';
+export { B as Button } from './button.taro-a1c9512f.js';
+export { C as Cell } from './cell.taro-26870740.js';
+export { C as CellGroup } from './cellgroup.taro-6e901b54.js';
+export { C as ConfigProvider } from './configprovider.taro-c8c54556.js';
+export { I as Image } from './image.taro-edb572bb.js';
+export { O as Overlay } from './overlay.taro-ad0d4775.js';
+export { P as Popup } from './popup.taro-124b9bab.js';
 export { C as Col } from './col.taro-53eed3cc.js';
-export { D as Divider } from './divider.taro-26d1d8b4.js';
-export { G as Grid } from './grid.taro-3503b82c.js';
-export { G as GridItem } from './griditem.taro-cdb3f119.js';
+export { D as Divider } from './divider.taro-6c1657ce.js';
+export { G as Grid } from './grid.taro-3797169c.js';
+export { G as GridItem } from './griditem.taro-04f59ae1.js';
 export { L as Layout } from './layout.taro-9046d093.js';
 export { R as Row } from './row.taro-f64d4a13.js';
-export { S as Sticky } from './sticky.taro-218bda37.js';
-export { E as Elevator } from './elevator.taro-6019669e.js';
-export { F as FixedNav } from './fixednav.taro-1f05acaf.js';
-export { I as Indicator } from './indicator.taro-cba8b010.js';
-export { M as Menu } from './menu.taro-7e4038a1.js';
-export { M as MenuItem } from './menuitem.taro-96cc4f15.js';
-export { N as NavBar } from './navbar.taro-777c4705.js';
-export { P as Pagination } from './pagination.taro-715a173b.js';
-export { S as SideNavBar } from './sidenavbar.taro-c307b35e.js';
-export { S as SideNavBarItem } from './sidenavbaritem.taro-5a7965d0.js';
-export { S as SubSideNavBar } from './subsidenavbar.taro-69cb9752.js';
+export { S as Sticky } from './sticky.taro-b5bde7b1.js';
+export { E as Elevator } from './elevator.taro-81a11ecc.js';
+export { F as FixedNav } from './fixednav.taro-39fbd47a.js';
+export { I as Indicator } from './indicator.taro-c10334e8.js';
+export { M as Menu } from './menu.taro-54951911.js';
+export { M as MenuItem } from './menuitem.taro-86a6bb6c.js';
+export { N as NavBar } from './navbar.taro-69f47d51.js';
+export { P as Pagination } from './pagination.taro-60b22b27.js';
+export { S as SideNavBar } from './sidenavbar.taro-0265812f.js';
+export { S as SideNavBarItem } from './sidenavbaritem.taro-bb80dbf4.js';
+export { S as SubSideNavBar } from './subsidenavbar.taro-3cce8442.js';
 export { T as Tabbar } from './tabbar.taro-9acfc2fa.js';
-export { T as TabbarItem } from './tabbaritem.taro-bf517487.js';
+export { T as TabbarItem } from './tabbaritem.taro-42ba353f.js';
 export { T as TabPane } from './tabpane.taro-4ca340ef.js';
-export { T as Tabs } from './tabs.taro-6a7524a4.js';
-export { C as Calendar } from './calendar.taro-670842ea.js';
-export { C as CalendarItem } from './calendaritem.taro-2a603571.js';
-export { C as Cascader } from './cascader.taro-eb1fb011.js';
-export { C as Checkbox, a as CheckboxGroup } from './checkbox.taro-6120e3e3.js';
-export { D as DatePicker } from './datepicker.taro-6e9b4b8f.js';
-export { F as Form } from './form.taro-0c8e7a39.js';
-export { F as FormItem } from './formitem.taro-190a3326.js';
-export { I as Input } from './input.taro-97af6c96.js';
-export { I as InputNumber } from './inputnumber.taro-91f65d17.js';
-export { N as NumberKeyboard } from './numberkeyboard.taro-1bc24744.js';
-export { P as Picker } from './picker.taro-9ad1b7c5.js';
-export { R as Radio, a as RadioGroup } from './radio.taro-a6eff96c.js';
-export { R as Range } from './range.taro-d8fc7656.js';
-export { R as Rate } from './rate.taro-6cdf03bd.js';
-export { S as SearchBar } from './searchbar.taro-0c25927b.js';
-export { S as ShortPassword } from './shortpassword.taro-9ee034f7.js';
-export { T as TextArea } from './textarea.taro-442e7350.js';
-export { U as Uploader } from './uploader.taro-5a53aa33.js';
-export { A as ActionSheet } from './actionsheet.taro-e6a51446.js';
-export { B as BackTop } from './backtop.taro-66394a36.js';
-export { B as Dialog } from './dialog.taro-a3267d29.js';
+export { T as Tabs } from './tabs.taro-be8cacb5.js';
+export { C as Calendar } from './calendar.taro-b6b147ca.js';
+export { C as CalendarItem } from './calendaritem.taro-ae167e59.js';
+export { C as Cascader } from './cascader.taro-9c0a1a38.js';
+export { C as Checkbox, a as CheckboxGroup } from './checkbox.taro-785c528b.js';
+export { D as DatePicker } from './datepicker.taro-439e2080.js';
+export { F as Form } from './form.taro-0d83f1e8.js';
+export { F as FormItem } from './formitem.taro-0de07d1e.js';
+export { I as Input } from './input.taro-10ed5500.js';
+export { I as InputNumber } from './inputnumber.taro-108c4784.js';
+export { N as NumberKeyboard } from './numberkeyboard.taro-81b36e5e.js';
+export { P as Picker } from './picker.taro-5c9030a7.js';
+export { R as Radio, a as RadioGroup } from './radio.taro-51e10152.js';
+export { R as Range } from './range.taro-7a2b6ca1.js';
+export { R as Rate } from './rate.taro-57341aa9.js';
+export { S as SearchBar } from './searchbar.taro-eef468bb.js';
+export { S as ShortPassword } from './shortpassword.taro-9a2c98ad.js';
+export { T as TextArea } from './textarea.taro-a0f79515.js';
+export { U as Uploader } from './uploader.taro-0cca7e97.js';
+export { A as ActionSheet } from './actionsheet.taro-b76a342e.js';
+export { B as BackTop } from './backtop.taro-ba271b8f.js';
+export { B as Dialog } from './dialog.taro-00ac41fd.js';
 export { D as Drag } from './drag.taro-79bb8744.js';
-export { I as Infiniteloading } from './infiniteloading.taro-183bccbf.js';
+export { I as Infiniteloading } from './infiniteloading.taro-73c9b8ca.js';
 export { N as Notify } from './notify.taro-e17c6f82.js';
-export { P as PullToRefresh } from './pulltorefresh.taro-a294f656.js';
-export { S as Swipe } from './swipe.taro-ea35f07f.js';
+export { P as PullToRefresh } from './pulltorefresh.taro-d5fcfcb0.js';
+export { S as Swipe } from './swipe.taro-350c9a94.js';
 export { S as Switch } from './switch.taro-34ca8228.js';
-export { T as Toast } from './toast.taro-d6c14811.js';
+export { T as Toast } from './toast.taro-e4f44812.js';
 export { A as Animate } from './animate.taro-fb7986d6.js';
 export { A as AnimatingNumbers } from './animatingnumbers.taro-03e5d61d.js';
-export { A as Audio } from './audio.taro-87ec8bf2.js';
-export { A as Avatar } from './avatar.taro-3676f38f.js';
-export { A as AvatarGroup } from './avatargroup-f3574510.js';
-export { B as Badge } from './badge.taro-a4e59c11.js';
+export { A as Audio } from './audio.taro-f672a68c.js';
+export { A as Avatar } from './avatar.taro-de157a1f.js';
+export { A as AvatarGroup } from './avatargroup-b476ac68.js';
+export { B as Badge } from './badge.taro-ae154f41.js';
 export { C as CircleProgress } from './circleprogress.taro-79854448.js';
-export { C as Collapse } from './collapse.taro-1a9e4ba2.js';
-export { C as CollapseItem } from './collapseitem-4d0bc55d.js';
-export { C as CountDown } from './countdown.taro-dbcb9a4f.js';
-export { E as Ellipsis } from './ellipsis.taro-f15f26da.js';
-export { E as Empty } from './empty.taro-04ae4389.js';
-export { I as ImagePreview } from './imagepreview.taro-c50bb0a3.js';
-export { N as NoticeBar } from './noticebar.taro-4a23cdee.js';
-export { P as Popover } from './popover.taro-ad5e76ea.js';
+export { C as Collapse } from './collapse.taro-35a8a0d6.js';
+export { C as CollapseItem } from './collapseitem-690eb91c.js';
+export { C as CountDown } from './countdown.taro-0e6bf7a2.js';
+export { E as Ellipsis } from './ellipsis.taro-b6cda065.js';
+export { E as Empty } from './empty.taro-fde835ca.js';
+export { I as ImagePreview } from './imagepreview.taro-867ee24a.js';
+export { N as NoticeBar } from './noticebar.taro-49e7441f.js';
+export { P as Popover } from './popover.taro-2a57eae4.js';
 export { P as Price } from './price.taro-776ed16e.js';
-export { P as Progress } from './progress.taro-f0ce38e9.js';
-export { S as Skeleton } from './skeleton.taro-76faf63f.js';
-export { S as Step } from './step.taro-b7903e8c.js';
+export { P as Progress } from './progress.taro-24392ef3.js';
+export { S as Skeleton } from './skeleton.taro-64e858a2.js';
+export { S as Step } from './step.taro-2ec1f283.js';
 export { S as Steps } from './steps.taro-c82d2252.js';
 export { S as Swiper } from './swiper.taro-7a94e211.js';
 export { S as SwiperItem } from './swiperitem-c9e3d0d5.js';
-export { T as Table } from './table.taro-91fc0c01.js';
-export { T as Tag } from './tag.taro-23ba0834.js';
-export { T as TrendArrow } from './trendarrow.taro-b8c5ccd9.js';
-export { V as Video } from './video-f1be8a91.js';
-export { V as VirtualList } from './virtuallist.taro-f0b0270d.js';
-export { W as WaterMark } from './watermark.taro-9ce2ae37.js';
-export { A as Address } from './address.taro-3a9b6396.js';
-export { B as Barrage } from './barrage.taro-0495a1b2.js';
-export { C as Card } from './card.taro-e4c76dad.js';
-export { S as Signature } from './signature.taro-ec4e713b.js';
-export { T as TimeDetail } from './timedetail.taro-5b2f2269.js';
-export { T as TimePannel } from './timepannel.taro-d6e40180.js';
-export { T as TimeSelect } from './timeselect.taro-a07036f4.js';
+export { T as Table } from './table.taro-3946697c.js';
+export { T as Tag } from './tag.taro-0c2567de.js';
+export { T as TrendArrow } from './trendarrow.taro-7cf90def.js';
+export { V as Video } from './video-7ed508cc.js';
+export { V as VirtualList } from './virtuallist.taro-35b9bd9a.js';
+export { W as WaterMark } from './watermark.taro-c780d360.js';
+export { A as Address } from './address.taro-1812caeb.js';
+export { B as Barrage } from './barrage.taro-80df08d3.js';
+export { C as Card } from './card.taro-5e9b34c8.js';
+export { S as Signature } from './signature.taro-f01b2b05.js';
+export { T as TimeDetail } from './timedetail.taro-fce4e614.js';
+export { T as TimePannel } from './timepannel.taro-fd3d008d.js';
+export { T as TimeSelect } from './timeselect.taro-5b047850.js';
 import 'react';
-import './typings-b9828dba.js';
-import '@tarojs/taro';
-import './bem-350c1702.js';
-import '@bem-react/classname';
-import 'lodash.kebabcase';
-import './zh-CN-c779e6c1.js';
 import 'classnames';
+import '@nutui/icons-react-taro';
+import './typings-d8491423.js';
+import 'lodash.kebabcase';
+import './zh-CN-b4f493ba.js';
 import '@tarojs/components';
 import 'react-dom';
 import 'react-transition-group';
+import './bem-350c1702.js';
+import '@bem-react/classname';
 import './UserContext-0aac9a82.js';
-import './grid.taro.context-c2bbfb4f.js';
-import './useClientRect-1f8ed1fe.js';
+import '@tarojs/taro';
+import './use-client-rect-1f8ed1fe.js';
 import './get-scroll-parent-b4a07e65.js';
 import './can-use-dom-3eeb5af4.js';
+import './use-props-value-ae7ee726.js';
 import './offsetContext-c2a746fa.js';
-import './configprovider-67d19d3a.js';
-import './useTouch-db24bb5c.js';
+import './use-touch-db24bb5c.js';
 import './supports-passive-c85ef996.js';
-import './icon-296a1bec.js';
 import './index-5bcb0ff8.js';
 import '@use-gesture/react';
 import '@react-spring/web';
 import './AvatarContext-c96afdcc.js';
+import './configprovider-9960f0fb.js';
 import './UserContext-e402e1a6.js';
 import './UserContext-e8176108.js';

package/dist/esm/{overlay.taro-21e87fb1.js → overlay.taro-ad0d4775.js}

@@ -1,46 +1,52 @@
 import React__default, { useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';
-import { c as cn } from './bem-350c1702.js';
 import { View } from '@tarojs/components';
+import { C as ComponentDefaults } from './typings-d8491423.js';
 
 const defaultOverlayProps = {
+    ...ComponentDefaults,
     zIndex: 2000,
     duration: 0.3,
-    overlayClass: '',
-    closeOnClickOverlay: true,
+    closeOnOverlayClick: true,
     visible: false,
     lockScroll: true,
-    overlayStyle: {},
 };
+const classPrefix = `nut-overlay`;
 const Overlay = (props) => {
-    const { children, zIndex, duration, overlayClass, closeOnClickOverlay, visible, lockScroll, overlayStyle, onClick, ...rest } = {
+    const { children, zIndex, duration, className, closeOnOverlayClick, visible, lockScroll, style, afterShow, afterClose, onClick, ...rest } = {
         ...defaultOverlayProps,
         ...props,
     };
     const [show, setShow] = useState(visible);
     const renderRef = useRef(true);
-    const intervalRef = useRef(0);
+    const intervalCloseRef = useRef(0);
+    const intervalShowRef = useRef(0);
     useEffect(() => {
-        visible && setShow(visible);
+        if (visible) {
+            intervalShowRef.current = window.setTimeout(() => {
+                afterShow && afterShow();
+            }, duration * 1000 * 0.8);
+            setShow(visible);
+        }
         lock();
     }, [visible]);
     useEffect(() => {
         return () => {
-            clearTimeout(intervalRef.current);
+            clearTimeout(intervalCloseRef.current);
+            clearTimeout(intervalShowRef.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(''));
+    }, className, classPrefix);
     const styles = {
         zIndex,
         animationDuration: `${props.duration}s`,
-        ...overlayStyle,
+        ...style,
     };
     const lock = () => {
         if (lockScroll && visible) {
@@ -51,13 +57,13 @@ const Overlay = (props) => {
         }
     };
     const handleClick = (event) => {
-        if (closeOnClickOverlay) {
+        if (closeOnOverlayClick) {
             onClick && onClick(event);
             renderRef.current = false;
-            const id = window.setTimeout(() => {
+            intervalCloseRef.current = window.setTimeout(() => {
+                afterClose && afterClose();
                 setShow(!visible);
             }, duration * 1000 * 0.8);
-            intervalRef.current = id;
         }
     };
     return (React__default.createElement(React__default.Fragment, null,

package/dist/esm/pagination.taro-60b22b27.js

@@ -0,0 +1,91 @@
+import React__default, { useMemo } from 'react';
+import classNames from 'classnames';
+import { u as useConfig } from './configprovider.taro-c8c54556.js';
+import { u as usePropsValue } from './use-props-value-ae7ee726.js';
+import { C as ComponentDefaults } from './typings-d8491423.js';
+
+const defaultProps = {
+    ...ComponentDefaults,
+    defaultValue: 1,
+    mode: 'multi',
+    prev: null,
+    next: null,
+    total: 50,
+    pageSize: 10,
+    itemSize: 5,
+    ellipse: false,
+};
+const Pagination = (props) => {
+    const { locale } = useConfig();
+    const { value, mode, prev, next, total, pageSize, itemSize, onChange, ellipse, itemRender, defaultValue, className, ...rest } = {
+        ...defaultProps,
+        ...props,
+    };
+    const classPrefix = 'nut-pagination';
+    const [currentPage, setCurrentPage] = usePropsValue({
+        value,
+        defaultValue,
+        finalValue: 1,
+        onChange,
+    });
+    // (total + pageSize) => pageCount 计算页面的数量
+    const pageCount = useMemo(() => {
+        const num = Math.ceil(total / pageSize);
+        return Number.isNaN(num) ? 1 : Math.max(1, num);
+    }, [total, pageSize]);
+    // (currentPage + itemSize + pageCount) => pages 显示的 item 列表
+    const pages = useMemo(() => {
+        const items = [];
+        let startPage = 1;
+        let endPage = pageCount;
+        const partialShow = pageCount > itemSize;
+        if (partialShow) {
+            // 选中的 page 放在中间位置
+            startPage = Math.max(currentPage - Math.floor(itemSize / 2), 1);
+            endPage = startPage + itemSize - 1;
+            if (endPage > pageCount) {
+                endPage = pageCount;
+                startPage = endPage - itemSize + 1;
+            }
+        }
+        // 遍历生成数组
+        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: '...' });
+            }
+            if (endPage < pageCount) {
+                items.push({ number: endPage + 1, text: '...' });
+            }
+        }
+        return items;
+    }, [currentPage, itemSize, pageCount]);
+    // 点击选择 page
+    const handleSelectPage = (curPage) => {
+        if (curPage > pageCount || curPage < 1)
+            return;
+        setCurrentPage(curPage);
+    };
+    return (React__default.createElement("div", { className: classNames(classPrefix, className), ...rest },
+        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)));
+};
+Pagination.defaultProps = defaultProps;
+Pagination.displayName = 'NutPagination';
+
+export { Pagination as P };