@nutui/nutui-react-taro 1.3.11 → 1.3.12-beta.0

package/dist/packages/tabpane/tabpane.scss

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

package/dist/packages/tabs/tabs.scss

@@ -1,220 +0,0 @@
-@import '../../styles/mixins/index';
-.nut-theme-dark {
-  .nut-tabs {
-    &__titles {
-      background: $dark-background3;
-      &-item {
-        color: $dark-color-gray;
-        &.active {
-          color: $dark-color;
-        }
-      }
-    }
-    &.vertical {
-      .nut-tabs__titles {
-        &-item {
-          &.active {
-            background-color: $dark-background2;
-          }
-        }
-      }
-    }
-  }
-}
-
-.nut-tabs {
-  display: flex;
-
-  &.horizontal {
-    flex-direction: column;
-  }
-
-  &.vertical {
-    flex-direction: row;
-    width: 100%;
-
-    .nut-tabs__titles {
-      box-sizing: border-box;
-      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-direction: column;
-      &__wrap {
-        flex: 1;
-      }
-      height: 100%;
-
-      .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;
-    overflow: hidden;
-
-    &.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;
-
-        .nut-tabs__titles-item__line {
-          content: ' ';
-          width: $tabs-horizontal-titles-item-active-line-width;
-          height: 3px;
-          background: $tabs-horizontal-tab-line-color;
-        }
-      }
-    }
-  }
-
-  &__content {
-    &__wrap {
-      overflow: hidden;
-    }
-    display: flex;
-    box-sizing: border-box;
-  }
-}

package/dist/packages/tag/tag.scss

@@ -1,52 +0,0 @@
-.nut-tag {
-  padding: 0 4px;
-  border-radius: 4px;
-  ._icon {
-    vertical-align: middle;
-    margin-left: 4px;
-  }
-  &--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;
-  }
-  &--plain {
-    color: $tag-plain-color;
-    background: $tag-plain-background-color;
-    border: $tag-border-width solid $tag-plain-color;
-  }
-  &--round {
-    border-radius: 8px;
-  }
-  &--mark {
-    border-radius: 0 12px 12px 0;
-  }
-  &--close {
-    margin-left: 4px;
-    cursor: pointer;
-  }
-}

package/dist/packages/textarea/textarea.scss

@@ -1,54 +0,0 @@
-.nut-theme-dark {
-  .nut-textarea {
-    background: $dark-background;
-    &__textarea {
-      color: $dark-color;
-    }
-  }
-}
-
-.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;
-  }
-  .cpoyText {
-    position: absolute;
-    top: -999999px;
-    left: -999999px;
-  }
-}

package/dist/packages/timedetail/timedetail.scss

@@ -1,42 +0,0 @@
-.nut-theme-dark {
-  .nut-timedetail {
-    background-color: $dark-background2;
-    &__detail {
-      &__list {
-        &__item {
-          background-color: $dark-background;
-          color: $dark-color;
-          &--curr {
-            color: $timeselect-timedetail-item-cur-text-color;
-          }
-        }
-      }
-    }
-  }
-}
-.nut-timedetail {
-  display: flex;
-  align-content: flex-start;
-  flex-wrap: wrap;
-  padding: 0 0 50px 13px;
-
-  &__item {
-    width: 100px;
-    height: 50px;
-    line-height: 50px;
-    text-align: center;
-    margin-right: 10px;
-    margin-bottom: 10px;
-    background-color: #f6f7f9;
-    border-radius: 5px;
-    color: #333;
-    font-size: 14px;
-    border: 1px solid transparent;
-    font-weight: 700;
-  }
-  &__item-active {
-    background-color: #fa2c1926;
-    border: 1px solid #fa2c19;
-    color: #fa2c19;
-  }
-}

package/dist/packages/timepannel/timepannel.scss

@@ -1,17 +0,0 @@
-.nut-theme-dark {
-  .nut-timepannel {
-    background-color: $dark-background3;
-    color: $dark-color-gray;
-    &--curr {
-      background-color: $dark-background2;
-      color: $dark-color;
-    }
-  }
-}
-.nut-timepannel {
-  height: $timeselect-timepannel-height;
-  line-height: 40px;
-  text-align: center;
-  color: $timeselect-timepannel-text-color;
-  font-size: $timeselect-timepannel-font-size;
-}

package/dist/packages/timeselect/timeselect.scss

@@ -1,52 +0,0 @@
-.nut-theme-dark {
-  .nut-timeselect {
-    background-color: $dark-background2;
-    &__title {
-      background-color: $dark-background2;
-      color: $dark-color;
-    }
-    &__content {
-      &__pannel {
-        background-color: $dark-background3;
-        color: $dark-color;
-      }
-      &__detail {
-        background-color: $dark-background2;
-      }
-    }
-  }
-}
-
-.nut-timeselect {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-
-  &__title {
-    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;
-  }
-
-  &__content {
-    display: flex;
-    flex: 1;
-  }
-
-  &__content-left {
-    width: 140px;
-    min-width: 140px;
-    height: 100%;
-    overflow: auto;
-    background-color: #f6f7f9;
-  }
-
-  .nut-timepannel-active {
-    background-color: #fff;
-    color: #333;
-    font-weight: 700;
-  }
-}

package/dist/packages/toast/toast.scss

@@ -1,98 +0,0 @@
-
-@keyframes rotation {
-  0% {
-    -webkit-transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-  }
-}
-
-.nut-toast {
-  position: fixed;
-  left: 0;
-  bottom: 150px;
-  width: 100%;
-  text-align: center;
-  pointer-events: none;
-  z-index: 9999;
-  &-small {
-    .nut-toast__inner {
-      font-size: $font-size-small;
-    }
-  }
-  &-large {
-    .nut-toast__inner {
-      font-size: $font-size-large;
-    }
-  }
-  &-cover {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    pointer-events: auto;
-    height: 100%;
-    background: $toast-cover-bg-color;
-  }
-  &__inner {
-    display: inline-block;
-    font-size: $toast-text-font-size;
-    min-width: 40%;
-    max-width: 65%;
-    text-align: center;
-    padding: $toast-inner-padding;
-    word-break: break-all;
-    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;
-    }
-  }
-  &-title {
-    font-size: $toast-title-font-size;
-    &:empty {
-      margin-bottom: -8px;
-    }
-  }
-  &-has-icon {
-    .nut-toast__icon-wrapper {
-      width: 100%;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      margin-bottom: 8px;
-    }
-  }
-  &-center {
-    top: 50%;
-    transform: translateY(-50%);
-  }
-  &-loading {
-    .nut-toast__inner {
-      display: inline-flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-    }
-    .nut-toast__icon-wrapper {
-      animation: rotation 2s linear infinite;
-    }
-  }
-}
-
-.toast-fade-enter-active {
-  transition: opacity 0.3s;
-}
-
-.toast-fade-leave-active {
-  transition: opacity 0.3s;
-}
-
-.toast-fade-enter-from,
-.toast-fade-leave-to {
-  opacity: 0;
-}

package/dist/packages/uploader/uploader.scss

@@ -1,164 +0,0 @@
-@import '../../styles/mixins/text-ellipsis.scss';
-.nut-theme-dark {
-  .nut-uploader__preview-list {
-    background: $dark-background2;
-    color: $dark-color;
-  }
-  .close {
-    color: $dark-color !important;
-  }
-}
-.nut-uploader {
-  position: relative;
-  display: flex;
-  flex-wrap: wrap;
-
-  &__slot {
-    position: relative;
-  }
-
-  &__upload {
-    position: relative;
-    background: $uploader-background;
-    width: $uploader-picture-width;
-    height: $uploader-picture-height;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  &__input {
-    position: absolute !important;
-    top: 0;
-    left: 0;
-    width: 100% !important;
-    height: 100% !important;
-    overflow: hidden;
-    cursor: pointer !important;
-    opacity: 0;
-    &:disabled {
-      cursor: not-allowed;
-    }
-  }
-
-  &__preview {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-right: 10px;
-    margin-bottom: 10px;
-    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
-
-    &__progress {
-      position: absolute;
-      left: 0;
-      top: 0;
-      width: 100%;
-      height: 100%;
-      background: rgba(0, 0, 0, 0.6);
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-      &__msg {
-        color: $white;
-        font-size: 12px;
-        margin-top: 6px;
-      }
-    }
-    &.list {
-      width: 100%;
-      margin-right: 0px;
-      margin-bottom: 0px;
-      margin-top: 10px;
-    }
-    &-list {
-      width: 100%;
-      height: 32px;
-      display: flex;
-      flex-direction: column;
-      position: relative;
-      padding-right: 20px;
-      .nut-uploader__preview-img__file__name {
-        -webkit-line-clamp: 1;
-        padding: 2px;
-        height: 24px;
-      }
-
-      .nut-uploader__preview-img__file__del {
-        position: absolute;
-        right: 4px;
-        top: 6px;
-      }
-      .nut-progress {
-        position: absolute;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        .nut-progress-outer {
-          height: 2px !important;
-        }
-      }
-    }
-    &-img {
-      position: relative;
-      width: $uploader-picture-width;
-      height: $uploader-picture-height;
-      .close {
-        position: absolute;
-        right: 0;
-        top: 0;
-        transform: translate(50%, -50%);
-      }
-      .tips {
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        right: 0;
-        text-align: center;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        font-size: 12px;
-        color: $white;
-        height: 0px;
-        transition: height 0.3s;
-        background: rgba(0, 0, 0, 0.54);
-        @include oneline-ellipsis();
-      }
-      &__c {
-        height: 100%;
-        width: 100%;
-      }
-      &__file {
-        height: 100%;
-        width: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        transition: all 0.3s;
-
-        &__name {
-          display: flex;
-          width: 100%;
-          font-size: 12px;
-          color: $text-color;
-          &.error {
-            color: red !important;
-          }
-          &.success {
-            color: #1890ff !important;
-          }
-          .nut-icon-link {
-            &::before {
-              margin-left: -25%;
-              margin-top: -25%;
-              transform: none;
-            }
-          }
-          @include moreline-ellipsis();
-        }
-      }
-    }
-  }
-}