@nutui/nutui-react-taro 1.2.2-beta.0 → 1.3.1-beta.0

package/dist/packages/swipe/swipe.scss

@@ -0,0 +1,33 @@
+.nut-swipe {
+  position: relative;
+  overflow: hidden;
+  cursor: grab;
+
+  &__wrapper {
+    transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1);
+    transition-property: transform;
+    .nut-button {
+      height: 100%;
+    }
+    .nut-cell {
+      margin: 0;
+    }
+  }
+
+  &__left,
+  &__right {
+    position: absolute;
+    top: 0;
+    height: 100%;
+  }
+
+  &__left {
+    left: 0;
+    transform: translate3d(-100%, 0, 0);
+  }
+
+  &__right {
+    right: 0;
+    transform: translate3d(101%, 0, 0);
+  }
+}

package/dist/packages/swiper/swiper.scss

@@ -30,6 +30,9 @@
       }
     }
   }
+  &__pagination-item {
+    background-color: $swiper-pagination-item-background-color;
+  }
   &__pagination-vertical {
     top: 50%;
     left: 12px;

package/dist/packages/table/table.scss

@@ -0,0 +1,81 @@
+.nut-table {
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  font-size: $font-size-2;
+  &__main {
+    display: table;
+    width: 100%;
+    border-collapse: collapse;
+    overflow-x: hidden;
+    &--striped {
+      .nut-table__main__head {
+        &__tr {
+          background-color: $table-tr-even-bg-color;
+        }
+      }
+      .nut-table__main__body {
+        &__tr:nth-child(odd) {
+          background-color: $table-tr-odd-bg-color;
+        }
+      }
+      .nut-table__main__body {
+        &__tr:nth-child(even) {
+          background-color: $table-tr-even-bg-color;
+        }
+      }
+    }
+    &__head,
+    &__body {
+      &__tr {
+        display: table-row;
+        &__th {
+          display: table-cell;
+          padding: $table-cols-padding;
+        }
+        &__td {
+          display: table-cell;
+          padding: $table-cols-padding;
+          &__nodata {
+            display: flex;
+            height: 50px;
+            align-items: center;
+            justify-content: center;
+          }
+        }
+        &--border {
+          border: 1px solid $table-border-color;
+        }
+        &--alignleft,
+        &--align {
+          text-align: left;
+        }
+        &--aligncenter {
+          text-align: center;
+        }
+        &--alignright {
+          text-align: right;
+        }
+      }
+    }
+    &__head {
+      display: table-header-group;
+    }
+    &__body {
+      display: table-row-group;
+    }
+  }
+  &__summary {
+    display: flex;
+    align-items: center;
+    height: 30px;
+    padding: $table-cols-padding;
+  }
+  &__nodata {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 30px;
+    padding: $table-cols-padding;
+  }
+}

package/dist/packages/textarea/textarea.scss

@@ -1,3 +1,12 @@
+.nut-theme-dark {
+  .nut-textarea {
+    background: $dark-background;
+    &__textarea {
+      color: $dark-color;
+    }
+  }
+}
+
 .nut-textarea {
   position: relative;
   width: 100%;
@@ -22,7 +31,7 @@
     color: $textarea-limit-color;
   }
   &__textarea {
-    min-height: $textarea-height;
+    // min-height: $textarea-height;
     outline: none;
     display: block;
     box-sizing: border-box;
@@ -30,10 +39,16 @@
     min-width: 0;
     margin: 0;
     padding: 0;
+    font-size: $textarea-font;
     color: $textarea-text-color;
     text-align: left;
     background-color: transparent;
     border: 0;
     resize: none;
   }
+  .cpoyText {
+    position: absolute;
+    top: -999999px;
+    left: -999999px;
+  }
 }

package/dist/packages/toast/toast.scss

@@ -12,21 +12,17 @@
   position: fixed;
   left: 0;
   bottom: 150px;
-  top: 50%;
-  transform: translateY(-50%);
   width: 100%;
   text-align: center;
   pointer-events: none;
   z-index: 9999;
   &-small {
-    .nut-toast__inner,
-    .nut-toast__text {
+    .nut-toast__inner {
       font-size: $font-size-small;
     }
   }
   &-large {
-    .nut-toast__inner,
-    .nut-toast__text {
+    .nut-toast__inner {
       font-size: $font-size-large;
     }
   }
@@ -36,21 +32,28 @@
     justify-content: center;
     pointer-events: auto;
     height: 100%;
+    background: $toast-cover-bg-color;
   }
   &__inner {
     display: inline-block;
-    font-size: $font-size-base;
+    font-size: $toast-text-font-size;
     min-width: 40%;
     max-width: 65%;
     text-align: center;
-    padding: 24px 30px;
+    padding: $toast-inner-padding;
     word-break: break-all;
-    background: rgba(0, 0, 0, 0);
-    border-radius: 12px;
-    color: $white;
+    background: $toast-inner-bg-color;
+    border-radius: $toast-inner-border-radius;
+    color: $toast-font-color;
+  }
+  &-text {
+    font-size: $toast-text-font-size;
+    &:empty {
+      margin-bottom: -8px;
+    }
   }
-  &__text {
-    font-size: 14px;
+  &-title {
+    font-size: $toast-title-font-size;
     &:empty {
       margin-bottom: -8px;
     }