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

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

@@ -1,13 +1,31 @@
+: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 */
 /* #endif */
 .nut-numberkeyboard {
   width: 100%;
-  padding: var(--nutui-numberkeyboard-padding, 0 0 22px 0);
+  padding: var(--nutui-numberkeyboard-padding, 0 0 calc(22px * var(--nut-scale-f, 1)) 0);
   user-select: none;
   background-color: var(--nutui-numberkeyboard-background-color, var(--nutui-color-background, #f2f3f5));
 }
+.nut-numberkeyboard-close-icon {
+  width: var(--nutui-icon-size-18, calc(18px * var(--nut-scale-icon, var(--nut-scale-f, 1))));
+  height: var(--nutui-icon-size-18, calc(18px * var(--nut-scale-icon, var(--nut-scale-f, 1))));
+}
+.nut-numberkeyboard-delete-icon {
+  width: calc(28px * var(--nut-scale-f, 1));
+  height: calc(28px * var(--nut-scale-f, 1));
+}
 .nut-numberkeyboard-header {
   position: relative;
   display: flex;
@@ -16,14 +34,14 @@
   /* #ifndef dynamic*/
   box-sizing: content-box;
   /* #endif */
-  padding: var(--nutui-popup-title-padding, 16px);
+  padding: var(--nutui-popup-title-padding, calc(16px * var(--nut-scale-f, 1)));
   color: var(--nutui-color-title, #1a1a1a);
-  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
+  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, calc(18px * var(--nut-scale-font, var(--nut-scale-f, 1)))));
 }
 .nut-numberkeyboard-header-title {
   color: var(--nutui-color-title, #1a1a1a);
   display: inline-block;
-  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
+  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, calc(18px * var(--nut-scale-font, var(--nut-scale-f, 1)))));
 }
 .nut-numberkeyboard-header-close {
   position: absolute;
@@ -31,16 +49,16 @@
   right: 0;
   top: 50%;
   transform: translateY(-50%);
-  padding: var(--nutui-numberkeyboard-header-close-padding, 0 16px);
+  padding: var(--nutui-numberkeyboard-header-close-padding, 0 calc(16px * var(--nut-scale-f, 1)));
   color: var(--nutui-numberkeyboard-header-close-color, var(--nutui-color-text, #505259));
-  font-size: var(--nutui-numberkeyboard-header-close-font-size, 14px);
+  font-size: var(--nutui-numberkeyboard-header-close-font-size, var(--nutui-font-size-base, calc(14px * var(--nut-scale-font, var(--nut-scale-f, 1)))));
   background-color: var(--nutui-numberkeyboard-header-close-background-color, transparent);
   border: none;
   cursor: pointer;
 }
 .nut-numberkeyboard-body {
   display: flex;
-  padding: 6px 0 0 6px;
+  padding: calc(6px * var(--nut-scale-f, 1)) 0 0 calc(6px * var(--nut-scale-f, 1));
 }
 .nut-numberkeyboard-body-keys {
   display: flex;
@@ -57,19 +75,19 @@
   flex-basis: 33%;
   /* #endif */
   box-sizing: border-box;
-  padding: 0 6px 6px 0;
+  padding: 0 calc(6px * var(--nut-scale-f, 1)) calc(6px * var(--nut-scale-f, 1)) 0;
   background-color: var(--nutui-numberkeyboard-wrapper-background-color, var(--nutui-color-background-sunken, #f7f8fc));
 }
 .nut-numberkeyboard-body-wrapper .key {
   display: flex;
   align-items: center;
   justify-content: center;
-  height: var(--nutui-numberkeyboard-key-height, 48px);
-  font-size: var(--nutui-numberkeyboard-key-font-size, var(--nutui-font-size-xl, 18px));
+  height: var(--nutui-numberkeyboard-key-height, calc(48px * var(--nut-scale-f, 1)));
+  font-size: var(--nutui-numberkeyboard-key-font-size, var(--nutui-font-size-xl, calc(18px * var(--nut-scale-font, var(--nut-scale-f, 1)))));
   line-height: var(--nutui-numberkeyboard-key-line-height, 1.5);
   background-color: var(--nutui-numberkeyboard-key-background-color, var(--nutui-color-background-overlay, #ffffff));
   color: var(--nutui-numberkeyboard-key-color, var(--nutui-color-text, #505259));
-  border-radius: var(--nutui-numberkeyboard-key-border-radius, 8px);
+  border-radius: var(--nutui-numberkeyboard-key-border-radius, calc(8px * var(--nut-scale-f, 1)));
   border: var(--nutui-numberkeyboard-key-border, none);
   font-weight: var(--nutui-font-weight-bold, 600);
   cursor: pointer;
@@ -89,13 +107,13 @@
 .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key {
   position: absolute;
   top: 0;
-  right: 6px;
-  bottom: 6px;
+  right: calc(6px * var(--nut-scale-f, 1));
+  bottom: calc(6px * var(--nut-scale-f, 1));
   left: 0;
   height: auto;
 }
 .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .confirm {
-  font-size: var(--nutui-numberkeyboard-key-confirm-font-size, var(--nutui-font-size-l, 15px));
+  font-size: var(--nutui-numberkeyboard-key-confirm-font-size, var(--nutui-font-size-l, calc(15px * var(--nut-scale-font, var(--nut-scale-f, 1)))));
   color: var(--nutui-numberkeyboard-key-confirm-color, #fff);
   background-color: var(--nutui-numberkeyboard-key-confirm-background-color, var(--nutui-color-primary, #ff0f23));
 }
@@ -110,11 +128,11 @@
 }
 [dir=rtl] .nut-popup .nut-numberkeyboard-body,
 .nut-rtl .nut-popup .nut-numberkeyboard-body {
-  padding: 6px 6px 0 0;
+  padding: calc(6px * var(--nut-scale-f, 1)) calc(6px * var(--nut-scale-f, 1)) 0 0;
 }
 [dir=rtl] .nut-popup .nut-numberkeyboard-body-wrapper,
 .nut-rtl .nut-popup .nut-numberkeyboard-body-wrapper {
-  padding: 0 0 6px 6px;
+  padding: 0 0 calc(6px * var(--nut-scale-f, 1)) calc(6px * var(--nut-scale-f, 1));
 }
 [dir=rtl] .nut-popup .nut-numberkeyboard-body-wrapper .delete,
 .nut-rtl .nut-popup .nut-numberkeyboard-body-wrapper .delete {
@@ -122,7 +140,7 @@
 }
 [dir=rtl] .nut-popup .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key,
 .nut-rtl .nut-popup .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key {
-  left: 6px;
+  left: calc(6px * var(--nut-scale-f, 1));
   right: 0;
 }
 [dir=rtl] .nut-popup .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key.delete,

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

@@ -1,4 +1,14 @@
 .nut-numberkeyboard {
+  &-close-icon {
+    width: $icon-size-18;
+    height: $icon-size-18;
+  }
+
+  &-delete-icon {
+    width: scale-px(28px);
+    height: scale-px(28px);
+  }
+
   width: 100%;
   padding: $numberkeyboard-padding;
   user-select: none;
@@ -39,7 +49,7 @@
 
   &-body {
     display: flex;
-    padding: 6px 0 0 6px;
+    padding: scale-px(6px) 0 0 scale-px(6px);
 
     &-keys {
       display: flex;
@@ -57,7 +67,7 @@
       flex-basis: 33%;
       /* #endif */
       box-sizing: border-box;
-      padding: 0 6px 6px 0;
+      padding: 0 scale-px(6px) scale-px(6px) 0;
       background-color: $numberkeyboard-wrapper-background-color;
 
       .key {
@@ -91,8 +101,8 @@
       .key {
         position: absolute;
         top: 0;
-        right: 6px;
-        bottom: 6px;
+        right: scale-px(6px);
+        bottom: scale-px(6px);
         left: 0;
         height: auto;
       }
@@ -121,9 +131,9 @@
     }
 
     &-body {
-      padding: 6px 6px 0 0;
+      padding: scale-px(6px) scale-px(6px) 0 0;
       &-wrapper {
-        padding: 0 0 6px 6px;
+        padding: 0 0 scale-px(6px) scale-px(6px);
         .delete {
           transform: rotate(-180deg);
         }
@@ -133,7 +143,7 @@
     &-sidebar {
       .nut-numberkeyboard-body-wrapper {
         .key {
-          left: 6px;
+          left: scale-px(6px);
           right: 0;
           &.delete {
             transform: rotate(-180deg);

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

@@ -8,6 +8,14 @@
   user-select: none;
   background-color: var(--nutui-numberkeyboard-background-color, var(--nutui-color-surface-1));
 }
+.nut-numberkeyboard-close-icon {
+  width: var(--nutui-icon-size-18, 18px);
+  height: var(--nutui-icon-size-18, 18px);
+}
+.nut-numberkeyboard-delete-icon {
+  width: scale-px(28px);
+  height: scale-px(28px);
+}
 .nut-numberkeyboard-header {
   position: relative;
   display: flex;
@@ -40,7 +48,7 @@
 }
 .nut-numberkeyboard-body {
   display: flex;
-  padding: 6px 0 0 6px;
+  padding: scale-px(6px) 0 0 scale-px(6px);
 }
 .nut-numberkeyboard-body-keys {
   display: flex;
@@ -57,7 +65,7 @@
   flex-basis: 33%;
   /* #endif */
   box-sizing: border-box;
-  padding: 0 6px 6px 0;
+  padding: 0 scale-px(6px) scale-px(6px) 0;
   background-color: var(--nutui-numberkeyboard-wrapper-background-color, var(--nutui-color-surface-1));
 }
 .nut-numberkeyboard-body-wrapper .key {
@@ -89,8 +97,8 @@
 .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key {
   position: absolute;
   top: 0;
-  right: 6px;
-  bottom: 6px;
+  right: scale-px(6px);
+  bottom: scale-px(6px);
   left: 0;
   height: auto;
 }
@@ -110,11 +118,11 @@
 }
 [dir=rtl] .nut-popup .nut-numberkeyboard-body,
 .nut-rtl .nut-popup .nut-numberkeyboard-body {
-  padding: 6px 6px 0 0;
+  padding: scale-px(6px) scale-px(6px) 0 0;
 }
 [dir=rtl] .nut-popup .nut-numberkeyboard-body-wrapper,
 .nut-rtl .nut-popup .nut-numberkeyboard-body-wrapper {
-  padding: 0 0 6px 6px;
+  padding: 0 0 scale-px(6px) scale-px(6px);
 }
 [dir=rtl] .nut-popup .nut-numberkeyboard-body-wrapper .delete,
 .nut-rtl .nut-popup .nut-numberkeyboard-body-wrapper .delete {
@@ -122,7 +130,7 @@
 }
 [dir=rtl] .nut-popup .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key,
 .nut-rtl .nut-popup .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key {
-  left: 6px;
+  left: scale-px(6px);
   right: 0;
 }
 [dir=rtl] .nut-popup .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key.delete,

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

@@ -1,4 +1,14 @@
 .nut-numberkeyboard {
+  &-close-icon {
+    width: $icon-size-18;
+    height: $icon-size-18;
+  }
+
+  &-delete-icon {
+    width: scale-px(28px);
+    height: scale-px(28px);
+  }
+
   width: 100%;
   padding: $numberkeyboard-padding;
   user-select: none;
@@ -39,7 +49,7 @@
 
   &-body {
     display: flex;
-    padding: 6px 0 0 6px;
+    padding: scale-px(6px) 0 0 scale-px(6px);
 
     &-keys {
       display: flex;
@@ -57,7 +67,7 @@
       flex-basis: 33%;
       /* #endif */
       box-sizing: border-box;
-      padding: 0 6px 6px 0;
+      padding: 0 scale-px(6px) scale-px(6px) 0;
       background-color: $numberkeyboard-wrapper-background-color;
 
       .key {
@@ -91,8 +101,8 @@
       .key {
         position: absolute;
         top: 0;
-        right: 6px;
-        bottom: 6px;
+        right: scale-px(6px);
+        bottom: scale-px(6px);
         left: 0;
         height: auto;
       }
@@ -121,9 +131,9 @@
     }
 
     &-body {
-      padding: 6px 6px 0 0;
+      padding: scale-px(6px) scale-px(6px) 0 0;
       &-wrapper {
-        padding: 0 0 6px 6px;
+        padding: 0 0 scale-px(6px) scale-px(6px);
         .delete {
           transform: rotate(-180deg);
         }
@@ -133,7 +143,7 @@
     &-sidebar {
       .nut-numberkeyboard-body-wrapper {
         .key {
-          left: 6px;
+          left: scale-px(6px);
           right: 0;
           &.delete {
             transform: rotate(-180deg);

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

@@ -8,6 +8,14 @@
   user-select: none;
   background-color: var(--nutui-numberkeyboard-background-color, var(--nutui-color-surface-1));
 }
+.nut-numberkeyboard-close-icon {
+  width: var(--nutui-icon-size-18, 18px);
+  height: var(--nutui-icon-size-18, 18px);
+}
+.nut-numberkeyboard-delete-icon {
+  width: scale-px(28px);
+  height: scale-px(28px);
+}
 .nut-numberkeyboard-header {
   position: relative;
   display: flex;
@@ -40,7 +48,7 @@
 }
 .nut-numberkeyboard-body {
   display: flex;
-  padding: 6px 0 0 6px;
+  padding: scale-px(6px) 0 0 scale-px(6px);
 }
 .nut-numberkeyboard-body-keys {
   display: flex;
@@ -57,7 +65,7 @@
   flex-basis: 33%;
   /* #endif */
   box-sizing: border-box;
-  padding: 0 6px 6px 0;
+  padding: 0 scale-px(6px) scale-px(6px) 0;
   background-color: var(--nutui-numberkeyboard-wrapper-background-color, var(--nutui-color-surface-1));
 }
 .nut-numberkeyboard-body-wrapper .key {
@@ -89,8 +97,8 @@
 .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key {
   position: absolute;
   top: 0;
-  right: 6px;
-  bottom: 6px;
+  right: scale-px(6px);
+  bottom: scale-px(6px);
   left: 0;
   height: auto;
 }
@@ -110,11 +118,11 @@
 }
 [dir=rtl] .nut-popup .nut-numberkeyboard-body,
 .nut-rtl .nut-popup .nut-numberkeyboard-body {
-  padding: 6px 6px 0 0;
+  padding: scale-px(6px) scale-px(6px) 0 0;
 }
 [dir=rtl] .nut-popup .nut-numberkeyboard-body-wrapper,
 .nut-rtl .nut-popup .nut-numberkeyboard-body-wrapper {
-  padding: 0 0 6px 6px;
+  padding: 0 0 scale-px(6px) scale-px(6px);
 }
 [dir=rtl] .nut-popup .nut-numberkeyboard-body-wrapper .delete,
 .nut-rtl .nut-popup .nut-numberkeyboard-body-wrapper .delete {
@@ -122,7 +130,7 @@
 }
 [dir=rtl] .nut-popup .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key,
 .nut-rtl .nut-popup .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key {
-  left: 6px;
+  left: scale-px(6px);
   right: 0;
 }
 [dir=rtl] .nut-popup .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key.delete,

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

@@ -192,6 +192,8 @@ import Video from "./video";
 export * from "./video";
 import VirtualList from "./virtuallist";
 export * from "./virtuallist";
+import QuickEnter from "./quickenter";
+export * from "./quickenter";
 import AvatarCropper from "./avatarcropper";
 export * from "./avatarcropper";
 import Barrage from "./barrage";
@@ -209,4 +211,4 @@ export * from "./watermark";
 export * from "../types";
 export * from "../utils";
 export * from "../hooks";
-export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Divider, Grid, GridItem, Layout, Col, Row, SafeArea, Space, Sticky, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideBar, SideBarItem, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, DatePickerView, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, PickerView, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, ResultPage, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Lottie, Pagination, Price, Progress, Segmented, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, AvatarCropper, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };
+export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Divider, Grid, GridItem, Layout, Col, Row, SafeArea, Space, Sticky, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideBar, SideBarItem, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, DatePickerView, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, PickerView, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, ResultPage, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Lottie, Pagination, Price, Progress, Segmented, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, QuickEnter, AvatarCropper, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };

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

@@ -207,6 +207,9 @@ _export(exports, {
     get PullToRefresh () {
         return _pulltorefresh.default;
     },
+    get QuickEnter () {
+        return _quickenter.default;
+    },
     get Radio () {
         return _radio.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));

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

@@ -192,6 +192,8 @@ import Video from "./video";
 export * from "./video";
 import VirtualList from "./virtuallist";
 export * from "./virtuallist";
+import QuickEnter from "./quickenter";
+export * from "./quickenter";
 import AvatarCropper from "./avatarcropper";
 export * from "./avatarcropper";
 import Barrage from "./barrage";
@@ -303,6 +305,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";
@@ -313,4 +316,4 @@ import "./watermark/watermark.scss";
 export * from "../types";
 export * from "../utils";
 export * from "../hooks";
-export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Divider, Grid, GridItem, Layout, Col, Row, SafeArea, Space, Sticky, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideBar, SideBarItem, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, DatePickerView, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, PickerView, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, ResultPage, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Lottie, Pagination, Price, Progress, Segmented, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, AvatarCropper, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };
+export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Divider, Grid, GridItem, Layout, Col, Row, SafeArea, Space, Sticky, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideBar, SideBarItem, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, DatePickerView, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, PickerView, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, ResultPage, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Lottie, Pagination, Price, Progress, Segmented, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, QuickEnter, AvatarCropper, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };

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

@@ -207,6 +207,9 @@ _export(exports, {
     get PullToRefresh () {
         return _pulltorefresh.default;
     },
+    get QuickEnter () {
+        return _quickenter.default;
+    },
     get Radio () {
         return _radio.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/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;