@nutui/nutui-react-taro 3.0.19-beta.1 → 3.0.19-beta.2

package/dist/cjs/packages/noticebar/style-jmapp/style.css

@@ -32,15 +32,11 @@
   justify-content: center;
 }
 .nut-noticebar .nut-noticebar-box-center .nut-noticebar-box-wrap {
-  /* #ifndef dynamic*/
   flex: initial;
-  /* #endif */
 }
 .nut-noticebar .nut-noticebar-box-center .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content {
   position: relative;
-  /* #ifndef dynamic*/
   display: initial;
-  /* #endif */
 }
 .nut-noticebar .nut-noticebar-box-left-icon {
   display: flex;

package/dist/cjs/packages/noticebar/style-jrkf/noticebar.scss

@@ -36,15 +36,11 @@
       justify-content: center;
 
       .nut-noticebar-box-wrap {
-        /* #ifndef dynamic*/
         flex: initial;
-        /* #endif */
 
         .nut-noticebar-box-wrap-content {
           position: relative;
-          /* #ifndef dynamic*/
           display: initial;
-          /* #endif */
         }
       }
     }

package/dist/cjs/packages/noticebar/style-jrkf/style.css

@@ -32,15 +32,11 @@
   justify-content: center;
 }
 .nut-noticebar .nut-noticebar-box-center .nut-noticebar-box-wrap {
-  /* #ifndef dynamic*/
   flex: initial;
-  /* #endif */
 }
 .nut-noticebar .nut-noticebar-box-center .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content {
   position: relative;
-  /* #ifndef dynamic*/
   display: initial;
-  /* #endif */
 }
 .nut-noticebar .nut-noticebar-box-left-icon {
   display: flex;

package/dist/cjs/packages/notify/style/notify.scss

@@ -75,12 +75,7 @@
 
   &-left-icon,
   &-right-icon {
-    /* #ifdef dynamic*/
-    display: flex;
-    /* #endif */
-    /* #ifndef dynamic*/
     display: inline-flex;
-    /* #endif */
   }
 
   &-left-icon {

package/dist/cjs/packages/notify/style/style.css

@@ -76,12 +76,7 @@
   text-align: left;
 }
 .nut-notify-left-icon, .nut-notify-right-icon {
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  /* #endif */
 }
 .nut-notify-left-icon {
   margin-right: 6px;

package/dist/cjs/packages/notify/style/style.harmony.css

@@ -76,12 +76,7 @@
   text-align: left;
 }
 .nut-notify-left-icon, .nut-notify-right-icon {
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  /* #endif */
 }
 .nut-notify-left-icon {
   margin-right: 6px;

package/dist/cjs/packages/notify/style-jmapp/notify.scss

@@ -75,12 +75,7 @@
 
   &-left-icon,
   &-right-icon {
-    /* #ifdef dynamic*/
-    display: flex;
-    /* #endif */
-    /* #ifndef dynamic*/
     display: inline-flex;
-    /* #endif */
   }
 
   &-left-icon {

package/dist/cjs/packages/notify/style-jmapp/style.css

@@ -76,12 +76,7 @@
   text-align: left;
 }
 .nut-notify-left-icon, .nut-notify-right-icon {
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  /* #endif */
 }
 .nut-notify-left-icon {
   margin-right: 6px;

package/dist/cjs/packages/notify/style-jrkf/notify.scss

@@ -75,12 +75,7 @@
 
   &-left-icon,
   &-right-icon {
-    /* #ifdef dynamic*/
-    display: flex;
-    /* #endif */
-    /* #ifndef dynamic*/
     display: inline-flex;
-    /* #endif */
   }
 
   &-left-icon {

package/dist/cjs/packages/notify/style-jrkf/style.css

@@ -76,12 +76,7 @@
   text-align: left;
 }
 .nut-notify-left-icon, .nut-notify-right-icon {
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  /* #endif */
 }
 .nut-notify-left-icon {
   margin-right: 6px;

package/dist/cjs/packages/numberkeyboard/style/numberkeyboard.scss

@@ -9,9 +9,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    /* #ifndef dynamic*/
     box-sizing: content-box;
-    /* #endif */
     padding: $popup-title-padding;
     color: $color-title;
     font-size: $popup-title-font-size;

package/dist/cjs/packages/numberkeyboard/style/style.css

@@ -13,17 +13,15 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  /* #ifndef dynamic*/
   box-sizing: content-box;
-  /* #endif */
   padding: var(--nutui-popup-title-padding, 16px);
   color: var(--nutui-color-title, #1a1a1a);
-  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
+  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
 }
 .nut-numberkeyboard-header-title {
   color: var(--nutui-color-title, #1a1a1a);
   display: inline-block;
-  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
+  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
 }
 .nut-numberkeyboard-header-close {
   position: absolute;
@@ -95,7 +93,7 @@
   height: auto;
 }
 .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .confirm {
-  font-size: var(--nutui-numberkeyboard-key-confirm-font-size, var(--nutui-font-size-l, 15px));
+  font-size: var(--nutui-numberkeyboard-key-confirm-font-size, var(--nutui-font-size-l, 16px));
   color: var(--nutui-numberkeyboard-key-confirm-color, #fff);
   background-color: var(--nutui-numberkeyboard-key-confirm-background-color, var(--nutui-color-primary, #ff0f23));
 }

package/dist/cjs/packages/numberkeyboard/style/style.harmony.css

@@ -83,8 +83,8 @@
 .nut-popup-title-title {
   color: var(--nutui-color-title, #1a1a1a);
   font-weight: var(--nutui-font-weight-bold, 600);
-  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
-  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
+  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
+  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
 }
 .nut-popup-title-description {
   color: var(--nutui-color-text, #505259);
@@ -142,9 +142,6 @@
 .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;
@@ -393,17 +390,15 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  /* #ifndef dynamic*/
   box-sizing: content-box;
-  /* #endif */
   padding: var(--nutui-popup-title-padding, 16px);
   color: var(--nutui-color-title, #1a1a1a);
-  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
+  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
 }
 .nut-numberkeyboard-header-title {
   color: var(--nutui-color-title, #1a1a1a);
   display: inline-block;
-  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
+  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
 }
 .nut-numberkeyboard-header-close {
   position: absolute;
@@ -475,7 +470,7 @@
   height: auto;
 }
 .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .confirm {
-  font-size: var(--nutui-numberkeyboard-key-confirm-font-size, var(--nutui-font-size-l, 15px));
+  font-size: var(--nutui-numberkeyboard-key-confirm-font-size, var(--nutui-font-size-l, 16px));
   color: var(--nutui-numberkeyboard-key-confirm-color, #fff);
   background-color: var(--nutui-numberkeyboard-key-confirm-background-color, var(--nutui-color-primary, #ff0f23));
 }

package/dist/cjs/packages/numberkeyboard/style-jmapp/numberkeyboard.scss

@@ -9,9 +9,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    /* #ifndef dynamic*/
     box-sizing: content-box;
-    /* #endif */
     padding: $popup-title-padding;
     color: $color-title;
     font-size: $popup-title-font-size;

package/dist/cjs/packages/numberkeyboard/style-jmapp/style.css

@@ -13,9 +13,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  /* #ifndef dynamic*/
   box-sizing: content-box;
-  /* #endif */
   padding: var(--nutui-popup-title-padding, 12px);
   color: var(--nutui-color-title);
   font-size: var(--nutui-popup-title-font-size, var(--nutui-font-h1));

package/dist/cjs/packages/numberkeyboard/style-jrkf/numberkeyboard.scss

@@ -9,9 +9,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    /* #ifndef dynamic*/
     box-sizing: content-box;
-    /* #endif */
     padding: $popup-title-padding;
     color: $color-title;
     font-size: $popup-title-font-size;

package/dist/cjs/packages/numberkeyboard/style-jrkf/style.css

@@ -13,9 +13,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  /* #ifndef dynamic*/
   box-sizing: content-box;
-  /* #endif */
   padding: var(--nutui-popup-title-padding, 12px);
   color: var(--nutui-color-title);
   font-size: var(--nutui-popup-title-font-size, var(--nutui-font-h1));

package/dist/cjs/packages/overlay/overlay.js

@@ -23,6 +23,7 @@ var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
 var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+var _reacttransitiongroup = require("react-transition-group");
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _components = require("@tarojs/components");
 var _typings = require("../../utils/typings");
@@ -72,27 +73,20 @@ var Overlay = function Overlay(props) {
         return /*#__PURE__*/ _react.default.createElement(_components.View, (0, _object_spread_props._)((0, _object_spread._)({
             ref: nodeRef,
             className: classes,
-            style: (0, _object_spread_props._)((0, _object_spread._)({}, styles), {
-                display: innerVisible ? 'block' : 'none'
-            })
+            style: styles
         }, rest), {
             catchMove: lockScroll,
             onClick: handleClick
         }), children);
     };
-    return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, renderOverlay());
-// return (
-//   <CSSTransition
-//     nodeRef={nodeRef}
-//     classNames={`${classPrefix}-slide`}
-//     unmountOnExit
-//     timeout={duration}
-//     in={innerVisible}
-//     onEntered={afterShow}
-//     onExited={afterClose}
-//   >
-//     {renderOverlay()}
-//   </CSSTransition>
-// )
+    return /*#__PURE__*/ _react.default.createElement(_reacttransitiongroup.CSSTransition, {
+        nodeRef: nodeRef,
+        classNames: "".concat(classPrefix, "-slide"),
+        unmountOnExit: true,
+        timeout: duration,
+        in: innerVisible,
+        onEntered: afterShow,
+        onExited: afterClose
+    }, renderOverlay());
 };
 Overlay.displayName = 'NutOverlay';

package/dist/cjs/packages/picker/style/style.css

@@ -12,7 +12,7 @@
   height: var(--nutui-popup-title-height, 50px);
   padding: var(--nutui-popup-title-padding, 16px);
   box-sizing: border-box;
-  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
+  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
 }
 .nut-picker-cancel-btn {
   color: var(--nutui-picker-title-cancel-color, var(--nutui-color-text, #505259));
@@ -29,7 +29,7 @@
   white-space: nowrap;
   text-align: center;
   color: var(--nutui-color-title, #1a1a1a);
-  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
+  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
   font-weight: var(--nutui-popup-title-font-weight, var(--nutui-font-weight-bold, 600));
 }
 .nut-picker-panel {

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

@@ -83,8 +83,8 @@
 .nut-popup-title-title {
   color: var(--nutui-color-title, #1a1a1a);
   font-weight: var(--nutui-font-weight-bold, 600);
-  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
-  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
+  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
+  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
 }
 .nut-popup-title-description {
   color: var(--nutui-color-text, #505259);
@@ -142,9 +142,6 @@
 .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;
@@ -464,7 +461,7 @@
   height: var(--nutui-popup-title-height, 50px);
   padding: var(--nutui-popup-title-padding, 16px);
   box-sizing: border-box;
-  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
+  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
 }
 .nut-picker-cancel-btn {
   color: var(--nutui-picker-title-cancel-color, var(--nutui-color-text, #505259));
@@ -481,7 +478,7 @@
   white-space: nowrap;
   text-align: center;
   color: var(--nutui-color-title, #1a1a1a);
-  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
+  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
   font-weight: var(--nutui-popup-title-font-weight, var(--nutui-font-weight-bold, 600));
 }
 .nut-picker-panel {

package/dist/cjs/packages/popover/style/popover.scss

@@ -73,10 +73,8 @@
     font-size: $popover-font-size;
     color: $popover-text-color;
     line-height: 28px;
-    /* #ifndef dynamic*/
     max-height: initial;
     overflow-y: initial;
-    /* #endif */
 
     &-group {
       padding: 0 $popover-padding;

package/dist/cjs/packages/popover/style/style.css

@@ -66,10 +66,8 @@
   font-size: var(--nutui-popover-font-size, var(--nutui-font-size-s, 12px));
   color: var(--nutui-popover-text-color, var(--nutui-color-mask, rgba(0, 0, 0, 0.7)));
   line-height: 28px;
-  /* #ifndef dynamic*/
   max-height: initial;
   overflow-y: initial;
-  /* #endif */
 }
 .nut-popover .nut-popover-content-group {
   padding: 0 var(--nutui-popover-padding, 8px);

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

@@ -83,8 +83,8 @@
 .nut-popup-title-title {
   color: var(--nutui-color-title, #1a1a1a);
   font-weight: var(--nutui-font-weight-bold, 600);
-  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
-  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
+  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
+  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
 }
 .nut-popup-title-description {
   color: var(--nutui-color-text, #505259);
@@ -142,9 +142,6 @@
 .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;
@@ -446,10 +443,8 @@
   font-size: var(--nutui-popover-font-size, var(--nutui-font-size-s, 12px));
   color: var(--nutui-popover-text-color, var(--nutui-color-mask, rgba(0, 0, 0, 0.7)));
   line-height: 28px;
-  /* #ifndef dynamic*/
   max-height: initial;
   overflow-y: initial;
-  /* #endif */
 }
 .nut-popover .nut-popover-content-group {
   padding: 0 var(--nutui-popover-padding, 8px);

package/dist/cjs/packages/popover/style-jmapp/popover.scss

@@ -73,10 +73,8 @@
     font-size: $popover-font-size;
     color: $popover-text-color;
     line-height: 28px;
-    /* #ifndef dynamic*/
     max-height: initial;
     overflow-y: initial;
-    /* #endif */
 
     &-group {
       padding: 0 $popover-padding;

package/dist/cjs/packages/popover/style-jmapp/style.css

@@ -66,10 +66,8 @@
   font-size: var(--nutui-popover-font-size, var(--nutui-font-text));
   color: var(--nutui-popover-text-color, var(--nutui-color-text));
   line-height: 28px;
-  /* #ifndef dynamic*/
   max-height: initial;
   overflow-y: initial;
-  /* #endif */
 }
 .nut-popover .nut-popover-content-group {
   padding: 0 var(--nutui-popover-padding, var(--nutui-spacing-xl));

package/dist/cjs/packages/popover/style-jrkf/popover.scss

@@ -73,10 +73,8 @@
     font-size: $popover-font-size;
     color: $popover-text-color;
     line-height: 28px;
-    /* #ifndef dynamic*/
     max-height: initial;
     overflow-y: initial;
-    /* #endif */
 
     &-group {
       padding: 0 $popover-padding;

package/dist/cjs/packages/popover/style-jrkf/style.css

@@ -66,10 +66,8 @@
   font-size: var(--nutui-popover-font-size, var(--nutui-font-text));
   color: var(--nutui-popover-text-color, var(--nutui-color-text));
   line-height: 28px;
-  /* #ifndef dynamic*/
   max-height: initial;
   overflow-y: initial;
-  /* #endif */
 }
 .nut-popover .nut-popover-content-group {
   padding: 0 var(--nutui-popover-padding, var(--nutui-spacing-xl));

package/dist/cjs/packages/popup/popup.js

@@ -17,8 +17,8 @@ var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
 var _ts_generator = require("@swc/helpers/_/_ts_generator");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-var _taro = require("@tarojs/taro");
 var _reactdom = require("react-dom");
+var _reacttransitiongroup = require("react-transition-group");
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _iconsreacttaro = require("@nutui/icons-react-taro");
 var _components = require("@tarojs/components");
@@ -28,7 +28,6 @@ var _index = /*#__PURE__*/ _interop_require_default._(require("../overlay/index"
 var _uselockscoll = require("../../hooks/taro/use-lock-scoll");
 var _platform = require("../../utils/taro/platform");
 var _pxtransform = require("../../utils/taro/px-transform");
-var _configprovider = require("../configprovider/configprovider");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _overlay.defaultOverlayProps), {
     position: 'center',
     transition: '',
@@ -58,21 +57,19 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _overla
 // 默认1000，参看variables
 var _zIndex = 1100;
 var Popup = function Popup(props) {
-    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), children = _$_object_spread.children, visible = _$_object_spread.visible, overlay = _$_object_spread.overlay, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, overlayStyle = _$_object_spread.overlayStyle, overlayClassName = _$_object_spread.overlayClassName, zIndex = _$_object_spread.zIndex, lockScroll = _$_object_spread.lockScroll, duration = _$_object_spread.duration, closeable = _$_object_spread.closeable, closeIconPosition = _$_object_spread.closeIconPosition, closeIcon = _$_object_spread.closeIcon, left = _$_object_spread.left, title = _$_object_spread.title, top = _$_object_spread.top, description = _$_object_spread.description, style = _$_object_spread.style, transition = _$_object_spread.transition, round = _$_object_spread.round, position = _$_object_spread.position, className = _$_object_spread.className, destroyOnClose = _$_object_spread.destroyOnClose, portal = _$_object_spread.portal, resizable = _$_object_spread.resizable, minHeight = _$_object_spread.minHeight, onOpen = _$_object_spread.onOpen, onClose = _$_object_spread.onClose, onOverlayClick = _$_object_spread.onOverlayClick, onCloseIconClick = _$_object_spread.onCloseIconClick, afterShow = _$_object_spread.afterShow, afterClose = _$_object_spread.afterClose, onClick = _$_object_spread.onClick, onTouchStart = _$_object_spread.onTouchStart, onTouchMove = _$_object_spread.onTouchMove, onTouchEnd = _$_object_spread.onTouchEnd, closeAriaLabel = _$_object_spread.closeAriaLabel;
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), children = _$_object_spread.children, visible = _$_object_spread.visible, overlay = _$_object_spread.overlay, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, overlayStyle = _$_object_spread.overlayStyle, overlayClassName = _$_object_spread.overlayClassName, zIndex = _$_object_spread.zIndex, lockScroll = _$_object_spread.lockScroll, duration = _$_object_spread.duration, closeable = _$_object_spread.closeable, closeIconPosition = _$_object_spread.closeIconPosition, closeIcon = _$_object_spread.closeIcon, left = _$_object_spread.left, title = _$_object_spread.title, description = _$_object_spread.description, style = _$_object_spread.style, transition = _$_object_spread.transition, round = _$_object_spread.round, position = _$_object_spread.position, className = _$_object_spread.className, destroyOnClose = _$_object_spread.destroyOnClose, portal = _$_object_spread.portal, resizable = _$_object_spread.resizable, minHeight = _$_object_spread.minHeight, onOpen = _$_object_spread.onOpen, onClose = _$_object_spread.onClose, onOverlayClick = _$_object_spread.onOverlayClick, onCloseIconClick = _$_object_spread.onCloseIconClick, afterShow = _$_object_spread.afterShow, afterClose = _$_object_spread.afterClose, onClick = _$_object_spread.onClick, onTouchStart = _$_object_spread.onTouchStart, onTouchMove = _$_object_spread.onTouchMove, onTouchEnd = _$_object_spread.onTouchEnd;
     var innerIndex = zIndex || _zIndex;
     var _useState = (0, _sliced_to_array._)((0, _react.useState)(innerIndex), 2), index = _useState[0], setIndex = _useState[1];
     var _useState1 = (0, _sliced_to_array._)((0, _react.useState)(visible), 2), innerVisible = _useState1[0], setInnerVisible = _useState1[1];
     var _useState2 = (0, _sliced_to_array._)((0, _react.useState)(true), 2), showChildren = _useState2[0], setShowChildren = _useState2[1];
     var _useState3 = (0, _sliced_to_array._)((0, _react.useState)(''), 2), transitionName = _useState3[0], setTransitionName = _useState3[1];
     var nodeRef = (0, _uselockscoll.useLockScrollTaro)(innerVisible && lockScroll);
-    var topNodeRef = _react.default.useRef(null);
     var rootRect = (0, _react.useRef)(null);
     var touchStartRef = (0, _react.useRef)(0);
     var touchMoveDistanceRef = (0, _react.useRef)(0);
     var heightRef = (0, _react.useRef)(0);
     var defaultHeightRef = (0, _react.useRef)(0);
     var isTouching = (0, _react.useRef)(false);
-    var locale = (0, _configprovider.useConfig)().locale;
     var classPrefix = 'nut-popup';
     var overlayStyles = (0, _object_spread._)({}, overlayStyle);
     var contentZIndex = (0, _platform.harmony)() ? index + 1 : index // 解决harmony层级问题
@@ -84,7 +81,6 @@ var Popup = function Popup(props) {
     var _obj;
     var popClassName = (0, _classnames.default)(classPrefix, (_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-round"), round || position === 'bottom'), (0, _define_property._)(_obj, "".concat(classPrefix, "-").concat(position), true), _obj), className);
     var _useState4 = (0, _sliced_to_array._)((0, _react.useState)(''), 2), popupHeight = _useState4[0], setPopupHeight = _useState4[1];
-    var _useState5 = (0, _sliced_to_array._)((0, _react.useState)(''), 2), topBottom = _useState5[0], setTopBottom = _useState5[1];
     var resizeStyles = function resizeStyles() {
         if (popupHeight !== '') {
             return {
@@ -106,38 +102,6 @@ var Popup = function Popup(props) {
         }
         onOpen && onOpen();
     };
-    var getPopupHeight = function getPopupHeight() {
-        return (0, _async_to_generator._)(function() {
-            var _nodeRef_current, rect, height;
-            return (0, _ts_generator._)(this, function(_state) {
-                switch(_state.label){
-                    case 0:
-                        return [
-                            4,
-                            (0, _getrect.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((0, _pxtransform.pxTransform)(height));
-                        return [
-                            2
-                        ];
-                }
-            });
-        })();
-    };
-    (0, _react.useEffect)(function() {
-        if (innerVisible && topNodeRef.current && nodeRef.current) {
-            (0, _taro.nextTick)(function() {
-                (0, _taro.nextTick)(function() {
-                    getPopupHeight();
-                });
-            });
-        }
-    }, [
-        innerVisible
-    ]);
     var close = function close() {
         if (innerVisible) {
             setInnerVisible(false);
@@ -162,21 +126,9 @@ var Popup = function Popup(props) {
         var closeClasses = (0, _classnames.default)("".concat(classPrefix, "-title-right"), "".concat(classPrefix, "-title-right-").concat(closeIconPosition));
         return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, closeable && /*#__PURE__*/ _react.default.createElement(_components.View, {
             className: closeClasses,
-            onClick: handleCloseIconClick,
-            ariaRole: "button",
-            ariaLabel: closeAriaLabel || locale.close
+            onClick: handleCloseIconClick
         }, /*#__PURE__*/ _react.default.isValidElement(closeIcon) ? closeIcon : /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Close, null)));
     };
-    var renderTop = function renderTop() {
-        if (!top) return null;
-        return /*#__PURE__*/ _react.default.createElement(_components.View, {
-            className: "".concat(classPrefix, "-bottom-top"),
-            ref: topNodeRef,
-            style: {
-                bottom: topBottom
-            }
-        }, top);
-    };
     var renderTitle = function renderTitle() {
         if (left || title || description) {
             return /*#__PURE__*/ _react.default.createElement(_components.View, {
@@ -254,7 +206,7 @@ var Popup = function Popup(props) {
         var currentHeight = Math.max(min, heightRef.current - touchMoveDistanceRef.current);
         onTouchEnd === null || onTouchEnd === void 0 ? void 0 : onTouchEnd(currentHeight, e);
     };
-    var renderPop = function renderPop() {
+    var renderContent = function renderContent() {
         return /*#__PURE__*/ _react.default.createElement(_components.View, {
             ref: nodeRef,
             style: (0, _object_spread._)((0, _object_spread_props._)((0, _object_spread._)({}, popStyles), {
@@ -267,24 +219,20 @@ var Popup = function Popup(props) {
             onTouchMove: handleTouchMove,
             onTouchEnd: handleTouchEnd,
             onTouchCancel: handleTouchEnd
-        }, renderTop(), renderTitle(), showChildren ? children : null);
+        }, renderTitle(), showChildren ? children : null);
+    };
+    var renderPop = function renderPop() {
+        return /*#__PURE__*/ _react.default.createElement(_reacttransitiongroup.CSSTransition, {
+            nodeRef: nodeRef,
+            classNames: transitionName,
+            mountOnEnter: true,
+            unmountOnExit: destroyOnClose,
+            timeout: duration,
+            in: innerVisible,
+            onEntered: afterShow,
+            onExited: afterClose
+        }, renderContent());
     };
-    // const renderPop = () => {
-    // return (
-    //   <CSSTransition
-    //     nodeRef={nodeRef}
-    //     classNames={transitionName}
-    //     mountOnEnter
-    //     unmountOnExit={destroyOnClose}
-    //     timeout={duration}
-    //     in={innerVisible}
-    //     onEntered={afterShow}
-    //     onExited={afterClose}
-    //   >
-    //     {renderContent()}
-    //   </CSSTransition>
-    // )
-    // }
     var renderNode = function renderNode() {
         return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, overlay ? /*#__PURE__*/ _react.default.createElement(_index.default, {
             zIndex: index,