@nutui/nutui 3.1.20 → 3.1.21-beta.0

package/dist/packages/shortpassword/index.scss

@@ -1,169 +0,0 @@
-.nut-shortpsd-title {
-  line-height: 1;
-  font-size: $font-size-3;
-  color: $title-color;
-}
-
-.nut-shortpsd-subtitle {
-  display: block;
-  margin-top: 12px;
-  margin-bottom: 24px;
-  line-height: 1;
-  font-size: $font-size-1;
-  color: $text-color;
-}
-.nut-shortpsdWx-subtitle {
-  display: block;
-  margin-top: 12px;
-  line-height: 1;
-  font-size: $font-size-1;
-  color: $text-color;
-}
-
-.nut-input-w {
-  padding: 24px 0 10px 0;
-  text-align: center;
-  position: relative;
-  .nut-input-site {
-    width: 247px;
-    height: 41px;
-    border-radius: 4px;
-  }
-  .nut-input-real {
-    position: absolute;
-    right: 247px;
-    width: 247px;
-    height: 41px;
-    outline: 0 none;
-    border: 0;
-    text-decoration: none;
-  }
-}
-.nut-input-normalw {
-  padding: 0px 0 10px 0;
-  text-align: center;
-  position: relative;
-  overflow: hidden;
-  .nut-input-site {
-    width: 247px;
-    height: 41px;
-    border-radius: 4px;
-  }
-  .nut-input-real {
-    // padding: 0 1200px 0 0; // ios必需
-    position: absolute;
-    right: 0;
-    width: 247px;
-    height: 41px;
-    outline: 0 none;
-    border: 0;
-    text-decoration: none;
-    // opacity: 0; // 安卓必需
-    // z-index: 11; // 安卓必需
-  }
-  .nut-shortpsd-fake {
-    top: 5%;
-  }
-  .nut-shortpsd-fake-taro {
-    top: 5%;
-  }
-}
-
-.nut-input-real-taro {
-  width: 0;
-  padding: 0 12px;
-  opacity: 0;
-  position: absolute;
-  bottom: 0;
-}
-
-.psd-blink {
-  display: inline-block;
-}
-
-.nut-shortpsd-fake {
-  width: 100%;
-  height: 41px;
-  margin: 0 auto;
-  box-sizing: border-box;
-  background: $shortpassword-background-color;
-  border-radius: 4px;
-  border: 1px solid $shortpassword-border-color;
-  display: flex;
-  position: absolute;
-  left: 0;
-  top: 29%;
-}
-.nut-shortpsd-fake-taro {
-  width: 100%;
-  height: 41px;
-  margin: 0 auto;
-  background: $shortpassword-background-color;
-  border-radius: 4px;
-  border: 1px solid $shortpassword-border-color;
-  display: flex;
-  position: absolute;
-  left: 0;
-  top: 29%;
-  z-index: 10;
-}
-
-.nut-shortpsd-li {
-  flex: 1;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.nut-shortpsd-icon {
-  height: 6px;
-  width: 6px;
-  border-radius: 50%;
-  background: #000;
-  display: inline-block;
-}
-
-.nut-shortpsd-message {
-  margin-top: 9px;
-  display: flex;
-  justify-content: space-between;
-  width: 247px;
-
-  .nut-shortpsd-error {
-    line-height: 1;
-    font-size: $font-size-0;
-    color: $shortpassword-error;
-  }
-
-  .nut-shortpsd-forget {
-    line-height: 1;
-    font-size: $font-size-1;
-    color: $shortpassword-forget;
-    display: flex;
-  }
-}
-
-.nut-shortpsd-footer {
-  display: flex;
-  justify-content: space-between;
-  margin-top: 20px;
-
-  .nut-shortpsd-cancle {
-    background: $white;
-    border: 1px solid $primary-color;
-    border-radius: 15px;
-    padding: 8px 38px;
-    line-height: 1;
-    font-size: $font-size-2;
-    color: $primary-color;
-  }
-
-  .nut-shortpsd-sure {
-    background: linear-gradient(135deg, $primary-color 0%, $primary-color-end 100%);
-    border-radius: 15px;
-    padding: 8px 38px;
-    line-height: 1;
-    font-size: $font-size-2;
-    color: $white;
-  }
-}

package/dist/packages/sidenavbar/index.scss

@@ -1,14 +0,0 @@
-.nut-sidenavbar {
-  height: 100%;
-  overflow: auto;
-  display: block;
-  &__content {
-    position: relative;
-    background-color: $sidenavbar-content-bg-color;
-    display: block;
-    &__list {
-      width: 100%;
-      display: block;
-    }
-  }
-}

package/dist/packages/sidenavbaritem/index.scss

@@ -1,10 +0,0 @@
-.nut-sidenavbaritem {
-  height: $sidenavbar-item-height;
-  line-height: $sidenavbar-item-line-height;
-  display: block;
-  font-size: $sidenavbar-item-font-size;
-  &__title {
-    color: $sidenavbar-item-title-color;
-    background-color: $sidenavbar-item-title-bg-color;
-  }
-}

package/dist/packages/signature/index.scss

@@ -1,14 +0,0 @@
-.nut-signature {
-  .nut-signature-inner {
-    height: 10rem;
-    margin-bottom: 1rem;
-    border: 1px solid #dadada;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  .nut-signature-btn {
-    margin-right: 15px;
-  }
-}

package/dist/packages/skeleton/index.scss

@@ -1,57 +0,0 @@
-.skeleton {
-  display: inline-block;
-  position: relative;
-  overflow: hidden;
-  vertical-align: middle;
-  .content {
-    display: flex;
-    .avatarClass {
-      margin-right: 20px;
-      background: rgb(239, 239, 239);
-    }
-
-    .blockClass,
-    .blockClass--round {
-      width: 100%;
-      height: 100%;
-      background: rgb(239, 239, 239);
-      margin-top: 10px;
-      &:last-child {
-        width: 70% !important;
-      }
-    }
-    .blockClass--round {
-      border-radius: 10px;
-    }
-
-    .content-line {
-      display: flex;
-      flex-direction: column;
-      .title {
-        width: 30%;
-        height: 15px;
-        background: #efefef;
-      }
-    }
-  }
-
-  .skeleton-animation {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 1;
-    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.5) 50%, hsla(0, 0%, 100%, 0) 80%);
-    background-repeat: no-repeat;
-    animation: backpos 2s ease-in-out 0s infinite;
-  }
-  @keyframes backpos {
-    0% {
-      background-position-x: -500px;
-    }
-    to {
-      background-position-x: calc(500px + 100%);
-    }
-  }
-}

package/dist/packages/sku/index.scss

@@ -1,147 +0,0 @@
-.nut-sku {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  padding: 0px;
-  background: $white;
-  &-header {
-    height: 100px;
-    display: flex;
-    flex-shrink: 0;
-    margin-top: 18px;
-    padding: 0 18px;
-    > img {
-      width: 100px;
-      height: 100px;
-      flex-shrink: 0;
-      margin-right: 12px;
-    }
-    &-right {
-      flex: 1;
-      display: flex;
-      flex-direction: column;
-      justify-content: flex-end;
-      &-extra {
-        font-size: 12px;
-        color: $text-color;
-      }
-    }
-  }
-  &-content {
-    flex: 1;
-    overflow-y: auto;
-    overflow-x: hidden;
-    &::-webkit-scrollbar {
-      display: none;
-    }
-    margin-top: 24px;
-    padding: 0 18px;
-  }
-  &-select {
-    &-item {
-      display: flex;
-      flex-direction: column;
-      &-title {
-        height: 13px;
-        font-weight: bold;
-        font-size: 13px;
-        color: $black;
-        margin-bottom: 18px;
-      }
-      &-skus {
-        display: flex;
-        flex-wrap: wrap;
-        &-sku {
-          margin-right: 12px;
-          height: 30px;
-          line-height: 30px;
-          padding: 0 18px;
-          border-radius: 15px;
-          font-size: 11px;
-          color: $black;
-          flex-shrink: 0;
-          margin-bottom: 12px;
-          background: rgba(242, 242, 242, 1);
-          border: 1px solid rgba(242, 242, 242, 1);
-
-          &.active {
-            background: $sku-item-active-bg;
-            border: $sku-item-border;
-            color: $primary-color;
-          }
-          &.disable {
-            color: $text-color;
-            text-decoration: $sku-item-disable-line;
-          }
-        }
-      }
-    }
-  }
-  &-stepper {
-    display: flex;
-    justify-content: space-between;
-    margin: 10px 0 30px;
-    &-title {
-      font-weight: bold;
-      font-size: 13px;
-      color: $black;
-      margin-right: 12px;
-    }
-    &-limit {
-      flex: 1;
-      display: flex;
-      align-items: center;
-
-      font-size: 12px;
-      color: $text-color;
-    }
-    &-count {
-      display: flex;
-      align-items: center;
-      &-lowestBuy {
-        font-size: 12px;
-        color: $primary-color;
-      }
-    }
-  }
-  &-operate {
-    width: 100%;
-    &-desc {
-      display: block;
-      width: 100%;
-      padding: 10px 0;
-      text-align: center;
-      background: #fbf9da;
-      color: #de6a1c;
-      font-size: 12px;
-    }
-    &-btn {
-      height: 54px;
-      width: 100%;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      background: $white;
-      text-align: center;
-      padding: 0 18px;
-      box-sizing: border-box;
-      &-item {
-        width: 100%;
-        height: 40px;
-        line-height: 40px;
-        margin-right: 18px;
-        background: $sku-opetate-bg-default;
-        border-radius: 21px;
-        font-size: 15px;
-        color: $white;
-        &:last-child {
-          margin-right: 0;
-        }
-      }
-
-      &-buy {
-        background: $sku-opetate-bg-buy;
-      }
-    }
-  }
-}

package/dist/packages/step/index.scss

@@ -1,190 +0,0 @@
-.nut-step {
-  flex-grow: 0;
-  flex-shrink: 0;
-  flex: 1;
-  text-align: center;
-  font-size: 0;
-  &-head {
-    position: relative;
-    display: flex;
-    justify-content: center;
-    margin-bottom: 12px;
-  }
-  &-line {
-    position: absolute;
-    top: 11px;
-    left: 50%;
-    right: -50%;
-    display: inline-block;
-    height: 1px;
-    background: $steps-base-line-color;
-  }
-  &-icon {
-    position: relative;
-    display: flex;
-    width: $steps-base-icon-width;
-    height: $steps-base-icon-height;
-    line-height: $steps-base-icon-line-height;
-    font-size: $steps-base-icon-font-size;
-    align-items: center;
-    justify-content: center;
-    z-index: 1;
-    .nut-icon {
-      width: 100%;
-      height: 100%;
-    }
-    &.is-text {
-      border-radius: 50%;
-      border-width: 1px;
-      border-style: solid;
-    }
-    &.is-icon {
-      border-radius: 50%;
-      border-width: 1px;
-      border-style: solid;
-      background-color: transparent;
-    }
-  }
-  &-main {
-    display: inline-block;
-    padding-left: 10%;
-    padding-right: 10%;
-    text-align: center;
-  }
-  &-title {
-    display: block;
-    margin-bottom: $steps-base-title-margin-bottom;
-    font-size: $steps-base-title-font-size;
-    color: $steps-base-title-color;
-  }
-  &-content {
-    display: block;
-    font-size: $steps-base-content-font-size;
-    color: $steps-base-content-color;
-  }
-  &:last-child {
-    .nut-step-line {
-      display: none;
-    }
-  }
-  &.nut-step-finish {
-    .nut-step-head {
-      color: $steps-finish-head-color;
-      border-color: $steps-finish-head-border-color;
-    }
-    .nut-step-icon.is-text {
-      background-color: $steps-finish-icon-text-color;
-    }
-    .nut-step-icon.is-icon {
-      background-color: $steps-finish-icon-text-color;
-    }
-    .nut-step-line {
-      background: $steps-finish-line-background;
-    }
-    .nut-step-title {
-      color: $steps-finish-title-color;
-    }
-  }
-  &.nut-step-process {
-    .nut-step-head {
-      color: $steps-process-head-color;
-      border-color: $steps-process-head-border-color;
-    }
-    .nut-step-icon.is-text {
-      background-color: $steps-process-icon-text-color;
-    }
-    .nut-step-icon.is-icon {
-      background-color: $steps-process-icon-text-color;
-    }
-    .nut-step-title {
-      color: $steps-process-title-color;
-    }
-  }
-  &.nut-step-wait {
-    .nut-step-head {
-      color: $steps-wait-head-color;
-      border-color: $steps-wait-head-border-color;
-    }
-    .nut-step-icon.is-text {
-      background-color: $steps-wait-icon-bg-color;
-    }
-    .nut-step-icon.is-icon {
-      background-color: $steps-wait-icon-bg-color;
-      .nut-icon {
-        color: $steps-wait-icon-color;
-      }
-    }
-    .nut-step-content {
-      color: $steps-wait-content-color;
-    }
-  }
-}
-.nut-steps-vertical {
-  .nut-step {
-    display: flex;
-    height: 33.34%;
-  }
-  .nut-step-line {
-    position: absolute;
-    display: inline-block;
-    width: 1px;
-    height: 100%;
-    background: #909ca4;
-  }
-  .nut-step-main {
-    display: inline-block;
-    padding-left: 6%;
-    text-align: left;
-  }
-  &.nut-steps-dot {
-    .nut-step-head {
-      margin-top: 7px;
-      margin-bottom: 0;
-    }
-    .nut-step-line {
-      top: 7px;
-      left: 50%;
-      right: -50%;
-    }
-    .nut-step-icon {
-      width: 8px;
-      height: 8px;
-      background: $primary-color;
-      border-radius: 50%;
-      box-sizing: content-box;
-    }
-    .nut-step-wait {
-      .nut-step-icon {
-        background-color: $steps-wait-icon-bg-color;
-      }
-      .nut-step-content {
-        color: $steps-wait-content-color;
-      }
-    }
-    .nut-step-finish {
-      .nut-step-icon {
-        background-color: $primary-color;
-      }
-    }
-    .nut-step-process {
-      .nut-step-icon {
-        position: relative;
-        background-color: $primary-color;
-        &:before {
-          content: '';
-          display: inline-block;
-          position: absolute;
-          left: 50%;
-          top: 50%;
-          margin-left: -7px;
-          margin-top: -7px;
-          width: 14px;
-          height: 14px;
-          background-color: $primary-color-end;
-          border-radius: 50%;
-          opacity: 0.23;
-        }
-      }
-    }
-  }
-}

package/dist/packages/steps/index.scss

@@ -1,7 +0,0 @@
-.nut-steps {
-  display: flex;
-}
-.nut-steps-vertical {
-  height: 100%;
-  flex-flow: column;
-}

package/dist/packages/sticky/index.scss

@@ -1,5 +0,0 @@
-.nut-sticky {
-  &--fixed {
-    position: fixed;
-  }
-}

package/dist/packages/subsidenavbar/index.scss

@@ -1,41 +0,0 @@
-.nut-subsidenavbar {
-  display: grid;
-  float: left;
-  width: 100%;
-  position: relative;
-  &__title {
-    display: block;
-    width: $sidenavbar-sub-title-width;
-    height: $sidenavbar-sub-title-height;
-    position: relative;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    box-sizing: border-box;
-    border-bottom: 1px solid $sidenavbar-sub-title-border-color;
-    color: $sidenavbar-sub-title-text-color;
-    font-size: $sidenavbar-sub-title-font-size;
-    background-color: $sidenavbar-sub-title-bg-color;
-    border-radius: $sidenavbar-sub-title-radius;
-    border: $sidenavbar-sub-title-border;
-    &__text {
-      line-height: $sidenavbar-sub-title-text-line-height;
-      color: $sidenavbar-sub-title-text-color;
-    }
-    &__icon {
-      position: absolute;
-      top: 50%;
-      right: 20px;
-      transform: translateY(-50%);
-      i {
-        transition: transform 0.5s ease-in-out;
-        &.up {
-          transform: rotate(-180deg);
-        }
-      }
-    }
-  }
-  &__list {
-    width: 100%;
-  }
-}

package/dist/packages/swipe/index.scss

@@ -1,22 +0,0 @@
-.nut-swipe {
-  position: relative;
-  display: block;
-  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
-  &__left,
-  &__right {
-    position: absolute;
-    top: 0;
-    height: 100%;
-  }
-  &__left {
-    left: 0;
-    transform: translate3d(-100%, 0, 0);
-  }
-  &__right {
-    right: 0;
-    transform: translate3d(100%, 0, 0);
-  }
-  &__content {
-    display: inherit;
-  }
-}