taro-ui 3.3.1 → 3.3.3

package/dist/style/components/list.rn.scss

@@ -1,107 +0,0 @@
-@import "../variables/default.scss";
-@import "../mixins/index.scss";
-
-$at-list-item-horizontal-padding: 24px;
-
-@mixin squareImg($size: 56px) {
-  width: $size;
-  height: $size;
-
-  &__info {
-    width: 100%;
-    height: 100%;
-  }
-}
-
-.at-list {
-  // flex: 1;
-  width: 100%;
-  background-color: $color-bg;
-
-
-  &--no-border {
-    @include hairline-top-bottom($width: 0);
-  }
-
-
-  &__item {
-    padding: $spacing-v-lg $spacing-h-lg;
-    position: relative;
-    color: $at-list-text-color;
-    font-size: $font-size-lg;
-    line-height: $line-height-zh * $font-size-lg;
-    @include active;
-    @include hairline-bottom-relative($left: $spacing-h-lg);
-
-    &--no-border {
-      @include hairline-bottom-relative($width: 0);
-    }
-
-    &-container {
-      @include display-flex;
-      @include align-items(center);
-
-      &--disabled {
-        opacity: $opacity-disabled;
-      }
-    }
-
-    &--thumb {
-      margin-right: $at-list-item-horizontal-padding;
-
-      &__info {
-        width: $at-list-thumb-size;
-        height: $at-list-thumb-size;
-      }
-    }
-
-    &-content {
-      @include flex(1);
-
-      overflow: hidden;
-      margin-right: 40px;
-
-      &__info {
-        &-title {
-          color: $at-list-text-color;
-          font-size: $float-layout-title-font-size;
-        }
-
-        &-note {
-          color: $at-list-content-color;
-          font-size: $font-size-base;
-          flex: 1;
-          margin-top: 10px;
-        }
-      }
-    }
-  }
-}
-
-.item-extra {
-  max-width: $at-list-extra-width;
-  text-align: right;
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-
-  &__info {
-    max-width: 100%;
-    color: $at-list-extra-color;
-    padding-right: 30px;
-    font-size: $font-size-lg;
-  }
-
-  &__icon {
-    margin-right: -12px;
-
-    &-arrow {
-      color: $at-list-arrow-color;
-      font-size: 48px;
-    }
-  }
-}
-
-.item-icon {
-  margin-right: $at-list-item-horizontal-padding;
-}

package/dist/style/components/load-more.rn.scss

@@ -1,28 +0,0 @@
-@import '../variables/default.scss';
-@import '../mixins/index.scss';
-
-.at-load-more {
-  position: relative;
-  text-align: center;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: $at-load-more-height;
-  overflow: hidden;
-  /*  #ifndef  rn  */
-  // box-sizing: border-box;
-  /*  #endif  */
-
-  &__cnt {
-    flex: 1;
-    width: 100%;
-  }
-
-  &__tip {
-    text-align: center;
-    width: 100%;
-    color: $at-load-more-tips-color;
-    font-size: $at-load-more-tips-size;
-  }
-}

package/dist/style/components/loading.rn.scss

@@ -1,45 +0,0 @@
-@import '../variables/default.scss';
-@import '../mixins/index.scss';
-
-@keyframes loading {
-  0% {
-    //  transform: rotate(0deg);
-  }
-
-  100% {
-    //  transform: rotate(360deg);
-  }
-}
-
-.at-loading {
-  //  display: inline-block;
-  position: relative;
-  width: $at-loading-size;
-  height: $at-loading-size;
-
-  &__ring {
-    // box-sizing: border-box;
-    //  display: block;
-    position: absolute;
-    width: $at-loading-size;
-    height: $at-loading-size;
-    margin: 1PX;
-    border-width: 1PX;
-    border-style: solid;
-    border-color: $at-loading-color transparent transparent transparent;
-    border-radius: 50%;
-   //  animation: loading 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-
-    &:nth-child(1) {
-     //  animation-delay: -0.45s;
-    }
-
-    &:nth-child(2) {
-     //  animation-delay: -0.3s;
-    }
-
-    &:nth-child(3) {
-     //  animation-delay: -0.15s;
-    }
-  }
-}

package/dist/style/components/message.rn.scss

@@ -1,57 +0,0 @@
-@import '../variables/default.scss';
-@import '../mixins/index.scss';
-
-.at-message {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  width: 100%;
-  padding: $spacing-v-sm $spacing-h-sm;
-  color: $at-message-color;
-  font-size: $at-message-font-size;
-  text-align: center;
-  line-height: $line-height-zh * $at-message-font-size;
-  background: $at-message-bg-color;
-
-  &--content {
-    color: $at-message-color;
-    font-size: $at-message-font-size;
-    text-align: center;
-    line-height: $line-height-zh * $at-message-font-size;
-    background: transparent
-  }
-  // animation: ease both;
-  // transform: translate3d(0, -100%, 0);
-  // transition: all 300ms $ease-in-sine;
-  // opacity: 0;
-  z-index: $zindex-message;
-  // box-sizing: border-box;
-
-  /* modifiers */
-  &--success {
-    background: $color-success;
-  }
-
-  &--error {
-    background: $color-error;
-  }
-
-  &--warning {
-    background: $color-warning;
-  }
-
-  &--info {
-    background: $color-info;
-  }
-
-  &--show {
-    opacity: 1;
-    // transform: translate3d(0, 0, 0);
-  }
-
-  &--hidden {
-    opacity: 0;
-    // transform: translate3d(0, -100%, 0);
-  }
-}

package/dist/style/components/modal.rn.scss

@@ -1,136 +0,0 @@
-@import '../variables/default.scss';
-@import '../mixins/index.scss';
-
-$at-modal-duration: 200ms;
-
-.at-modal {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  z-index: $zindex-modal;
-
-  @include absolute-center();
-
-  &__overlay {
-    @include overlay;
-  }
-
-  &__container {
-
-    width: $at-modal-width;
-    border-radius: $border-radius-lg;
-    background-color: $at-modal-bg-color;
-    overflow: hidden;
-  }
-
-  &__header {
-    @include hairline-bottom-relative($color: $color-grey-4);
-    // @include line(1);
-
-    padding: $spacing-v-md $spacing-h-lg;
-    color: $at-modal-header-text-color;
-    font-size: $font-size-lg;
-    text-align: center;
-  }
-
-  &__content {
-    min-height: 180px;
-    max-height: 840px;
-    padding: $spacing-h-xl $spacing-h-lg;
-    color: $at-modal-content-text-color;
-    font-size: $font-size-base;
-    // box-sizing: content-box;
-    width: auto;
-  }
-
-  &__action {
-    @include display-flex;
-    flex-direction: row;
-
-    &--button {
-      @include flex(auto);
-      // @include line(1);
-      @include active;
-      @include hairline-left-relative($color: $color-grey-4);
-
-      margin-top: 0;
-      min-width: 160px;
-      height: 88px;
-      // outline: 0;
-      // border: 0;
-      border-radius: 0;
-      background-color: transparent;
-
-      &__text {
-        color: $at-modal-btn-default-color;
-        font-size: $font-size-base;
-        line-height: 86px;
-
-        &--confirm {
-          color: $at-modal-btn-confirm-color;
-        }
-      }
-
-      &__no-border {
-        border: 0;
-      }
-
-    }
-  }
-
-  &__footer {
-    @include hairline-top-relative($color: $color-grey-4);
-
-    // .at-modal__action {
-    //   @include display-flex;
-
-    //   & > button {
-    //     @include flex(auto);
-    //     @include line(1);
-    //     @include active;
-
-    //     margin-top: 0;
-    //     min-width: 160px;
-    //     height: 88px;
-    //     color: $at-modal-btn-default-color;
-    //     font-size: $font-size-base;
-    //     line-height: 86px;
-    //     outline: 0;
-    //     border: 0;
-    //     border-radius: 0;
-    //     background-color: transparent;
-
-    //     &::after {
-    //       border: 0;
-    //       border-radius: 0;
-    //       width: initial;
-    //       height: initial;
-    //     }
-
-    //     &:not(:first-child) {
-    //       @include hairline-left-relative($color: $color-grey-4);
-    //     }
-
-    //     &:last-child {
-    //       color: $at-modal-btn-confirm-color;
-    //     }
-    //   }
-    // }
-
-    // &--simple .at-modal__action > button:last-child:nth-child(2) {
-    //   color: $at-modal-btn-confirm-color;
-    // }
-  }
-
-  /* modifiers */
-  // &--active {
-  //  //  visibility: visible;
-
-  //   .at-modal__overlay,
-  //   .at-modal__container {
-  //     opacity: 1;
-  //   }
-  // }
-}

package/dist/style/components/nav-bar.rn.scss

@@ -1,123 +0,0 @@
-@import '../variables/default.scss';
-@import '../mixins/index.scss';
-
-$at-nav-bar-spacing-v: 9PX;
-$at-nav-bar-spacing-h: 5PX;
-$at-nav-bar-font-size: 18PX;
-$at-nav-bar-back-font-size: 16PX;
-
-.at-nav-bar {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  padding: $at-nav-bar-spacing-v $at-nav-bar-spacing-h;
-  width: 100%;
-  background-color: $color-bg;
-  // box-sizing: border-box;
-  //  white-space: nowrap;
-  overflow: hidden;
-  border-bottom-width: 1px;
-  border-bottom-color: $color-border-light;
-  border-style: solid;
-
-  /* elements */
-  &__left-view {
-    flex: 2;
-    display: flex;
-    flex-direction: row;
-    justify-content: flex-start;
-    align-items: center;
-    padding: $at-nav-bar-spacing-v $at-nav-bar-spacing-h;
-    height: 100%;
-    color: $at-nav-bar-link-color;
-    font-size: $at-nav-bar-font-size;
-    // text-align: left;
-    // text-overflow: ellipsis;
-    overflow: hidden;
-    // @include active;
-
-    &__text {
-      color: $at-nav-bar-link-color;
-    }
-
-    // .at-icon {
-    //   font-size: 48px;
-    // }
-  }
-
-  &__right-view {
-    flex: 2;
-    height: 100%;
-    color: $at-nav-bar-link-color;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    overflow: hidden;
-  }
-
-  &__title {
-    flex: 5;
-    color: $at-nav-bar-title-color;
-    font-size: $at-nav-bar-font-size;
-    text-align: center;
-    //  vertical-align: middle;
-    // line-height: $line-height-base;
-    // @include line;
-  }
-
-  &__text {
-    // display: flex;
-    // align-items: center;
-    padding-left: $at-nav-bar-spacing-h;
-    // height: 100%;
-    font-size: $at-nav-bar-back-font-size;
-    // vertical-align: middle;
-    // line-height: $line-height-base;
-    // @include line;
-  }
-
-  &__container {
-    display: flex;
-    padding: $at-nav-bar-spacing-v $at-nav-bar-spacing-h;
-    width: 50%;
-    height: 100%;
-    font-size: $at-nav-bar-font-size;
-    text-align: center;
-    // box-sizing: border-box;
-    // @include active;
-
-    // .at-icon {
-    //   font-size: 48px;
-    // }
-
-    &--hide {
-     //  visibility: hidden;
-     opacity: 0;
-     height: 0
-    }
-  }
-
-  &__at-icon {
-    // width: $at-fab-icon-size;
-    // height: $at-fab-icon-size;
-    font-size: 48px;
-    color: $at-nav-bar-link-color;
-  }
-
-  /* modifiers */
-  &--no-border {
-    border-bottom-width: 0;
-    // &::after {
-    //   border-bottom-width: 0;
-    // }
-  }
-
-  // &--fixed {
-  //   //  position: fixed;
-  //   top: 0;
-  //   left: 0;
-  //   right: 0;
-  //   z-index: $zindex-nav;
-  // }
-}

package/dist/style/components/noticebar.rn.scss

@@ -1,111 +0,0 @@
-@import '../variables/default.scss';
-@import '../mixins/index.scss';
-
-.at-noticebar {
-  position: relative;
-  padding: $spacing-v-sm $spacing-h-lg;
-  color: $at-noticebar-text-color;
-  background: $at-noticebar-bg-color;
-  overflow: hidden;
-  z-index: 2;
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-
-  /* elements */
-  &__content {
-    display: flex;
-    align-items: center;
-    flex-direction: row;
-
-    &--hide {
-      flex-direction: row;
-      opacity: 0;
-      z-index: -1;
-      position: absolute;
-      top: 0;
-    }
-
-    &--has-close {
-      margin-left: 20px;
-    }
-
-    &-icon {
-      // width: 30px;
-      // height: 30px;
-
-      &__at-icon {
-        color: $at-noticebar-text-color;
-        font-size: $at-noticebar-btn-close-size;
-      }
-    }
-
-    &-text {
-      display: flex;
-      flex-wrap: nowrap;
-      font-size: $at-noticebar-font-size;
-      color: $at-noticebar-text-color;
-
-      &-wrap {
-        position: relative;
-        z-index: 1;
-        width: 100%;
-        // padding: 0 20px;
-        overflow: hidden;
-      }
-    }
-
-    &-inner {
-      display: flex;
-    }
-  }
-
-  &__close {
-    position: absolute;
-    top: 42%;
-    left: $spacing-h-lg;
-    width: $at-noticebar-btn-close-size;
-    height: $at-noticebar-btn-close-size;
-
-    &-icon {
-      // width: $at-noticebar-btn-close-size;
-      // height: $at-noticebar-btn-close-size;
-      color: $at-noticebar-btn-close-color;
-      font-size: $at-noticebar-btn-close-size;
-    }
-
-  }
-
-  &__more {
-    display: flex;
-    align-items: center;
-    flex-direction: row;
-    justify-content: center;
-
-    &-text {
-      font-size: $at-noticebar-font-size;
-      color: $color-grey-2;
-    }
-
-
-    &-icon {
-      display: inline-block;
-      width: $at-noticebar-font-size;
-      // vertical-align: middle;
-      overflow: hidden;
-
-      &__at-icon {
-        color: $color-grey-2;
-        font-size: $at-noticebar-font-size;
-      }
-    }
-  }
-
-
-  /* modifiers */
-  &--single {
-    display: flex;
-    justify-content: space-between;
-  }
-
-}

package/dist/style/components/pagination.rn.scss

@@ -1,43 +0,0 @@
-@import '../variables/default.scss';
-@import '../mixins/index.scss';
-
-.at-pagination {
-  position: relative;
-  // width: 100%;
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  flex-grow: 1;
-  margin: 0 $at-pagination-margin;
-
-  &__btn-prev,
-  &__btn-next {
-    font-size: 0;
-
-    // .at-icon {
-    //   color: $at-pagination-icon-color;
-    //   font-size: $at-pagination-icon-font-size;
-    // }
-  }
-
-  &__at-icon {
-    color: $at-pagination-icon-color;
-    font-size: $at-pagination-icon-font-size;
-  }
-
-  &__number {
-    color: $at-pagination-num-color;
-    font-size: $at-pagination-num-font-size;
-    text-align: center;
-    overflow: hidden;
-
-    &-current {
-      color: $at-pagination-current-num-color;
-    }
-
-    &-wrap {
-      line-height: $at-button-height-sm;
-    }
-  }
-}