@nutui/nutui-react-taro 3.0.15 → 3.0.17-beta.0

package/CHANGELOG.md

@@ -1,21 +1,28 @@
-# v3.0.15
-`2025-06-27`
+# v3.0.16
+
+`2025-07-04`
 
+- :bug: fix(calendar): 类型修订 (#3292)
+- :bug: fix(swiper): 修改初始值时不生效问题 (#3293)
+- :bug: fix(noticebar): children cannot update responsively in vertical mode (#3251)
 
-* 📖 docs(checkbox): 修订数据类型 (#3273)
-* :sparkles: feat(dialog): close和cancel各司其职 (#3282)
-* :sparkles: feat(calendarcard): 增加自定义头 (#3285)
-* :sparkles: feat(calendarcard): 对函数做了优化处理 (#3284)
-* :bug: fix(configprovider): 修订路径别名 (#3287)
-* :bug: fix(form): 单测错误修复 (#3286)
-* :bug: fix(noticebar): first item is not visible when scrolling vertically (#3249)
-* :bug: fix(form): 修复右侧星星无法展示的问题 (#3283)
-* :bug: fix(form): label无法修改字号 (#3280)
-* :bug: fix: remove -zIndex CSS variable due to lower priority and default value confusion (#3262)
-* :bug: fix(button): 禁用样式修订 (#3279)
-* :bug: fix(datepicker): 修改不设置事件类型的返回值 (#3270)
-* :bug: fix(pickerview): 修改快速滚动偶现滑动错位问题 (#3278)
+# v3.0.15
+
+`2025-06-27`
 
+- 📖 docs(checkbox): 修订数据类型 (#3273)
+- :sparkles: feat(dialog): close和cancel各司其职 (#3282)
+- :sparkles: feat(calendarcard): 增加自定义头 (#3285)
+- :sparkles: feat(calendarcard): 对函数做了优化处理 (#3284)
+- :bug: fix(configprovider): 修订路径别名 (#3287)
+- :bug: fix(form): 单测错误修复 (#3286)
+- :bug: fix(noticebar): first item is not visible when scrolling vertically (#3249)
+- :bug: fix(form): 修复右侧星星无法展示的问题 (#3283)
+- :bug: fix(form): label无法修改字号 (#3280)
+- :bug: fix: remove -zIndex CSS variable due to lower priority and default value confusion (#3262)
+- :bug: fix(button): 禁用样式修订 (#3279)
+- :bug: fix(datepicker): 修改不设置事件类型的返回值 (#3270)
+- :bug: fix(pickerview): 修改快速滚动偶现滑动错位问题 (#3278)
 
 # v3.0.14
 

package/dist/cjs/packages/calendaritem/calendaritem.d.ts

@@ -29,7 +29,7 @@ export interface CalendarItemProps extends PopupProps {
     renderDayBottom: (date: CalendarDay) => string | JSX.Element;
     onConfirm: (data: string) => void;
     onUpdate: () => void;
-    onDayClick: (data: string) => void;
+    onDayClick: (data: string[]) => void;
     onPageChange: (data: any) => void;
 }
 export declare const CalendarItem: React.ForwardRefExoticComponent<Partial<CalendarItemProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onClick"> & React.RefAttributes<CalendarRef>>;

package/dist/cjs/packages/calendaritem/calendaritem.js

@@ -47,10 +47,10 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     renderDay: undefined,
     renderDayTop: undefined,
     renderDayBottom: undefined,
-    onConfirm: function onConfirm(data) {},
+    onConfirm: function onConfirm() {},
     onUpdate: function onUpdate() {},
-    onDayClick: function onDayClick(data) {},
-    onPageChange: function onPageChange(data) {}
+    onDayClick: function onDayClick() {},
+    onPageChange: function onPageChange() {}
 });
 var CalendarItem = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
     var locale = (0, _index.useConfig)().locale;
@@ -175,7 +175,7 @@ var CalendarItem = /*#__PURE__*/ _react.default.forwardRef(function(props, ref)
         if (yearNum > 0) {
             monthNum += 12 * yearNum;
         }
-        if (monthNum <= 0) {
+        if (monthNum < 0) {
             monthNum = 1;
         }
         setMonthsNum(monthNum);

package/dist/cjs/packages/imagepreview/imagepreview.js

@@ -12,6 +12,7 @@ var _interop_require_default = require("@swc/helpers/_/_interop_require_default"
 var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 var _object_spread = require("@swc/helpers/_/_object_spread");
 var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
 var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
 var _to_consumable_array = require("@swc/helpers/_/_to_consumable_array");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
@@ -25,6 +26,7 @@ var _index2 = /*#__PURE__*/ _interop_require_default._(require("../swiper/index"
 var _index3 = /*#__PURE__*/ _interop_require_default._(require("../swiperitem/index"));
 var _typings = require("../../utils/typings");
 var _usepropsvalue = require("../../hooks/use-props-value");
+var _utils = require("../../utils");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     images: [],
     videos: [],
@@ -42,7 +44,26 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     onClose: function onClose() {}
 });
 var ImagePreview = function ImagePreview(props) {
-    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), value = _$_object_spread.value, className = _$_object_spread.className, style = _$_object_spread.style, images = _$_object_spread.images, videos = _$_object_spread.videos, visible = _$_object_spread.visible, defaultValue = _$_object_spread.defaultValue, indicatorColor = _$_object_spread.indicatorColor, pagination = _$_object_spread.pagination, indicator = _$_object_spread.indicator, autoPlay = _$_object_spread.autoPlay, closeOnContentClick = _$_object_spread.closeOnContentClick, closeIcon = _$_object_spread.closeIcon, closeIconPosition = _$_object_spread.closeIconPosition, showMenuByLongpress = _$_object_spread.showMenuByLongpress, onClose = _$_object_spread.onClose, onChange = _$_object_spread.onChange;
+    var _mergeProps = (0, _utils.mergeProps)(defaultProps, props), value = _mergeProps.value, className = _mergeProps.className, style = _mergeProps.style, images = _mergeProps.images, videos = _mergeProps.videos, visible = _mergeProps.visible, defaultValue = _mergeProps.defaultValue, indicatorColor = _mergeProps.indicatorColor, pagination = _mergeProps.pagination, indicator = _mergeProps.indicator, autoPlay = _mergeProps.autoPlay, loop = _mergeProps.loop, closeOnContentClick = _mergeProps.closeOnContentClick, closeIcon = _mergeProps.closeIcon, closeIconPosition = _mergeProps.closeIconPosition, showMenuByLongpress = _mergeProps.showMenuByLongpress, onClose = _mergeProps.onClose, onChange = _mergeProps.onChange, rest = (0, _object_without_properties._)(_mergeProps, [
+        "value",
+        "className",
+        "style",
+        "images",
+        "videos",
+        "visible",
+        "defaultValue",
+        "indicatorColor",
+        "pagination",
+        "indicator",
+        "autoPlay",
+        "loop",
+        "closeOnContentClick",
+        "closeIcon",
+        "closeIconPosition",
+        "showMenuByLongpress",
+        "onClose",
+        "onChange"
+    ]);
     var classPrefix = 'nut-imagepreview';
     var ref = (0, _react.useRef)(null);
     var _usePropsValue = (0, _sliced_to_array._)((0, _usepropsvalue.usePropsValue)({
@@ -183,9 +204,10 @@ var ImagePreview = function ImagePreview(props) {
         onTouchEnd: onTouchEnd,
         onTouchCancel: onTouchEnd
     }, /*#__PURE__*/ _react.default.createElement(_index2.default, {
-        autoPlay: autoPlay,
+        autoplay: autoPlay,
+        loop: loop,
+        direction: "horizontal",
         className: "".concat(classPrefix, "-swiper"),
-        loop: true,
         height: "100%",
         style: {
             display: showPop ? 'block' : 'none',
@@ -193,7 +215,6 @@ var ImagePreview = function ImagePreview(props) {
             width: '100%',
             height: '100%'
         },
-        direction: "horizontal",
         onChange: function onChange(e) {
             return slideChangeEnd(e.detail.current);
         },

package/dist/cjs/packages/noticebar/noticebar.js

@@ -15,6 +15,7 @@ var _define_property = require("@swc/helpers/_/_define_property");
 var _object_spread = require("@swc/helpers/_/_object_spread");
 var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _to_consumable_array = require("@swc/helpers/_/_to_consumable_array");
 var _ts_generator = require("@swc/helpers/_/_ts_generator");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _components = require("@tarojs/components");
@@ -59,9 +60,10 @@ var NoticeBar = function NoticeBar(props) {
     var _useState8 = (0, _sliced_to_array._)((0, _react.useState)(null), 2), isCanScroll = _useState8[0], SetIsCanScroll = _useState8[1];
     var isVertical = direction === 'vertical';
     var _useState9 = (0, _sliced_to_array._)((0, _react.useState)(null), 2), rect = _useState9[0], setRect = _useState9[1];
-    var active = 0;
+    var activeRef = (0, _react.useRef)(0);
     var _useState10 = (0, _sliced_to_array._)((0, _react.useState)(false), 2), ready = _useState10[0], setReady = _useState10[1];
     var container = (0, _react.useRef)(null);
+    var _useState11 = (0, _sliced_to_array._)((0, _react.useState)(false), 2), isContainerReady = _useState11[0], setIsContainerReady = _useState11[1];
     var innerRef = (0, _react.useRef)(null);
     var swiperRef = (0, _react.useRef)({
         moving: false,
@@ -71,8 +73,8 @@ var NoticeBar = function NoticeBar(props) {
         offset: 0,
         size: 0
     });
-    var _useState11 = (0, _sliced_to_array._)((0, _react.useState)([]), 2), childOffset = _useState11[0], setChildOffset = _useState11[1];
-    var _useState12 = (0, _sliced_to_array._)((0, _react.useState)(0), 2), offset = _useState12[0], setOffset = _useState12[1];
+    var _useState12 = (0, _sliced_to_array._)((0, _react.useState)([]), 2), childOffset = _useState12[0], setChildOffset = _useState12[1];
+    var _useState13 = (0, _sliced_to_array._)((0, _react.useState)(0), 2), offset = _useState13[0], setOffset = _useState13[1];
     var _useMemo = (0, _react.useMemo)(function() {
         var childCount = 0;
         var childs = _react.default.Children.map(children, function(child) {
@@ -112,7 +114,9 @@ var NoticeBar = function NoticeBar(props) {
             // 销毁事件
             clearInterval(timer);
         };
-    }, []);
+    }, [
+        childs
+    ]);
     (0, _react.useEffect)(function() {
         initScrollWrap(content);
     }, [
@@ -231,7 +235,7 @@ var NoticeBar = function NoticeBar(props) {
     };
     // 垂直自定义滚动方式
     var init = function init() {
-        var active = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : +0;
+        var activeIndex = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
         if (!(container === null || container === void 0 ? void 0 : container.current)) return;
         setTimeout(/*#__PURE__*/ (0, _async_to_generator._)(function() {
             var rects, _active, _height, targetOffset;
@@ -244,17 +248,18 @@ var NoticeBar = function NoticeBar(props) {
                         ];
                     case 1:
                         rects = _state.sent();
-                        _active = Math.max(Math.min(childCount - 1, active), 0);
+                        _active = Math.max(Math.min(childCount - 1, activeIndex), 0);
                         _height = rects === null || rects === void 0 ? void 0 : rects.height;
                         trackSize = childCount * Number(_height);
                         targetOffset = getOffset(_active);
-                        swiperRef.current.moving = true;
-                        if (ready) {
-                            swiperRef.current.moving = false;
-                        }
-                        active = _active;
+                        activeRef.current = _active;
                         setRect(rects);
                         setOffset(targetOffset);
+                        setChildOffset(new Array(childCount).fill(0));
+                        // 关闭动画并立即设置样式
+                        swiperRef.current.moving = true;
+                        setStyle(targetOffset, rects);
+                        swiperRef.current.moving = false;
                         setReady(true);
                         return [
                             2
@@ -265,7 +270,6 @@ var NoticeBar = function NoticeBar(props) {
     };
     (0, _react.useEffect)(function() {
         if (ready) {
-            stopAutoPlay();
             autoplay();
         }
         return function() {
@@ -275,18 +279,19 @@ var NoticeBar = function NoticeBar(props) {
         ready
     ]);
     (0, _react.useEffect)(function() {
-        if (isVertical && children) {
-            init();
+        if (isVertical && children && isContainerReady) {
             stopAutoPlay();
-            autoplay();
+            setReady(false);
+            init();
         }
     }, [
         children,
-        container === null || container === void 0 ? void 0 : container.current
+        isContainerReady
     ]);
     // 清除定时器
     var stopAutoPlay = function stopAutoPlay() {
         clearTimeout(swiperRef.current.autoplayTimer);
+        swiperRef.current.moving = false;
         swiperRef.current.autoplayTimer = null;
     };
     // 定时轮播
@@ -305,23 +310,26 @@ var NoticeBar = function NoticeBar(props) {
         var targetActive = getActive(pace);
         // 父级容器偏移量
         var targetOffset = getOffset(targetActive, offset);
-        // 如果循环，调整开头结尾图片位置
-        if (Array.isArray(children) && children[0] && targetOffset !== minOffset) {
-            var rightBound = targetOffset < minOffset;
-            childOffset[0] = rightBound ? trackSize : 0;
-        }
-        if (Array.isArray(children) && children[childCount - 1] && targetOffset !== 0) {
-            var leftBound = targetOffset > 0;
-            childOffset[childCount - 1] = leftBound ? -trackSize : 0;
-        }
-        setChildOffset(childOffset);
-        active = targetActive;
+        // 循环滚动，调整开头结尾图片位置
+        setChildOffset(function(prevChildOffset) {
+            var newChildOffset = (0, _to_consumable_array._)(prevChildOffset);
+            if (Array.isArray(children) && children[0] && targetOffset !== minOffset) {
+                var rightBound = targetOffset < minOffset;
+                newChildOffset[0] = rightBound ? trackSize : 0;
+            }
+            if (Array.isArray(children) && children[childCount - 1] && targetOffset !== 0) {
+                var leftBound = targetOffset > 0;
+                newChildOffset[childCount - 1] = leftBound ? -trackSize : 0;
+            }
+            return newChildOffset;
+        });
+        activeRef.current = targetActive;
         setOffset(targetOffset);
-        getStyle(targetOffset);
+        setStyle(targetOffset);
     };
     // 下一页
     var next = function next() {
-        resettPosition();
+        resetPosition();
         requestFrame(function() {
             requestFrame(function() {
                 swiperRef.current.moving = false;
@@ -334,16 +342,16 @@ var NoticeBar = function NoticeBar(props) {
     var handleItemClick = function handleItemClick(event, value) {
         onItemClick && onItemClick(event, value);
     };
-    var getStyle = function getStyle() {
-        var moveOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : offset;
+    var setStyle = function setStyle() {
+        var moveOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : offset, currentRect = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : rect;
         var target = innerRef.current;
         if (!target) {
             return;
         }
         var _offset = 0;
-        // 容器高度-元素高度
-        var val = ((rect === null || rect === void 0 ? void 0 : rect.height) || 0) - height;
-        _offset = moveOffset + Number(active === childCount - 1 && val / 2);
+        var containerHeight = (currentRect === null || currentRect === void 0 ? void 0 : currentRect.height) || height;
+        var val = containerHeight - Number(height);
+        _offset = moveOffset + Number(activeRef.current === childCount - 1 && val / 2);
         target.style.transitionDuration = "".concat(swiperRef.current.moving ? 0 : duration, "ms");
         target.style.height = "".concat(Number(height) * (childCount + 1), "px");
         target.style.transform = "translate3D(0,".concat(_offset, "px,0)");
@@ -363,11 +371,12 @@ var NoticeBar = function NoticeBar(props) {
     };
     // 确定当前active 元素
     var getActive = function getActive(pace) {
+        var currentActive = activeRef.current;
         if (pace) {
-            var _active = active + pace;
+            var _active = currentActive + pace;
             return range(_active, -1, childCount);
         }
-        return active;
+        return currentActive;
     };
     // 计算位移
     var getOffset = function getOffset(active) {
@@ -385,14 +394,15 @@ var NoticeBar = function NoticeBar(props) {
         return Math.min(Math.max(num, min), max);
     };
     // 重置首尾位置信息
-    var resettPosition = function resettPosition() {
+    var resetPosition = function resetPosition() {
+        var currentActive = activeRef.current;
         swiperRef.current.moving = true;
-        if (active <= -1) {
+        if (currentActive <= -1) {
             move({
                 pace: childCount
             });
         }
-        if (active >= childCount) {
+        if (currentActive >= childCount) {
             move({
                 pace: -childCount
             });
@@ -406,6 +416,20 @@ var NoticeBar = function NoticeBar(props) {
             stopAutoPlay();
         };
     }, []);
+    var hasVerticalContent = (0, _react.useMemo)(function() {
+        if (!isVertical) return false;
+        if (children) return (childs === null || childs === void 0 ? void 0 : childs.length) > 0;
+        return (list === null || list === void 0 ? void 0 : list.length) > 0;
+    }, [
+        isVertical,
+        childs,
+        list,
+        children
+    ]);
+    var containerRefCallback = (0, _react.useCallback)(function(ref) {
+        container.current = ref;
+        setIsContainerReady(true);
+    }, []);
     return /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: cls,
         style: style
@@ -430,10 +454,10 @@ var NoticeBar = function NoticeBar(props) {
         onClick: onClickIcon
     }, rightIcon || /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Close, {
         size: 12
-    })) : null) : null, showNoticeBar && scrollList.current.length > 0 && isVertical ? /*#__PURE__*/ _react.default.createElement(_components.View, {
+    })) : null) : null, showNoticeBar && hasVerticalContent && isVertical ? /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: "nut-noticebar-vertical",
         style: barStyle,
-        ref: container,
+        ref: containerRefCallback,
         onClick: handleClick
     }, leftIcon ? /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: "nut-noticebar-box-left-icon"

package/dist/cjs/packages/pulltorefresh/pulltorefresh.js

@@ -178,7 +178,7 @@ var PullToRefresh = function PullToRefresh(p) {
     return /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: classes,
         style: props.style,
-        catchMove: true,
+        catchMove: props.catchMove,
         onTouchStart: handleTouchStart,
         onTouchMove: handleTouchMove,
         onTouchEnd: handleTouchEnd

package/dist/cjs/packages/swiper/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import SwiperItem from "../swiperitem/index";
 import { TaroSwiperProps } from "../../types";
 export type { TaroSwiperProps as SwiperProps } from "../../types";
-type CompoundedComponent = React.ForwardRefExoticComponent<Partial<TaroSwiperProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> & React.RefAttributes<any>> & {
+type CompoundedComponent = React.ForwardRefExoticComponent<Partial<TaroSwiperProps> & React.RefAttributes<any>> & {
     Item: typeof SwiperItem;
 };
 declare const InnerSwiper: CompoundedComponent;

package/dist/cjs/packages/swiper/swiper.js

@@ -60,6 +60,12 @@ var Swiper = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
     }, [
         children
     ]);
+    (0, _react.useEffect)(function() {
+        setInnerValue(current || defaultValue);
+    }, [
+        defaultValue,
+        current
+    ]);
     var renderIndicator = function renderIndicator() {
         if (/*#__PURE__*/ _react.default.isValidElement(indicator)) return indicator;
         if (indicator || indicatorDots) {

package/dist/cjs/types/spec/calendar/base.d.ts

@@ -4,6 +4,8 @@ import { BaseProps } from '../../base/props';
 export interface CalendarDay {
     day: SimpleValue;
     type: string;
+    month?: SimpleValue;
+    year?: SimpleValue;
 }
 export interface CalendarMonthInfo {
     curData: string[] | string;
@@ -43,7 +45,7 @@ export interface BaseCalendar {
     renderDayBottom?: (date: CalendarDay) => string | JSX.Element;
     onClose: () => void;
     onConfirm: (param: string) => void;
-    onDayClick: (data: string) => void;
+    onDayClick: (data: string[]) => void;
     onPageChange: (param: string) => void;
 }
 export interface BaseCalendarItem extends BaseProps {

package/dist/cjs/types/spec/imagepreview/h5.d.ts

@@ -1,3 +1,6 @@
 import { BaseImagePreview } from './base';
-export interface WebImagePreviewProps extends BaseImagePreview {
+import { WebSwiperProps } from "../../../types";
+type props = BaseImagePreview & Omit<WebSwiperProps, 'autoPlay' | 'indicator'>;
+export interface WebImagePreviewProps extends Omit<props, 'autoplay'> {
 }
+export {};

package/dist/cjs/types/spec/imagepreview/taro.d.ts

@@ -1,5 +1,8 @@
 import { BaseImagePreview } from './base';
-export interface TaroImagePreviewProps extends Omit<BaseImagePreview, 'autoPlay'> {
+import { TaroSwiperProps } from "../../../types";
+type props = Omit<BaseImagePreview, 'autoPlay'> & Omit<TaroSwiperProps, 'autoPlay' | 'autoplay' | 'indicator'>;
+export interface TaroImagePreviewProps extends props {
     autoPlay: boolean;
     showMenuByLongpress: boolean;
 }
+export {};

package/dist/cjs/types/spec/pulltorefresh/taro.d.ts

@@ -1,4 +1,5 @@
 import { BasePullToRefresh } from './base';
 export interface TaroPullToRefreshProps extends BasePullToRefresh {
     scrollTop: number;
+    catchMove: boolean;
 }

package/dist/cjs/utils/date.d.ts

@@ -60,6 +60,6 @@ export declare const getDaysStatus: (type: string, year: number, month: number)
 export declare const getPreMonthDates: (type: string, year: number, month: number, firstDayOfWeek: number) => {
     day: number;
     type: string;
-    preYear: number;
-    preMonth: number;
+    year: number;
+    month: number;
 }[];

package/dist/cjs/utils/date.js

@@ -250,8 +250,8 @@ var getPreMonthDates = function getPreMonthDates(type, year, month, firstDayOfWe
         return {
             day: k + 1,
             type: type,
-            preYear: preYear,
-            preMonth: preMonth
+            year: preYear,
+            month: preMonth
         };
     });
     return months.slice(preDates - days);

package/dist/es/packages/calendaritem/calendaritem.d.ts

@@ -29,7 +29,7 @@ export interface CalendarItemProps extends PopupProps {
     renderDayBottom: (date: CalendarDay) => string | JSX.Element;
     onConfirm: (data: string) => void;
     onUpdate: () => void;
-    onDayClick: (data: string) => void;
+    onDayClick: (data: string[]) => void;
     onPageChange: (data: any) => void;
 }
 export declare const CalendarItem: React.ForwardRefExoticComponent<Partial<CalendarItemProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onClick"> & React.RefAttributes<CalendarRef>>;

package/dist/es/packages/calendaritem/calendaritem.js

@@ -35,10 +35,10 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     renderDay: undefined,
     renderDayTop: undefined,
     renderDayBottom: undefined,
-    onConfirm: function(data) {},
+    onConfirm: function() {},
     onUpdate: function() {},
-    onDayClick: function(data) {},
-    onPageChange: function(data) {}
+    onDayClick: function() {},
+    onPageChange: function() {}
 });
 export var CalendarItem = /*#__PURE__*/ React.forwardRef(function(props, ref) {
     var locale = useConfig().locale;
@@ -163,7 +163,7 @@ export var CalendarItem = /*#__PURE__*/ React.forwardRef(function(props, ref) {
         if (yearNum > 0) {
             monthNum += 12 * yearNum;
         }
-        if (monthNum <= 0) {
+        if (monthNum < 0) {
             monthNum = 1;
         }
         setMonthsNum(monthNum);

package/dist/es/packages/imagepreview/imagepreview.js

@@ -1,5 +1,6 @@
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
 import React, { useEffect, useRef, useState } from "react";
@@ -13,6 +14,7 @@ import Swiper from "../swiper/index";
 import SwiperItem from "../swiperitem/index";
 import { ComponentDefaults } from "../../utils/typings";
 import { usePropsValue } from "../../hooks/use-props-value";
+import { mergeProps } from "../../utils";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     images: [],
     videos: [],
@@ -30,7 +32,26 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     onClose: function() {}
 });
 export var ImagePreview = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps, props), value = _$_object_spread.value, className = _$_object_spread.className, style = _$_object_spread.style, images = _$_object_spread.images, videos = _$_object_spread.videos, visible = _$_object_spread.visible, defaultValue = _$_object_spread.defaultValue, indicatorColor = _$_object_spread.indicatorColor, pagination = _$_object_spread.pagination, indicator = _$_object_spread.indicator, autoPlay = _$_object_spread.autoPlay, closeOnContentClick = _$_object_spread.closeOnContentClick, closeIcon = _$_object_spread.closeIcon, closeIconPosition = _$_object_spread.closeIconPosition, showMenuByLongpress = _$_object_spread.showMenuByLongpress, onClose = _$_object_spread.onClose, onChange = _$_object_spread.onChange;
+    var _mergeProps = mergeProps(defaultProps, props), value = _mergeProps.value, className = _mergeProps.className, style = _mergeProps.style, images = _mergeProps.images, videos = _mergeProps.videos, visible = _mergeProps.visible, defaultValue = _mergeProps.defaultValue, indicatorColor = _mergeProps.indicatorColor, pagination = _mergeProps.pagination, indicator = _mergeProps.indicator, autoPlay = _mergeProps.autoPlay, loop = _mergeProps.loop, closeOnContentClick = _mergeProps.closeOnContentClick, closeIcon = _mergeProps.closeIcon, closeIconPosition = _mergeProps.closeIconPosition, showMenuByLongpress = _mergeProps.showMenuByLongpress, onClose = _mergeProps.onClose, onChange = _mergeProps.onChange, rest = _object_without_properties(_mergeProps, [
+        "value",
+        "className",
+        "style",
+        "images",
+        "videos",
+        "visible",
+        "defaultValue",
+        "indicatorColor",
+        "pagination",
+        "indicator",
+        "autoPlay",
+        "loop",
+        "closeOnContentClick",
+        "closeIcon",
+        "closeIconPosition",
+        "showMenuByLongpress",
+        "onClose",
+        "onChange"
+    ]);
     var classPrefix = 'nut-imagepreview';
     var ref = useRef(null);
     var _usePropsValue = _sliced_to_array(usePropsValue({
@@ -171,9 +192,10 @@ export var ImagePreview = function(props) {
         onTouchEnd: onTouchEnd,
         onTouchCancel: onTouchEnd
     }, /*#__PURE__*/ React.createElement(Swiper, {
-        autoPlay: autoPlay,
+        autoplay: autoPlay,
+        loop: loop,
+        direction: "horizontal",
         className: "".concat(classPrefix, "-swiper"),
-        loop: true,
         height: "100%",
         style: {
             display: showPop ? 'block' : 'none',
@@ -181,7 +203,6 @@ export var ImagePreview = function(props) {
             width: '100%',
             height: '100%'
         },
-        direction: "horizontal",
         onChange: function(e) {
             return slideChangeEnd(e.detail.current);
         },