@nutui/nutui-react 3.0.19-beta.2 → 3.0.20-beta.0

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

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-l, 16px));
+  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
 }
 .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-l, 16px));
+  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
   font-weight: var(--nutui-popup-title-font-weight, var(--nutui-font-weight-bold, 600));
 }
 .nut-picker-panel {

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

@@ -65,7 +65,8 @@ 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: Object.getOwnPropertyDescriptor(all, name).get
+        get: all[name]
     });
 }
 _export(exports, {
-    get momentum () {
+    momentum: function() {
         return momentum;
     },
-    get useStyles () {
+    useStyles: function() {
         return useStyles;
     }
 });

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

@@ -73,8 +73,10 @@
     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,8 +66,10 @@
   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,8 +73,10 @@
     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,8 +66,10 @@
   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,8 +73,10 @@
     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,8 +66,10 @@
   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

@@ -22,6 +22,7 @@ var _iconsreact = require("@nutui/icons-react");
 var _overlay = require("../overlay/overlay");
 var _overlay1 = /*#__PURE__*/ _interop_require_default._(require("../overlay"));
 var _uselockscroll = require("../../hooks/use-lock-scroll");
+var _configprovider = require("../configprovider");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _overlay.defaultOverlayProps), {
     position: 'center',
     transition: '',
@@ -51,8 +52,9 @@ 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, 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 _$_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 nodeRef = _react.default.useRef(null);
+    var topNodeRef = _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];
@@ -64,6 +66,7 @@ var Popup = function Popup(props) {
     // 首次可调整时记录的默认高度
     var defaultHeightRef = (0, _react.useRef)(0);
     var isTouching = (0, _react.useRef)(false);
+    var locale = (0, _configprovider.useConfig)().locale;
     (0, _uselockscroll.useLockScroll)(nodeRef, innerVisible && lockScroll);
     var classPrefix = 'nut-popup';
     var overlayStyles = (0, _object_spread._)({}, overlayStyle);
@@ -87,6 +90,14 @@ var Popup = function Popup(props) {
         }
         onOpen && onOpen();
     };
+    (0, _react.useEffect)(function() {
+        if (topNodeRef.current && nodeRef.current) {
+            var _nodeRef_current;
+            topNodeRef.current.style.bottom = "".concat((_nodeRef_current = nodeRef.current) === null || _nodeRef_current === void 0 ? void 0 : _nodeRef_current.clientHeight, "px");
+        }
+    }, [
+        innerVisible
+    ]);
     var close = function close() {
         if (innerVisible) {
             setInnerVisible(false);
@@ -111,9 +122,19 @@ 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("div", {
             className: closeClasses,
-            onClick: handleCloseIconClick
+            onClick: handleCloseIconClick,
+            role: "button",
+            "aria-label": closeAriaLabel || locale.close,
+            tabIndex: -1
         }, /*#__PURE__*/ _react.default.isValidElement(closeIcon) ? closeIcon : /*#__PURE__*/ _react.default.createElement(_iconsreact.Close, null)));
     };
+    var renderTop = function renderTop() {
+        if (!top) return null;
+        return /*#__PURE__*/ _react.default.createElement("div", {
+            className: "".concat(classPrefix, "-bottom-top"),
+            ref: topNodeRef
+        }, top);
+    };
     var renderTitle = function renderTitle() {
         if (left || title || description) {
             return /*#__PURE__*/ _react.default.createElement("div", {
@@ -186,7 +207,7 @@ var Popup = function Popup(props) {
             onTouchMove: handleTouchMove,
             onTouchEnd: handleTouchEnd,
             onTouchCancel: handleTouchEnd
-        }, renderTitle(), showChildren && children));
+        }, renderTop(), renderTitle(), showChildren && children));
     };
     var renderNode = function renderNode() {
         return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, overlay && /*#__PURE__*/ _react.default.createElement(_overlay1.default, {

package/dist/cjs/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/cjs/packages/popup/style/style.css

@@ -29,8 +29,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-l, 16px));
-  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
+  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));
 }
 .nut-popup-title-description {
   color: var(--nutui-color-text, #505259);
@@ -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;