@nutui/nutui-react 3.0.20-beta.0 → 3.0.20

package/dist/es/packages/pulltorefresh/pulltorefresh.js

@@ -30,40 +30,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
 });
 export var PullToRefresh = function(p) {
     var doRefresh = function doRefresh() {
-        return _doRefresh.apply(this, arguments);
-    };
-    var classPrefix = 'nut-pulltorefresh';
-    var locale = useConfig().locale;
-    var props = _object_spread({}, defaultProps, p, {
-        pullingText: p.pullingText || locale.pullToRefresh.pullingText,
-        canReleaseText: p.canReleaseText || locale.pullToRefresh.canReleaseText,
-        refreshingText: p.refreshingText || locale.pullToRefresh.refreshingText,
-        completeText: p.completeText || locale.pullToRefresh.completeText
-    });
-    var classes = classNames(classPrefix, props.className, "".concat(classPrefix, "-").concat(props.type));
-    var headHeight = props.headHeight;
-    var threshold = props.threshold;
-    var _useState = _sliced_to_array(useState('pulling'), 2), status = _useState[0], setStatus = _useState[1];
-    var _useSpring = _sliced_to_array(useSpring(function() {
-        return {
-            from: {
-                height: 0
-            },
-            config: {
-                tension: 300,
-                friction: 30,
-                clamp: true
-            }
-        };
-    }), 2), springStyles = _useSpring[0], api = _useSpring[1];
-    var elementRef = useRef(null);
-    var pullingRef = useRef(false);
-    useEffect(function() {
-        var _elementRef_current;
-        (_elementRef_current = elementRef.current) === null || _elementRef_current === void 0 ? void 0 : _elementRef_current.addEventListener('touchmove', function() {});
-    }, []);
-    function _doRefresh() {
-        _doRefresh = _async_to_generator(function() {
+        return _async_to_generator(function() {
             var e;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -94,8 +61,8 @@ export var PullToRefresh = function(p) {
                     case 3:
                         e = _state.sent();
                         api.start({
-                            to: /*#__PURE__*/ function() {
-                                var _ref = _async_to_generator(function(next) {
+                            to: function(next) {
+                                return _async_to_generator(function() {
                                     return _ts_generator(this, function(_state) {
                                         switch(_state.label){
                                             case 0:
@@ -113,11 +80,8 @@ export var PullToRefresh = function(p) {
                                                 ];
                                         }
                                     });
-                                });
-                                return function(next) {
-                                    return _ref.apply(this, arguments);
-                                };
-                            }()
+                                })();
+                            }
                         });
                         throw e;
                     case 4:
@@ -134,8 +98,8 @@ export var PullToRefresh = function(p) {
                         _state.label = 6;
                     case 6:
                         api.start({
-                            to: /*#__PURE__*/ function() {
-                                var _ref = _async_to_generator(function(next) {
+                            to: function(next) {
+                                return _async_to_generator(function() {
                                     return _ts_generator(this, function(_state) {
                                         switch(_state.label){
                                             case 0:
@@ -153,20 +117,46 @@ export var PullToRefresh = function(p) {
                                                 ];
                                         }
                                     });
-                                });
-                                return function(next) {
-                                    return _ref.apply(this, arguments);
-                                };
-                            }()
+                                })();
+                            }
                         });
                         return [
                             2
                         ];
                 }
             });
-        });
-        return _doRefresh.apply(this, arguments);
-    }
+        })();
+    };
+    var classPrefix = 'nut-pulltorefresh';
+    var locale = useConfig().locale;
+    var props = _object_spread({}, defaultProps, p, {
+        pullingText: p.pullingText || locale.pullToRefresh.pullingText,
+        canReleaseText: p.canReleaseText || locale.pullToRefresh.canReleaseText,
+        refreshingText: p.refreshingText || locale.pullToRefresh.refreshingText,
+        completeText: p.completeText || locale.pullToRefresh.completeText
+    });
+    var classes = classNames(classPrefix, props.className, "".concat(classPrefix, "-").concat(props.type));
+    var headHeight = props.headHeight;
+    var threshold = props.threshold;
+    var _useState = _sliced_to_array(useState('pulling'), 2), status = _useState[0], setStatus = _useState[1];
+    var _useSpring = _sliced_to_array(useSpring(function() {
+        return {
+            from: {
+                height: 0
+            },
+            config: {
+                tension: 300,
+                friction: 30,
+                clamp: true
+            }
+        };
+    }), 2), springStyles = _useSpring[0], api = _useSpring[1];
+    var elementRef = useRef(null);
+    var pullingRef = useRef(false);
+    useEffect(function() {
+        var _elementRef_current;
+        (_elementRef_current = elementRef.current) === null || _elementRef_current === void 0 ? void 0 : _elementRef_current.addEventListener('touchmove', function() {});
+    }, []);
     useDrag(function(state) {
         var getScrollTop = function getScrollTop(element) {
             return 'scrollTop' in element ? element.scrollTop : element.scrollY;

package/dist/es/packages/radio/index.js

@@ -1,4 +1,3 @@
-import React from "react";
 import { Radio } from "./radio";
 import { RadioGroup } from "../radiogroup/radiogroup";
 var InnerRadio = Radio;

package/dist/es/packages/skeleton/skeleton.js

@@ -52,11 +52,9 @@ export var Skeleton = function(props) {
     };
     var _useState = _sliced_to_array(useState(false), 2), animate = _useState[0], setAnimate = _useState[1];
     var playAnimation = function() {
-        setAnimate(false) // 首先将 animate 设置为 false
-        ;
+        setAnimate(false); // 首先将 animate 设置为 false
         setTimeout(function() {
-            setAnimate(true) // 1 毫秒后再设置为 true，触发动画
-            ;
+            setAnimate(true); // 1 毫秒后再设置为 true，触发动画
         }, 10);
     };
     useEffect(function() {

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

@@ -1,4 +1,3 @@
-import React from "react";
 import { Swiper } from "./swiper";
 import SwiperItem from "../swiperitem";
 var InnerSwiper = Swiper;

package/dist/es/packages/switch/switch.js

@@ -62,8 +62,8 @@ export var Switch = function(props) {
             (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-close"), !value), _define_property(_obj, "".concat(classPrefix, "-disabled"), disabled), _define_property(_obj, "".concat(classPrefix, "-disabled-close"), disabled && !value), _obj)
         ]);
     };
-    var onClick = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function() {
+    var onClick = function() {
+        return _async_to_generator(function() {
             var e;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -108,11 +108,8 @@ export var Switch = function(props) {
                         ];
                 }
             });
-        });
-        return function onClick() {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var _obj, _obj1;
     return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({
         className: classes(),

package/dist/es/packages/uploader/uploader.js

@@ -99,22 +99,24 @@ var InternalUploader = function(props, ref) {
     ]);
     useImperativeHandle(ref, function() {
         return {
-            submit: /*#__PURE__*/ _async_to_generator(function() {
-                return _ts_generator(this, function(_state) {
-                    switch(_state.label){
-                        case 0:
-                            return [
-                                4,
-                                uploadAction(uploadQueue)
-                            ];
-                        case 1:
-                            _state.sent();
-                            return [
-                                2
-                            ];
-                    }
-                });
-            }),
+            submit: function() {
+                return _async_to_generator(function() {
+                    return _ts_generator(this, function(_state) {
+                        switch(_state.label){
+                            case 0:
+                                return [
+                                    4,
+                                    uploadAction(uploadQueue)
+                                ];
+                            case 1:
+                                _state.sent();
+                                return [
+                                    2
+                                ];
+                        }
+                    });
+                })();
+            },
             clear: function() {
                 clearUploadQueue();
             }
@@ -171,8 +173,8 @@ var InternalUploader = function(props, ref) {
             }
         });
     };
-    var fileChange = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function(event) {
+    var fileChange = function(event) {
+        return _async_to_generator(function() {
             var $el, files, _files, filesArr, tasks;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -258,13 +260,10 @@ var InternalUploader = function(props, ref) {
                         ];
                 }
             });
-        });
-        return function fileChange(event) {
-            return _ref.apply(this, arguments);
-        };
-    }();
-    var uploadAction = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function(tasks) {
+        })();
+    };
+    var uploadAction = function(tasks) {
+        return _async_to_generator(function() {
             var taskIds;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -283,8 +282,8 @@ var InternalUploader = function(props, ref) {
                         }));
                         return [
                             4,
-                            Promise.all(tasks.map(/*#__PURE__*/ function() {
-                                var _ref = _async_to_generator(function(currentTask, index) {
+                            Promise.all(tasks.map(function(currentTask, index) {
+                                return _async_to_generator(function() {
                                     var result, list, e, list1;
                                     return _ts_generator(this, function(_state) {
                                         switch(_state.label){
@@ -331,11 +330,8 @@ var InternalUploader = function(props, ref) {
                                                 ];
                                         }
                                     });
-                                });
-                                return function(currentTask, index) {
-                                    return _ref.apply(this, arguments);
-                                };
-                            }())).catch(function(errs) {
+                                })();
+                            })).catch(function(errs) {
                                 return console.error(errs);
                             })
                         ];
@@ -346,11 +342,8 @@ var InternalUploader = function(props, ref) {
                         ];
                 }
             });
-        });
-        return function uploadAction(tasks) {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var handleItemClick = function(file, index) {
         onFileItemClick === null || onFileItemClick === void 0 ? void 0 : onFileItemClick(file, index);
     };

package/dist/es/packages/watermark/watermark.js

@@ -59,20 +59,16 @@ export var WaterMark = function(props) {
                     setBase64Url(canvas.toDataURL());
                 };
             } else if (content) {
-                ctx.textBaseline = 'middle' // 设置或返回在绘制文本时使用的当前文本基线。(正中)
-                ;
-                ctx.textAlign = 'center' // 设置或返回文本内容的当前对齐方式。
-                ;
+                ctx.textBaseline = 'middle'; // 设置或返回在绘制文本时使用的当前文本基线。(正中)
+                ctx.textAlign = 'center'; // 设置或返回文本内容的当前对齐方式。
                 // 文字绕中间旋转
                 ctx.translate(markWidth / 2, markHeight / 2);
                 ctx.rotate(Math.PI / 180 * Number(rotate));
                 var markSize = Number(fontSize) * ratio;
                 ctx.font = "".concat(fontStyle, " normal ").concat(fontWeight, " ").concat(markSize, "px/").concat(markHeight, "px ").concat(fontFamily);
                 ctx.fillStyle = color;
-                ctx.fillText(content, startX, startY) // 在画布上绘制"被填充的"文本。
-                ;
-                ctx.restore() // 返回之前保存过的路径状态和属性。
-                ;
+                ctx.fillText(content, startX, startY); // 在画布上绘制"被填充的"文本。
+                ctx.restore(); // 返回之前保存过的路径状态和属性。
                 setBase64Url(canvas.toDataURL());
             }
         } else {

package/dist/es/types/spec/address/base.js

@@ -1 +1 @@
-import React from "react";
+export { };

package/dist/es/utils/event-mocker.js

@@ -72,10 +72,7 @@ export function triggerDrag(el) {
  * @param {number} endY 结束触摸点的 Y 坐标
  * @param {number} duration 移动持续时间（毫秒）
  */ export function simulateTouchMove(element, startX, startY, endX, endY, duration) {
-    return _simulateTouchMove.apply(this, arguments);
-}
-function _simulateTouchMove() {
-    _simulateTouchMove = _async_to_generator(function(element, startX, startY, endX, endY, duration) {
+    return _async_to_generator(function() {
         var touch, touchList, distanceX, distanceY, startTime, elapsed, progress, currentX, currentY, currentTouch, currentTouchList;
         return _ts_generator(this, function(_state) {
             switch(_state.label){
@@ -128,8 +125,7 @@ function _simulateTouchMove() {
                     ];
             }
         });
-    });
-    return _simulateTouchMove.apply(this, arguments);
+    })();
 }
 /**
  * 模拟触摸缩放方法
@@ -138,10 +134,7 @@ function _simulateTouchMove() {
  * @param {number} endDistance 结束触摸点的距离
  * @param {number} duration 缩放持续时间（毫秒）
  */ export function simulateTouchZoom(element, startDistance, endDistance, duration) {
-    return _simulateTouchZoom.apply(this, arguments);
-}
-function _simulateTouchZoom() {
-    _simulateTouchZoom = _async_to_generator(function(element, startDistance, endDistance, duration) {
+    return _async_to_generator(function() {
         var centerX, centerY, startScale, endScale, startTouches, endTouches, progress, currentScale, currentDistance, currentTouches;
         return _ts_generator(this, function(_state) {
             switch(_state.label){
@@ -201,6 +194,5 @@ function _simulateTouchZoom() {
                     ];
             }
         });
-    });
-    return _simulateTouchZoom.apply(this, arguments);
+    })();
 }

package/dist/es/utils/render.js

@@ -45,10 +45,7 @@ function legacyUnmount(container) {
     return unmountComponentAtNode(container);
 }
 function concurrentUnmount(container) {
-    return _concurrentUnmount.apply(this, arguments);
-}
-function _concurrentUnmount() {
-    _concurrentUnmount = _async_to_generator(function(container) {
+    return _async_to_generator(function() {
         return _ts_generator(this, function(_state) {
             // Delay to unmount to avoid React 18 sync warning
             return [
@@ -60,8 +57,7 @@ function _concurrentUnmount() {
                 })
             ];
         });
-    });
-    return _concurrentUnmount.apply(this, arguments);
+    })();
 }
 export function unmount(container) {
     if (createRoot) {

package/dist/es/utils/taro/ConfigurableCSSTransition copy.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export type TransitionStatus = 'entering' | 'entered' | 'exiting' | 'exited' | 'unmounted';
+interface CSSTransitionProps {
+    in?: boolean;
+    timeout?: number;
+    classNames?: string;
+    nodeRef?: React.RefObject<any>;
+    mountOnEnter?: boolean;
+    unmountOnExit?: boolean;
+    onEntered?: () => void;
+    onExited?: () => void;
+    children: React.ReactElement;
+}
+declare const ConfigurableCSSTransition: React.FC<CSSTransitionProps>;
+export default ConfigurableCSSTransition;

package/dist/es/utils/taro/ConfigurableCSSTransition copy.js

@@ -0,0 +1,119 @@
+import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
+import React, { useState, useEffect, useRef, cloneElement, useCallback } from "react";
+var ConfigurableCSSTransition = function(props) {
+    var inPhase = props.in, _props_timeout = props.timeout, timeout = _props_timeout === void 0 ? 300 : _props_timeout, tmp = props.classNames, baseClassName = tmp === void 0 ? '' : tmp, nodeRef = props.nodeRef, mountOnEnter = props.mountOnEnter, unmountOnExit = props.unmountOnExit, onEntered = props.onEntered, onExited = props.onExited, children = props.children;
+    var _useState = _sliced_to_array(useState(function() {
+        if (inPhase) return 'entered';
+        return unmountOnExit || mountOnEnter ? 'unmounted' : 'exited';
+    }), 2), status = _useState[0], setStatus = _useState[1];
+    var _useState1 = _sliced_to_array(useState(function() {
+        if (inPhase) return "".concat(baseClassName, "-enter-done");
+        return "".concat(baseClassName, "-exit-done");
+    }), 2), classes = _useState1[0], setClasses = _useState1[1];
+    var fallbackTimerRef = useRef(null);
+    var statusRef = useRef(status);
+    var prevInPhase = useRef(inPhase);
+    var latestOnAnimationEnd = useRef(children.props.onAnimationEnd);
+    useEffect(function() {
+        latestOnAnimationEnd.current = children.props.onAnimationEnd;
+    });
+    var updateStatus = useCallback(function(nextStatus) {
+        statusRef.current = nextStatus;
+        setStatus(nextStatus);
+    }, []);
+    var handleAnimationEnd = useCallback(function(e) {
+        var _latestOnAnimationEnd_current;
+        (_latestOnAnimationEnd_current = latestOnAnimationEnd.current) === null || _latestOnAnimationEnd_current === void 0 ? void 0 : _latestOnAnimationEnd_current.call(latestOnAnimationEnd, e);
+        if (e && e.target !== e.currentTarget) return;
+        if (fallbackTimerRef.current) clearTimeout(fallbackTimerRef.current);
+        if (statusRef.current === 'entering') {
+            updateStatus('entered');
+            setClasses("".concat(baseClassName, "-enter-done"));
+            onEntered === null || onEntered === void 0 ? void 0 : onEntered();
+        } else if (statusRef.current === 'exiting') {
+            updateStatus('exited');
+            setClasses("".concat(baseClassName, "-exit-done"));
+            if (unmountOnExit) {
+                updateStatus('unmounted');
+            }
+            onExited === null || onExited === void 0 ? void 0 : onExited();
+        }
+    }, [
+        baseClassName,
+        onEntered,
+        onExited,
+        unmountOnExit,
+        updateStatus
+    ]);
+    var enter = useCallback(function() {
+        if (fallbackTimerRef.current) clearTimeout(fallbackTimerRef.current);
+        if (statusRef.current === 'unmounted') {
+            updateStatus('exited');
+        }
+        if (timeout === 0) {
+            updateStatus('entered');
+            setClasses("".concat(baseClassName, "-enter-done"));
+            onEntered === null || onEntered === void 0 ? void 0 : onEntered();
+            return;
+        }
+        updateStatus('entering');
+        setClasses("".concat(baseClassName, "-enter ").concat(baseClassName, "-enter-active"));
+        // Safety fallback: Give it extra time over the expected timeout in case onAnimationEnd misses
+        fallbackTimerRef.current = setTimeout(function() {
+            handleAnimationEnd(null);
+        }, timeout + 200);
+    }, [
+        baseClassName,
+        handleAnimationEnd,
+        onEntered,
+        timeout,
+        updateStatus
+    ]);
+    var exit = useCallback(function() {
+        if (fallbackTimerRef.current) clearTimeout(fallbackTimerRef.current);
+        if (timeout === 0) {
+            updateStatus('exited');
+            setClasses("".concat(baseClassName, "-exit-done"));
+            if (unmountOnExit) {
+                updateStatus('unmounted');
+            }
+            onExited === null || onExited === void 0 ? void 0 : onExited();
+            return;
+        }
+        updateStatus('exiting');
+        setClasses("".concat(baseClassName, "-exit ").concat(baseClassName, "-exit-active"));
+        fallbackTimerRef.current = setTimeout(function() {
+            handleAnimationEnd(null);
+        }, timeout + 200);
+    }, [
+        baseClassName,
+        handleAnimationEnd,
+        onExited,
+        timeout,
+        unmountOnExit,
+        updateStatus
+    ]);
+    useEffect(function() {
+        if (prevInPhase.current !== inPhase) {
+            if (inPhase) {
+                enter();
+            } else {
+                exit();
+            }
+            prevInPhase.current = inPhase;
+        }
+        return function() {
+            if (fallbackTimerRef.current) clearTimeout(fallbackTimerRef.current);
+        };
+    }, [
+        inPhase,
+        enter,
+        exit
+    ]);
+    if (status === 'unmounted') return null;
+    return /*#__PURE__*/ cloneElement(children, {
+        className: "".concat(children.props.className || '', " ").concat(classes),
+        onAnimationEnd: handleAnimationEnd
+    });
+};
+export default ConfigurableCSSTransition;

package/dist/es/utils/taro/get-rect.js

@@ -15,12 +15,10 @@ export function makeRect(width, height) {
         height: height
     };
 }
-export var getRectInMultiPlatform = /*#__PURE__*/ function() {
-    var _ref = _async_to_generator(function(element) {
-        var harmonyId;
-        var _arguments = arguments;
+export var getRectInMultiPlatform = function(element) {
+    var harmonyId = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : '';
+    return _async_to_generator(function() {
         return _ts_generator(this, function(_state) {
-            harmonyId = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : '';
             if (element) {
                 if (inBrowser) {
                     return [
@@ -51,18 +49,13 @@ export var getRectInMultiPlatform = /*#__PURE__*/ function() {
                 Promise.resolve(makeRect(0, 0))
             ];
         });
-    });
-    return function getRectInMultiPlatform(element) {
-        return _ref.apply(this, arguments);
-    };
-}();
+    })();
+};
 // 获取元素位置，不走缓存
-export var getRectInMultiPlatformWithoutCache = /*#__PURE__*/ function() {
-    var _ref = _async_to_generator(function(element) {
-        var harmonyId;
-        var _arguments = arguments;
+export var getRectInMultiPlatformWithoutCache = function(element) {
+    var harmonyId = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : '';
+    return _async_to_generator(function() {
         return _ts_generator(this, function(_state) {
-            harmonyId = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : '';
             if (element) {
                 if (inBrowser) {
                     return [
@@ -85,8 +78,5 @@ export var getRectInMultiPlatformWithoutCache = /*#__PURE__*/ function() {
                 Promise.resolve(makeRect(0, 0))
             ];
         });
-    });
-    return function getRectInMultiPlatformWithoutCache(element) {
-        return _ref.apply(this, arguments);
-    };
-}();
+    })();
+};