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

package/dist/packages/searchbar/searchbar.scss

@@ -1,146 +0,0 @@
-
-.nut-theme-dark {
-  .nut-searchbar {
-    background: $dark5;
-
-    &__label {
-      color: $dark1;
-    }
-
-    &__action-text {
-      color: $dark1;
-    }
-
-    .nut-searchbar__input-clear {
-      & .nut-searchbar__nut-icon-mask-close {
-        color: $dark1;
-
-        &:hover {
-          cursor: pointer;
-          color: $dark1;
-        }
-      }
-    }
-
-    &__right-search-icon,
-    &__left-search-icon {
-      color: $dark1;
-    }
-
-    &__leftout-icon,
-    &__rightout-icon {
-      i {
-        color: $dark1;
-      }
-    }
-  }
-}
-
-.val-text {
-  font-size: 12px;
-  color: $title-color2;
-  padding: 0 20px;
-}
-
-.nut-searchbar {
-  display: flex;
-  align-items: center;
-  width: $searchbar-width;
-  padding: $searchbar-padding;
-  background: $searchbar-background;
-  color: $gray1;
-  box-sizing: border-box;
-
-  &__content {
-    position: relative;
-    flex: 1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: $searchbar-input-height;
-    background: $searchbar-input-background;
-    border-radius: $searchbar-content-border-radius;
-  }
-
-  &__icon {
-    padding: 0 5px 0 10px;
-  }
-
-  &__rightin-icon {
-    padding: 0 5px;
-  }
-
-  .nut-searchbar__input-box {
-    display: flex;
-    align-items: center;
-    flex: 1;
-  }
-
-  &__input {
-    border: 0;
-    outline: 0;
-    box-sizing: border-box;
-    width: $searchbar-input-width;
-    height: $searchbar-input-height;
-    line-height: $searchbar-input-height;
-    width: 100%;
-    padding: $searchbar-input-padding;
-    border-radius: 0;
-    font-size: $font-size-small;
-    color: $searchbar-input-text-color;
-    caret-color: $searchbar-input-curror-color;
-    background: transparent;
-  }
-
-  &__round {
-    border-radius: $searchbar-input-border-radius;
-  }
-
-  &__disabled {
-    cursor: not-allowed;
-  }
-
-  &__clear {
-    padding: $searchbar-clear-icon-padding;
-
-    i {
-      color: $gray1 !important;
-    }
-  }
-
-  .pos-right {
-    right: 40px;
-  }
-
-  &__left {
-    text-align: left;
-  }
-
-  &__right {
-    text-align: right;
-  }
-
-  &__center {
-    text-align: center;
-  }
-
-  &__label {
-    padding: $searchbar-label-padding;
-    font-size: $searchbar-label-fontsize;
-    color: $searchbar-label-color;
-  }
-
-  &__action-text {
-    padding: $searchbar-action-text-padding;
-    font-size: $searchbar-action-text-fontsize;
-    color: $searchbar-action-text-color;
-  }
-
-  &__leftout-icon {
-    margin-right: 10px;
-  }
-
-  &__rightout-icon {
-    margin-left: 10px;
-  }
-}

package/dist/packages/shortpassword/shortpassword.scss

@@ -1,203 +0,0 @@
-
-.nut-theme-dark {
-  .nut-shortpassword {
-    &__title {
-      color: $dark1;
-    }
-
-    &__subtitle {
-      color: $dark2;
-    }
-
-    &__message__forget {
-      color: $dark3;
-    }
-
-    &__input-real {
-      background-color: $dark6;
-      border-radius: 4px;
-    }
-
-    &__input-site {
-      background-color: $dark6;
-    }
-
-    &__input-fake {
-      border: none;
-      background-color: $dark4;
-
-      &__li__icon {
-        background-color: $dark1;
-      }
-    }
-
-    &__message__forget {
-      color: $dark2;
-    }
-  }
-}
-
-.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-shortpassword {
-  &__title {
-    line-height: 1;
-    font-size: $font-size-3;
-    color: $title-color;
-  }
-
-  &__subtitle {
-    margin-top: 12px;
-    margin-bottom: 24px;
-    line-height: 1;
-    font-size: $font-size-1;
-    color: $text-color;
-  }
-
-  &__input {
-    padding: 0 0 10px;
-    text-align: center;
-    position: relative;
-    overflow: hidden;
-
-    &-real {
-      position: absolute;
-      right: 0;
-      width: 247px;
-      height: 41px;
-      outline: 0 none;
-      border: 0;
-      text-decoration: none;
-      z-index: -99;
-      padding-right: 100%;
-    }
-
-    &-site {
-      width: 247px;
-      height: 41px;
-      border-radius: 4px;
-    }
-
-    &-fake {
-      top: 5%;
-      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;
-
-      &__li {
-        flex: 1;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-
-        &__icon {
-          height: 6px;
-          width: 6px;
-          border-radius: 50%;
-          background: #000;
-          display: inline-block;
-        }
-      }
-    }
-  }
-
-  &__message {
-    margin-top: 9px;
-    display: flex;
-    justify-content: space-between;
-    width: 247px;
-
-    &__error {
-      line-height: 1;
-      font-size: $font-size-0;
-      color: $shortpassword-error;
-    }
-
-    &__forget {
-      line-height: 1;
-      font-size: $font-size-1;
-      color: $shortpassword-forget;
-      display: flex;
-      align-items: center;
-    }
-  }
-
-  &__footer {
-    display: flex;
-    justify-content: space-between;
-    margin-top: 20px;
-
-    &__cancel {
-      background: $white;
-      border: 1px solid $primary-color;
-      border-radius: 15px;
-      padding: 8px 38px;
-      line-height: 1;
-      font-size: $font-size-2;
-      color: $primary-color;
-    }
-
-    &__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: $primary-text-color;
-    }
-  }
-}

package/dist/packages/sidenavbar/sidenavbar.scss

@@ -1,100 +0,0 @@
-
-.nut-theme-dark {
-  .nut-sidenavbar {
-    background-color: $dark4;
-
-    &__title {
-      background: $dark4;
-      color: $white;
-    }
-
-    &__content {
-      .nut-subsidenavbar__list {
-        .nut-subsidenavbar__title {
-          background: $dark4;
-        }
-      }
-    }
-  }
-}
-
-$nutSidenavbarItemHeight: 40px;
-
-.nut-sidenavbar {
-  color: #1d1d21;
-  font-size: 14px;
-  height: 100%;
-  overflow: auto;
-  display: block;
-  background-color: $gray6;
-
-  .arrow-icon {
-    position: absolute;
-    width: 0;
-    height: 0;
-    right: 16px;
-    top: 18px;
-    cursor: pointer;
-  }
-
-  .arrow-down {
-    border-top: 4px solid #909ca4;
-    border-left: 4px solid transparent;
-    border-right: 4px solid transparent;
-  }
-
-  .arrow-up {
-    border-bottom: 4px solid #909ca4;
-    border-left: 4px solid transparent;
-    border-right: 4px solid transparent;
-  }
-
-  &__head {
-    height: $nutSidenavbarItemHeight;
-    background: #eeeff2;
-    padding: 10px;
-  }
-
-  &__title {
-    height: $nutSidenavbarItemHeight;
-    padding: 10px 8px 10px 20px;
-    background: $gray4;
-    color: $gray1;
-  }
-
-  &__content {
-    position: relative;
-    display: block;
-  }
-
-  &__list {
-    &.nutShow {
-      .nut-sidenavbar__content {
-        height: auto;
-        overflow: inherit;
-      }
-    }
-
-    &.nutHide {
-      .nut-sidenavbar__content {
-        height: 0;
-        overflow: hidden;
-      }
-    }
-  }
-
-  .border-bt {
-    position: relative;
-
-    &:after {
-      content: '';
-      position: absolute;
-      width: 100%;
-      height: 1px;
-      background: #eeeff2;
-      transform: scale(1, 0.5);
-      left: 0;
-      bottom: 0;
-    }
-  }
-}

package/dist/packages/sidenavbaritem/sidenavbaritem.scss

@@ -1,25 +0,0 @@
-.nut-theme-dark {
-  .nut-subsidenavbar {
-    &__item {
-      background-color: $dark6;
-      color: $dark2;
-    }
-  }
-}
-$nutSidenavbarItemHeight: 40px;
-
-.nut-subsidenavbar {
-  &__item {
-    height: $nutSidenavbarItemHeight;
-    color: $gray2;
-    padding: 10px 8px 10px 55px;
-  }
-  &__title {
-    background-color: $gray5;
-    color: $gray1;
-  }
-  &__list {
-    background-color: $gray6;
-    color: $gray2;
-  }
-}

package/dist/packages/signature/signature.scss

@@ -1,39 +0,0 @@
-.nut-theme-dark {
-  .nut-signature {
-    &__inner {
-      Canvas {
-        background-color: $dark3;
-      }
-    }
-  }
-  .demo-tips {
-    color: $dark1;
-  }
-}
-.nut-signature {
-  .spcanvas_WEAPP {
-    width: 100%;
-    height: 100%;
-    Canvas {
-      width: 100%;
-    }
-  }
-  &__inner {
-    Canvas {
-      background-color: #fff;
-    }
-
-    height: $signature-height;
-    margin-bottom: $signature-margin-bottom;
-    border: $signature-border-width solid $signature-border-color;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-  &__unsopport {
-    font-size: $font-size-base;
-  }
-  &__btn {
-    margin-right: $signature-btn-margin-right !important;
-  }
-}

package/dist/packages/skeleton/skeleton.scss

@@ -1,70 +0,0 @@
-
-.nut-skeleton {
-  display: inline-block;
-  position: relative;
-  overflow: hidden;
-  vertical-align: middle;
-
-  .nut-skeleton-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;
-    }
-
-    .skeleton-content-line {
-      display: flex;
-      flex-direction: column;
-
-      .skeleton-title {
-        width: 30%;
-        height: 15px;
-        background: $skeleton-content-line-title-background-color;
-      }
-    }
-  }
-
-  .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%);
-    }
-  }
-}