@nutui/nutui-react-taro 1.5.2 → 1.5.3-beta.1

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

@@ -1,94 +1,119 @@
-export { default as Button } from './Button.js';
-export { default as Cell } from './Cell.js';
-export { default as CellGroup } from './CellGroup.js';
-export { default as ConfigProvider } from './ConfigProvider.js';
-export { default as Icon } from './Icon.js';
-export { default as Image } from './Image.js';
-export { default as Overlay } from './Overlay.js';
-export { default as Popup } from './Popup.js';
-export { default as Col } from './Col.js';
-export { default as Divider } from './Divider.js';
-export { default as Grid } from './Grid.js';
-export { default as GridItem } from './GridItem.js';
-export { default as Layout } from './Layout.js';
-export { default as Row } from './Row.js';
-export { default as Sticky } from './Sticky.js';
-export { default as Elevator } from './Elevator.js';
-export { default as FixedNav } from './FixedNav.js';
-export { default as Indicator } from './Indicator.js';
-export { default as Menu } from './Menu.js';
-export { default as MenuItem } from './MenuItem.js';
-export { default as NavBar } from './NavBar.js';
-export { default as Pagination } from './Pagination.js';
-export { default as SideNavBar } from './SideNavBar.js';
-export { default as SideNavBarItem } from './SideNavBarItem.js';
-export { default as SubSideNavBar } from './SubSideNavBar.js';
-export { default as Tabbar } from './Tabbar.js';
-export { default as TabbarItem } from './TabbarItem.js';
-export { default as TabPane } from './TabPane.js';
-export { default as Tabs } from './Tabs.js';
-export { default as Calendar } from './Calendar.js';
-export { default as CalendarItem } from './CalendarItem.js';
-export { default as Cascader } from './Cascader.js';
-export { default as Checkbox } from './Checkbox.js';
-export { default as CheckboxGroup } from './CheckboxGroup.js';
-export { default as DatePicker } from './DatePicker.js';
-export { default as Form } from './Form.js';
-export { default as FormItem } from './FormItem.js';
-export { default as Input } from './Input.js';
-export { default as InputNumber } from './InputNumber.js';
-export { default as NumberKeyboard } from './NumberKeyboard.js';
-export { default as Picker } from './Picker.js';
-export { default as Radio } from './Radio.js';
-export { default as RadioGroup } from './RadioGroup.js';
-export { default as Range } from './Range.js';
-export { default as Rate } from './Rate.js';
-export { default as SearchBar } from './SearchBar.js';
-export { default as ShortPassword } from './ShortPassword.js';
-export { default as TextArea } from './TextArea.js';
-export { default as Uploader } from './Uploader.js';
-export { default as ActionSheet } from './ActionSheet.js';
-export { default as BackTop } from './BackTop.js';
-export { default as Dialog } from './Dialog.js';
-export { default as Drag } from './Drag.js';
-export { default as Infiniteloading } from './Infiniteloading.js';
-export { default as Notify } from './Notify.js';
-export { default as PullToRefresh } from './PullToRefresh.js';
-export { default as Swipe } from './Swipe.js';
-export { default as Switch } from './Switch.js';
-export { default as Toast } from './Toast.js';
-export { default as Animate } from './Animate.js';
-export { default as AnimatingNumbers } from './AnimatingNumbers.js';
-export { default as Audio } from './Audio.js';
-export { default as Avatar } from './Avatar.js';
-export { default as AvatarGroup } from './AvatarGroup.js';
-export { default as Badge } from './Badge.js';
-export { default as CircleProgress } from './CircleProgress.js';
-export { default as Collapse } from './Collapse.js';
-export { default as CollapseItem } from './CollapseItem.js';
-export { default as CountDown } from './CountDown.js';
-export { default as Ellipsis } from './Ellipsis.js';
-export { default as Empty } from './Empty.js';
-export { default as ImagePreview } from './ImagePreview.js';
-export { default as NoticeBar } from './NoticeBar.js';
-export { default as Popover } from './Popover.js';
-export { default as Price } from './Price.js';
-export { default as Progress } from './Progress.js';
-export { default as Skeleton } from './Skeleton.js';
-export { default as Step } from './Step.js';
-export { default as Steps } from './Steps.js';
-export { default as Swiper } from './Swiper.js';
-export { default as SwiperItem } from './SwiperItem.js';
-export { default as Table } from './Table.js';
-export { default as Tag } from './Tag.js';
-export { default as TrendArrow } from './TrendArrow.js';
-export { default as Video } from './Video.js';
-export { default as VirtualList } from './VirtualList.js';
-export { default as WaterMark } from './WaterMark.js';
-export { default as Address } from './Address.js';
-export { default as Barrage } from './Barrage.js';
-export { default as Card } from './Card.js';
-export { default as Signature } from './Signature.js';
-export { default as TimeDetail } from './TimeDetail.js';
-export { default as TimePannel } from './TimePannel.js';
-export { default as TimeSelect } from './TimeSelect.js';
+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 { 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 { 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 { T as Tabbar } from './tabbar.taro-9acfc2fa.js';
+export { T as TabbarItem } from './tabbaritem.taro-bf517487.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-a5553aa5.js';
+export { C as Checkbox, a as CheckboxGroup } from './checkbox.taro-6120e3e3.js';
+export { D as DatePicker } from './datepicker.taro-477ad357.js';
+export { F as Form } from './form.taro-0b399b30.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-0073eeaa.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-587e6bf3.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 { D as Drag } from './drag.taro-79bb8744.js';
+export { I as Infiniteloading } from './infiniteloading.taro-183bccbf.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 { S as Switch } from './switch.taro-34ca8228.js';
+export { T as Toast } from './toast.taro-d6c14811.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 { 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-5b17c607.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 { 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 { 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';
+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 '@tarojs/components';
+import 'react-dom';
+import 'react-transition-group';
+import './UserContext-0aac9a82.js';
+import './grid.taro.context-c2bbfb4f.js';
+import './useClientRect-1f8ed1fe.js';
+import './get-scroll-parent-b4a07e65.js';
+import './can-use-dom-3eeb5af4.js';
+import './offsetContext-c2a746fa.js';
+import './configprovider-67d19d3a.js';
+import './useTouch-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 './UserContext-e402e1a6.js';
+import './UserContext-e8176108.js';

package/dist/esm/offsetContext-c2a746fa.js

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

package/dist/esm/overlay.taro-21e87fb1.js

@@ -0,0 +1,69 @@
+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';
+
+const defaultOverlayProps = {
+    zIndex: 2000,
+    duration: 0.3,
+    overlayClass: '',
+    closeOnClickOverlay: true,
+    visible: false,
+    lockScroll: true,
+    overlayStyle: {},
+};
+const Overlay = (props) => {
+    const { children, zIndex, duration, overlayClass, closeOnClickOverlay, visible, lockScroll, overlayStyle, onClick, ...rest } = {
+        ...defaultOverlayProps,
+        ...props,
+    };
+    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 = (event) => {
+        if (closeOnClickOverlay) {
+            onClick && onClick(event);
+            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(View, { className: classes, style: styles, ...rest, catchMove: lockScroll, onClick: handleClick }, children)));
+};
+Overlay.defaultProps = defaultOverlayProps;
+Overlay.displayName = 'NutOverlay';
+
+export { Overlay as O, defaultOverlayProps as d };

package/dist/esm/pagination.taro-715a173b.js

@@ -0,0 +1,124 @@
+import React__default, { useState, useEffect } from 'react';
+import { u as useConfig } from './configprovider.taro-8d71eb49.js';
+import { c as cn } from './bem-350c1702.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 };