@nutui/nutui-react-taro 2.0.1 → 2.0.2-beta.0

package/dist/packages/animatingnumbers/countup.scss

@@ -11,8 +11,12 @@
     color: $title-color;
     font-weight: bold;
   }
-  &__number,
   &__separator {
+    display: flex;
+    height: 80%;
+    align-items: flex-end;
+  }
+  &__number {
     display: flex;
     flex-direction: column;
     align-items: center;

package/dist/packages/calendar/calendar.scss

@@ -192,6 +192,15 @@
       }
     }
 
+    &-choose-disabled {
+      background-color: $calendar-choose-disable-background-color;
+      color: $calendar-disable-color !important;
+
+      .nut-calendar-day-info-curr {
+        display: none;
+      }
+    }
+
     &-choose {
       background-color: $calendar-choose-background-color;
       color: $calendar-choose-color;

package/dist/packages/overlay/overlay.scss

@@ -5,15 +5,6 @@
   width: 100%;
   height: 100%;
   background: $overlay-bg-color;
-}
-
-.nut-overflow-hidden {
-  overflow: hidden !important;
-}
-
-.nut-overlay-fade-enter-active {
-  animation: nut-fade-in;
-
   .wrapper {
     .content {
       background-color: $overlay-content-bg-color;
@@ -22,42 +13,49 @@
   }
 }
 
-.nut-overlay-fade-leave-active {
-  animation: nut-fade-out;
+.nut-overflow-hidden {
+  overflow: hidden !important;
 }
 
-.nut-overlay-first-render {
-  display: none;
-}
+.nut-overlay-slide {
+  @keyframes nut-fade-in {
+    0% {
+      opacity: 0;
+    }
 
-.nut-overlay-hidden-render {
-  display: none;
-}
+    1% {
+      opacity: 0;
+    }
 
-@keyframes nut-fade-in {
-  0% {
-    opacity: 0;
+    100% {
+      opacity: 1;
+    }
   }
 
-  1% {
-    opacity: 0;
-  }
+  @keyframes nut-fade-out {
+    0% {
+      opacity: 1;
+    }
 
-  100% {
-    opacity: 1;
-  }
-}
+    1% {
+      opacity: 1;
+    }
 
-@keyframes nut-fade-out {
-  0% {
-    opacity: 1;
+    100% {
+      opacity: 0;
+    }
   }
 
-  1% {
-    opacity: 1;
+  &-enter-active,
+  &-appear-active {
+    animation-fill-mode: both;
+    animation-name: nut-fade-in;
+    animation-duration: $overlay-animation-duration;
   }
 
-  100% {
-    opacity: 0;
+  &-exit-active {
+    animation-fill-mode: both;
+    animation-name: nut-fade-out;
+    animation-duration: $overlay-animation-duration;
   }
 }

package/dist/packages/popup/popup.scss

@@ -139,13 +139,13 @@
   &-default-enter-active {
     animation-fill-mode: both;
     animation-name: popup-scale-fade-in;
-    animation-duration: 0.3s;
+    animation-duration: $popup-animation-duration;
   }
 
   &-default-exit-active {
     animation-fill-mode: both;
     animation-name: popup-scale-fade-out;
-    animation-duration: 0.3s;
+    animation-duration: $popup-animation-duration;
   }
 
   @keyframes popup-fade-in {
@@ -171,13 +171,13 @@
   &-center-enter-active {
     animation-fill-mode: both;
     animation-name: popup-fade-in;
-    animation-duration: 0.3s;
+    animation-duration: $popup-animation-duration;
   }
 
   &-center-exit-active {
     animation-fill-mode: both;
     animation-name: popup-fade-out;
-    animation-duration: 0.3s;
+    animation-duration: $popup-animation-duration;
   }
 
   /* 从顶部滑出 */
@@ -198,13 +198,13 @@
     transform: translate3d(0, 0%, 0);
     animation-fill-mode: both;
     animation-name: popup-slide-top-enter;
-    animation-duration: 0.3s;
+    animation-duration: $popup-animation-duration;
   }
 
   &-top-exit-active {
     animation-fill-mode: both;
     animation-name: popup-slide-top-exit;
-    animation-duration: 0.3s;
+    animation-duration: $popup-animation-duration;
   }
 
   /* 从右侧滑出 */
@@ -225,13 +225,13 @@
     transform: translate3d(0, 0, 0);
     animation-fill-mode: both;
     animation-name: popup-slide-right-enter;
-    animation-duration: 0.3s;
+    animation-duration: $popup-animation-duration;
   }
 
   &-right-exit {
     animation-fill-mode: both;
     animation-name: popup-slide-right-exit;
-    animation-duration: 0.3s;
+    animation-duration: $popup-animation-duration;
   }
 
   /* 从底部滑出 */
@@ -252,13 +252,13 @@
     transform: translate(0, 0);
     animation-fill-mode: both;
     animation-name: popup-slide-bottom-enter;
-    animation-duration: 0.3s;
+    animation-duration: $popup-animation-duration;
   }
 
   &-bottom-exit {
     animation-fill-mode: both;
     animation-name: slide-bottom-exit;
-    animation-duration: 0.3s;
+    animation-duration: $popup-animation-duration;
   }
 
   /* 从左侧滑出 */
@@ -279,14 +279,14 @@
     transform: translate(0, 0);
     animation-fill-mode: both;
     animation-name: popup-slide-left-enter;
-    animation-duration: 0.3s;
+    animation-duration: $popup-animation-duration;
   }
 
   &-left-exit-active,
   &-left-exit-done {
     animation-fill-mode: both;
     animation-name: popup-slide-left-exit;
-    animation-duration: 0.3s;
+    animation-duration: $popup-animation-duration;
   }
 }