@nutui/nutui-react 2.0.22 → 2.0.23-beta.0

package/dist/esm/overlay2.js

@@ -23,10 +23,82 @@ function _objectSpread(target) {
   }
   return target;
 }
-import React__default, { useState, useRef, useEffect } from "react";
+import React__default, { useEffect, useState, useRef } from "react";
 import { CSSTransition } from "react-transition-group";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
+import { u as useTouch } from "./use-touch.js";
+import { g as getScrollParent } from "./get-scroll-parent.js";
+import { p as passiveSupported } from "./supports-passive.js";
+var totalLockCount = 0;
+var BODY_LOCK_CLASS = "nut-overflow-hidden";
+function getScrollableElement(el) {
+  var current = el === null || el === void 0 ? void 0 : el.parentElement;
+  while (current) {
+    if (current.clientHeight < current.scrollHeight) {
+      return current;
+    }
+    current = current.parentElement;
+  }
+  return null;
+}
+function useLockScroll(rootRef, shouldLock) {
+  var touch = useTouch();
+  var onTouchMove = function onTouchMove2(event) {
+    touch.move(event);
+    var direction = touch.deltaY.current > 0 ? "10" : "01";
+    var el = getScrollParent(event.target, rootRef.current);
+    if (!el)
+      return;
+    if (shouldLock === "strict") {
+      var scrollableParent = getScrollableElement(event.target);
+      if (scrollableParent === document.body || scrollableParent === document.documentElement) {
+        event.preventDefault();
+        return;
+      }
+    }
+    var scrollHeight = el.scrollHeight, offsetHeight = el.offsetHeight, scrollTop = el.scrollTop;
+    var status = "11";
+    if (scrollTop === 0) {
+      status = offsetHeight >= scrollHeight ? "00" : "01";
+    } else if (scrollTop + offsetHeight >= scrollHeight) {
+      status = "10";
+    }
+    if (status !== "11" && touch.isVertical() && !(parseInt(status, 2) & parseInt(direction, 2))) {
+      if (event.cancelable) {
+        event.preventDefault();
+      }
+    }
+  };
+  var lock = function lock2() {
+    document.addEventListener("touchstart", touch.start);
+    document.addEventListener("touchmove", onTouchMove, passiveSupported ? {
+      passive: false
+    } : false);
+    if (!totalLockCount) {
+      document.body.classList.add(BODY_LOCK_CLASS);
+    }
+    totalLockCount++;
+  };
+  var unlock = function unlock2() {
+    if (totalLockCount) {
+      document.removeEventListener("touchstart", touch.start);
+      document.removeEventListener("touchmove", onTouchMove);
+      totalLockCount--;
+      if (!totalLockCount) {
+        document.body.classList.remove(BODY_LOCK_CLASS);
+      }
+    }
+  };
+  useEffect(function() {
+    if (shouldLock) {
+      lock();
+      return function() {
+        unlock();
+      };
+    }
+  }, [shouldLock]);
+}
 var defaultOverlayProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   zIndex: 1e3,
   duration: 300,
@@ -47,22 +119,10 @@ var Overlay = function Overlay2(props) {
     } else {
       setInnerVisible(false);
     }
-    lock();
   }, [visible]);
-  useEffect(function() {
-    return function() {
-      document.body.classList.remove("nut-overflow-hidden");
-    };
-  }, []);
+  useLockScroll(nodeRef, !!props.lockScroll && innerVisible);
   var classes = classNames(className, classPrefix);
   var styles = _objectSpread({}, style);
-  var lock = function lock2() {
-    if (lockScroll && visible) {
-      document.body.classList.add("nut-overflow-hidden");
-    } else {
-      document.body.classList.remove("nut-overflow-hidden");
-    }
-  };
   var handleClick = function handleClick2(e) {
     if (closeOnOverlayClick) {
       onClick2 && onClick2(e);
@@ -94,5 +154,6 @@ Overlay.defaultProps = defaultOverlayProps;
 Overlay.displayName = "NutOverlay";
 export {
   Overlay as O,
-  defaultOverlayProps as d
+  defaultOverlayProps as d,
+  useLockScroll as u
 };

package/dist/esm/popup2.js

@@ -26,7 +26,7 @@ import { createPortal } from "react-dom";
 import { CSSTransition } from "react-transition-group";
 import classNames from "classnames";
 import { Close } from "@nutui/icons-react";
-import { d as defaultOverlayProps } from "./overlay2.js";
+import { d as defaultOverlayProps, u as useLockScroll } from "./overlay2.js";
 import Overlay from "./Overlay.js";
 import { C as ComponentDefaults } from "./typings.js";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
@@ -57,10 +57,12 @@ var Popup = function Popup2(props) {
   var _classNames, _classNames2;
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, visible = _defaultProps$props.visible, overlay = _defaultProps$props.overlay, closeOnOverlayClick = _defaultProps$props.closeOnOverlayClick, overlayStyle = _defaultProps$props.overlayStyle, overlayClassName = _defaultProps$props.overlayClassName, zIndex = _defaultProps$props.zIndex, lockScroll = _defaultProps$props.lockScroll, duration = _defaultProps$props.duration, closeable = _defaultProps$props.closeable, closeIconPosition = _defaultProps$props.closeIconPosition, closeIcon = _defaultProps$props.closeIcon, left = _defaultProps$props.left, title = _defaultProps$props.title, style = _defaultProps$props.style, transition = _defaultProps$props.transition, round = _defaultProps$props.round, position = _defaultProps$props.position, className = _defaultProps$props.className, destroyOnClose = _defaultProps$props.destroyOnClose, portal = _defaultProps$props.portal, onOpen2 = _defaultProps$props.onOpen, onClose2 = _defaultProps$props.onClose, onOverlayClick2 = _defaultProps$props.onOverlayClick, onCloseIconClick2 = _defaultProps$props.onCloseIconClick, afterShow = _defaultProps$props.afterShow, afterClose = _defaultProps$props.afterClose, onClick = _defaultProps$props.onClick;
   var nodeRef = React__default.useRef(null);
-  var _useState = useState(zIndex || _zIndex), _useState2 = _slicedToArray(_useState, 2), index = _useState2[0], setIndex = _useState2[1];
+  var innerIndex = zIndex || _zIndex;
+  var _useState = useState(innerIndex), _useState2 = _slicedToArray(_useState, 2), index = _useState2[0], setIndex = _useState2[1];
   var _useState3 = useState(visible), _useState4 = _slicedToArray(_useState3, 2), innerVisible = _useState4[0], setInnerVisible = _useState4[1];
   var _useState5 = useState(true), _useState6 = _slicedToArray(_useState5, 2), showChildren = _useState6[0], setShowChildren = _useState6[1];
   var _useState7 = useState(""), _useState8 = _slicedToArray(_useState7, 2), transitionName = _useState8[0], setTransitionName = _useState8[1];
+  useLockScroll(nodeRef, innerVisible && lockScroll);
   var classPrefix = "nut-popup";
   var baseStyle = {
     zIndex: index
@@ -76,7 +78,7 @@ var Popup = function Popup2(props) {
   var open = function open2() {
     if (!innerVisible) {
       setInnerVisible(true);
-      setIndex(++_zIndex);
+      setIndex(++innerIndex);
     }
     if (destroyOnClose) {
       setShowChildren(true);
@@ -166,7 +168,6 @@ var Popup = function Popup2(props) {
       className: overlayClassName,
       visible: innerVisible,
       closeOnOverlayClick,
-      zIndex,
       lockScroll,
       duration,
       onClick: onHandleClickOverlay

package/dist/esm/types/src/packages/calendarcard/__tests__/calendarcard.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/esm/types/src/packages/calendarcard/calendarcard.d.ts

@@ -0,0 +1,24 @@
+import React, { ReactNode } from 'react';
+import { BasicComponent } from '@/utils/typings';
+import { CalendarCardDay, CalendarCardMonth, CalendarCardValue } from './types';
+export interface CalendarCardProps extends BasicComponent {
+    type: 'single' | 'multiple' | 'range' | 'week';
+    value?: CalendarCardValue;
+    defaultValue?: CalendarCardValue;
+    firstDayOfWeek?: number;
+    startDate?: Date;
+    endDate?: Date;
+    disableDay?: (day: CalendarCardDay) => boolean;
+    renderDay?: (day: CalendarCardDay) => ReactNode;
+    renderDayTop?: (day: CalendarCardDay) => ReactNode;
+    renderDayBottom?: (day: CalendarCardDay) => ReactNode;
+    onDayClick?: (day: CalendarCardDay) => void;
+    onPageChange: (data: CalendarCardMonth) => void;
+    onChange: (value: CalendarCardValue) => void;
+}
+type CalendarCardRef = {
+    jump: (step: number) => void;
+    jumpTo: (year: number, month: number) => void;
+};
+export declare const CalendarCard: React.ForwardRefExoticComponent<Partial<CalendarCardProps> & React.RefAttributes<CalendarCardRef>>;
+export {};

package/dist/esm/types/src/packages/calendarcard/calendarcard.taro.d.ts

@@ -0,0 +1,24 @@
+import React, { ReactNode } from 'react';
+import { BasicComponent } from '@/utils/typings';
+import { CalendarCardDay, CalendarCardMonth, CalendarCardValue } from './types';
+export interface CalendarCardProps extends BasicComponent {
+    type: 'single' | 'multiple' | 'range' | 'week';
+    value?: CalendarCardValue;
+    defaultValue?: CalendarCardValue;
+    firstDayOfWeek?: number;
+    startDate?: Date;
+    endDate?: Date;
+    disableDay?: (day: CalendarCardDay) => boolean;
+    renderDay?: (day: CalendarCardDay) => ReactNode;
+    renderDayTop?: (day: CalendarCardDay) => ReactNode;
+    renderDayBottom?: (day: CalendarCardDay) => ReactNode;
+    onDayClick?: (day: CalendarCardDay) => void;
+    onPageChange: (data: CalendarCardMonth) => void;
+    onChange: (value: CalendarCardValue) => void;
+}
+type CalendarCardRef = {
+    jump: (step: number) => void;
+    jumpTo: (year: number, month: number) => void;
+};
+export declare const CalendarCard: React.ForwardRefExoticComponent<Partial<CalendarCardProps> & React.RefAttributes<CalendarCardRef>>;
+export {};

package/dist/esm/types/src/packages/calendarcard/demo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const CalendarDemo: () => JSX.Element;
+export default CalendarDemo;

package/dist/esm/types/src/packages/calendarcard/demo.taro.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const CalendarDemo: () => JSX.Element;
+export default CalendarDemo;

package/dist/esm/types/src/packages/calendarcard/icon.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export declare const Left: FC;
+export declare const Right: FC;
+export declare const DoubleLeft: FC;
+export declare const DoubleRight: FC;

package/dist/esm/types/src/packages/calendarcard/icon.taro.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export declare const Left: FC;
+export declare const Right: FC;
+export declare const DoubleLeft: FC;
+export declare const DoubleRight: FC;

package/dist/esm/types/src/packages/calendarcard/index.d.ts

@@ -0,0 +1,3 @@
+import { CalendarCard } from './calendarcard';
+export type { CalendarCardDay, CalendarCardMonth, CalendarCardValue, } from './types';
+export default CalendarCard;

package/dist/esm/types/src/packages/calendarcard/index.taro.d.ts

@@ -0,0 +1,3 @@
+import { CalendarCard } from './calendarcard.taro';
+export type { CalendarCardDay, CalendarCardMonth, CalendarCardValue, } from './types';
+export default CalendarCard;

package/dist/esm/types/src/packages/calendarcard/types.d.ts

@@ -0,0 +1,11 @@
+export interface CalendarCardDay {
+    type?: 'prev' | 'current' | 'next';
+    year: number;
+    month: number;
+    date: number;
+}
+export interface CalendarCardMonth {
+    year: number;
+    month: number;
+}
+export type CalendarCardValue = Date | Date[] | null;

package/dist/esm/types/src/packages/calendarcard/utils.d.ts

@@ -0,0 +1,19 @@
+import { CalendarCardDay } from './types';
+export declare const convertDateToDay: (date: Date) => {
+    year: number;
+    month: number;
+    date: number;
+} | null;
+export declare const convertDayToDate: (day: CalendarCardDay) => Date | null;
+/**
+ * 获取当月面板中前一个月的日期数据
+ */
+export declare const getPrevMonthDays: (year: number, month: number, firstDayOfWeek: number) => CalendarCardDay[];
+/**
+ * 获取当前月的日期数据
+ */
+export declare const getCurrentMonthDays: (year: number, month: number) => CalendarCardDay[];
+/**
+ * 根据日期获取当前周的起始日期
+ */
+export declare const getCurrentWeekDays: (day: CalendarCardDay, firstDayOfWeek: number) => CalendarCardDay[];

package/dist/esm/types/src/packages/datepicker/datepicker.d.ts

@@ -1,5 +1,5 @@
 import React, { FunctionComponent } from 'react';
-import { PickerOption } from '@/packages/picker/index';
+import { PickerOption, PickerProps } from '@/packages/picker/index';
 import { BasicComponent } from '@/utils/typings';
 export interface DatePickerProps extends BasicComponent {
     value?: Date;
@@ -12,6 +12,7 @@ export interface DatePickerProps extends BasicComponent {
     startDate: Date;
     endDate: Date;
     threeDimensional: boolean;
+    pickerProps: Partial<Omit<PickerProps, 'defaultValue' | 'threeDimensional' | 'title' | 'value' | 'onConfirm' | 'onClose' | 'onChange'>>;
     formatter: (type: string, option: PickerOption) => PickerOption;
     filter: (type: string, option: PickerOption[]) => PickerOption[];
     onClose: () => void;

package/dist/esm/types/src/packages/datepicker/datepicker.taro.d.ts

@@ -1,5 +1,5 @@
 import React, { FunctionComponent } from 'react';
-import { PickerOption } from '@/packages/picker/index';
+import { PickerOption, PickerProps } from '@/packages/picker/index.taro';
 import { BasicComponent } from '@/utils/typings';
 export interface DatePickerProps extends BasicComponent {
     value?: Date;
@@ -12,6 +12,7 @@ export interface DatePickerProps extends BasicComponent {
     startDate: Date;
     endDate: Date;
     threeDimensional: boolean;
+    pickerProps: Partial<Omit<PickerProps, 'defaultValue' | 'threeDimensional' | 'title' | 'value' | 'onConfirm' | 'onClose' | 'onChange'>>;
     formatter: (type: string, option: PickerOption) => PickerOption;
     filter: (type: string, option: PickerOption[]) => PickerOption[];
     onClose: () => void;

package/dist/esm/types/src/packages/nutui.react.build.d.ts

@@ -26,6 +26,7 @@ import Tabs from '@/packages/tabs';
 import Address from '@/packages/address';
 import Calendar from '@/packages/calendar';
 import CalendarItem from '@/packages/calendaritem';
+import CalendarCard from '@/packages/calendarcard';
 import Cascader from '@/packages/cascader';
 import Checkbox from '@/packages/checkbox';
 import CheckboxGroup from '@/packages/checkboxgroup';
@@ -93,4 +94,4 @@ import TimeDetail from '@/packages/timedetail';
 import TimeSelect from '@/packages/timeselect';
 import TrendArrow from '@/packages/trendarrow';
 import WaterMark from '@/packages/watermark';
-export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, Space, Sticky, BackTop, Elevator, FixedNav, NavBar, SideNavBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Pagination, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };
+export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, Space, Sticky, BackTop, Elevator, FixedNav, NavBar, SideNavBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Pagination, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };

package/dist/esm/types/src/packages/nutui.react.d.ts

@@ -26,6 +26,7 @@ import Tabs from '@/packages/tabs';
 import Address from '@/packages/address';
 import Calendar from '@/packages/calendar';
 import CalendarItem from '@/packages/calendaritem';
+import CalendarCard from '@/packages/calendarcard';
 import Cascader from '@/packages/cascader';
 import Checkbox from '@/packages/checkbox';
 import CheckboxGroup from '@/packages/checkboxgroup';
@@ -121,6 +122,7 @@ import '@/packages/tabs/tabs.scss';
 import '@/packages/address/address.scss';
 import '@/packages/calendar/calendar.scss';
 import '@/packages/calendaritem/calendaritem.scss';
+import '@/packages/calendarcard/calendarcard.scss';
 import '@/packages/cascader/cascader.scss';
 import '@/packages/checkbox/checkbox.scss';
 import '@/packages/checkboxgroup/checkboxgroup.scss';
@@ -188,4 +190,4 @@ import '@/packages/timedetail/timedetail.scss';
 import '@/packages/timeselect/timeselect.scss';
 import '@/packages/trendarrow/trendarrow.scss';
 import '@/packages/watermark/watermark.scss';
-export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, Space, Sticky, BackTop, Elevator, FixedNav, NavBar, SideNavBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Pagination, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };
+export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, Space, Sticky, BackTop, Elevator, FixedNav, NavBar, SideNavBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Pagination, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };

package/dist/esm/types/src/packages/nutui.react.scss.d.ts

@@ -26,6 +26,7 @@ import '@/packages/tabs/tabs.scss';
 import '@/packages/address/address.scss';
 import '@/packages/calendar/calendar.scss';
 import '@/packages/calendaritem/calendaritem.scss';
+import '@/packages/calendarcard/calendarcard.scss';
 import '@/packages/cascader/cascader.scss';
 import '@/packages/checkbox/checkbox.scss';
 import '@/packages/checkboxgroup/checkboxgroup.scss';

package/dist/esm/types/src/packages/nutui.react.taro.d.ts

@@ -26,6 +26,7 @@ import Tabs from '@/packages/tabs/index.taro';
 import Address from '@/packages/address/index.taro';
 import Calendar from '@/packages/calendar/index.taro';
 import CalendarItem from '@/packages/calendaritem/index.taro';
+import CalendarCard from '@/packages/calendarcard/index.taro';
 import Cascader from '@/packages/cascader/index.taro';
 import Checkbox from '@/packages/checkbox/index.taro';
 import CheckboxGroup from '@/packages/checkboxgroup/index.taro';
@@ -121,6 +122,7 @@ import '@/packages/tabs/tabs.scss';
 import '@/packages/address/address.scss';
 import '@/packages/calendar/calendar.scss';
 import '@/packages/calendaritem/calendaritem.scss';
+import '@/packages/calendarcard/calendarcard.scss';
 import '@/packages/cascader/cascader.scss';
 import '@/packages/checkbox/checkbox.scss';
 import '@/packages/checkboxgroup/checkboxgroup.scss';
@@ -188,4 +190,4 @@ import '@/packages/timedetail/timedetail.scss';
 import '@/packages/timeselect/timeselect.scss';
 import '@/packages/trendarrow/trendarrow.scss';
 import '@/packages/watermark/watermark.scss';
-export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, Space, Sticky, BackTop, Elevator, FixedNav, NavBar, SideNavBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Pagination, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };
+export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, Space, Sticky, BackTop, Elevator, FixedNav, NavBar, SideNavBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Pagination, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };

package/dist/esm/types/src/packages/nutui.react.taro.scss.d.ts

@@ -26,6 +26,7 @@ import '@/packages/tabs/tabs.scss';
 import '@/packages/address/address.scss';
 import '@/packages/calendar/calendar.scss';
 import '@/packages/calendaritem/calendaritem.scss';
+import '@/packages/calendarcard/calendarcard.scss';
 import '@/packages/cascader/cascader.scss';
 import '@/packages/checkbox/checkbox.scss';
 import '@/packages/checkboxgroup/checkboxgroup.scss';

package/dist/esm/types/src/packages/nutui.taro.react.build.d.ts

@@ -26,6 +26,7 @@ import Tabs from '@/packages/tabs/index.taro';
 import Address from '@/packages/address/index.taro';
 import Calendar from '@/packages/calendar/index.taro';
 import CalendarItem from '@/packages/calendaritem/index.taro';
+import CalendarCard from '@/packages/calendarcard/index.taro';
 import Cascader from '@/packages/cascader/index.taro';
 import Checkbox from '@/packages/checkbox/index.taro';
 import CheckboxGroup from '@/packages/checkboxgroup/index.taro';
@@ -93,4 +94,4 @@ import TimeDetail from '@/packages/timedetail/index.taro';
 import TimeSelect from '@/packages/timeselect/index.taro';
 import TrendArrow from '@/packages/trendarrow/index.taro';
 import WaterMark from '@/packages/watermark/index.taro';
-export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, Space, Sticky, BackTop, Elevator, FixedNav, NavBar, SideNavBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Pagination, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };
+export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, Space, Sticky, BackTop, Elevator, FixedNav, NavBar, SideNavBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Pagination, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };

package/dist/esm/types/src/packages/picker/picker.d.ts

@@ -1,4 +1,5 @@
 import React, { RefObject } from 'react';
+import { PopupProps } from '@/packages/popup/popup';
 import { PickerOption } from './types';
 import { BasicComponent } from '@/utils/typings';
 export type PickerActions = {
@@ -13,6 +14,7 @@ export interface PickerProps extends Omit<BasicComponent, 'children'> {
     defaultValue?: (number | string)[];
     threeDimensional?: boolean;
     duration: number | string;
+    popupProps: Partial<Omit<PopupProps, 'title' | 'onClose'>>;
     onConfirm?: (selectedOptions: PickerOption[], selectedValue: (string | number)[]) => void;
     onClose?: (selectedOptions: PickerOption[], selectedValue: (string | number)[]) => void;
     afterClose?: (selectedOptions: PickerOption[], selectedValue: (string | number)[], pickerRef: RefObject<HTMLDivElement>) => void;

package/dist/esm/types/src/packages/picker/picker.taro.d.ts

@@ -1,4 +1,5 @@
 import React, { RefObject } from 'react';
+import { PopupProps } from '@/packages/popup/popup.taro';
 import { PickerOption } from './types';
 import { BasicComponent } from '@/utils/typings';
 export type PickerActions = {
@@ -13,6 +14,7 @@ export interface PickerProps extends Omit<BasicComponent, 'children'> {
     defaultValue?: (number | string)[];
     threeDimensional?: boolean;
     duration: number | string;
+    popupProps: Partial<Omit<PopupProps, 'title' | 'onClose'>>;
     onConfirm?: (selectedOptions: PickerOption[], selectedValue: (string | number)[]) => void;
     onClose?: (selectedOptions: PickerOption[], selectedValue: (string | number)[]) => void;
     afterClose?: (selectedOptions: PickerOption[], selectedValue: (string | number)[], pickerRef: RefObject<HTMLDivElement>) => void;

package/dist/esm/types/src/utils/use-lock-scoll-taro.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const useLockScrollTaro: (shouldLock: boolean) => import("react").MutableRefObject<null>;

package/dist/esm/types/src/utils/use-lock-scroll.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare function useLockScroll(rootRef: RefObject<HTMLElement>, shouldLock: boolean | 'strict'): void;

package/dist/esm/types/src/utils/use-touch.d.ts

@@ -1,17 +1,16 @@
+import React from 'react';
 type Direction = '' | 'vertical' | 'horizontal';
 export declare function useTouch(): {
     move: (event: React.TouchEvent<HTMLElement>) => void;
     start: (event: React.TouchEvent<HTMLElement>) => void;
     reset: () => void;
-    startX: number;
-    startY: number;
-    moveX: number;
-    moveY: number;
-    deltaX: number;
-    deltaY: number;
-    offsetX: number;
-    offsetY: number;
-    direction: Direction;
+    startX: React.MutableRefObject<number>;
+    startY: React.MutableRefObject<number>;
+    deltaX: React.MutableRefObject<number>;
+    deltaY: React.MutableRefObject<number>;
+    offsetX: React.MutableRefObject<number>;
+    offsetY: React.MutableRefObject<number>;
+    direction: React.MutableRefObject<Direction>;
     isVertical: () => boolean;
     isHorizontal: () => boolean;
 };

package/dist/esm/use-touch.js

@@ -1,5 +1,4 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { useState } from "react";
+import { useRef } from "react";
 var MIN_DISTANCE = 10;
 function getDirection(x, y) {
   if (x > y && x > MIN_DISTANCE) {
@@ -11,45 +10,39 @@ function getDirection(x, y) {
   return "";
 }
 function useTouch() {
-  var _useState = useState(0), _useState2 = _slicedToArray(_useState, 2), startX = _useState2[0], SetStartX = _useState2[1];
-  var _useState3 = useState(0), _useState4 = _slicedToArray(_useState3, 2), startY = _useState4[0], SetStartY = _useState4[1];
-  var _useState5 = useState(0), _useState6 = _slicedToArray(_useState5, 2), moveX = _useState6[0], SetMoveX = _useState6[1];
-  var _useState7 = useState(0), _useState8 = _slicedToArray(_useState7, 2), moveY = _useState8[0], SetMoveY = _useState8[1];
-  var _useState9 = useState(0), _useState10 = _slicedToArray(_useState9, 2), deltaX = _useState10[0], SetDeltaX = _useState10[1];
-  var _useState11 = useState(0), _useState12 = _slicedToArray(_useState11, 2), deltaY = _useState12[0], SetDeltaY = _useState12[1];
-  var _useState13 = useState(0), _useState14 = _slicedToArray(_useState13, 2), offsetX = _useState14[0], SetOffsetX = _useState14[1];
-  var _useState15 = useState(0), _useState16 = _slicedToArray(_useState15, 2), offsetY = _useState16[0], SetOffsetY = _useState16[1];
-  var _useState17 = useState(""), _useState18 = _slicedToArray(_useState17, 2), direction = _useState18[0], SetDirection = _useState18[1];
+  var startX = useRef(0);
+  var startY = useRef(0);
+  var deltaX = useRef(0);
+  var deltaY = useRef(0);
+  var offsetX = useRef(0);
+  var offsetY = useRef(0);
+  var direction = useRef("");
   var isVertical = function isVertical2() {
-    return direction === "vertical";
+    return direction.current === "vertical";
   };
   var isHorizontal = function isHorizontal2() {
-    return direction === "horizontal";
+    return direction.current === "horizontal";
   };
   var reset = function reset2() {
-    SetDeltaX(0);
-    SetDeltaY(0);
-    SetOffsetX(0);
-    SetOffsetY(0);
-    SetDirection("");
+    deltaX.current = 0;
+    deltaY.current = 0;
+    offsetX.current = 0;
+    offsetY.current = 0;
+    direction.current = "";
   };
   var start = function start2(event) {
     reset();
-    SetStartX(event.touches[0].clientX);
-    SetStartY(event.touches[0].clientY);
+    startX.current = event.touches[0].clientX;
+    startY.current = event.touches[0].clientY;
   };
   var move = function move2(event) {
     var touch = event.touches[0];
-    var dX = touch.clientX - startX;
-    var dY = touch.clientY - startY;
-    SetDeltaX(dX);
-    SetDeltaY(dY);
-    SetMoveX(touch.clientX);
-    SetMoveY(touch.clientY);
-    SetOffsetX(Math.abs(dX));
-    SetOffsetY(Math.abs(dY));
-    if (!direction) {
-      SetDirection(getDirection(offsetX, offsetY));
+    deltaX.current = touch.clientX < 0 ? 0 : touch.clientX - startX.current;
+    deltaY.current = touch.clientY - startY.current;
+    offsetX.current = Math.abs(deltaX.current);
+    offsetY.current = Math.abs(deltaY.current);
+    if (!direction.current) {
+      direction.current = getDirection(offsetX.current, offsetY.current);
     }
   };
   return {
@@ -58,8 +51,6 @@ function useTouch() {
     reset,
     startX,
     startY,
-    moveX,
-    moveY,
     deltaX,
     deltaY,
     offsetX,

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.22 Fri Oct 27 2023 18:22:21 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.23 Fri Nov 03 2023 19:52:15 GMT+0800 (中国标准时间)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.22 Fri Oct 27 2023 18:22:21 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.23 Fri Nov 03 2023 19:52:15 GMT+0800 (中国标准时间)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.22 Fri Oct 27 2023 18:22:21 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.23 Fri Nov 03 2023 19:52:15 GMT+0800 (中国标准时间)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/tr-TR.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.22 Fri Oct 27 2023 18:22:21 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.23 Fri Nov 03 2023 19:52:15 GMT+0800 (中国标准时间)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.22 Fri Oct 27 2023 18:22:21 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.23 Fri Nov 03 2023 19:52:15 GMT+0800 (中国标准时间)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.22 Fri Oct 27 2023 18:22:21 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.23 Fri Nov 03 2023 19:52:15 GMT+0800 (中国标准时间)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-UG.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.22 Fri Oct 27 2023 18:22:21 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.23 Fri Nov 03 2023 19:52:15 GMT+0800 (中国标准时间)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */