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

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

@@ -0,0 +1,79 @@
+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 timerRef = useRef(null);
+    var statusRef = useRef(status);
+    var prevInPhase = useRef(inPhase);
+    var updateStatus = useCallback(function(nextStatus) {
+        statusRef.current = nextStatus;
+        setStatus(nextStatus);
+    }, []);
+    var enter = useCallback(function() {
+        if (timerRef.current) clearTimeout(timerRef.current);
+        if (statusRef.current === 'unmounted') {
+            updateStatus('exited');
+        }
+        updateStatus('entering');
+        setClasses("".concat(baseClassName, "-enter ").concat(baseClassName, "-enter-active"));
+        timerRef.current = setTimeout(function() {
+            updateStatus('entered');
+            setClasses("".concat(baseClassName, "-enter-done"));
+            onEntered === null || onEntered === void 0 ? void 0 : onEntered();
+        }, timeout);
+    }, [
+        baseClassName,
+        onEntered,
+        timeout,
+        updateStatus
+    ]);
+    var exit = useCallback(function() {
+        if (timerRef.current) clearTimeout(timerRef.current);
+        updateStatus('exiting');
+        setClasses("".concat(baseClassName, "-exit ").concat(baseClassName, "-exit-active"));
+        timerRef.current = setTimeout(function() {
+            updateStatus('exited');
+            setClasses("".concat(baseClassName, "-exit-done"));
+            if (unmountOnExit) {
+                updateStatus('unmounted');
+            }
+            onExited === null || onExited === void 0 ? void 0 : onExited();
+        }, timeout);
+    }, [
+        baseClassName,
+        onExited,
+        timeout,
+        unmountOnExit,
+        updateStatus
+    ]);
+    useEffect(function() {
+        if (prevInPhase.current !== inPhase) {
+            if (inPhase) {
+                enter();
+            } else {
+                exit();
+            }
+            prevInPhase.current = inPhase;
+        }
+        return function() {
+            if (timerRef.current) clearTimeout(timerRef.current);
+        };
+    }, [
+        inPhase,
+        enter,
+        exit
+    ]);
+    if (status === 'unmounted') return null;
+    return /*#__PURE__*/ cloneElement(children, {
+        className: "".concat(children.props.className || '', " ").concat(classes)
+    });
+};
+export default ConfigurableCSSTransition;

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

@@ -5,6 +5,10 @@ import { createSelectorQuery } from "@tarojs/taro";
 import { MiniLru } from "../lru";
 import { getRect, inBrowser } from "../get-rect";
 var lru = new MiniLru(10);
+var createScopedSelectorQuery = function(scope) {
+    var query = createSelectorQuery();
+    return scope ? query.in(scope) : query;
+};
 export function makeRect(width, height) {
     return {
         top: 0,
@@ -15,12 +19,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 [
@@ -36,7 +38,8 @@ export var getRectInMultiPlatform = /*#__PURE__*/ function() {
                             resolve(lru.get(element));
                             return;
                         }
-                        createSelectorQuery().select("#".concat(harmonyId || element.uid)).boundingClientRect().exec(function(param) {
+                        createScopedSelectorQuery(element === null || element === void 0 ? void 0 : element._scope)// https://taro.jd.com/docs/reference/config/page/
+                        .select("#".concat(harmonyId || element.uid)).boundingClientRect().exec(function(param) {
                             var _param = _sliced_to_array(param, 1), rects = _param[0];
                             if (rects) {
                                 lru.set(element, rects);
@@ -51,18 +54,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 [
@@ -73,7 +71,8 @@ export var getRectInMultiPlatformWithoutCache = /*#__PURE__*/ function() {
                 return [
                     2,
                     new Promise(function(resolve, reject) {
-                        createSelectorQuery().select("#".concat(harmonyId || element.uid)).boundingClientRect().exec(function(param) {
+                        createScopedSelectorQuery(element === null || element === void 0 ? void 0 : element._scope)// https://taro.jd.com/docs/reference/config/page/
+                        .select("#".concat(harmonyId || element.uid)).boundingClientRect().exec(function(param) {
                             var _param = _sliced_to_array(param, 1), rects = _param[0];
                             resolve(rects);
                         });
@@ -85,8 +84,5 @@ export var getRectInMultiPlatformWithoutCache = /*#__PURE__*/ function() {
                 Promise.resolve(makeRect(0, 0))
             ];
         });
-    });
-    return function getRectInMultiPlatformWithoutCache(element) {
-        return _ref.apply(this, arguments);
-    };
-}();
+    })();
+};