@nutui/nutui-react 1.2.3-beta.0 → 1.2.3-beta.1

package/dist/packages/address/address.scss

@@ -81,6 +81,10 @@
           .nut-address__region-item--icon {
             margin-right: 6px;
           }
+
+          > div {
+            width: 100%;
+          }
         }
       }
     }
@@ -104,8 +108,6 @@
         box-sizing: border-box;
         padding: 0;
         .nut-address__exist-item {
-          display: flex;
-          align-items: center;
           margin-bottom: 20px;
           font-size: $font-size-1;
           line-height: 14px;
@@ -113,6 +115,11 @@
           &.active {
             font-weight: bold;
           }
+
+          > div {
+            display: flex;
+            align-items: center;
+          }
           .nut-address__exist-item-icon {
             margin-right: 9px;
           }

package/dist/packages/sidenavbar/sidenavbar.scss

@@ -0,0 +1,69 @@
+$nutSidenavbarItemHeight: 40px;
+.nut-sidenavbar {
+  color: #1d1d21;
+  font-size: 14px;
+  height: 100%;
+  overflow: auto;
+  display: block;
+  background-color: #fff;
+  .arrow-icon {
+    position: absolute;
+    width: 0;
+    height: 0;
+    right: 16px;
+    top: 18px;
+    cursor: pointer;
+  }
+  .arrow-down {
+    border-top: 4px solid #909ca4;
+    border-left: 4px solid transparent;
+    border-right: 4px solid transparent;
+  }
+  .arrow-up {
+    border-bottom: 4px solid #909ca4;
+    border-left: 4px solid transparent;
+    border-right: 4px solid transparent;
+  }
+  &__head {
+    height: $nutSidenavbarItemHeight;
+    background: #eeeff2;
+    padding: 10px;
+  }
+  &__title {
+    height: $nutSidenavbarItemHeight;
+    padding: 10px 8px 10px 20px;
+    background: #f5f5f5;
+  }
+  &__content {
+    position: relative;
+    display: block;
+  }
+  &__list {
+    &.nutShow {
+      .nut-sidenavbar__content {
+        height: auto;
+        overflow: inherit;
+      }
+    }
+    &.nutHide {
+      .nut-sidenavbar__content {
+        height: 0;
+        overflow: hidden;
+      }
+    }
+  }
+
+  .border-bt {
+    position: relative;
+    &:after {
+      content: '';
+      position: absolute;
+      width: 100%;
+      height: 1px;
+      background: #eeeff2;
+      transform: scale(1, 0.5);
+      left: 0;
+      bottom: 0;
+    }
+  }
+}

package/dist/packages/sidenavbaritem/sidenavbaritem.scss

@@ -0,0 +1,8 @@
+$nutSidenavbarItemHeight: 40px;
+
+.nut-subsidenavbar {
+  &__item {
+    height: $nutSidenavbarItemHeight;
+    padding: 10px 8px 10px 55px;
+  }
+}

package/dist/packages/subsidenavbar/subsidenavbar.scss

@@ -0,0 +1,23 @@
+$nutSidenavbarItemHeight: 40px;
+
+.nut-subsidenavbar {
+  &__title {
+    height: $nutSidenavbarItemHeight;
+    padding: 10px 8px 10px 35px;
+    background: #f7f8fa;
+  }
+  &__list {
+    &.nutShow {
+      .nut-subsidenavbar__content {
+        height: auto;
+        overflow: inherit;
+      }
+    }
+    &.nutHide {
+      .nut-subsidenavbar__content {
+        height: 0;
+        overflow: hidden;
+      }
+    }
+  }
+}

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;
+  }
+}