@nutui/nutui-react 3.0.0 → 3.0.1

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

@@ -10,19 +10,16 @@ import "./griditem/griditem.scss";
 import "./layout/layout.scss";
 import "./col/col.scss";
 import "./row/row.scss";
+import "./safearea/safearea.scss";
 import "./space/space.scss";
 import "./sticky/sticky.scss";
-import "./safearea/safearea.scss";
 import "./backtop/backtop.scss";
 import "./elevator/elevator.scss";
 import "./fixednav/fixednav.scss";
 import "./hoverbutton/hoverbutton.scss";
 import "./hoverbuttonitem/hoverbuttonitem.scss";
 import "./navbar/navbar.scss";
-import "./sidenavbar/sidenavbar.scss";
 import "./sidebar/sidebar.scss";
-import "./sidenavbaritem/sidenavbaritem.scss";
-import "./subsidenavbar/subsidenavbar.scss";
 import "./tabbar/tabbar.scss";
 import "./tabbaritem/tabbaritem.scss";
 import "./tabpane/tabpane.scss";
@@ -35,6 +32,7 @@ import "./cascader/cascader.scss";
 import "./checkbox/checkbox.scss";
 import "./checkboxgroup/checkboxgroup.scss";
 import "./datepicker/datepicker.scss";
+import "./datepickerview/datepickerview.scss";
 import "./form/form.scss";
 import "./formitem/formitem.scss";
 import "./input/input.scss";
@@ -59,7 +57,6 @@ import "./badge/badge.scss";
 import "./dialog/dialog.scss";
 import "./drag/drag.scss";
 import "./empty/empty.scss";
-import "./resultpage/resultpage.scss";
 import "./infiniteloading/infiniteloading.scss";
 import "./loading/loading.scss";
 import "./noticebar/noticebar.scss";
@@ -67,6 +64,7 @@ import "./notify/notify.scss";
 import "./popover/popover.scss";
 import "./popup/popup.scss";
 import "./pulltorefresh/pulltorefresh.scss";
+import "./resultpage/resultpage.scss";
 import "./skeleton/skeleton.scss";
 import "./swipe/swipe.scss";
 import "./toast/toast.scss";
@@ -84,9 +82,9 @@ import "./imagepreview/imagepreview.scss";
 import "./indicator/indicator.scss";
 import "./lottie/lottie.scss";
 import "./pagination/pagination.scss";
-import "./segmented/segmented.scss";
 import "./price/price.scss";
 import "./progress/progress.scss";
+import "./segmented/segmented.scss";
 import "./step/step.scss";
 import "./steps/steps.scss";
 import "./swiper/swiper.scss";
@@ -96,10 +94,10 @@ import "./tag/tag.scss";
 import "./tour/tour.scss";
 import "./video/video.scss";
 import "./virtuallist/virtuallist.scss";
+import "./avatarcropper/avatarcropper.scss";
 import "./barrage/barrage.scss";
 import "./card/card.scss";
 import "./timedetail/timedetail.scss";
 import "./timeselect/timeselect.scss";
 import "./trendarrow/trendarrow.scss";
 import "./watermark/watermark.scss";
-import "./avatarcropper/avatarcropper.scss";

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

@@ -14,19 +14,16 @@ require("./griditem/griditem.scss");
 require("./layout/layout.scss");
 require("./col/col.scss");
 require("./row/row.scss");
+require("./safearea/safearea.scss");
 require("./space/space.scss");
 require("./sticky/sticky.scss");
-require("./safearea/safearea.scss");
 require("./backtop/backtop.scss");
 require("./elevator/elevator.scss");
 require("./fixednav/fixednav.scss");
 require("./hoverbutton/hoverbutton.scss");
 require("./hoverbuttonitem/hoverbuttonitem.scss");
 require("./navbar/navbar.scss");
-require("./sidenavbar/sidenavbar.scss");
 require("./sidebar/sidebar.scss");
-require("./sidenavbaritem/sidenavbaritem.scss");
-require("./subsidenavbar/subsidenavbar.scss");
 require("./tabbar/tabbar.scss");
 require("./tabbaritem/tabbaritem.scss");
 require("./tabpane/tabpane.scss");
@@ -39,6 +36,7 @@ require("./cascader/cascader.scss");
 require("./checkbox/checkbox.scss");
 require("./checkboxgroup/checkboxgroup.scss");
 require("./datepicker/datepicker.scss");
+require("./datepickerview/datepickerview.scss");
 require("./form/form.scss");
 require("./formitem/formitem.scss");
 require("./input/input.scss");
@@ -63,7 +61,6 @@ require("./badge/badge.scss");
 require("./dialog/dialog.scss");
 require("./drag/drag.scss");
 require("./empty/empty.scss");
-require("./resultpage/resultpage.scss");
 require("./infiniteloading/infiniteloading.scss");
 require("./loading/loading.scss");
 require("./noticebar/noticebar.scss");
@@ -71,6 +68,7 @@ require("./notify/notify.scss");
 require("./popover/popover.scss");
 require("./popup/popup.scss");
 require("./pulltorefresh/pulltorefresh.scss");
+require("./resultpage/resultpage.scss");
 require("./skeleton/skeleton.scss");
 require("./swipe/swipe.scss");
 require("./toast/toast.scss");
@@ -88,9 +86,9 @@ require("./imagepreview/imagepreview.scss");
 require("./indicator/indicator.scss");
 require("./lottie/lottie.scss");
 require("./pagination/pagination.scss");
-require("./segmented/segmented.scss");
 require("./price/price.scss");
 require("./progress/progress.scss");
+require("./segmented/segmented.scss");
 require("./step/step.scss");
 require("./steps/steps.scss");
 require("./swiper/swiper.scss");
@@ -100,10 +98,10 @@ require("./tag/tag.scss");
 require("./tour/tour.scss");
 require("./video/video.scss");
 require("./virtuallist/virtuallist.scss");
+require("./avatarcropper/avatarcropper.scss");
 require("./barrage/barrage.scss");
 require("./card/card.scss");
 require("./timedetail/timedetail.scss");
 require("./timeselect/timeselect.scss");
 require("./trendarrow/trendarrow.scss");
 require("./watermark/watermark.scss");
-require("./avatarcropper/avatarcropper.scss");

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

@@ -19,11 +19,9 @@
     0% {
       opacity: 0;
     }
-
     1% {
       opacity: 0;
     }
-
     100% {
       opacity: 1;
     }
@@ -33,11 +31,9 @@
     0% {
       opacity: 1;
     }
-
     1% {
       opacity: 1;
     }
-
     100% {
       opacity: 0;
     }

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

@@ -238,6 +238,9 @@
   from {
     transform: translate3d(0, -100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes popup-slide-top-exit {
   to {
@@ -259,6 +262,9 @@
   from {
     transform: translate3d(100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-right-exit {
   to {
@@ -280,6 +286,9 @@
   from {
     transform: translate3d(0, 100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes slide-bottom-exit {
   to {
@@ -301,6 +310,9 @@
   from {
     transform: translate3d(-100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-left-exit {
   to {

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

@@ -238,6 +238,9 @@
   from {
     transform: translate3d(0, -100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes popup-slide-top-exit {
   to {
@@ -259,6 +262,9 @@
   from {
     transform: translate3d(100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-right-exit {
   to {
@@ -280,6 +286,9 @@
   from {
     transform: translate3d(0, 100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes slide-bottom-exit {
   to {
@@ -301,6 +310,9 @@
   from {
     transform: translate3d(-100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-left-exit {
   to {

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

@@ -141,7 +141,6 @@
         opacity: 0;
         transform: scale(0.8);
       }
-
       to {
         opacity: 1;
         transform: scale(1);
@@ -153,7 +152,6 @@
         opacity: 1;
         transform: scale(1);
       }
-
       to {
         opacity: 0;
         transform: scale(0.8);
@@ -176,7 +174,6 @@
       from {
         opacity: 0;
       }
-
       to {
         opacity: 1;
       }
@@ -186,7 +183,6 @@
       from {
         opacity: 1;
       }
-
       to {
         opacity: 0;
       }
@@ -209,6 +205,9 @@
       from {
         transform: translate3d(0, -100%, 0);
       }
+      to {
+        transform: translate3d(0, 0%, 0);
+      }
     }
 
     @keyframes popup-slide-top-exit {
@@ -236,6 +235,9 @@
       from {
         transform: translate3d(100%, 0, 0);
       }
+      to {
+        transform: translate3d(0%, 0, 0);
+      }
     }
 
     @keyframes popup-slide-right-exit {
@@ -263,6 +265,9 @@
       from {
         transform: translate3d(0, 100%, 0);
       }
+      to {
+        transform: translate3d(0, 0%, 0);
+      }
     }
 
     @keyframes slide-bottom-exit {
@@ -290,6 +295,9 @@
       from {
         transform: translate3d(-100%, 0, 0);
       }
+      to {
+        transform: translate3d(0%, 0, 0);
+      }
     }
 
     @keyframes popup-slide-left-exit {

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

@@ -238,6 +238,9 @@
   from {
     transform: translate3d(0, -100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes popup-slide-top-exit {
   to {
@@ -259,6 +262,9 @@
   from {
     transform: translate3d(100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-right-exit {
   to {
@@ -280,6 +286,9 @@
   from {
     transform: translate3d(0, 100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes slide-bottom-exit {
   to {
@@ -301,6 +310,9 @@
   from {
     transform: translate3d(-100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-left-exit {
   to {

package/dist/cjs/packages/shortpassword/shortpassword.js

@@ -40,7 +40,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 });
 var InternalShortPassword = function InternalShortPassword(props, ref) {
     var locale = (0, _configprovider.useConfig)().locale;
-    var _ref = (0, _object_spread._)({}, defaultProps, props), title = _ref.title, description = _ref.description, tips = _ref.tips, outerVisible = _ref.visible, value = _ref.value, error = _ref.error, hideFooter = _ref.hideFooter, length = _ref.length, plain = _ref.plain, style = _ref.style, className = _ref.className, closeable = _ref.closeable, autoFocus = _ref.autoFocus, onFocus = _ref.onFocus, onChange = _ref.onChange, onConfirm = _ref.onConfirm, onTips = _ref.onTips, onCancel = _ref.onCancel, onClose = _ref.onClose, onComplete = _ref.onComplete, onOverlayClick = _ref.onOverlayClick, onCloseIconClick = _ref.onCloseIconClick, rest = (0, _object_without_properties._)(_ref, [
+    var _ref = (0, _object_spread._)({}, defaultProps, props), title = _ref.title, description = _ref.description, tips = _ref.tips, outerVisible = _ref.visible, value = _ref.value, error = _ref.error, hideFooter = _ref.hideFooter, length = _ref.length, plain = _ref.plain, style = _ref.style, className = _ref.className, closeable = _ref.closeable, autoFocus = _ref.autoFocus, round = _ref.round, onFocus = _ref.onFocus, onChange = _ref.onChange, onConfirm = _ref.onConfirm, onTips = _ref.onTips, onCancel = _ref.onCancel, onClose = _ref.onClose, onComplete = _ref.onComplete, onOverlayClick = _ref.onOverlayClick, onCloseIconClick = _ref.onCloseIconClick, rest = (0, _object_without_properties._)(_ref, [
         "title",
         "description",
         "tips",
@@ -54,6 +54,7 @@ var InternalShortPassword = function InternalShortPassword(props, ref) {
         "className",
         "closeable",
         "autoFocus",
+        "round",
         "onFocus",
         "onChange",
         "onConfirm",
@@ -117,15 +118,12 @@ var InternalShortPassword = function InternalShortPassword(props, ref) {
         onConfirm && onConfirm(inputValue);
     };
     return /*#__PURE__*/ _react.default.createElement(_index.default, (0, _object_spread._)({
-        style: {
-            padding: '32px 24px 28px 24px',
-            borderRadius: '12px',
-            textAlign: 'center'
-        },
+        className: "".concat(classPrefix, "-popup"),
         visible: visible,
         closeable: true,
         onOverlayClick: handleClose,
-        onCloseIconClick: handleClose
+        onCloseIconClick: handleClose,
+        round: round
     }, rest), /*#__PURE__*/ _react.default.createElement("div", {
         className: (0, _classnames.default)(classPrefix, className),
         style: style

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

@@ -1,11 +1,21 @@
 .nut-shortpassword {
+  &-popup {
+    padding: 32px 24px 28px 24px;
+    border-radius: 12px;
+    text-align: center;
+  }
+
   &-title {
+    display: flex;
+    justify-content: center;
     line-height: 1;
     font-size: $font-size-l;
     color: $color-title;
   }
 
   &-description {
+    display: flex;
+    justify-content: center;
     margin-top: 12px;
     margin-bottom: 24px;
     line-height: 1;

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

@@ -238,6 +238,9 @@
   from {
     transform: translate3d(0, -100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes popup-slide-top-exit {
   to {
@@ -259,6 +262,9 @@
   from {
     transform: translate3d(100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-right-exit {
   to {
@@ -280,6 +286,9 @@
   from {
     transform: translate3d(0, 100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes slide-bottom-exit {
   to {
@@ -301,6 +310,9 @@
   from {
     transform: translate3d(-100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-left-exit {
   to {
@@ -371,12 +383,21 @@
   right: 0;
 }
 
+.nut-shortpassword-popup {
+  padding: 32px 24px 28px 24px;
+  border-radius: 12px;
+  text-align: center;
+}
 .nut-shortpassword-title {
+  display: flex;
+  justify-content: center;
   line-height: 1;
   font-size: var(--nutui-font-size-l, 16px);
   color: var(--nutui-color-title, #1a1a1a);
 }
 .nut-shortpassword-description {
+  display: flex;
+  justify-content: center;
   margin-top: 12px;
   margin-bottom: 24px;
   line-height: 1;

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

@@ -121,6 +121,12 @@
   width: 22px;
   height: 22px;
   font-size: 22px;
+  /* #ifdef harmony*/
+  color: var(--nutui-tabbar-inactive-color, var(--nutui-color-title, #1a1a1a));
+  /* #endif*/
+  /* #ifndef harmony*/
+  color: inherit;
+  /* #endif*/
 }
 .nut-tabbar-item-icon-box-nav {
   display: block;

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

@@ -121,6 +121,12 @@
   width: 22px;
   height: 22px;
   font-size: 22px;
+  /* #ifdef harmony*/
+  color: var(--nutui-tabbar-inactive-color, var(--nutui-color-title, #1a1a1a));
+  /* #endif*/
+  /* #ifndef harmony*/
+  color: inherit;
+  /* #endif*/
 }
 .nut-tabbar-item-icon-box-nav {
   display: block;

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

@@ -20,6 +20,12 @@
       width: 22px;
       height: 22px;
       font-size: 22px;
+      /* #ifdef harmony*/
+      color: $tabbar-inactive-color;
+      /* #endif*/
+      /* #ifndef harmony*/
+      color: inherit;
+      /* #endif*/
     }
 
     &-nav {

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

@@ -238,6 +238,9 @@
   from {
     transform: translate3d(0, -100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes popup-slide-top-exit {
   to {
@@ -259,6 +262,9 @@
   from {
     transform: translate3d(100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-right-exit {
   to {
@@ -280,6 +286,9 @@
   from {
     transform: translate3d(0, 100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes slide-bottom-exit {
   to {
@@ -301,6 +310,9 @@
   from {
     transform: translate3d(-100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-left-exit {
   to {

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

@@ -238,6 +238,9 @@
   from {
     transform: translate3d(0, -100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes popup-slide-top-exit {
   to {
@@ -259,6 +262,9 @@
   from {
     transform: translate3d(100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-right-exit {
   to {
@@ -280,6 +286,9 @@
   from {
     transform: translate3d(0, 100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes slide-bottom-exit {
   to {
@@ -301,6 +310,9 @@
   from {
     transform: translate3d(-100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-left-exit {
   to {

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

@@ -238,6 +238,9 @@
   from {
     transform: translate3d(0, -100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes popup-slide-top-exit {
   to {
@@ -259,6 +262,9 @@
   from {
     transform: translate3d(100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-right-exit {
   to {
@@ -280,6 +286,9 @@
   from {
     transform: translate3d(0, 100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes slide-bottom-exit {
   to {
@@ -301,6 +310,9 @@
   from {
     transform: translate3d(-100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-left-exit {
   to {

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

@@ -356,6 +356,9 @@
   from {
     transform: translate3d(0, -100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes popup-slide-top-exit {
   to {
@@ -377,6 +380,9 @@
   from {
     transform: translate3d(100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-right-exit {
   to {
@@ -398,6 +404,9 @@
   from {
     transform: translate3d(0, 100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes slide-bottom-exit {
   to {
@@ -419,6 +428,9 @@
   from {
     transform: translate3d(-100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-left-exit {
   to {