@nutui/nutui-react 3.0.18 → 3.0.19-beta.2

package/dist/cjs/packages/nutui.react.js

@@ -5,320 +5,320 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    ActionSheet: function() {
+    get ActionSheet () {
         return _actionsheet.default;
     },
-    Address: function() {
+    get Address () {
         return _address.default;
     },
-    Animate: function() {
+    get Animate () {
         return _animate.default;
     },
-    AnimatingNumbers: function() {
+    get AnimatingNumbers () {
         return _animatingnumbers.default;
     },
-    Audio: function() {
+    get Audio () {
         return _audio.default;
     },
-    Avatar: function() {
+    get Avatar () {
         return _avatar.default;
     },
-    AvatarCropper: function() {
+    get AvatarCropper () {
         return _avatarcropper.default;
     },
-    AvatarGroup: function() {
+    get AvatarGroup () {
         return _avatargroup.default;
     },
-    BackTop: function() {
+    get BackTop () {
         return _backtop.default;
     },
-    Badge: function() {
+    get Badge () {
         return _badge.default;
     },
-    Barrage: function() {
+    get Barrage () {
         return _barrage.default;
     },
-    Button: function() {
+    get Button () {
         return _button.default;
     },
-    Calendar: function() {
+    get Calendar () {
         return _calendar.default;
     },
-    CalendarCard: function() {
+    get CalendarCard () {
         return _calendarcard.default;
     },
-    CalendarItem: function() {
+    get CalendarItem () {
         return _calendaritem.default;
     },
-    Card: function() {
+    get Card () {
         return _card.default;
     },
-    Cascader: function() {
+    get Cascader () {
         return _cascader.default;
     },
-    Cell: function() {
+    get Cell () {
         return _cell.default;
     },
-    CellGroup: function() {
+    get CellGroup () {
         return _cellgroup.default;
     },
-    Checkbox: function() {
+    get Checkbox () {
         return _checkbox.default;
     },
-    CheckboxGroup: function() {
+    get CheckboxGroup () {
         return _checkboxgroup.default;
     },
-    CircleProgress: function() {
+    get CircleProgress () {
         return _circleprogress.default;
     },
-    Col: function() {
+    get Col () {
         return _col.default;
     },
-    Collapse: function() {
+    get Collapse () {
         return _collapse.default;
     },
-    CollapseItem: function() {
+    get CollapseItem () {
         return _collapseitem.default;
     },
-    ConfigProvider: function() {
+    get ConfigProvider () {
         return _configprovider.default;
     },
-    CountDown: function() {
+    get CountDown () {
         return _countdown.default;
     },
-    DatePicker: function() {
+    get DatePicker () {
         return _datepicker.default;
     },
-    DatePickerView: function() {
+    get DatePickerView () {
         return _datepickerview.default;
     },
-    Dialog: function() {
+    get Dialog () {
         return _dialog.default;
     },
-    Divider: function() {
+    get Divider () {
         return _divider.default;
     },
-    Drag: function() {
+    get Drag () {
         return _drag.default;
     },
-    Elevator: function() {
+    get Elevator () {
         return _elevator.default;
     },
-    Ellipsis: function() {
+    get Ellipsis () {
         return _ellipsis.default;
     },
-    Empty: function() {
+    get Empty () {
         return _empty.default;
     },
-    FixedNav: function() {
+    get FixedNav () {
         return _fixednav.default;
     },
-    Form: function() {
+    get Form () {
         return _form.default;
     },
-    FormItem: function() {
+    get FormItem () {
         return _formitem.default;
     },
-    Grid: function() {
+    get Grid () {
         return _grid.default;
     },
-    GridItem: function() {
+    get GridItem () {
         return _griditem.default;
     },
-    HoverButton: function() {
+    get HoverButton () {
         return _hoverbutton.default;
     },
-    HoverButtonItem: function() {
+    get HoverButtonItem () {
         return _hoverbuttonitem.default;
     },
-    Image: function() {
+    get Image () {
         return _image.default;
     },
-    ImagePreview: function() {
+    get ImagePreview () {
         return _imagepreview.default;
     },
-    Indicator: function() {
+    get Indicator () {
         return _indicator.default;
     },
-    InfiniteLoading: function() {
+    get InfiniteLoading () {
         return _infiniteloading.default;
     },
-    Input: function() {
+    get Input () {
         return _input.default;
     },
-    InputNumber: function() {
+    get InputNumber () {
         return _inputnumber.default;
     },
-    Layout: function() {
+    get Layout () {
         return _layout.default;
     },
-    Loading: function() {
+    get Loading () {
         return _loading.default;
     },
-    Lottie: function() {
+    get Lottie () {
         return _lottie.default;
     },
-    Menu: function() {
+    get Menu () {
         return _menu.default;
     },
-    MenuItem: function() {
+    get MenuItem () {
         return _menuitem.default;
     },
-    NavBar: function() {
+    get NavBar () {
         return _navbar.default;
     },
-    NoticeBar: function() {
+    get NoticeBar () {
         return _noticebar.default;
     },
-    Notify: function() {
+    get Notify () {
         return _notify.default;
     },
-    NumberKeyboard: function() {
+    get NumberKeyboard () {
         return _numberkeyboard.default;
     },
-    Overlay: function() {
+    get Overlay () {
         return _overlay.default;
     },
-    Pagination: function() {
+    get Pagination () {
         return _pagination.default;
     },
-    Picker: function() {
+    get Picker () {
         return _picker.default;
     },
-    PickerView: function() {
+    get PickerView () {
         return _pickerview.default;
     },
-    Popover: function() {
+    get Popover () {
         return _popover.default;
     },
-    Popup: function() {
+    get Popup () {
         return _popup.default;
     },
-    Price: function() {
+    get Price () {
         return _price.default;
     },
-    Progress: function() {
+    get Progress () {
         return _progress.default;
     },
-    PullToRefresh: function() {
+    get PullToRefresh () {
         return _pulltorefresh.default;
     },
-    Radio: function() {
+    get Radio () {
         return _radio.default;
     },
-    RadioGroup: function() {
+    get RadioGroup () {
         return _radiogroup.default;
     },
-    Range: function() {
+    get Range () {
         return _range.default;
     },
-    Rate: function() {
+    get Rate () {
         return _rate.default;
     },
-    ResultPage: function() {
+    get ResultPage () {
         return _resultpage.default;
     },
-    Row: function() {
+    get Row () {
         return _row.default;
     },
-    SafeArea: function() {
+    get SafeArea () {
         return _safearea.default;
     },
-    SearchBar: function() {
+    get SearchBar () {
         return _searchbar.default;
     },
-    Segmented: function() {
+    get Segmented () {
         return _segmented.default;
     },
-    ShortPassword: function() {
+    get ShortPassword () {
         return _shortpassword.default;
     },
-    SideBar: function() {
+    get SideBar () {
         return _sidebar.default;
     },
-    SideBarItem: function() {
+    get SideBarItem () {
         return _sidebaritem.default;
     },
-    Signature: function() {
+    get Signature () {
         return _signature.default;
     },
-    Skeleton: function() {
+    get Skeleton () {
         return _skeleton.default;
     },
-    Space: function() {
+    get Space () {
         return _space.default;
     },
-    Step: function() {
+    get Step () {
         return _step.default;
     },
-    Steps: function() {
+    get Steps () {
         return _steps.default;
     },
-    Sticky: function() {
+    get Sticky () {
         return _sticky.default;
     },
-    Swipe: function() {
+    get Swipe () {
         return _swipe.default;
     },
-    Swiper: function() {
+    get Swiper () {
         return _swiper.default;
     },
-    SwiperItem: function() {
+    get SwiperItem () {
         return _swiperitem.default;
     },
-    Switch: function() {
+    get Switch () {
         return _switch.default;
     },
-    TabPane: function() {
+    get TabPane () {
         return _tabpane.default;
     },
-    Tabbar: function() {
+    get Tabbar () {
         return _tabbar.default;
     },
-    TabbarItem: function() {
+    get TabbarItem () {
         return _tabbaritem.default;
     },
-    Table: function() {
+    get Table () {
         return _table.default;
     },
-    Tabs: function() {
+    get Tabs () {
         return _tabs.default;
     },
-    Tag: function() {
+    get Tag () {
         return _tag.default;
     },
-    TextArea: function() {
+    get TextArea () {
         return _textarea.default;
     },
-    TimeDetail: function() {
+    get TimeDetail () {
         return _timedetail.default;
     },
-    TimeSelect: function() {
+    get TimeSelect () {
         return _timeselect.default;
     },
-    Toast: function() {
+    get Toast () {
         return _toast.default;
     },
-    Tour: function() {
+    get Tour () {
         return _tour.default;
     },
-    TrendArrow: function() {
+    get TrendArrow () {
         return _trendarrow.default;
     },
-    Uploader: function() {
+    get Uploader () {
         return _uploader.default;
     },
-    Video: function() {
+    get Video () {
         return _video.default;
     },
-    VirtualList: function() {
+    get VirtualList () {
         return _virtuallist.default;
     },
-    WaterMark: function() {
+    get WaterMark () {
         return _watermark.default;
     }
 });

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

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    Overlay: function() {
+    get Overlay () {
         return Overlay;
     },
-    defaultOverlayProps: function() {
+    get defaultOverlayProps () {
         return defaultOverlayProps;
     }
 });

package/dist/cjs/packages/pickerview/pickerview.js

@@ -65,8 +65,7 @@ var InternalPickerView = function InternalPickerView(props, ref) {
                 var index = currentOptions.findIndex(function(columnItem) {
                     return columnItem.value === currentValue;
                 });
-                columnOptions = currentOptions[index === -1 ? 0 : index] // 如果未找到，默认取第一个
-                ;
+                columnOptions = currentOptions[index === -1 ? 0 : index]; // 如果未找到，默认取第一个
             } else {
                 return "break" // 如果 currentValue 不存在，终止循环
                 ;

package/dist/cjs/packages/pickerview/utils.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    momentum: function() {
+    get momentum () {
         return momentum;
     },
-    useStyles: function() {
+    get useStyles () {
         return useStyles;
     }
 });

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

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

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

@@ -34,6 +34,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() {
@@ -41,28 +43,42 @@ 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, 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 nodeRef = _react.default.useRef(null);
     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 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);
     (0, _uselockscroll.useLockScroll)(nodeRef, innerVisible && lockScroll);
     var classPrefix = 'nut-popup';
     var overlayStyles = (0, _object_spread._)({}, overlayStyle);
     var popStyles = (0, _object_spread_props._)((0, _object_spread._)({}, style), {
-        zIndex: index
+        zIndex: index,
+        minHeight: minHeight
     });
     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 open = function open() {
         if (!innerVisible) {
+            // 当高度改变后，再次打开时，将高度置为初始高度
+            if (position === 'bottom' && resizable && nodeRef.current && heightRef.current) {
+                nodeRef.current.style.height = "".concat(defaultHeightRef.current, "px");
+            }
             setInnerVisible(true);
             setIndex(++innerIndex);
         }
@@ -116,6 +132,41 @@ var Popup = function Popup(props) {
             return renderCloseIcon();
         }
     };
+    var handleTouchStart = function handleTouchStart(event) {
+        var _nodeRef_current;
+        if (position !== 'bottom' || !resizable || !nodeRef.current) return;
+        // 开始touch，记录下touch的pageY，用以判断是向上滑动还是向下滑动
+        touchStartRef.current = event.touches[0].pageY;
+        // 标记开始滑动
+        isTouching.current = true;
+        // 标记当前popup的高度
+        heightRef.current = ((_nodeRef_current = nodeRef.current) === null || _nodeRef_current === void 0 ? void 0 : _nodeRef_current.offsetHeight) || 0;
+        if (!defaultHeightRef.current) defaultHeightRef.current = heightRef.current;
+        onTouchStart === null || onTouchStart === void 0 ? void 0 : onTouchStart(heightRef.current, event);
+    };
+    var handleTouchMove = function handleTouchMove(event) {
+        if (position !== 'bottom' || !resizable || !nodeRef.current) return;
+        event.stopPropagation();
+        // move过程中，当前的pageY 与 start值比较
+        touchMoveDistanceRef.current = event.touches[0].pageY - touchStartRef.current;
+        var min = typeof minHeight === 'number' ? minHeight : parseInt(String(minHeight || 0), 10) || 0;
+        var currentHeight = Math.max(min, heightRef.current - touchMoveDistanceRef.current);
+        nodeRef.current.style.height = "".concat(currentHeight, "px");
+        // 向下滑动
+        if (touchMoveDistanceRef.current > 0) {
+            onTouchMove === null || onTouchMove === void 0 ? void 0 : onTouchMove(currentHeight, event, 'down');
+        } else {
+            // 向上滑动
+            onTouchMove === null || onTouchMove === void 0 ? void 0 : onTouchMove(currentHeight, event, 'up');
+        }
+    };
+    var handleTouchEnd = function handleTouchEnd(event) {
+        if (position !== 'bottom' || !resizable || !nodeRef.current) return;
+        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, event);
+    };
     var renderPop = function renderPop() {
         return /*#__PURE__*/ _react.default.createElement(_reacttransitiongroup.CSSTransition, {
             nodeRef: nodeRef,
@@ -130,7 +181,11 @@ var Popup = function Popup(props) {
             ref: nodeRef,
             style: popStyles,
             className: popClassName,
-            onClick: onClick
+            onClick: onClick,
+            onTouchStart: handleTouchStart,
+            onTouchMove: handleTouchMove,
+            onTouchEnd: handleTouchEnd,
+            onTouchCancel: handleTouchEnd
         }, renderTitle(), showChildren && children));
     };
     var renderNode = function renderNode() {

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-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;