@nutui/nutui-react 1.5.1 → 2.0.0-alpha.1

package/dist/packages/radio/radio.scss

@@ -3,16 +3,20 @@
   .nut-radio {
     &__label {
       color: $dark1;
+
       &--disabled {
         color: $dark2;
       }
     }
+
     &__button {
       background: $dark4;
       color: $dark1;
+
       &--active {
         color: $primary-color;
       }
+
       &--disabled {
         color: $dark2;
         border: 1px solid $dark2;
@@ -54,6 +58,7 @@
       color: $radio-label-font-active-color;
       border: 1px solid $radio-label-button-border-color;
     }
+
     &--disabled {
       color: $radio-label-disable-color;
       border: none;
@@ -64,6 +69,7 @@
     margin-left: $radio-label-margin-left;
     font-size: $radio-label-font-size;
     color: $radio-label-font-color;
+
     &--disabled {
       color: $radio-label-disable-color;
     }
@@ -75,9 +81,11 @@
     transition-property: color, border-color, background-color;
     font-size: $radio-icon-font-size;
   }
+
   &__icon--unchecked {
     color: $radio-icon-disable-color;
   }
+
   &__icon--disable {
     color: $radio-icon-disable-color2;
   }

package/dist/packages/rate/rate.scss

@@ -1,21 +1,48 @@
-
 .nut-rate {
   display: flex;
+
+  &.disabled {
+    .nut-rate-item__icon {
+      cursor: not-allowed;
+    }
+  }
+
+  &.readonly {
+    .nut-rate-item__icon {
+      cursor: default;
+    }
+  }
+
   &-item {
     display: flex;
     flex-shrink: 0;
     position: relative;
+    margin-right: $rate-item-margin;
+
+    &:last-child {
+      margin-right: 0;
+    }
+
+    &__half {
+      position: absolute;
+      height: 100%;
+      width: 50% !important;
+      left: 0;
+      top: 0;
+      overflow: hidden;
+    }
 
     &__icon {
       color: $rate-icon-color;
       cursor: pointer;
+
       &--disabled {
         color: $rate-icon-void-color;
       }
 
       &.nut-rate-item__icon.nut-rate-item__icon--half {
         position: absolute;
-        width: 50% !important;
+        // width: 50% !important;
         left: 0;
         top: 0;
         overflow: hidden;
@@ -28,9 +55,5 @@
         transform: none;
       }
     }
-
-    &:last-child {
-      margin-right: 0;
-    }
   }
 }

package/dist/packages/row/row.scss

@@ -1,37 +1,7 @@
-.nut-theme-dark {
-  .flex-content {
-    line-height: $row-content-line-height;
-    color: $row-content-color;
-    text-align: center;
-    border-radius: $row-content-border-radius;
-    background: $dark4;
-    &.flex-content-light {
-      background: $dark8;
-    }
-    &.flex-content-height {
-      height: $row-content-height;
-    }
-  }
-}
-
-.flex-content {
-  line-height: $row-content-line-height;
-  color: $row-content-color;
-  text-align: center;
-  border-radius: $row-content-border-radius;
-  background: $row-content-background-color;
-  font-size: 14px;
-
-  &.flex-content-light {
-    background: $row-content-light-background-color;
-  }
-  &.flex-content-height {
-    height: $row-content-height;
-  }
-}
 .nut-row {
   width: 100%;
   overflow: hidden;
+
   &:after {
     display: block;
     height: 0;
@@ -42,41 +12,53 @@
 
   &-flex {
     display: flex;
+
     &:after {
       display: none;
     }
+
     .nut-col {
       float: none;
     }
   }
+
   &-justify-center {
     justify-content: center;
   }
+
   &-justify-end {
     justify-content: flex-end;
   }
+
   &-justify-space-between {
     justify-content: space-between;
     align-items: center;
   }
+
   &-justify-space-around {
     justify-content: space-around;
   }
+
   &-align-flex-start {
     align-items: flex-start;
   }
+
   &-align-center {
     align-items: center;
   }
+
   &-align-flex-end {
     align-items: flex-end;
   }
+
   &-flex-wrap {
     flex-wrap: wrap;
   }
+
   &-flex-nowrap {
     flex-wrap: nowrap;
   }
+
   &-flex-reverse {
     flex-wrap: wrap-reverse;
   }

package/dist/packages/searchbar/searchbar.scss

@@ -1,4 +1,3 @@
-
 .nut-theme-dark {
   .nut-searchbar {
     background: $dark5;

package/dist/packages/shortpassword/shortpassword.scss

@@ -112,7 +112,6 @@
       border: 0;
       text-decoration: none;
       z-index: -99;
-      padding-right: 100%;
     }
 
     &-site {
@@ -169,6 +168,10 @@
       color: $shortpassword-forget;
       display: flex;
       align-items: center;
+
+      &-tips {
+        margin-left: 3px;
+      }
     }
   }
 

package/dist/packages/sidenavbar/sidenavbar.scss

@@ -1,23 +1,4 @@
 
-.nut-theme-dark {
-  .nut-sidenavbar {
-    background-color: $dark4;
-
-    &__title {
-      background: $dark4;
-      color: $white;
-    }
-
-    &__content {
-      .nut-subsidenavbar__list {
-        .nut-subsidenavbar__title {
-          background: $dark4;
-        }
-      }
-    }
-  }
-}
-
 $nutSidenavbarItemHeight: 40px;
 
 .nut-sidenavbar {

package/dist/packages/step/step.scss

@@ -1,4 +1,3 @@
-
 .nut-theme-dark {
   .nut-step {
     &.nut-step-wait {

package/dist/packages/sticky/sticky.scss

@@ -1,3 +1,3 @@
-.nut-sticky-fixed {
+.nut-sticky--fixed {
   position: fixed;
 }

package/dist/packages/swiper/swiper.scss

@@ -1,3 +1,4 @@
+
 .nut-swiper {
   position: relative;
   z-index: 1;
@@ -5,31 +6,37 @@
   transition-property: transform;
   box-sizing: content-box;
   overflow: hidden;
+
   &__inner {
     display: flex;
     height: 100%;
   }
+
   &__vertical {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     flex-direction: column;
   }
+
   &__pagination {
     display: flex;
     position: absolute;
     left: 50%;
     bottom: $swiper-pagination-bottom;
     transform: translateX(-50%);
+
     i {
       width: $swiper-pagination-item-width;
       height: $swiper-pagination-item-height;
       margin-right: $swiper-pagination-item-margin-right;
       border-radius: $swiper-pagination-item-border-radius;
+
       &:last-child {
         margin-right: 0;
       }
     }
   }
+
   &__pagination-vertical {
     top: 50%;
     left: 12px;
@@ -38,6 +45,7 @@
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     transform: translateY(-50%);
+
     i {
       margin-bottom: 5px;
     }

package/dist/packages/tabbaritem/tabbaritem.scss

@@ -1,4 +1,3 @@
-
 .nut-theme-dark {
   .nut-tabbar-item {
     color: $dark1;

package/dist/packages/table/table.scss

@@ -1,4 +1,3 @@
-
 .nut-theme-dark {
   .nut-table {
     margin-bottom: 3px;

package/dist/packages/tag/tag.scss

@@ -1,4 +1,3 @@
-
 .nut-tag {
   padding: $tag-padding;
   display: inline-flex;
@@ -8,7 +7,7 @@
   border-radius: $tag-default-border-radius;
   height: $tag-height;
 
-  ._icon {
+  .nut-icon {
     vertical-align: middle;
     margin-left: 4px;
   }
@@ -54,14 +53,22 @@
     border: $tag-border-width solid transparent;
     @include plain;
   }
+
   &--round {
     border-radius: 8px;
   }
+
   &--mark {
     border-radius: 0 12px 12px 0;
   }
+
   &--close {
     margin-left: 4px;
     cursor: pointer;
   }
+  &-custom-icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+  }
 }

package/dist/packages/timedetail/timedetail.scss

@@ -1,11 +1,13 @@
 .nut-theme-dark {
   .nut-timedetail {
     background-color: $dark6;
+
     &__detail {
       &__list {
         &__item {
           background-color: $dark4;
           color: $dark1;
+
           &--curr {
             color: $timeselect-timedetail-item-cur-text-color;
           }
@@ -14,6 +16,7 @@
     }
   }
 }
+
 .nut-timedetail {
   display: flex;
   align-content: flex-start;
@@ -29,17 +32,20 @@
     margin-bottom: 10px;
     background-color: $background-color;
     color: $title-color;
+
     &-active {
       background-color: $dark-brand-color;
     }
+
     border-radius: 5px;
     font-size: 14px;
     border: 1px solid transparent;
     font-weight: 700;
   }
+
   &__item-active {
-    background-color: #fa2c1926;
-    border: 1px solid #fa2c19;
-    color: #fa2c19;
+    background-color: var(--nutui-brand-color-opacity);
+    border: 1px solid $primary-color;
+    color: $primary-color;
   }
 }

package/dist/packages/timeselect/timeselect.scss

@@ -61,7 +61,7 @@
     color: $title-color;
 
     .nut-timepannel-active {
-      background-color: red;
+      background-color: $primary-color;
     }
   }
 

package/dist/packages/toast/toast.scss

@@ -1,4 +1,3 @@
-
 @keyframes rotation {
   0% {
     -webkit-transform: rotate(0deg);

package/dist/packages/uploader/uploader.scss

@@ -1,31 +1,5 @@
 @import '../../styles/mixins/text-ellipsis.scss';
 
-.nut-theme-dark {
-  .nut-uploader {
-    // background-color:  $gray2;
-    &__preview {
-      margin-bottom: 0;
-
-      &-img {
-        i {
-          color: $dark1 !important;
-        }
-      }
-    }
-  }
-
-  .nut-progress {
-    .nut-progress-text__inner {
-      color: $white !important;
-    }
-  }
-
-  .nut-uploader__preview-list {
-    background: $dark5;
-    color: $dark1;
-  }
-}
-
 .nut-uploader {
   position: relative;
   display: flex;
@@ -194,8 +168,8 @@
       }
 
       &__c {
-        max-width: 100%;
-        max-height: 100%;
+        width: 100%;
+        height: 100%;
         border-radius: 6px;
       }