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

package/dist/nutui.react.umd.js

@@ -4438,6 +4438,7 @@
     _useState3[0];
     var setTransitionName = _useState3[1];
     var nodeRef = useLockScrollTaro(innerVisible && lockScroll);
+    var topNodeRef = React.useRef(null);
     var rootRect = React.useRef(null);
     var touchStartRef = React.useRef(0);
     var touchMoveDistanceRef = React.useRef(0);
@@ -4454,6 +4455,7 @@
     var _obj;
     var popClassName = classNames(classPrefix2, (_obj = {}, _define_property(_obj, "".concat(classPrefix2, "-round"), round || position2 === "bottom"), _define_property(_obj, "".concat(classPrefix2, "-").concat(position2), true), _obj), className);
     var _useState4 = _sliced_to_array(React.useState(""), 2), popupHeight = _useState4[0], setPopupHeight = _useState4[1];
+    var _useState5 = _sliced_to_array(React.useState(""), 2), topBottom = _useState5[0], setTopBottom = _useState5[1];
     var resizeStyles = function() {
       if (popupHeight !== "") {
         return {
@@ -4474,6 +4476,41 @@
       }
       onOpen && onOpen();
     };
+    var getPopupHeight = /* @__PURE__ */ function() {
+      var _ref = _async_to_generator(function() {
+        var _nodeRef_current, rect, height2;
+        return __generator(this, function(_state) {
+          switch (_state.label) {
+            case 0:
+              return [
+                4,
+                getRectInMultiPlatformWithoutCache(nodeRef.current)
+              ];
+            case 1:
+              rect = _state.sent();
+              height2 = ((_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(height2));
+              return [
+                2
+              ];
+          }
+        });
+      });
+      return function getPopupHeight2() {
+        return _ref.apply(this, arguments);
+      };
+    }();
+    React.useEffect(function() {
+      if (innerVisible && topNodeRef.current && nodeRef.current) {
+        Taro.nextTick(function() {
+          Taro.nextTick(function() {
+            getPopupHeight();
+          });
+        });
+      }
+    }, [
+      innerVisible
+    ]);
     var close2 = function() {
       if (innerVisible) {
         setInnerVisible(false);
@@ -4501,6 +4538,16 @@
         onClick: handleCloseIconClick
       }, /* @__PURE__ */ React.isValidElement(closeIcon) ? closeIcon : /* @__PURE__ */ React.createElement(IconSVG$p, null)));
     };
+    var renderTop = function() {
+      if (!top) return null;
+      return /* @__PURE__ */ React.createElement(components.View, {
+        className: "".concat(classPrefix2, "-bottom-top"),
+        ref: topNodeRef,
+        style: {
+          bottom: topBottom
+        }
+      }, top);
+    };
     var renderTitle = function() {
       if (left2 || title || description) {
         return /* @__PURE__ */ React.createElement(components.View, {
@@ -4589,7 +4636,7 @@
         onTouchMove: handleTouchMove,
         onTouchEnd: handleTouchEnd,
         onTouchCancel: handleTouchEnd
-      }, top, renderTitle(), showChildren ? children : null);
+      }, renderTop(), renderTitle(), showChildren ? children : null);
     };
     var renderNode = function() {
       return /* @__PURE__ */ React.createElement(React.Fragment, null, overlay ? /* @__PURE__ */ React.createElement(Overlay, {