@nutui/nutui-react 3.0.20-beta.0 → 3.1.0-beta.1

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

@@ -5,320 +5,323 @@ 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 QuickEnter () {
+        return _quickenter.default;
+    },
+    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;
     }
 });
@@ -421,6 +424,7 @@ var _tag = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./ta
 var _tour = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./tour"), exports));
 var _video = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./video"), exports));
 var _virtuallist = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./virtuallist"), exports));
+var _quickenter = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./quickenter"), exports));
 var _avatarcropper = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./avatarcropper"), exports));
 var _barrage = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./barrage"), exports));
 var _card = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./card"), exports));
@@ -525,6 +529,7 @@ require("./tag/tag.scss");
 require("./tour/tour.scss");
 require("./video/video.scss");
 require("./virtuallist/virtuallist.scss");
+require("./quickenter/quickenter.scss");
 require("./avatarcropper/avatarcropper.scss");
 require("./barrage/barrage.scss");
 require("./card/card.scss");

package/dist/cjs/packages/nutui.react.scss.d.ts

@@ -95,6 +95,7 @@ import "./tag/tag.scss";
 import "./tour/tour.scss";
 import "./video/video.scss";
 import "./virtuallist/virtuallist.scss";
+import "./quickenter/quickenter.scss";
 import "./avatarcropper/avatarcropper.scss";
 import "./barrage/barrage.scss";
 import "./card/card.scss";

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

@@ -99,6 +99,7 @@ require("./tag/tag.scss");
 require("./tour/tour.scss");
 require("./video/video.scss");
 require("./virtuallist/virtuallist.scss");
+require("./quickenter/quickenter.scss");
 require("./avatarcropper/avatarcropper.scss");
 require("./barrage/barrage.scss");
 require("./card/card.scss");

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/overlay/style/style.css

@@ -1,3 +1,13 @@
+:root,
+page {
+  --nut-scale-f: 1;
+  --nut-scale-font: var(--nut-scale-f, 1);
+  --nut-scale-icon: var(--nut-scale-f, 1);
+  --nut-icon-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
+  --nut-icon-width: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
+  --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
+}
+
 /* #ifdef harmony */
 /* #endif */
 /* #ifndef harmony */

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

@@ -8,8 +8,8 @@
 .nut-pagination-prev,
 .nut-pagination-item,
 .nut-pagination-next {
-  height: 39px;
-  min-width: 39px;
+  height: scale-px(39px);
+  min-width: scale-px(39px);
   flex-shrink: 0;
   box-sizing: border-box;
   display: flex;
@@ -53,9 +53,9 @@
 }
 
 .nut-pagination-simple {
-  height: 39px;
-  width: 124px;
-  line-height: 39px;
+  height: scale-px(39px);
+  width: scale-px(124px);
+  line-height: scale-px(39px);
   text-align: center;
   font-size: $pagination-font-size;
   color: $pagination-color;

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

@@ -1,3 +1,13 @@
+:root,
+page {
+  --nut-scale-f: 1;
+  --nut-scale-font: var(--nut-scale-f, 1);
+  --nut-scale-icon: var(--nut-scale-f, 1);
+  --nut-icon-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
+  --nut-icon-width: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
+  --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
+}
+
 /* #ifdef harmony */
 /* #endif */
 /* #ifndef harmony */
@@ -5,25 +15,25 @@
 .nut-pagination {
   display: flex;
   flex-direction: row;
-  font-size: var(--nutui-pagination-font-size, var(--nutui-font-size-base, 14px));
+  font-size: var(--nutui-pagination-font-size, var(--nutui-font-size-base, calc(14px * var(--nut-scale-font, var(--nut-scale-f, 1)))));
   color: var(--nutui-pagination-color, var(--nutui-color-primary, #ff0f23));
 }
 
 .nut-pagination-prev,
 .nut-pagination-item,
 .nut-pagination-next {
-  height: 39px;
-  min-width: 39px;
+  height: calc(39px * var(--nut-scale-f, 1));
+  min-width: calc(39px * var(--nut-scale-f, 1));
   flex-shrink: 0;
   box-sizing: border-box;
   display: flex;
   align-items: center;
   justify-content: center;
-  font-size: var(--nutui-pagination-font-size, var(--nutui-font-size-base, 14px));
+  font-size: var(--nutui-pagination-font-size, var(--nutui-font-size-base, calc(14px * var(--nut-scale-font, var(--nut-scale-f, 1)))));
   color: var(--nutui-pagination-color, var(--nutui-color-primary, #ff0f23));
   background: #ffffff;
-  border-radius: var(--nutui-pagination-item-border-radius, 2px);
-  border: var(--nutui-pagination-item-border-width, 1px) solid var(--nutui-pagination-item-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
+  border-radius: var(--nutui-pagination-item-border-radius, calc(2px * var(--nut-scale-f, 1)));
+  border: var(--nutui-pagination-item-border-width, calc(1px * var(--nut-scale-f, 1))) solid var(--nutui-pagination-item-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
   cursor: pointer;
 }
 
@@ -34,7 +44,7 @@
 
 .nut-pagination-prev,
 .nut-pagination-next {
-  padding: var(--nutui-pagination-prev-next-padding, 0 12px);
+  padding: var(--nutui-pagination-prev-next-padding, 0 calc(12px * var(--nut-scale-f, 1)));
 }
 
 .nut-pagination-contain {
@@ -57,36 +67,36 @@
 }
 
 .nut-pagination-simple {
-  height: 39px;
-  width: 124px;
-  line-height: 39px;
+  height: calc(39px * var(--nut-scale-f, 1));
+  width: calc(124px * var(--nut-scale-f, 1));
+  line-height: calc(39px * var(--nut-scale-f, 1));
   text-align: center;
-  font-size: var(--nutui-pagination-font-size, var(--nutui-font-size-base, 14px));
+  font-size: var(--nutui-pagination-font-size, var(--nutui-font-size-base, calc(14px * var(--nut-scale-font, var(--nut-scale-f, 1)))));
   color: var(--nutui-pagination-color, var(--nutui-color-primary, #ff0f23));
 }
 
 .nut-pagination-simple-border {
-  border-right: var(--nutui-pagination-item-border-width, 1px) solid var(--nutui-pagination-item-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
+  border-right: var(--nutui-pagination-item-border-width, calc(1px * var(--nut-scale-f, 1))) solid var(--nutui-pagination-item-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
 }
 
 .nut-pagination-lite {
-  height: var(--nutui-pagination-lite-height, 20px);
-  padding: 0 var(--nutui-spacing-xs, 6px);
+  height: var(--nutui-pagination-lite-height, calc(20px * var(--nut-scale-f, 1)));
+  padding: 0 var(--nutui-spacing-xs, calc(6px * var(--nut-scale-f, 1)));
   display: flex;
   flex-direction: row;
   align-items: center;
   color: #ffffff;
   background-color: var(--nutui-pagination-lite-background-color, rgba(0, 0, 0, 0.45));
-  border-radius: var(--nutui-pagination-lite-radius, var(--nutui-radius-xs, 4px));
+  border-radius: var(--nutui-pagination-lite-radius, var(--nutui-radius-xs, calc(4px * var(--nut-scale-f, 1))));
 }
 
 .nut-pagination-lite-active,
 .nut-pagination-lite-default {
-  font-size: var(--nutui-font-size-xs, 11px);
+  font-size: var(--nutui-font-size-xs, calc(11px * var(--nut-scale-font, var(--nut-scale-f, 1))));
   color: var(--nutui-pagination-lite-color, #ffffff);
 }
 
 .nut-pagination-lite-spliterator {
-  font-size: var(--nutui-font-size-xs, 11px);
+  font-size: var(--nutui-font-size-xs, calc(11px * var(--nut-scale-font, var(--nut-scale-f, 1))));
   color: var(--nutui-pagination-lite-color, #ffffff);
 }

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

@@ -8,8 +8,8 @@
 .nut-pagination-prev,
 .nut-pagination-item,
 .nut-pagination-next {
-  height: 39px;
-  min-width: 39px;
+  height: scale-px(39px);
+  min-width: scale-px(39px);
   flex-shrink: 0;
   box-sizing: border-box;
   display: flex;
@@ -53,9 +53,9 @@
 }
 
 .nut-pagination-simple {
-  height: 39px;
-  width: 124px;
-  line-height: 39px;
+  height: scale-px(39px);
+  width: scale-px(124px);
+  line-height: scale-px(39px);
   text-align: center;
   font-size: $pagination-font-size;
   color: $pagination-color;

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

@@ -12,8 +12,8 @@
 .nut-pagination-prev,
 .nut-pagination-item,
 .nut-pagination-next {
-  height: 39px;
-  min-width: 39px;
+  height: scale-px(39px);
+  min-width: scale-px(39px);
   flex-shrink: 0;
   box-sizing: border-box;
   display: flex;
@@ -57,9 +57,9 @@
 }
 
 .nut-pagination-simple {
-  height: 39px;
-  width: 124px;
-  line-height: 39px;
+  height: scale-px(39px);
+  width: scale-px(124px);
+  line-height: scale-px(39px);
   text-align: center;
   font-size: var(--nutui-pagination-font-size, var(--nutui-font-text));
   color: var(--nutui-pagination-color, var(--nutui-color-primary));