@nutui/nutui 3.1.20 → 3.1.21-beta.0

package/dist/packages/swiper/index.scss

@@ -1,45 +0,0 @@
-.nut-swiper {
-  position: relative;
-  z-index: 1;
-  display: flex;
-  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: 12px;
-    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;
-    bottom: auto;
-    flex-direction: column;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    transform: translateY(-50%);
-    i {
-      margin-bottom: 5px;
-    }
-  }
-}

package/dist/packages/swiperitem/index.scss

@@ -1,3 +0,0 @@
-.nut-swiper-item {
-  height: 100%;
-}

package/dist/packages/switch/index.scss

@@ -1,60 +0,0 @@
-.nut-switch {
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  background-color: $primary-color;
-  border-radius: $switch-border-radius;
-  background-size: 100% 100%;
-  background-repeat: no-repeat;
-  background-position: center center;
-  flex: 0 0 auto; // 防止被压缩
-  &.switch-close {
-    background-color: $switch-close-bg-color;
-    .close-line {
-      background: $switch-close--cline-bg-color;
-      border-radius: 2px;
-    }
-  }
-  .switch-button {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 50%;
-    background: $white;
-    transition: transform 0.3s;
-    .nut-switch-label {
-      color: $white;
-      font-size: $font-size-1;
-      &.open {
-        transform: translateX(-16px);
-      }
-      &.close {
-        transform: translateX(16px);
-      }
-    }
-  }
-  &.nut-switch-disable {
-    opacity: 0.6;
-  }
-  &.nut-switch-base {
-    width: $switch-width;
-    height: $switch-height;
-    line-height: $switch-line-height;
-    .switch-button {
-      height: $switch-inside-width;
-      width: $switch-inside-height;
-      transform: $switch-inside-close-transform;
-    }
-    &.switch-open {
-      .switch-button {
-        transform: $switch-inside-open-transform;
-      }
-    }
-    &.switch-close {
-      .close-line {
-        width: 8px;
-        height: 2px;
-      }
-    }
-  }
-}

package/dist/packages/tabbar/index.scss

@@ -1,27 +0,0 @@
-.nut-tabbar {
-  border: 0px;
-  box-shadow: $tabbar-box-shadow;
-  border-bottom: $tabbar-border-bottom;
-  border-top: $tabbar-border-top;
-  width: 100%;
-  display: flex;
-  padding: 7px 0;
-  box-sizing: border-box;
-  background: $white;
-
-  &:last-child {
-    border-right: 0;
-  }
-
-  &-bottom {
-    position: fixed;
-    bottom: 0px;
-    left: 0px;
-    z-index: 888;
-  }
-
-  &-safebottom {
-    margin-bottom: constant(safe-area-inset-bottom);
-    margin-bottom: env(safe-area-inset-bottom);
-  }
-}

package/dist/packages/tabbaritem/index.scss

@@ -1,79 +0,0 @@
-.nut-tabbar-item {
-  flex: 1;
-  text-align: center;
-  text-decoration: none;
-  color: $primary-color;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-
-  &__icon--unactive {
-    color: $black;
-  }
-
-  &_icon-box {
-    padding: 0px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    position: relative;
-
-    &_tips {
-      position: absolute;
-      background: $tabbar-active-color;
-      border: 1px solid $white;
-      border-radius: 7px;
-      text-align: center;
-      top: -2px;
-      right: -7px;
-      box-shadow: 0 0 0 1px $white;
-      font-size: $font-size-1;
-      color: $white;
-      z-index: 1;
-    }
-    &_dot {
-      position: absolute;
-      width: 7px;
-      height: 7px;
-      border-radius: 7px;
-      padding: 0px;
-      background: $tabbar-active-color;
-      text-align: center;
-      font-size: 12px;
-      font-weight: normal;
-      color: #fff;
-      top: 0;
-      right: 0;
-      transform: translate(50%, -50%);
-    }
-
-    &_num {
-      line-height: 1;
-      font-size: $tabbar-item-text-font-size;
-      color: $white;
-      padding: 1px 2px 2px 3px;
-    }
-
-    &_nums {
-      line-height: 1;
-      font-size: $tabbar-item-text-font-size;
-      color: $white;
-      padding: 2px 1px 2px 2px;
-    }
-    &_icon {
-      display: block;
-      background-size: 100% 100%;
-      background-position: center center;
-    }
-    &_nav-word {
-      font-size: $tabbar-item-text-font-size;
-      line-height: $tabbar-item-text-line-height;
-      display: block;
-    }
-    &_big-word {
-      font-size: $font-size-large;
-      line-height: 1;
-    }
-  }
-}

package/dist/packages/table/index.scss

@@ -1,81 +0,0 @@
-.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/tabpane/index.scss

@@ -1,12 +0,0 @@
-.nut-tabpane {
-  width: 100%;
-  flex-shrink: 0;
-  display: block;
-  background-color: #fff;
-  padding: 24px 20px;
-  box-sizing: border-box;
-  overflow: auto;
-  &.active {
-    // overflow: visible;
-  }
-}

package/dist/packages/tabs/index.scss

@@ -1,166 +0,0 @@
-.nut-tabs {
-  display: flex;
-  overflow: hidden;
-  &.horizontal {
-    flex-direction: column;
-  }
-  &.vertical {
-    flex-direction: row;
-    width: 100%;
-    .nut-tabs__titles {
-      flex-direction: column;
-      height: 100%;
-      padding: 10px 0 !important;
-      width: $tabs-vertical-titles-width;
-      flex-shrink: 0;
-      &.scrollable {
-        overflow-x: hidden;
-        overflow-y: auto;
-      }
-      &-item {
-        height: $tabs-vertical-titles-item-height;
-        flex: none;
-        &__smile {
-          transition: width 0.3s ease;
-        }
-        &__line {
-          bottom: none;
-          transform: translate(0, -50%);
-          transition: height 0.3s ease;
-          width: 0;
-          height: 0;
-        }
-        &.active {
-          background-color: #fff;
-
-          .nut-tabs__titles-item__line {
-            left: 10px;
-            width: 3px;
-            background: $tabs-vertical-tab-line-color;
-            height: $tabs-vertical-titles-item-active-line-height;
-          }
-          .nut-tabs__titles-item__smile {
-            right: -2px;
-            bottom: 2px;
-            left: auto;
-            width: 3px;
-            transform: rotate(320deg);
-            height: $tabs-vertical-titles-item-active-line-height;
-          }
-        }
-      }
-    }
-    .nut-tabs__content {
-      flex: 1;
-      flex-direction: column;
-      .nut-tabpane {
-        height: 100%;
-      }
-    }
-  }
-
-  &__titles {
-    height: $tabs-horizontal-titles-height;
-    padding: 0 10px;
-    display: flex;
-    user-select: none;
-    background: $tabs-titles-background-color;
-    border-radius: $tabs-titles-border-radius;
-    flex-shrink: 0;
-    &.large {
-      .nut-tabs__titles-item {
-        font-size: $tabs-titles-item-large-font-size;
-      }
-    }
-    &.normal {
-      .nut-tabs__titles-item {
-        font-size: $tabs-titles-item-font-size;
-      }
-    }
-    &.small {
-      .nut-tabs__titles-item {
-        font-size: $tabs-titles-item-small-font-size;
-      }
-    }
-    &::-webkit-scrollbar {
-      display: none;
-      width: 0;
-      background: transparent;
-    }
-
-    &.smile {
-      .nut-tabs__titles-item {
-        &.active {
-          .nut-tabs__titles-item__smile {
-            width: 20px;
-            height: 8px;
-          }
-        }
-      }
-    }
-    &.scrollable {
-      overflow-x: auto;
-      overflow-y: hidden;
-      .nut-tabs__titles-item {
-        width: auto;
-      }
-    }
-    &-item {
-      position: relative;
-      font-size: $tabs-titles-item-font-size;
-      flex: 1 0 auto;
-      min-width: $tabs-horizontal-titles-item-min-width;
-      width: 0;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      color: $tabs-titles-item-color;
-      &__text {
-        &.ellipsis {
-          @include oneline-ellipsis();
-        }
-        text-align: center;
-      }
-      &__smile,
-      &__line {
-        position: absolute;
-        transition: width 0.3s ease;
-        width: 0;
-        height: 0;
-        content: ' ';
-        bottom: 15%;
-        left: 50%;
-        transform: translate(-50%, 0);
-        overflow: hidden;
-      }
-
-      &__smile {
-        .nut-icon {
-          position: absolute;
-          font-size: 12px;
-          width: 100%;
-          height: 100%;
-          color: $tabs-tab-smile-color;
-        }
-      }
-
-      &.disabled {
-        color: $disable-color;
-      }
-      &.active {
-        font-weight: 600;
-        color: $tabs-titles-item-active-color;
-        .nut-tabs__titles-item__line {
-          content: ' ';
-          width: $tabs-horizontal-titles-item-active-line-width;
-          height: 3px;
-          background: $tabs-horizontal-tab-line-color;
-        }
-      }
-    }
-  }
-  &__content {
-    display: flex;
-    box-sizing: border-box;
-  }
-}

package/dist/packages/tag/index.scss

@@ -1,48 +0,0 @@
-.nut-tag {
-  padding: 0 4px;
-  display: inline-flex;
-  align-items: center;
-  font-size: $tag-font-size;
-  border-radius: $tag-default-border-radius;
-  &--default {
-    color: $tag-default-color;
-    background: $tag-default-background-color;
-    border: $tag-border-width solid transparent;
-  }
-
-  &--primary {
-    color: $tag-default-color;
-    background: $tag-primary-background-color;
-    border: $tag-border-width solid transparent;
-  }
-
-  &--success {
-    color: $tag-default-color;
-    background: $tag-success-background-color;
-    border: $tag-border-width solid transparent;
-  }
-
-  &--danger {
-    color: $tag-default-color;
-    background: $tag-danger-background-color;
-    border: $tag-border-width solid transparent;
-  }
-
-  &--warning {
-    color: $tag-default-color;
-    background: $tag-warning-background-color;
-    border: $tag-border-width solid transparent;
-  }
-
-  &--round {
-    border-radius: $tag-round-border-radius;
-  }
-
-  &--mark {
-    border-radius: 0 12px 12px 0;
-  }
-  &--close {
-    margin-left: 4px;
-    cursor: pointer;
-  }
-}

package/dist/packages/textarea/index.scss

@@ -1,40 +0,0 @@
-.nut-textarea {
-  position: relative;
-  width: 100%;
-  box-sizing: border-box;
-  display: flex;
-  background: $white;
-  font-size: $textarea-font;
-  padding: 10px 25px;
-
-  &--disabled {
-    .nut-textarea__textarea,
-    .nut-textarea____limit {
-      cursor: not-allowed;
-      color: $textarea-disabled-color !important;
-    }
-  }
-  &__limit {
-    position: absolute;
-    right: 15px;
-    bottom: 12px;
-    font-size: $textarea-font;
-    color: $textarea-limit-color;
-  }
-  &__textarea {
-    // min-height: $textarea-height;
-    outline: none;
-    display: block;
-    box-sizing: border-box;
-    width: 100%;
-    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;
-  }
-}

package/dist/packages/timedetail/index.scss

@@ -1,38 +0,0 @@
-.nut-timedetail {
-  display: flex;
-  width: 100%;
-  padding: $timeselect-timedetail-padding;
-  &__detail {
-    width: 100%;
-    &__list {
-      &__item {
-        display: inline-block;
-        width: $timeselect-timedetail-item-width;
-        height: $timeselect-timedetail-item-height;
-        line-height: $timeselect-timedetail-item-line-height;
-        text-align: center;
-        margin-right: 10px;
-        margin-bottom: 10px;
-        background-color: $timeselect-timedetail-item-bg-color;
-        border-radius: $timeselect-timedetail-item-border-radius;
-        color: $timeselect-timedetail-item-text-color;
-        font-size: $timeselect-timedetail-item-text-font-size;
-        border: 1px solid transparent;
-        font-weight: bold;
-        &--curr {
-          background-color: $timeselect-timedetail-item-cur-bg-color;
-          border: 1px solid $timeselect-timedetail-item-cur-border;
-          color: $timeselect-timedetail-item-cur-text-color;
-        }
-      }
-    }
-    &__time {
-      margin-bottom: 10px;
-      color: $timeselect-timedetail-time-text-color;
-      font-size: $timeselect-timedetail-time-font-size;
-    }
-  }
-  &__detail--afternoon {
-    margin-top: 30px;
-  }
-}

package/dist/packages/timepannel/index.scss

@@ -1,16 +0,0 @@
-.nut-timepannel {
-  display: flex;
-  width: $timeselect-timepannel-width;
-  height: $timeselect-timepannel-height;
-  padding: $timeselect-timepannel-padding;
-  align-items: center;
-  justify-content: center;
-  color: $timeselect-timepannel-text-color;
-  font-size: $timeselect-timepannel-font-size;
-  box-sizing: border-box;
-  &--curr {
-    background-color: $timeselect-timepannel-cur-bg-color;
-    color: $timeselect-timepannel-cur-text-color;
-    font-weight: bold;
-  }
-}

package/dist/packages/timeselect/index.scss

@@ -1,37 +0,0 @@
-.nut-timeselect {
-  width: 100%;
-  height: 100%;
-  position: relative;
-  overflow: hidden;
-  &__title {
-    display: flex;
-    width: $timeselect-title-width;
-    height: $timeselect-title-height;
-    line-height: $timeselect-title-line-height;
-    margin-bottom: 10px;
-    font-size: $timeselect-title-font-size;
-    color: $timeselect-title-color;
-    text-align: center;
-    &__fixed {
-      position: fixed;
-      width: 100%;
-      height: 50px;
-    }
-  }
-  &__content {
-    width: 100%;
-    display: flex;
-    &__pannel {
-      width: 140px;
-      height: 308px;
-      overflow: auto;
-      background-color: $timeselect-pannel-bg-color;
-    }
-    &__detail {
-      width: calc(100% - 140px);
-      height: 308px;
-      overflow-y: auto;
-      overflow-x: hidden;
-    }
-  }
-}