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

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);
-    };
-}();
+    })();
+};