@nutui/nutui-react-taro 3.0.19-cpp-beta.2 → 3.0.19-cpp-beta.ios.0

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

@@ -142,6 +142,9 @@
 .nut-popup-bottom.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) 0 0;
 }
+.nut-popup-bottom-top {
+  position: absolute;
+}
 .nut-popup-right {
   top: 0;
   right: 0;

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

@@ -142,6 +142,9 @@
 .nut-popup-bottom.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) 0 0;
 }
+.nut-popup-bottom-top {
+  position: absolute;
+}
 .nut-popup-right {
   top: 0;
   right: 0;

package/dist/es/packages/popup/popup.js

@@ -5,6 +5,7 @@ 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, { useState, useEffect, useRef } from "react";
+import { nextTick } from "@tarojs/taro";
 import { createPortal } from "react-dom";
 // import { CSSTransition } from 'react-transition-group'
 import classNames from "classnames";
@@ -52,6 +53,7 @@ export var Popup = function(props) {
     var _useState2 = _sliced_to_array(useState(true), 2), showChildren = _useState2[0], setShowChildren = _useState2[1];
     var _useState3 = _sliced_to_array(useState(''), 2), transitionName = _useState3[0], setTransitionName = _useState3[1];
     var nodeRef = useLockScrollTaro(innerVisible && lockScroll);
+    var topNodeRef = React.useRef(null);
     var rootRect = useRef(null);
     var touchStartRef = useRef(0);
     var touchMoveDistanceRef = useRef(0);
@@ -69,6 +71,7 @@ export var Popup = function(props) {
     var _obj;
     var popClassName = classNames(classPrefix, (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-round"), round || position === 'bottom'), _define_property(_obj, "".concat(classPrefix, "-").concat(position), true), _obj), className);
     var _useState4 = _sliced_to_array(useState(''), 2), popupHeight = _useState4[0], setPopupHeight = _useState4[1];
+    var _useState5 = _sliced_to_array(useState(''), 2), topBottom = _useState5[0], setTopBottom = _useState5[1];
     var resizeStyles = function() {
         if (popupHeight !== '') {
             return {
@@ -90,6 +93,41 @@ export var Popup = function(props) {
         }
         onOpen && onOpen();
     };
+    var getPopupHeight = /*#__PURE__*/ function() {
+        var _ref = _async_to_generator(function() {
+            var _nodeRef_current, rect, height;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        return [
+                            4,
+                            getRectInMultiPlatformWithoutCache(nodeRef.current)
+                        ];
+                    case 1:
+                        rect = _state.sent();
+                        height = ((_nodeRef_current = nodeRef.current) === null || _nodeRef_current === void 0 ? void 0 : _nodeRef_current.offsetHeight) || (rect === null || rect === void 0 ? void 0 : rect.height);
+                        setTopBottom(pxTransform(height));
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function getPopupHeight() {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    useEffect(function() {
+        if (innerVisible && topNodeRef.current && nodeRef.current) {
+            nextTick(function() {
+                nextTick(function() {
+                    getPopupHeight();
+                });
+            });
+        }
+    }, [
+        innerVisible
+    ]);
     var close = function() {
         if (innerVisible) {
             setInnerVisible(false);
@@ -117,6 +155,16 @@ export var Popup = function(props) {
             onClick: handleCloseIconClick
         }, /*#__PURE__*/ React.isValidElement(closeIcon) ? closeIcon : /*#__PURE__*/ React.createElement(Close, null)));
     };
+    var renderTop = function() {
+        if (!top) return null;
+        return /*#__PURE__*/ React.createElement(View, {
+            className: "".concat(classPrefix, "-bottom-top"),
+            ref: topNodeRef,
+            style: {
+                bottom: topBottom
+            }
+        }, top);
+    };
     var renderTitle = function() {
         if (left || title || description) {
             return /*#__PURE__*/ React.createElement(View, {
@@ -210,7 +258,7 @@ export var Popup = function(props) {
             onTouchMove: handleTouchMove,
             onTouchEnd: handleTouchEnd,
             onTouchCancel: handleTouchEnd
-        }, top, renderTitle(), showChildren ? children : null);
+        }, renderTop(), renderTitle(), showChildren ? children : null);
     };
     // const renderPop = () => {
     // return (

package/dist/es/packages/popup/style/popup.scss

@@ -96,6 +96,10 @@
     &.nut-popup-round {
       border-radius: $popup-border-radius $popup-border-radius 0 0;
     }
+
+    &-top {
+      position: absolute;
+    }
   }
 
   &-right {

package/dist/es/packages/popup/style/style.css

@@ -88,6 +88,9 @@
 .nut-popup-bottom.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) 0 0;
 }
+.nut-popup-bottom-top {
+  position: absolute;
+}
 .nut-popup-right {
   top: 0;
   right: 0;

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

@@ -142,6 +142,9 @@
 .nut-popup-bottom.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) 0 0;
 }
+.nut-popup-bottom-top {
+  position: absolute;
+}
 .nut-popup-right {
   top: 0;
   right: 0;

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

@@ -96,6 +96,10 @@
     &.nut-popup-round {
       border-radius: $popup-border-radius $popup-border-radius 0 0;
     }
+
+    &-top {
+      position: absolute;
+    }
   }
 
   &-right {

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

@@ -88,6 +88,9 @@
 .nut-popup-bottom.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, 12px) var(--nutui-popup-border-radius, 12px) 0 0;
 }
+.nut-popup-bottom-top {
+  position: absolute;
+}
 .nut-popup-right {
   top: 0;
   right: 0;

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

@@ -96,6 +96,10 @@
     &.nut-popup-round {
       border-radius: $popup-border-radius $popup-border-radius 0 0;
     }
+
+    &-top {
+      position: absolute;
+    }
   }
 
   &-right {

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

@@ -88,6 +88,9 @@
 .nut-popup-bottom.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, 12px) var(--nutui-popup-border-radius, 12px) 0 0;
 }
+.nut-popup-bottom-top {
+  position: absolute;
+}
 .nut-popup-right {
   top: 0;
   right: 0;

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

@@ -142,6 +142,9 @@
 .nut-popup-bottom.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) 0 0;
 }
+.nut-popup-bottom-top {
+  position: absolute;
+}
 .nut-popup-right {
   top: 0;
   right: 0;

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { SwipeRef, TaroSwipeProps } from "../../types";
-export declare const Swipe: React.ForwardRefExoticComponent<Partial<TaroSwipeProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onTouchStart" | "onTouchMove" | "onTouchEnd"> & React.RefAttributes<SwipeRef>>;
+export declare const Swipe: React.ForwardRefExoticComponent<Partial<TaroSwipeProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onTouchEnd" | "onTouchMove" | "onTouchStart"> & React.RefAttributes<SwipeRef>>;

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

@@ -142,6 +142,9 @@
 .nut-popup-bottom.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) 0 0;
 }
+.nut-popup-bottom-top {
+  position: absolute;
+}
 .nut-popup-right {
   top: 0;
   right: 0;

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

@@ -142,6 +142,9 @@
 .nut-popup-bottom.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) 0 0;
 }
+.nut-popup-bottom-top {
+  position: absolute;
+}
 .nut-popup-right {
   top: 0;
   right: 0;

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

@@ -1,7 +1,19 @@
 import Taro, { createSelectorQuery } from "@tarojs/taro";
+var ENV_TYPE = {
+    WEAPP: 'WEAPP',
+    SWAN: 'SWAN',
+    ALIPAY: 'ALIPAY',
+    TT: 'TT',
+    QQ: 'QQ',
+    JD: 'JD',
+    WEB: 'WEB',
+    RN: 'RN',
+    HARMONY: 'HARMONY',
+    QUICKAPP: 'QUICKAPP'
+};
 export var getRectById = function(id) {
     return new Promise(function(resolve, reject) {
-        if (Taro.getEnv() === Taro.ENV_TYPE.WEB) {
+        if (Taro.getEnv() === ENV_TYPE.WEB) {
             var t = document ? document.querySelector("#".concat(id)) : '';
             if (t) {
                 resolve(t === null || t === void 0 ? void 0 : t.getBoundingClientRect());