@nutui/nutui-react-taro 3.0.20 → 3.0.22-cpp

package/dist/es/packages/steps/style/style.harmony.css

@@ -73,11 +73,9 @@
   z-index: 1;
 }
 .nut-step-title {
-  height: 14px;
   line-height: 14px;
   font-size: var(--nutui-steps-base-title-font-size, var(--nutui-font-size-s, 12px));
   color: var(--nutui-steps-base-title-color, var(--nutui-color-title, #1a1a1a));
-  overflow: hidden;
   white-space: nowrap;
 }
 .nut-step-description {
@@ -215,7 +213,7 @@
 }
 .nut-steps-horizontal-double .nut-step-head {
   justify-content: center;
-  margin-bottom: 6px;
+  margin-bottom: 5px;
 }
 .nut-steps-horizontal-double .nut-step-head-dot-wrap, .nut-steps-horizontal-double .nut-step-head-icon-wrap, .nut-steps-horizontal-double .nut-step-head-text-wrap {
   background-color: var(--nutui-steps-background-color, #ffffff);
@@ -232,7 +230,13 @@
 .nut-steps-horizontal-double .nut-step-main {
   align-items: center;
   margin-left: 0;
-  margin-top: 2px;
+}
+.nut-steps-horizontal-double .nut-step-title {
+  height: auto;
+  line-height: 20px;
+  white-space: normal;
+  overflow-wrap: break-word;
+  text-align: center;
 }
 .nut-steps-horizontal-double.nut-steps-horizontal-icon .nut-step-head, .nut-steps-horizontal-double.nut-steps-horizontal-icon .nut-step-line {
   height: var(--nutui-steps-base-head-icon-size-right, 20px);
@@ -251,7 +255,7 @@
   flex-direction: column;
 }
 .nut-steps-vertical .nut-step {
-  padding-bottom: var(--nutui-steps-vertical-item-padding-bottom, 13px);
+  padding-bottom: var(--nutui-steps-vertical-item-padding-bottom, 12px);
 }
 .nut-steps-vertical .nut-step-last {
   padding-bottom: 0 !important;
@@ -267,7 +271,7 @@
 .nut-steps-vertical .nut-step-head {
   align-items: center;
   justify-content: center;
-  height: 18px;
+  height: 20px;
 }
 .nut-steps-vertical .nut-step-head-icon {
   width: var(--nutui-steps-vertical-item-icon-size, 20px);
@@ -286,18 +290,18 @@
 .nut-steps-vertical .nut-step-title {
   display: flex;
   align-items: center;
-  height: var(--nutui-steps-vertical-line-height, 18px);
+  height: var(--nutui-steps-vertical-line-height, 20px);
   font-size: var(--nutui-steps-vertical-title-font-size, var(--nutui-font-size-l, 15px));
   /* #ifndef dynamic*/
   overflow: auto;
   /* #endif */
   font-weight: 500;
-  margin-bottom: var(--nutui-steps-vertical-title-margin-bottom, 4px);
+  margin-bottom: var(--nutui-steps-vertical-title-margin-bottom, 3px);
 }
 .nut-steps-vertical .nut-step-description {
   margin: var(--nutui-steps-vertical-description-margin, 0 0 1px);
   height: auto;
-  line-height: var(--nutui-steps-vertical-line-height, 18px);
+  line-height: var(--nutui-steps-vertical-line-height, 20px);
   color: var(--nutui-color-title, #1a1a1a);
   font-size: var(--nutui-steps-vertical-description-font-size, var(--nutui-font-size-base, 14px));
   box-sizing: border-box;

package/dist/es/packages/steps/style-jmapp/steps.scss

@@ -128,7 +128,7 @@
 
         &-head {
           justify-content: center;
-          margin-bottom: 6px;
+          margin-bottom: 5px;
 
           &-dot-wrap,
           &-icon-wrap,
@@ -151,7 +151,14 @@
         &-main {
           align-items: center;
           margin-left: 0;
-          margin-top: 2px;
+        }
+
+        &-title {
+          height: auto;
+          line-height: 20px;
+          white-space: normal;
+          overflow-wrap: break-word;
+          text-align: center;
         }
       }
 
@@ -212,7 +219,7 @@
       &-head {
         align-items: center;
         justify-content: center;
-        height: 18px;
+        height: 20px;
 
         &-icon {
           width: $steps-vertical-head-icon-size;

package/dist/es/packages/steps/style-jmapp/style.css

@@ -95,7 +95,7 @@
 }
 .nut-steps-horizontal-double .nut-step-head {
   justify-content: center;
-  margin-bottom: 6px;
+  margin-bottom: 5px;
 }
 .nut-steps-horizontal-double .nut-step-head-dot-wrap, .nut-steps-horizontal-double .nut-step-head-icon-wrap, .nut-steps-horizontal-double .nut-step-head-text-wrap {
   background-color: var(--nutui-steps-background-color, #ffffff);
@@ -112,7 +112,13 @@
 .nut-steps-horizontal-double .nut-step-main {
   align-items: center;
   margin-left: 0;
-  margin-top: 2px;
+}
+.nut-steps-horizontal-double .nut-step-title {
+  height: auto;
+  line-height: 20px;
+  white-space: normal;
+  overflow-wrap: break-word;
+  text-align: center;
 }
 .nut-steps-horizontal-double.nut-steps-horizontal-icon .nut-step-head, .nut-steps-horizontal-double.nut-steps-horizontal-icon .nut-step-line {
   height: var(--nutui-steps-base-head-icon-size-right, 20px);
@@ -147,7 +153,7 @@
 .nut-steps-vertical .nut-step-head {
   align-items: center;
   justify-content: center;
-  height: 18px;
+  height: 20px;
 }
 .nut-steps-vertical .nut-step-head-icon {
   width: var(--nutui-steps-vertical-item-icon-size, 20px);

package/dist/es/packages/steps/style-jrkf/steps.scss

@@ -128,7 +128,7 @@
 
         &-head {
           justify-content: center;
-          margin-bottom: 6px;
+          margin-bottom: 5px;
 
           &-dot-wrap,
           &-icon-wrap,
@@ -151,7 +151,14 @@
         &-main {
           align-items: center;
           margin-left: 0;
-          margin-top: 2px;
+        }
+
+        &-title {
+          height: auto;
+          line-height: 20px;
+          white-space: normal;
+          overflow-wrap: break-word;
+          text-align: center;
         }
       }
 
@@ -212,7 +219,7 @@
       &-head {
         align-items: center;
         justify-content: center;
-        height: 18px;
+        height: 20px;
 
         &-icon {
           width: $steps-vertical-head-icon-size;

package/dist/es/packages/steps/style-jrkf/style.css

@@ -95,7 +95,7 @@
 }
 .nut-steps-horizontal-double .nut-step-head {
   justify-content: center;
-  margin-bottom: 6px;
+  margin-bottom: 5px;
 }
 .nut-steps-horizontal-double .nut-step-head-dot-wrap, .nut-steps-horizontal-double .nut-step-head-icon-wrap, .nut-steps-horizontal-double .nut-step-head-text-wrap {
   background-color: var(--nutui-steps-background-color, #ffffff);
@@ -112,7 +112,13 @@
 .nut-steps-horizontal-double .nut-step-main {
   align-items: center;
   margin-left: 0;
-  margin-top: 2px;
+}
+.nut-steps-horizontal-double .nut-step-title {
+  height: auto;
+  line-height: 20px;
+  white-space: normal;
+  overflow-wrap: break-word;
+  text-align: center;
 }
 .nut-steps-horizontal-double.nut-steps-horizontal-icon .nut-step-head, .nut-steps-horizontal-double.nut-steps-horizontal-icon .nut-step-line {
   height: var(--nutui-steps-base-head-icon-size-right, 20px);
@@ -147,7 +153,7 @@
 .nut-steps-vertical .nut-step-head {
   align-items: center;
   justify-content: center;
-  height: 18px;
+  height: 20px;
 }
 .nut-steps-vertical .nut-step-head-icon {
   width: var(--nutui-steps-vertical-item-icon-size, 20px);

package/dist/es/packages/sticky/sticky.js

@@ -19,8 +19,8 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     zIndex: 900
 });
 var classPrefix = 'nut-sticky';
-export var Sticky = function(props) {
-    var _ref = _object_spread({}, defaultProps, props), position = _ref.position, zIndex = _ref.zIndex, threshold = _ref.threshold, style = _ref.style, children = _ref.children, container = _ref.container, className = _ref.className, onChange = _ref.onChange, rest = _object_without_properties(_ref, [
+export var Sticky = function Sticky(props) {
+    var _$_object_spread = _object_spread({}, defaultProps, props), position = _$_object_spread.position, zIndex = _$_object_spread.zIndex, threshold = _$_object_spread.threshold, style = _$_object_spread.style, children = _$_object_spread.children, container = _$_object_spread.container, className = _$_object_spread.className, onChange = _$_object_spread.onChange, rest = _object_without_properties(_$_object_spread, [
         "position",
         "zIndex",
         "threshold",
@@ -40,13 +40,13 @@ export var Sticky = function(props) {
         onChange && onChange(fixed);
     });
     var rootStyle = useMemo(function() {
+        var _rootRect_height, _rootRect_width;
         if (!fixed) {
             return {
                 height: '',
                 width: ''
             };
         }
-        var _rootRect_height, _rootRect_width;
         var style = {
             height: (_rootRect_height = rootRect.height) !== null && _rootRect_height !== void 0 ? _rootRect_height : '',
             width: (_rootRect_width = rootRect.width) !== null && _rootRect_width !== void 0 ? _rootRect_width : ''
@@ -58,13 +58,13 @@ export var Sticky = function(props) {
         rootRect.width
     ]);
     var stickyStyle = useMemo(function() {
+        var _rootRect_height, _rootRect_width;
         if (!fixed) {
             return _define_property({
                 height: '',
                 width: ''
             }, position, '');
         }
-        var _rootRect_height, _rootRect_width;
         var _obj;
         var style = (_obj = {
             height: (_rootRect_height = rootRect.height) !== null && _rootRect_height !== void 0 ? _rootRect_height : '',
@@ -81,7 +81,7 @@ export var Sticky = function(props) {
         threshold,
         zIndex
     ]);
-    var handleScroll = function(scrollTop) {
+    var handleScroll = function handleScroll(scrollTop) {
         return _async_to_generator(function() {
             var curRootRect, stickyRect, containerRect, difference, curTransform, curFixed, windowHeight;
             return _ts_generator(this, function(_state) {

package/dist/es/packages/swipe/swipe.js

@@ -3,13 +3,13 @@ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
-import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
+import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import classNames from "classnames";
 import { View } from "@tarojs/components";
+import { nextTick, useReady } from "@tarojs/taro";
 import { useTouch } from "../../hooks/use-touch";
 import { getRectInMultiPlatform } from "../../utils/taro/get-rect";
 import { ComponentDefaults } from "../../utils/typings";
-import { harmony } from "../../utils/taro/platform";
 import { useRefState } from "../../hooks/use-ref-state";
 import { useUuid } from "../../hooks/use-uuid";
 function preventDefault(event, isStopPropagation) {
@@ -29,97 +29,9 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
     var uid = useUuid();
     var leftId = "swipe-left-".concat(uid);
     var rightId = "swipe-right-".concat(uid);
-    var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, className = _$_object_spread.className, style = _$_object_spread.style;
-    var root = useRef();
-    var opened = useRef(false);
-    var lockClick = useRef(false);
-    var startOffset = useRef(0);
-    var _useState = _sliced_to_array(useState({
-        offset: 0,
-        dragging: false
-    }), 2), state = _useState[0], setState = _useState[1];
-    var _useRefState = _sliced_to_array(useRefState({
-        left: 0,
-        right: 0
-    }), 2), actionWidth = _useRefState[0], updateState = _useRefState[1];
-    var setActionWidth = useCallback(function(fn) {
-        var res = fn();
-        if (res.left !== undefined) {
-            updateState(_object_spread_props(_object_spread({}, actionWidth.current), {
-                left: res.left
-            }));
-        }
-        if (res.right !== undefined) {
-            updateState(_object_spread_props(_object_spread({}, actionWidth.current), {
-                right: res.right
-            }));
-        }
-    }, [
-        actionWidth,
-        updateState
-    ]);
-    // 获取元素的时候要在页面 onReady 后，需要参考小程序的事件周期
-    useLayoutEffect(function() {
-        var getWidth = function() {
-            return _async_to_generator(function() {
-                var leftRect, rightRect;
-                return _ts_generator(this, function(_state) {
-                    switch(_state.label){
-                        case 0:
-                            if (!leftWrapper.current) return [
-                                3,
-                                2
-                            ];
-                            return [
-                                4,
-                                getRectInMultiPlatform(leftWrapper.current, leftId)
-                            ];
-                        case 1:
-                            leftRect = _state.sent();
-                            leftRect && setActionWidth(function(v) {
-                                return _object_spread_props(_object_spread({}, v), {
-                                    left: leftRect.width
-                                });
-                            });
-                            _state.label = 2;
-                        case 2:
-                            if (!rightWrapper.current) return [
-                                3,
-                                4
-                            ];
-                            return [
-                                4,
-                                getRectInMultiPlatform(rightWrapper.current, rightId)
-                            ];
-                        case 3:
-                            rightRect = _state.sent();
-                            rightRect && setActionWidth(function(v) {
-                                return _object_spread_props(_object_spread({}, v), {
-                                    right: rightRect.width
-                                });
-                            });
-                            _state.label = 4;
-                        case 4:
-                            return [
-                                2
-                            ];
-                    }
-                });
-            })();
-        };
-        getWidth();
-    }, [
-        leftId,
-        rightId,
-        setActionWidth
-    ]);
-    var wrapperStyle = {
-        transform: "translate(".concat(state.offset).concat(!harmony() ? 'px' : '', ", 0)"),
-        transitionDuration: state.dragging ? '0s' : '.6s'
-    };
-    var onTouchStart = function(event) {
+    var getWidth = function getWidth() {
         return _async_to_generator(function() {
-            var leftRect, rightRect, _props_onTouchStart;
+            var leftRect, rightRect;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -157,12 +69,6 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
                         });
                         _state.label = 4;
                     case 4:
-                        if (!props.disabled) {
-                            ;
-                            startOffset.current = state.offset;
-                            touch.start(event);
-                            (_props_onTouchStart = props.onTouchStart) === null || _props_onTouchStart === void 0 ? void 0 : _props_onTouchStart.call(props, event);
-                        }
                         return [
                             2
                         ];
@@ -170,31 +76,89 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
             });
         })();
     };
-    var onTouchMove = function(event) {
-        var _props_onTouchMove;
-        if (props.disabled) {
-            return;
+    // 获取元素的时候要在页面 onReady 后，需要参考小程序的事件周期
+    useReady(function() {
+        nextTick(function() {
+            return getWidth();
+        });
+    });
+    var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, className = _$_object_spread.className, style = _$_object_spread.style;
+    var root = useRef();
+    var opened = useRef(false);
+    var lockClick = useRef(false);
+    var startOffset = useRef(0);
+    var _useState = _sliced_to_array(useState({
+        offset: 0,
+        dragging: false
+    }), 2), state = _useState[0], setState = _useState[1];
+    var _useRefState = _sliced_to_array(useRefState({
+        left: 0,
+        right: 0
+    }), 2), actionWidth = _useRefState[0], updateState = _useRefState[1];
+    var setActionWidth = function setActionWidth(fn) {
+        var res = fn();
+        if (res.left !== undefined) {
+            updateState(_object_spread_props(_object_spread({}, actionWidth.current), {
+                left: res.left
+            }));
+        }
+        if (res.right !== undefined) {
+            updateState(_object_spread_props(_object_spread({}, actionWidth.current), {
+                right: res.right
+            }));
         }
+    };
+    var wrapperStyle = useMemo(function() {
+        return {
+            transform: "translate(".concat(state.offset, "px, 0)"),
+            transitionDuration: state.dragging ? '0.01s' : '.6s'
+        };
+    }, [
+        state.offset,
+        state.dragging
+    ]);
+    var onTouchStart = function onTouchStart(event) {
+        return _async_to_generator(function() {
+            var _props_onTouchStart;
+            return _ts_generator(this, function(_state) {
+                if (!props.disabled) {
+                    ;
+                    getWidth();
+                    startOffset.current = state.offset;
+                    touch.start(event);
+                    (_props_onTouchStart = props.onTouchStart) === null || _props_onTouchStart === void 0 ? void 0 : _props_onTouchStart.call(props, event);
+                }
+                return [
+                    2
+                ];
+            });
+        })();
+    };
+    var onTouchMove = function onTouchMove(event) {
+        var _props_onTouchMove;
+        if (props.disabled) return;
         touch.move(event);
         (_props_onTouchMove = props.onTouchMove) === null || _props_onTouchMove === void 0 ? void 0 : _props_onTouchMove.call(props, event);
         if (touch.isHorizontal()) {
             lockClick.current = true;
-            var newState = _object_spread_props(_object_spread({}, state), {
-                dragging: true
-            });
             var isEdge = !opened || touch.deltaX.current * startOffset.current < 0;
             if (isEdge) {
                 preventDefault(event, true);
             }
-            newState.offset = rangeCalculation(touch.deltaX.current + startOffset.current, -actionWidth.current.right || 0, actionWidth.current.left || 0);
-            setState(newState);
+            var offset = rangeCalculation(touch.deltaX.current + startOffset.current, -actionWidth.current.right || 0, actionWidth.current.left || 0);
+            setState(function(prevState) {
+                return _object_spread_props(_object_spread({}, prevState), {
+                    dragging: true,
+                    offset: Number(offset) || 0
+                });
+            });
         }
     };
-    var onTouchEnd = function(event) {
+    var onTouchEnd = function onTouchEnd(event) {
         if (state.dragging) {
             var _props_onTouchEnd;
-            setState(function(v) {
-                return _object_spread_props(_object_spread({}, v), {
+            setState(function(prevState) {
+                return _object_spread_props(_object_spread({}, prevState), {
                     dragging: false
                 });
             });
@@ -205,7 +169,7 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
             (_props_onTouchEnd = props.onTouchEnd) === null || _props_onTouchEnd === void 0 ? void 0 : _props_onTouchEnd.call(props, event);
         }
     };
-    var toggle = function(side) {
+    var toggle = function toggle(side) {
         var offset = Math.abs(state.offset);
         var base = 0.3;
         var baseNum = opened ? 1 - base : base;
@@ -216,7 +180,7 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
             close(side);
         }
     };
-    var open = function(side) {
+    var open = function open(side) {
         var _props_onOpen;
         opened.current = true;
         var offset = side === 'left' ? actionWidth.current.left : -actionWidth.current.right;
@@ -225,13 +189,13 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
             name: name,
             position: side
         });
-        setState(function(v) {
-            return _object_spread_props(_object_spread({}, v), {
+        setState(function(prevState) {
+            return _object_spread_props(_object_spread({}, prevState), {
                 offset: Number(offset) || 0
             });
         });
     };
-    var close = function(position) {
+    var close = useCallback(function(position) {
         if (opened.current) {
             var _props_onClose;
             opened.current = false;
@@ -240,31 +204,33 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
                 position: position || 'left'
             });
         }
-        setState(function(v) {
-            return _object_spread_props(_object_spread({}, v), {
+        setState(function(prevState) {
+            return _object_spread_props(_object_spread({}, prevState), {
                 offset: 0
             });
         });
-    };
-    var rangeCalculation = function(num, min, max) {
+    }, [
+        props
+    ]);
+    var rangeCalculation = function rangeCalculation(num, min, max) {
         return Math.min(Math.max(Number(num), Number(min)), Number(max));
     };
     var leftWrapper = useRef(null);
     var rightWrapper = useRef(null);
-    var renderActionContent = function(side) {
+    var renderActionContent = function renderActionContent(side) {
         if (props["".concat(side, "Action")]) {
             return /*#__PURE__*/ React.createElement(View, {
                 ref: side === 'left' ? leftWrapper : rightWrapper,
                 className: "".concat(classPrefix, "-").concat(side),
                 id: side === 'left' ? leftId : rightId,
-                onClick: function(e) {
+                onClick: function onClick(e) {
                     return handleOperate(e, side);
                 }
             }, props["".concat(side, "Action")]);
         }
         return null;
     };
-    var handleOperate = function(event, position) {
+    var handleOperate = function handleOperate(event, position) {
         event.stopPropagation();
         if (props.beforeClose) {
             props.beforeClose(position);
@@ -276,14 +242,15 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
     useImperativeHandle(instanceRef, function() {
         return {
             open: open,
-            close: function() {
+            close: function close1() {
                 return close();
             }
         };
     });
     useEffect(function() {
-        if (harmony()) return;
-        var handler = function(event) {
+        if (typeof document === 'undefined' || typeof document.addEventListener !== 'function') return;
+        // 并没有生效
+        var handler = function handler(event) {
             var targets = [
                 root
             ];
@@ -299,17 +266,19 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
         return function() {
             document.removeEventListener('touchstart', handler);
         };
-    }, []);
+    }, [
+        close
+    ]);
     return /*#__PURE__*/ React.createElement(View, {
         ref: root,
         className: classNames(classPrefix, className),
-        onTouchStart: function(e) {
+        onTouchStart: function onTouchStart1(e) {
             return onTouchStart(e);
         },
-        onTouchMove: function(e) {
+        onTouchMove: function onTouchMove1(e) {
             return onTouchMove(e);
         },
-        onTouchEnd: function(e) {
+        onTouchEnd: function onTouchEnd1(e) {
             return onTouchEnd(e);
         },
         style: style

package/dist/es/packages/swiper/swiper.js

@@ -19,7 +19,7 @@ var defaultProps = {
 };
 var classPrefix = 'nut-swiper';
 export var Swiper = /*#__PURE__*/ React.forwardRef(function(props, ref) {
-    var _ref = _object_spread({}, defaultProps, props), width = _ref.width, height = _ref.height, className = _ref.className, children = _ref.children, indicator = _ref.indicator, indicatorDots = _ref.indicatorDots, loop = _ref.loop, circular = _ref.circular, autoPlay = _ref.autoPlay, autoplay = _ref.autoplay, vertical = _ref.vertical, direction = _ref.direction, defaultValue = _ref.defaultValue, current = _ref.current, onChange = _ref.onChange, style = _ref.style, rest = _object_without_properties(_ref, [
+    var _$_object_spread = _object_spread({}, defaultProps, props), width = _$_object_spread.width, height = _$_object_spread.height, className = _$_object_spread.className, children = _$_object_spread.children, indicator = _$_object_spread.indicator, indicatorDots = _$_object_spread.indicatorDots, loop = _$_object_spread.loop, circular = _$_object_spread.circular, autoPlay = _$_object_spread.autoPlay, autoplay = _$_object_spread.autoplay, vertical = _$_object_spread.vertical, direction = _$_object_spread.direction, defaultValue = _$_object_spread.defaultValue, current = _$_object_spread.current, onChange = _$_object_spread.onChange, style = _$_object_spread.style, rest = _object_without_properties(_$_object_spread, [
         "width",
         "height",
         "className",
@@ -53,7 +53,7 @@ export var Swiper = /*#__PURE__*/ React.forwardRef(function(props, ref) {
         defaultValue,
         current
     ]);
-    var renderIndicator = function() {
+    var renderIndicator = function renderIndicator() {
         if (/*#__PURE__*/ React.isValidElement(indicator)) return indicator;
         if (indicator || indicatorDots) {
             var _obj;
@@ -67,22 +67,22 @@ export var Swiper = /*#__PURE__*/ React.forwardRef(function(props, ref) {
         }
         return null;
     };
-    var handleOnChange = function(value) {
+    var handleOnChange = function handleOnChange(value) {
         setInnerValue(value.detail.current);
     };
     useImperativeHandle(ref, function() {
         return {
-            to: function(value) {
+            to: function to(value) {
                 setInnerValue(value);
             },
-            next: function() {
+            next: function next() {
                 if (loop) {
                     setInnerValue((innerValue + 1) % childrenCount);
                 } else {
                     setInnerValue(innerValue + 1 >= childrenCount ? innerValue : innerValue + 1);
                 }
             },
-            prev: function() {
+            prev: function prev() {
                 if (loop) {
                     var next = innerValue - 1;
                     next = next < 0 ? childrenCount + next : next;
@@ -111,7 +111,7 @@ export var Swiper = /*#__PURE__*/ React.forwardRef(function(props, ref) {
         autoplay: autoplay || autoPlay,
         vertical: direction === 'vertical' || vertical,
         indicatorDots: false,
-        onChange: function(e) {
+        onChange: function onChange(e) {
             var _props_onChange;
             handleOnChange(e);
             (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, e);

package/dist/es/packages/swiperitem/swiperitem.js

@@ -1,6 +1,6 @@
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import React from "react";
-export var SwiperItem = function(props) {
+export var SwiperItem = function SwiperItem(props) {
     var children = props.children, rest = _object_without_properties(props, [
         "children"
     ]);