@nutui/nutui-react 2.0.9 → 2.0.11-beta.0

package/dist/packages/calendar/calendar.scss

@@ -84,10 +84,6 @@
     display: block;
     box-sizing: border-box;
 
-    // .viewArea {
-    //   display: block;
-    // }
-
     .calendar-loading-tip {
       height: 50px;
       line-height: 50px;
@@ -210,13 +206,12 @@
   // 底部导航
   &-footer {
     display: flex;
-    height: 62px;
     width: 100%;
+    flex-direction: column;
     background-color: $white;
 
     .calendar-confirm-btn {
       height: 44px;
-      width: 100%;
       margin: 10px 18px;
       border-radius: 22px;
       background: $button-primary-background-color;

package/dist/packages/loading/loading.scss

@@ -0,0 +1,34 @@
+.nut-loading {
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  &.nut-loading-vertical {
+    flex-direction: column;
+  }
+  .nut-loading-icon-box {
+    display: inline-block;
+    font-size: 0;
+    line-height: 0;
+    animation: nut-loading-rotation 1s infinite linear;
+    .nut-loading-icon {
+      color: $loading-icon-color;
+      width: $loading-icon-size;
+      height: $loading-icon-size;
+      font-size: $loading-icon-size;
+    }
+  }
+  .nut-loading-text {
+    padding: 4px;
+    color: $loading-text-color;
+    font-size: $loading-text-size;
+  }
+}
+@keyframes nut-loading-rotation {
+  0% {
+    -webkit-transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+  }
+}

package/dist/packages/tour/tour.scss

@@ -0,0 +1,78 @@
+.nut-tour {
+  &-mask {
+    position: fixed;
+    box-shadow: 0px 0px 0px 150vh rgba(0, 0, 0, 0.5);
+    border-radius: $tour-mask-border-radius;
+    z-index: 999;
+    &-none {
+      box-shadow: none;
+    }
+
+    &-hidden {
+      opacity: 0;
+    }
+  }
+
+  &-content {
+    display: block;
+    padding: $tour-content-padding;
+    min-width: $tour-content-min-width;
+    box-sizing: content-box;
+
+    &-top {
+      display: block;
+      text-align: right;
+
+      &-close {
+        --nut-icon-width: 10px;
+        --nut-icon-height: 10px;
+      }
+    }
+
+    &-inner {
+      margin: $tour-content-inner-margin;
+      font-size: $tour-content-inner-font-size;
+      white-space: nowrap;
+    }
+
+    &-bottom {
+      margin-top: $tour-content-bottom-margin-top;
+      display: flex;
+      justify-content: space-between;
+      &-operate {
+        display: flex;
+        justify-content: flex-end;
+        &-btn {
+          display: inline-block;
+          border: 1px solid $disable-color;
+          margin-left: $tour-content-bottom-btn-margin-left;
+          padding: $tour-content-bottom-btn-padding;
+          font-size: $tour-content-bottom-btn-font-size;
+          border-radius: $tour-content-bottom-btn-border-radius;
+          color: $text-color;
+          &.active {
+            color: #fff;
+            border: 0;
+            background: $primary-color;
+          }
+        }
+      }
+    }
+
+    &-tile {
+      .nut-tour-content-inner {
+        margin: 0;
+      }
+    }
+  }
+
+  &-masked {
+    position: fixed;
+    width: 100vh;
+    height: 100vh;
+    z-index: 1000;
+    top: 0;
+    left: 0;
+    background: transparent;
+  }
+}

package/dist/packages/uploader/uploader.scss

@@ -170,6 +170,7 @@
       &__c {
         width: 100%;
         height: 100%;
+        position: initial;
         border-radius: 6px;
       }