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

package/CHANGELOG.md

@@ -1,16 +1,15 @@
 # v3.0.18
-`2025-08-15`
-
 
-* 🏡 chore: 升级icon库 (#3330)
-* 🏡 chore: 发布taro下的样式按需插件
-* 📖 docs: 更新介绍部分内容 (#3324)
-* :sparkles: feat: Ellipsis校验越界不走缓存配置 (#3329)
-* :sparkles: feat(price): 支持自定义颜色&数据原样输出 (#3328)
-* :sparkles: feat(notify): 支持promise调用notice  (#3319)
-* :bug: fix(noticebar): 适配鸿蒙样式修复 (#3332)
-* :bug: Fix icons svg (#3331)
+`2025-08-15`
 
+- 🏡 chore: 升级icon库 (#3330)
+- 🏡 chore: 发布taro下的样式按需插件
+- 📖 docs: 更新介绍部分内容 (#3324)
+- :sparkles: feat: Ellipsis校验越界不走缓存配置 (#3329)
+- :sparkles: feat(price): 支持自定义颜色&数据原样输出 (#3328)
+- :sparkles: feat(notify): 支持promise调用notice (#3319)
+- :bug: fix(noticebar): 适配鸿蒙样式修复 (#3332)
+- :bug: Fix icons svg (#3331)
 
 # v3.0.17
 

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

@@ -134,9 +134,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;

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

@@ -277,9 +277,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;

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

@@ -134,9 +134,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;

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

@@ -134,9 +134,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;

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

@@ -134,9 +134,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;

package/dist/cjs/packages/dialog/dialog.js

@@ -29,7 +29,6 @@ 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 _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
-var _reacttransitiongroup = require("react-transition-group");
 var _components = require("@tarojs/components");
 var _iconsreacttaro = require("@nutui/icons-react-taro");
 var _index = /*#__PURE__*/ _interop_require_default._(require("../button/index"));
@@ -194,17 +193,20 @@ var BaseDialog = function BaseDialog(props) {
     var renderContent = function renderContent() {
         var contentZIndex = (0, _platform.harmony)() ? zIndex + 1 : zIndex // 解决harmony层级问题
         ;
-        return /*#__PURE__*/ _react.default.createElement(_reacttransitiongroup.CSSTransition, {
-            in: visible,
-            timeout: 300,
-            classNames: "fadeDialog",
-            unmountOnExit: true,
-            appear: true
-        }, /*#__PURE__*/ _react.default.createElement(_content.Content, {
+        return(// <CSSTransition
+        //   in={visible}
+        //   timeout={300}
+        //   classNames="fadeDialog"
+        //   unmountOnExit
+        //   appear
+        // >
+        /*#__PURE__*/ /*#__PURE__*/ _react.default.createElement(_content.Content, {
             className: className,
-            style: (0, _object_spread._)({
+            style: (0, _object_spread_props._)((0, _object_spread._)({
                 zIndex: contentZIndex
-            }, style),
+            }, style), {
+                display: visible ? 'block' : 'none'
+            }),
             title: title,
             header: header,
             close: renderCloseIcon(),

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

@@ -134,9 +134,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;

package/dist/cjs/packages/input/input.js

@@ -75,18 +75,27 @@ var Input = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
     }), 2), value = _usePropsValue[0], setValue = _usePropsValue[1];
     var inputRef = (0, _react.useRef)(null);
     var _useState = (0, _sliced_to_array._)((0, _react.useState)(false), 2), active = _useState[0], setActive = _useState[1];
+    // 兼容H5和小程序获取原生input标签
+    var getNativeInput = function getNativeInput() {
+        if (_taro.default.getEnv() === 'WEB') {
+            var taroInputCoreEl = inputRef.current;
+            var inputEl = taroInputCoreEl.querySelector('input');
+            return inputEl;
+        }
+        return inputRef.current;
+    };
     (0, _react.useImperativeHandle)(ref, function() {
         return {
             clear: function clear() {
                 setValue('');
             },
             focus: function focus() {
-                var _inputRef_current;
-                (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.focus();
+                var nativeInput = getNativeInput();
+                nativeInput === null || nativeInput === void 0 ? void 0 : nativeInput.focus();
             },
             blur: function blur() {
-                var _inputRef_current;
-                (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.blur();
+                var nativeInput = getNativeInput();
+                nativeInput === null || nativeInput === void 0 ? void 0 : nativeInput.blur();
             },
             get nativeElement () {
                 return inputRef.current;
@@ -174,7 +183,7 @@ var Input = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
         maxlength: maxLength,
         placeholder: placeholder === undefined ? locale.placeholder : placeholder,
         placeholderClass: "".concat(classPrefix, "-placeholder"),
-        disabled: disabled || readOnly,
+        disabled: disabled,
         value: value,
         focus: autoFocus || focus,
         confirmType: confirmType,

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

@@ -134,9 +134,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;

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

@@ -23,7 +23,6 @@ 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");
@@ -73,20 +72,27 @@ var Overlay = function Overlay(props) {
         return /*#__PURE__*/ _react.default.createElement(_components.View, (0, _object_spread_props._)((0, _object_spread._)({
             ref: nodeRef,
             className: classes,
-            style: styles
+            style: (0, _object_spread_props._)((0, _object_spread._)({}, styles), {
+                display: innerVisible ? 'block' : 'none'
+            })
         }, rest), {
             catchMove: lockScroll,
             onClick: handleClick
         }), children);
     };
-    return /*#__PURE__*/ _react.default.createElement(_reacttransitiongroup.CSSTransition, {
-        nodeRef: nodeRef,
-        classNames: "".concat(classPrefix, "-slide"),
-        unmountOnExit: true,
-        timeout: duration,
-        in: innerVisible,
-        onEntered: afterShow,
-        onExited: afterClose
-    }, renderOverlay());
+    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>
+// )
 };
 Overlay.displayName = 'NutOverlay';

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

@@ -134,9 +134,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;

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

@@ -134,9 +134,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;

package/dist/cjs/packages/popup/popup.d.ts

@@ -1,3 +1,3 @@
 import React, { FunctionComponent } from 'react';
 import { TaroPopupProps } from "../../types";
-export declare const Popup: FunctionComponent<Partial<TaroPopupProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'title'>>;
+export declare const Popup: FunctionComponent<Partial<TaroPopupProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'title' | 'onTouchStart' | 'onTouchMove' | 'onTouchEnd'>>;

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

@@ -10,20 +10,23 @@ Object.defineProperty(exports, "Popup", {
 });
 var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
 var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _async_to_generator = require("@swc/helpers/_/_async_to_generator");
 var _define_property = require("@swc/helpers/_/_define_property");
 var _object_spread = require("@swc/helpers/_/_object_spread");
 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 _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");
+var _getrect = require("../../utils/taro/get-rect");
 var _overlay = require("../overlay/overlay");
 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 defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _overlay.defaultOverlayProps), {
     position: 'center',
     transition: '',
@@ -36,6 +39,8 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _overla
     portal: null,
     overlay: true,
     round: false,
+    resizable: false,
+    minHeight: '',
     onOpen: function onOpen() {},
     onClose: function onClose() {},
     onOverlayClick: function onOverlayClick() {
@@ -43,29 +48,51 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _overla
     },
     onCloseIconClick: function onCloseIconClick() {
         return true;
-    }
+    },
+    onTouchStart: function onTouchStart() {},
+    onTouchMove: function onTouchMove() {},
+    onTouchEnd: function onTouchEnd() {}
 });
 // 默认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, 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, 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;
+    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;
     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 refObject = (0, _uselockscoll.useLockScrollTaro)(innerVisible && lockScroll);
+    var nodeRef = (0, _uselockscoll.useLockScrollTaro)(innerVisible && lockScroll);
+    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 classPrefix = 'nut-popup';
     var overlayStyles = (0, _object_spread._)({}, overlayStyle);
     var contentZIndex = (0, _platform.harmony)() ? index + 1 : index // 解决harmony层级问题
     ;
     var popStyles = (0, _object_spread._)({
-        zIndex: contentZIndex
+        zIndex: contentZIndex,
+        minHeight: minHeight
     }, style);
     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 resizeStyles = function resizeStyles() {
+        if (popupHeight !== '') {
+            return {
+                height: popupHeight
+            };
+        }
+    };
     var open = function open() {
         if (!innerVisible) {
+            // 当高度改变后，再次打开时，将高度置为初始高度
+            if (position === 'bottom' && resizable && nodeRef.current && heightRef.current) {
+                setPopupHeight((0, _pxtransform.pxTransform)(defaultHeightRef.current));
+            }
             setInnerVisible(true);
             setIndex(++innerIndex);
         }
@@ -119,27 +146,99 @@ var Popup = function Popup(props) {
             return renderCloseIcon();
         }
     };
-    var renderContent = function renderContent() {
-        return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_components.View, {
-            ref: refObject,
-            style: popStyles,
-            className: popClassName,
-            onClick: onClick,
-            catchMove: lockScroll
-        }, renderTitle(), showChildren ? children : null));
+    var handleTouchStart = /*#__PURE__*/ function() {
+        var _ref = (0, _async_to_generator._)(function(event) {
+            var _nodeRef_current, _rootRect_current, e, rect;
+            return (0, _ts_generator._)(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        if (position !== 'bottom' || !resizable || !nodeRef.current) return [
+                            2
+                        ];
+                        e = event;
+                        // 开始touch，记录下touch的pageY，用以判断是向上滑动还是向下滑动
+                        touchStartRef.current = e.touches[0].pageY;
+                        // 标记开始滑动
+                        isTouching.current = true;
+                        return [
+                            4,
+                            (0, _getrect.getRectInMultiPlatformWithoutCache)(nodeRef.current)
+                        ];
+                    case 1:
+                        rect = _state.sent();
+                        rootRect.current = rect;
+                        heightRef.current = ((_nodeRef_current = nodeRef.current) === null || _nodeRef_current === void 0 ? void 0 : _nodeRef_current.offsetHeight) || ((_rootRect_current = rootRect.current) === null || _rootRect_current === void 0 ? void 0 : _rootRect_current.height) || 0;
+                        if (!defaultHeightRef.current) defaultHeightRef.current = heightRef.current;
+                        onTouchStart === null || onTouchStart === void 0 ? void 0 : onTouchStart(heightRef.current, e);
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function handleTouchStart(event) {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    var handleTouchMove = function handleTouchMove(event) {
+        if (position !== 'bottom' || !resizable || !nodeRef.current || !rootRect.current) return;
+        var e = event;
+        e.stopPropagation();
+        // 计算位移：move过程中，当前的pageY 与 start值比较
+        touchMoveDistanceRef.current = e.touches[0].pageY - touchStartRef.current;
+        var handleMove = function handleMove() {
+            var min = typeof minHeight === 'number' ? minHeight : parseInt(String(minHeight || 0), 10) || 0;
+            var currentHeight = Math.max(min, heightRef.current - touchMoveDistanceRef.current);
+            setPopupHeight((0, _pxtransform.pxTransform)(currentHeight));
+            if (touchMoveDistanceRef.current > 0 && isTouching.current) {
+                // 向下滑动
+                onTouchMove === null || onTouchMove === void 0 ? void 0 : onTouchMove(currentHeight, e, 'down');
+            } else {
+                // 向上滑动
+                onTouchMove === null || onTouchMove === void 0 ? void 0 : onTouchMove(currentHeight, e, 'up');
+            }
+        };
+        requestAnimationFrame(handleMove);
+    };
+    var handleTouchEnd = function handleTouchEnd(event) {
+        if (position !== 'bottom' || !resizable || !nodeRef.current || !rootRect.current) return;
+        var e = event;
+        isTouching.current = false;
+        var min = typeof minHeight === 'number' ? minHeight : parseInt(String(minHeight || 0), 10) || 0;
+        var currentHeight = Math.max(min, heightRef.current - touchMoveDistanceRef.current);
+        onTouchEnd === null || onTouchEnd === void 0 ? void 0 : onTouchEnd(currentHeight, e);
     };
     var renderPop = function renderPop() {
-        return /*#__PURE__*/ _react.default.createElement(_reacttransitiongroup.CSSTransition, {
-            nodeRef: refObject,
-            classNames: transitionName,
-            mountOnEnter: true,
-            unmountOnExit: destroyOnClose,
-            timeout: duration,
-            in: innerVisible,
-            onEntered: afterShow,
-            onExited: afterClose
-        }, renderContent());
+        return /*#__PURE__*/ _react.default.createElement(_components.View, {
+            ref: nodeRef,
+            style: (0, _object_spread._)((0, _object_spread_props._)((0, _object_spread._)({}, popStyles), {
+                display: innerVisible ? 'block' : 'none'
+            }), resizeStyles()),
+            className: popClassName,
+            onClick: onClick,
+            catchMove: lockScroll,
+            onTouchStart: handleTouchStart,
+            onTouchMove: handleTouchMove,
+            onTouchEnd: handleTouchEnd,
+            onTouchCancel: handleTouchEnd
+        }, top, renderTitle(), showChildren ? children : null);
     };
+    // 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,

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

@@ -88,11 +88,6 @@
     }
   }
 
-  &-bottom,
-  &-top {
-    max-height: 87%;
-  }
-
   &-bottom {
     bottom: 0;
     left: 0;

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

@@ -80,9 +80,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;

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

@@ -134,9 +134,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;

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

@@ -88,11 +88,6 @@
     }
   }
 
-  &-bottom,
-  &-top {
-    max-height: 87%;
-  }
-
   &-bottom {
     bottom: 0;
     left: 0;

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

@@ -80,9 +80,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, 12px);
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;

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

@@ -88,11 +88,6 @@
     }
   }
 
-  &-bottom,
-  &-top {
-    max-height: 87%;
-  }
-
   &-bottom {
     bottom: 0;
     left: 0;

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

@@ -80,9 +80,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, 12px);
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;

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

@@ -134,9 +134,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;

package/dist/cjs/packages/swiper/swiper.js

@@ -31,7 +31,7 @@ var defaultProps = {
 };
 var classPrefix = 'nut-swiper';
 var Swiper = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
-    var _ref = (0, _object_spread._)({}, defaultProps, props), width = _ref.width, height = _ref.height, className = _ref.className, children = _ref.children, indicator = _ref.indicator, indicatorDots = _ref.indicatorDots, loop = _ref.loop, circular = _ref.circular, autoPlay = _ref.autoPlay, autoplay = _ref.autoplay, duration = _ref.duration, vertical = _ref.vertical, direction = _ref.direction, defaultValue = _ref.defaultValue, current = _ref.current, onChange = _ref.onChange, style = _ref.style, rest = (0, _object_without_properties._)(_ref, [
+    var _ref = (0, _object_spread._)({}, defaultProps, props), width = _ref.width, height = _ref.height, className = _ref.className, children = _ref.children, indicator = _ref.indicator, indicatorDots = _ref.indicatorDots, loop = _ref.loop, circular = _ref.circular, autoPlay = _ref.autoPlay, autoplay = _ref.autoplay, vertical = _ref.vertical, direction = _ref.direction, defaultValue = _ref.defaultValue, current = _ref.current, onChange = _ref.onChange, style = _ref.style, rest = (0, _object_without_properties._)(_ref, [
         "width",
         "height",
         "className",
@@ -42,7 +42,6 @@ var Swiper = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
         "circular",
         "autoPlay",
         "autoplay",
-        "duration",
         "vertical",
         "direction",
         "defaultValue",

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

@@ -134,9 +134,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;

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

@@ -134,9 +134,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;

package/dist/cjs/types/spec/popup/base.d.ts

@@ -12,12 +12,18 @@ export interface BasePopup extends BaseProps, BaseOverlay {
     closeIcon: ReactNode;
     left?: ReactNode;
     title?: ReactNode;
+    top?: ReactNode;
     description?: ReactNode;
     destroyOnClose: boolean;
     overlay: boolean;
     round: boolean;
+    resizable: boolean;
+    minHeight: string;
     onOpen: () => void;
     onClose: () => void;
     onOverlayClick: (e: any) => boolean | void;
     onCloseIconClick: (e: any) => boolean | void;
+    onTouchMove: (height: number, e: any, direction: 'up' | 'down') => void;
+    onTouchStart: (height: number, e: any) => void;
+    onTouchEnd: (height: number, e: any) => void;
 }

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

@@ -134,9 +134,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;

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

@@ -277,9 +277,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;