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

package/dist/packages/actionsheet/actionsheet.scss

@@ -1,103 +0,0 @@
-.nut-theme-dark {
-  .nut-actionsheet {
-    background-color: $dark5;
-    color: $dark1;
-    &__menu {
-      .nut-actionsheet__item {
-        background-color: $dark5;
-        color: $dark1 !important;
-        .subdesc {
-          color: $dark2;
-        }
-      }
-      .nut-actionsheet__item:hover {
-        background-color: $dark5;
-      }
-    }
-    .nut-actionsheet__cancel {
-      background-color: $dark5;
-      color: $dark2;
-      border-top: none;
-    }
-    .nut-actionsheet__title {
-      background-color: $dark5;
-      color: $dark1;
-      border-top: none;
-    }
-    .desc {
-      background-color: $dark5;
-      color: $dark2;
-    }
-  }
-}
-
-.nut-actionsheet {
-  display: block;
-  padding-bottom: constant(safe-area-inset-bottom);
-  padding-bottom: env(safe-area-inset-bottom);
-  .nut-actionsheet__title {
-    display: block;
-    padding: 10px;
-    margin: 0;
-    text-align: center;
-    background-color: $white;
-    border-bottom: 1px solid $light-color;
-    font-size: $font-size-base;
-    color: $title-color;
-  }
-
-  .nut-actionsheet-modal {
-    .nut-actionsheet__title,
-    .nut-actionsheet-sub-title {
-      padding: 5px 0;
-    }
-
-    .nut-actionsheet-sub-title {
-      display: block;
-      font-size: $font-size-small;
-      color: $title-color;
-      margin-inline-start: 0px;
-    }
-  }
-
-  .nut-actionsheet__menu {
-    display: block;
-    list-style: none;
-    padding: 0;
-    margin: 0;
-  }
-
-  .nut-actionsheet__cancel,
-  .nut-actionsheet__item {
-    display: block;
-    //   height: 24px;
-    padding: 10px;
-    line-height: 24px;
-    font-size: $font-size-base;
-    color: $title-color;
-    text-align: center;
-    background-color: $background-color3;
-    cursor: pointer;
-  }
-
-  .desc {
-    font-size: $font-size-2;
-    color: $title-color2;
-  }
-
-  .subdesc {
-    display: block;
-    font-size: $font-size-small;
-    color: $title-color2;
-  }
-
-  .nut-actionsheet__item-disabled {
-    color: #e1e1e1 !important;
-    cursor: not-allowed;
-  }
-
-  .nut-actionsheet__cancel {
-    margin-top: 5px;
-    border-top: 1px solid $light-color;
-  }
-}

package/dist/packages/address/address.scss

@@ -1,243 +0,0 @@
-
-.nut-theme-dark {
-  .nut-address {
-    .nut-elevator {
-      &__list {
-        &__inner {
-          background-color: $dark6;
-        }
-      }
-    }
-
-    &__header {
-      color: $dark1;
-
-      &__title {
-        color: $dark1;
-      }
-    }
-
-    &__custom {
-    }
-
-    .nut-address__region-tab {
-      .nut-address__tab-item {
-        color: $dark1;
-      }
-    }
-
-    .nut-address__region-con {
-      .nut-address__region-group {
-        .nut-address__region-item {
-          div {
-            color: $dark1;
-          }
-        }
-      }
-    }
-
-    .nut-address__exist-item-info {
-      color: $dark1;
-    }
-
-    &__exist {
-      &-group {
-        .nut-address__exist-ul {
-          li {
-            div {
-              i {
-                color: $dark1;
-              }
-            }
-          }
-        }
-      }
-    }
-
-    .exist-address {
-      .exist-address-group {
-        .exist-ul {
-          .exist-item {
-            color: $dark1;
-          }
-        }
-      }
-
-      .choose-other {
-        border-top: 1px solid $dark4;
-      }
-    }
-
-    &-custom-buttom {
-      border-top: 1px solid $dark4;
-    }
-  }
-}
-
-.nut-address {
-  display: block;
-
-  &__header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-top: 24px;
-    margin-bottom: 17px;
-    padding: 0 20px;
-    text-align: center;
-    font-weight: bold;
-    color: $title-color;
-    line-height: 20px;
-
-    &__title {
-      display: block;
-      color: $title-color;
-      font-size: 18px;
-    }
-  }
-
-  // 请选择
-  .nut-address__custom {
-    display: block;
-
-    .nut-address__region-tab {
-      position: relative;
-      margin-top: 32px;
-      padding: 0 20px;
-      display: flex;
-      font-size: 13px;
-      color: $title-color;
-
-      .nut-address__tab-item {
-        min-width: 2px;
-        margin-right: 30px;
-        display: block;
-
-        &.active {
-          clear: $title-color;
-          font-weight: bold;
-        }
-
-        span {
-          display: inline-block;
-          max-width: 100px;
-          white-space: nowrap;
-          overflow: hidden;
-          text-overflow: ellipsis;
-        }
-      }
-
-      .nut-address__tab-line {
-        position: absolute;
-        bottom: -10px;
-        left: 20px;
-        display: inline-block;
-        margin-top: 5px;
-        width: 26px;
-        height: 3px;
-        background: $address-region-tab-line;
-        transition: 0.2s all linear;
-      }
-    }
-
-    .nut-address__region-con {
-      display: block;
-      margin: 20px 20px 0;
-
-      .nut-address__region-group {
-        padding-top: 15px;
-        height: 270px;
-        overflow-y: auto;
-        box-sizing: border-box;
-        padding: 0;
-
-        .nut-address__region-item {
-          display: flex;
-          align-items: center;
-          margin-bottom: 20px;
-          font-size: $font-size-1;
-          color: $title-color;
-
-          &.active {
-            font-weight: bold;
-            color: $title-color;
-          }
-
-          .nut-address__region-item--icon {
-            margin-right: 6px;
-          }
-
-          > div {
-            width: 100%;
-          }
-        }
-      }
-    }
-
-    .nut-address__elevator-group {
-      display: flex;
-      margin-top: 20px;
-    }
-  }
-
-  // 配送至
-  .nut-address__exist {
-    display: block;
-    margin-top: 15px;
-
-    .nut-address__exist-group {
-      padding: 15px 20px 0;
-      height: 279px;
-      overflow-y: auto;
-
-      .nut-address__exist-ul {
-        box-sizing: border-box;
-        padding: 0;
-
-        .nut-address__exist-item {
-          margin-bottom: 20px;
-          font-size: $font-size-1;
-          line-height: 14px;
-          color: $title-color;
-
-          &.active {
-            font-weight: bold;
-          }
-
-          > div {
-            display: flex;
-            align-items: center;
-          }
-
-          .nut-address__exist-item-icon {
-            margin-right: 9px;
-          }
-
-          span {
-            display: inline-block;
-            flex: 1;
-          }
-        }
-      }
-    }
-
-    .nut-address__choose-other {
-      width: 100%;
-      height: 54px;
-      padding: 6px 0px 0;
-      border-top: 1px solid #f2f2f2;
-
-      &-btn {
-        width: 90%;
-        height: 42px;
-        line-height: 42px;
-        margin: auto;
-        text-align: center;
-        background: $button-primary-background-color;
-        border-radius: 21px;
-        font-size: 15px;
-        color: $primary-text-color;
-      }
-    }
-  }
-}

package/dist/packages/animate/animate.scss

@@ -1,284 +0,0 @@
-.nut-animate {
-  .nut-ani-container {
-    display: inline-block;
-  }
-  /* Animation css */
-  [class*='nut-animate-'] {
-    animation-duration: 0.5s;
-    animation-timing-function: ease-out;
-    animation-fill-mode: both;
-  }
-
-  //右侧向左侧划入
-  .nut-animate-slide-right {
-    animation-name: slide-right;
-  }
-  @keyframes slide-right {
-    0% {
-      opacity: 0;
-      transform: translateX(100%);
-    }
-
-    100% {
-      opacity: 1;
-      transform: translateX(0);
-    }
-  }
-
-  //左侧向右侧划入
-  .nut-animate-slide-left {
-    animation-name: slide-left;
-  }
-  @keyframes slide-left {
-    0% {
-      opacity: 0;
-      transform: translateX(-100%);
-    }
-
-    100% {
-      opacity: 1;
-      transform: translateX(0);
-    }
-  }
-
-  //上面向下面划入
-  .nut-animate-slide-top {
-    animation-name: slide-top;
-  }
-  @keyframes slide-top {
-    0% {
-      opacity: 0;
-      transform: translateY(-100%);
-    }
-
-    100% {
-      opacity: 1;
-      transform: translateY(0);
-    }
-  }
-
-  //下面向上面划入
-  .nut-animate-slide-bottom {
-    animation-name: slide-bottom;
-  }
-  @keyframes slide-bottom {
-    0% {
-      opacity: 0;
-      transform: translateY(100%);
-    }
-
-    100% {
-      opacity: 1;
-      transform: translateY(0);
-    }
-  }
-
-  //抖动
-  .nut-animate-shake {
-    animation-name: shake;
-  }
-  @keyframes shake {
-    0%,
-    100% {
-      transform: translateX(0);
-    }
-
-    10% {
-      transform: translateX(-9px);
-    }
-
-    20% {
-      transform: translateX(8px);
-    }
-
-    30% {
-      transform: translateX(-7px);
-    }
-
-    40% {
-      transform: translateX(6px);
-    }
-
-    50% {
-      transform: translateX(-5px);
-    }
-
-    60% {
-      transform: translateX(4px);
-    }
-
-    70% {
-      transform: translateX(-3px);
-    }
-
-    80% {
-      transform: translateX(2px);
-    }
-
-    90% {
-      transform: translateX(-1px);
-    }
-  }
-
-  //心跳
-  .nut-animate-ripple {
-    animation-name: ripple;
-  }
-  @keyframes ripple {
-    0% {
-      transform: scale(1);
-    }
-    50% {
-      transform: scale(1.1);
-    }
-  }
-
-  //呼吸灯
-  .nut-animate-breath {
-    animation-name: breath;
-    animation-duration: 2700ms;
-    animation-timing-function: ease-in-out;
-    animation-direction: alternate;
-  }
-  @keyframes breath {
-    0% {
-      transform: scale(1);
-    }
-    50% {
-      transform: scale(1.1);
-    }
-    100% {
-      transform: scale(1);
-    }
-  }
-
-  // 水波
-  .nut-animate-twinkle {
-    position: relative;
-    &::after,
-    &::before {
-      width: 60 * 1px;
-      height: 60 * 1px;
-      content: '';
-      box-sizing: border-box;
-      border: 4 * 1px solid rgba(255, 255, 255, 0.6);
-      position: absolute;
-      border-radius: calc(60 / 2) * 1px;
-      right: 50%;
-      margin-top: calc(-30 / 2) * 1px;
-      margin-right: calc(-60 / 2) * 1px;
-      z-index: 1;
-      transform: scale(0);
-      animation: twinkle 2s ease-out infinite;
-    }
-
-    &::after {
-      animation-delay: 0.4s;
-    }
-  }
-  @keyframes twinkle {
-    0% {
-      transform: scale(0);
-    }
-    20% {
-      opacity: 1;
-    }
-    50%,
-    100% {
-      transform: scale(1.4);
-      opacity: 0;
-    }
-  }
-
-  .nut-animate-flicker {
-    position: relative;
-    overflow: hidden;
-
-    &::after {
-      width: 100 * 1px;
-      height: 60 * 1px;
-      position: absolute;
-      left: 0;
-      top: 0;
-      opacity: 0.73;
-      content: '';
-      background-image: linear-gradient(
-        106deg,
-        rgba(232, 224, 255, 0) 24%,
-        #e8e0ff 91%
-      );
-      animation: flicker 1.5s linear infinite;
-      transform: skewX(-20deg);
-      filter: blur(3 * 1px);
-    }
-  }
-  @keyframes flicker {
-    0% {
-      transform: translateX(-100 * 1px) skewX(-20deg);
-    }
-    40%,
-    100% {
-      transform: translateX(150 * 1px) skewX(-20deg);
-    }
-  }
-
-  // jump-跳跃
-  .nut-animate-jump {
-    transform-origin: center center;
-    animation: jump 0.7s linear;
-  }
-  @keyframes jump {
-    0% {
-      animation-timing-function: ease-in;
-      transform: rotate(0deg) translateY(0);
-    }
-    25% {
-      animation-timing-function: ease-out;
-      transform: rotate(10deg) translateY(20 * 1px);
-    }
-    50% {
-      animation-timing-function: ease-in;
-      transform: rotate(0deg) translateY(-10 * 1px);
-    }
-    75% {
-      animation-timing-function: ease-out;
-      transform: rotate(-10deg) translateY(20 * 1px);
-    }
-    100% {
-      animation-timing-function: ease-in;
-      transform: rotate(0deg) translateY(0);
-    }
-  }
-
-  // 漂浮
-  .nut-animate-float {
-    position: relative;
-    animation-name: float-pop;
-  }
-  @keyframes float-pop {
-    0% {
-      top: 0px;
-    }
-
-    25% {
-      top: 1px;
-    }
-
-    50% {
-      top: 4px;
-    }
-
-    75% {
-      top: 1px;
-    }
-
-    100% {
-      top: 0px;
-    }
-  }
-
-  //循环
-  .loop {
-    animation-iteration-count: infinite;
-  }
-}

package/dist/packages/animatingnumbers/countup.scss

@@ -1,45 +0,0 @@
-.nut-theme-dark {
-  .nut-countup {
-    &__list {
-      .nut-countup__listitem {
-        color: $dark1;
-      }
-    }
-  }
-}
-.nut-countup {
-  &__list {
-    display: inline-flex;
-    height: $countup-height;
-    overflow: hidden;
-  }
-  &__listitem {
-    height: $countup-height;
-    overflow: hidden;
-    font-size: $countup-base-size;
-    color: $title-color;
-    font-weight: bold;
-  }
-  &__number,
-  &__separator {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    span {
-      height: $countup-height;
-      line-height: $countup-height;
-    }
-  }
-}
-// 自定义样式
-.custom-coutup {
-  .nut-countup__listitem--number {
-    margin: 0 $countup-lr-margin;
-    border-radius: $countup-border-raduis;
-    color: $countup-color;
-    background-color: $countup-bgcolor;
-  }
-  .nut-countup__number {
-    width: $countup-width;
-  }
-}