@nutui/nutui-react-taro 1.5.1 → 1.5.2-beta.0

package/dist/packages/audio/audio.scss

@@ -1,93 +0,0 @@
-.nut-theme-dark {
-  .nut-audio {
-    .nut-audio__icon {
-      &-stop::after {
-        background-color: $dark3;
-      }
-    }
-    .nut-audio__none-container {
-      .nut-voice {
-        border: 1px solid $white;
-      }
-    }
-  }
-}
-
-.nut-audio {
-  &__icon {
-    position: relative;
-    display: inline-block;
-    &-box {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 30px;
-      height: 30px;
-      background: #fff;
-      border-radius: 50%;
-      box-shadow: 0 0 8px rgba(117, 117, 117, 0.5);
-
-      .nut-icon-am-rotate {
-        transform: rotate((360));
-        animation-timing-function: ease-in-out;
-      }
-    }
-
-    .nut-audio__icon-stop {
-      position: relative;
-      &::after {
-        position: absolute;
-        left: 50%;
-        top: 50%;
-        transform: translateX(-50%);
-        content: '';
-        height: 2px;
-        width: 30px;
-        background: $disable-color;
-        transform: rotate(45deg);
-        transform-origin: 8px -18px;
-      }
-    }
-  }
-
-  &__progress {
-    display: flex;
-    align-items: center;
-    width: 100%;
-    margin: 0px auto;
-    padding: 10px 0;
-
-    &-bar-wrapper {
-      flex: 1;
-      margin: 0 10px;
-    }
-    .time {
-      min-width: 50px;
-      font-size: 12px;
-      text-align: center;
-    }
-    .nut-range-button {
-      width: 8px;
-      height: 8px;
-    }
-  }
-  .custom-button-group {
-    .nut-button--primary {
-      margin: 0 5px;
-    }
-  }
-  .custom-button-group-disable {
-    .nut-button--primary {
-      margin: 0 5px;
-      pointer-events: none;
-    }
-  }
-  .disable {
-    color: blue;
-  }
-  .nut-audio__none-container {
-    .nut-voice {
-      border: 1px solid $title-color;
-    }
-  }
-}

package/dist/packages/avatar/avatar.scss

@@ -1,58 +0,0 @@
-.nut-avatar {
-  background-size: 100% 100%;
-  background-repeat: no-repeat;
-  background-position: center center;
-  display: inline-block;
-  position: relative;
-  flex: 0 0 auto; // 防止被压缩
-  text-align: center;
-  .avatar-img {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    flex-shrink: 0;
-  }
-  .icon {
-    background-size: 100% 100%;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-  }
-  .nut-icon__img {
-    width: 100%;
-    height: 100%;
-  }
-  .text {
-    display: inline-block;
-    width: 100%;
-    height: 100%;
-    text-align: center;
-    overflow: hidden;
-  }
-}
-.nut-avatar-large {
-  width: $avatar-large-width;
-  height: $avatar-large-height;
-  line-height: $avatar-large-height;
-}
-.nut-avatar-small {
-  width: $avatar-small-width;
-  height: $avatar-small-height;
-  line-height: $avatar-small-height;
-}
-.nut-avatar-normal {
-  width: $avatar-normal-width;
-  height: $avatar-normal-height;
-  line-height: $avatar-normal-height;
-}
-.nut-avatar-round {
-  border-radius: 50%;
-  overflow: hidden;
-}
-.nut-avatar-square {
-  border-radius: $avatar-square;
-}

package/dist/packages/avatargroup/avatargroup.scss

@@ -1,14 +0,0 @@
-.nut-avatar-group {
-  background-size: 100% 100%;
-  background-repeat: no-repeat;
-  background-position: center center;
-  display: inline-block;
-  position: relative;
-  flex: 0 0 auto; // 防止被压缩
-  .nut-avatar {
-    border: 1px solid #fff;
-    &:not(:first-of-type) {
-      margin-left: -8px;
-    }
-  }
-}

package/dist/packages/backtop/backtop.scss

@@ -1,29 +0,0 @@
-.nut-theme-dark {
-  .nut-backtop {
-    &.show {
-      background: $dark6;
-      color: $dark1;
-    }
-  }
-}
-.nut-backtop {
-  display: none;
-  position: fixed;
-  &.show {
-    width: 40px;
-    height: 40px;
-    background: $background-color3;
-    color: $title-color;
-    border: 1px solid $backtop-border-color;
-    border-radius: 50%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-  &.show :active {
-    background: rgba(0, 0, 0, 0.1);
-  }
-  &-main {
-    transition: all 0.2s ease-in-out;
-  }
-}

package/dist/packages/badge/badge.scss

@@ -1,53 +0,0 @@
-.nut-theme-dark {
-  .nut-badge {
-    &.show {
-      background: $dark4;
-      color: $dark1;
-    }
-  }
-}
-
-.nut-badge {
-  position: relative;
-  display: inline-block;
-  width: 40px;
-  height: 40px;
-  margin-right: 40px;
-
-  .slot-icons {
-    position: absolute;
-    background: $badge-background-color;
-    top: -20%;
-    right: -20%;
-    padding: $badge-padding;
-    text-align: center;
-    border: $badge-border;
-    border-radius: $badge-border-radius;
-    z-index: $badge-z-index;
-  }
-
-  .sup {
-    position: absolute;
-    background: $badge-background-color;
-    color: $badge-default-background-color;
-    padding: $badge-padding;
-    font-size: $badge-font-size;
-    font-weight: normal;
-    text-align: center;
-    line-height: 16px;
-    border: $badge-border;
-    border-radius: $badge-border-radius;
-  }
-
-  .nut-badge__content {
-    transform: $badge-content-transform;
-  }
-
-  .is-dot {
-    width: $badge-dot-width;
-    height: $badge-dot-height;
-    border: $badge-border;
-    border-radius: $badge-dot-border-radius;
-    padding: $badge-dot-padding;
-  }
-}

package/dist/packages/barrage/barrage.scss

@@ -1,60 +0,0 @@
-.nut-theme-dark {
-  .nut-barrage {
-    background-color: $dark6;
-    color: $dark1;
-    .barrage-item {
-      background: linear-gradient(to right, $dark3, $dark10);
-    }
-  }
-}
-
-.nut-barrage {
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  box-sizing: border-box;
-  background-color: $background-color;
-  color: $title-color;
-  .barrage-item {
-    width: 120px;
-    // max-width: 150px;
-    display: block;
-    position: absolute;
-    right: 0;
-    padding: 3px 25px;
-    border-radius: 50px;
-    font-size: 12px;
-    text-align: center;
-    white-space: pre;
-    transform: translateX(100%);
-    background: linear-gradient(to right, $gray3, rgba(0, 0, 0, 0));
-    box-sizing: border-box;
-    &.move {
-      will-change: transform;
-      animation-name: moving;
-      animation-timing-function: linear;
-      animation-play-state: running;
-    }
-  }
-  @keyframes moving {
-    from {
-      transform: translateX(100%);
-    }
-    to {
-      // transform: translateX(-250%);
-      // transform: translateX(-180%);
-      transform: translateX(var(--move-distance));
-    }
-  }
-  @-webkit-keyframes moving {
-    from {
-      -webkit-transform: translateX(100%);
-    }
-    to {
-      transform: translateX(var(--move-distance));
-    }
-  }
-}

package/dist/packages/button/button.scss

@@ -1,245 +0,0 @@
-
-.nut-theme-dark {
-  .nut-button {
-    &--default {
-      color: $dark1;
-      background: $dark6;
-    }
-
-    &--primary {
-      color: $dark6;
-    }
-
-    &--info {
-      color: $dark6;
-    }
-
-    &--success {
-      color: $dark6;
-    }
-
-    &--danger {
-      color: $dark6;
-    }
-
-    &--warning {
-      color: $dark6;
-    }
-
-    &--plain {
-      background: $dark6;
-
-      &.nut-button--primary {
-        color: $button-primary-border-color;
-        border-color: $button-primary-border-color;
-      }
-
-      &.nut-button--info {
-        color: $button-info-border-color;
-        border-color: $button-info-border-color;
-      }
-
-      &.nut-button--success {
-        color: $button-success-border-color;
-        border-color: $button-success-border-color;
-      }
-
-      &.nut-button--danger {
-        color: $button-danger-border-color;
-        border-color: $button-danger-border-color;
-      }
-
-      &.nut-button--warning {
-        color: $button-warning-border-color;
-        border-color: $button-warning-border-color;
-      }
-    }
-  }
-}
-
-.nut-button {
-  position: relative;
-  display: inline-block;
-  flex-shrink: 0;
-  height: $button-default-height;
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  line-height: $button-default-line-height;
-  font-size: $button-default-font-size;
-  text-align: center;
-  cursor: pointer;
-  transition: opacity 0.2s;
-  -webkit-appearance: none;
-  user-select: none;
-  touch-action: manipulation;
-
-  .text {
-    margin-left: $button-text-icon-width;
-  }
-
-  &::before {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    width: 100%;
-    height: 100%;
-    background-color: $black;
-    border: inherit;
-    border-color: $black;
-    border-radius: inherit;
-    transform: translate(-50%, -50%);
-    opacity: 0;
-    content: ' ';
-  }
-
-  &::after {
-    border: none;
-  }
-
-  &:active::before {
-    opacity: 0.1;
-  }
-
-  &__warp {
-    height: 100%;
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: initial;
-  }
-
-  &--loading,
-  &--disabled {
-    &::before {
-      display: none;
-    }
-  }
-
-  &--default {
-    color: $button-default-color;
-    background: $button-default-bg-color;
-    border: $button-border-width solid $button-default-border-color;
-  }
-
-  &--primary {
-    color: $button-primary-color;
-    background: $button-primary-background-color;
-    border: $button-border-width solid transparent;
-  }
-
-  &--info {
-    color: $button-info-color;
-    background: $button-info-background-color;
-    border: $button-border-width solid transparent;
-  }
-
-  &--success {
-    color: $button-success-color;
-    background: $button-success-background-color;
-    border: $button-border-width solid transparent;
-  }
-
-  &--danger {
-    color: $button-danger-color;
-    background: $button-danger-background-color;
-    border: $button-border-width solid transparent;
-  }
-
-  &--warning {
-    color: $button-warning-color;
-    background: $button-warning-background-color;
-    border: $button-border-width solid transparent;
-  }
-
-  &--plain {
-    color: $button-plain-color;
-    background: $button-plain-background-color;
-
-    &.nut-button--primary {
-      color: $button-primary-border-color;
-      border-color: $button-primary-border-color;
-    }
-
-    &.nut-button--info {
-      color: $button-info-border-color;
-      border-color: $button-info-border-color;
-    }
-
-    &.nut-button--success {
-      color: $button-success-border-color;
-      border-color: $button-success-border-color;
-    }
-
-    &.nut-button--danger {
-      color: $button-danger-border-color;
-      border-color: $button-danger-border-color;
-    }
-
-    &.nut-button--warning {
-      color: $button-warning-border-color;
-      border-color: $button-warning-border-color;
-    }
-  }
-
-  &--large {
-    width: 100%;
-    height: $button-large-height;
-    line-height: $button-large-line-height;
-
-    .text {
-      margin-left: $button-text-icon-large-width;
-    }
-  }
-
-  &--normal {
-    padding: $button-default-padding;
-    font-size: $button-default-font-size;
-  }
-
-  &--small {
-    height: $button-small-height;
-    line-height: $button-small-line-height;
-    padding: $button-small-padding;
-    font-size: $button-small-font-size;
-
-    .text {
-      margin-left: $button-text-icon-small-width;
-    }
-  }
-
-  &--mini {
-    height: $button-mini-height;
-    line-height: $button-mini-line-height;
-    padding: $button-mini-padding;
-    font-size: $button-mini-font-size;
-
-    .text {
-      margin-left: $button-text-icon-mini-width;
-    }
-  }
-
-  &--block {
-    display: block;
-    width: 100%;
-  }
-
-  &--disabled {
-    cursor: not-allowed;
-    opacity: $button-disabled-opacity;
-  }
-
-  &--loading {
-    cursor: default;
-    opacity: 0.9;
-  }
-
-  &--round {
-    border-radius: $button-border-radius;
-  }
-
-  &--square {
-    border-radius: 0;
-  }
-}