taro-ui 3.3.1 → 3.3.2

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

@@ -1,53 +0,0 @@
-@import '../variables/default.scss';
-@import '../mixins/index.scss';
-
-.at-indexes {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  // box-sizing: border-box;
-
-  &__content {
-    width: 100%;
-    overflow: hidden;
-    // box-sizing: border-box;
-  }
-
-  &__menu {
-    //  position: fixed;
-    top: 50%;
-    right: 0;
-    overflow: hidden;
-    //  transform: translate3d(0, -50%, 0);
-    z-index: $zindex-indexes;
-  }
-
-  &__menu-item {
-    padding: 2px $spacing-h-sm;
-    color: $at-indexes-nav-color;
-    font-size: $at-indexes-nav-font-size;
-    text-align: center;
-  }
-
-  &__body {
-    width: 100%;
-    height: 100%;
-    // box-sizing: border-box;
-  }
-
-  &__list {
-    width: 100%;
-    // box-sizing: border-box;
-    overflow: hidden;
-  }
-
-  &__list-title {
-    padding: $spacing-h-sm $spacing-v-lg;
-    width: 100%;
-    color: $at-indexes-title-color;
-    font-size: $at-indexes-title-font-size;
-    background-color: $at-indexes-title-bg-color;
-    // box-sizing: border-box;
-    overflow: hidden;
-  }
-}

package/dist/style/components/input-number.rn.scss

@@ -1,82 +0,0 @@
-@import '../variables/default.scss';
-@import '../mixins/index.scss';
-
-$component: '.at-input-number';
-$at-input-number-btn-padding: 12px;
-$at-input-number-btn-padding-lg: 20px;
-
-#{$component} {
-  //  display: inline-flex;
-  @include border-thin($width: 1PX);
-
-  display: flex;
-  flex-direction: row;
-
-  font-size: $at-input-number-font-size;
-  border-radius: $border-radius-md;
-  background-color: $color-bg;
-  overflow: hidden;
-
-  /* elements */
-  &__btn {
-    position: relative;
-    //  display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    padding: $at-input-number-btn-padding;
-    color: $at-input-number-btn-color;
-    font-size: 0;
-    text-align: center;
-    // line-height: $line-height-base;
-    overflow: hidden;
-    @include active;
-
-    &-subtract,
-    &-add {
-      color: $at-input-number-btn-color;
-      font-size: $at-input-number-btn-size;
-      line-height: $at-input-number-btn-size;
-    }
-  }
-
-  &__input {
-    //  display: inline-block;
-    width: $at-input-number-width-min;
-    height: auto;
-    border-radius: 0;
-    color: $at-input-number-text-color;
-    font-size: $at-input-number-font-size;
-    text-align: center;
-    text-align-vertical: center;
-    // line-height: $line-height-zh;
-    @include border-thin($width: 1PX, $directions: left right);
-  }
-
-  /* modifiers */
-  &--disabled {
-    color: $color-text-disabled;
-
-    // &:active {
-    //   background-color: inherit;
-    // }
-  }
-
-  &--lg {
-    // #{$component}__btn {
-    //   padding: $at-input-number-btn-padding-lg;
-    //   font-size: $at-input-number-font-size-lg;
-
-    //   &-subtract,
-    //   &-add {
-    //     font-size: $at-input-number-btn-size-lg;
-    //   }
-    // }
-
-    // input,
-    // #{$component}__input {
-    //   padding: $spacing-v-sm;
-    //   font-size: $at-input-number-font-size-lg;
-    //   width: $at-input-number-width-min-lg;
-    // }
-  }
-}

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

@@ -1,149 +0,0 @@
-@import '../variables/default.scss';
-@import '../mixins/index.scss';
-
-.at-input {
-  position: relative;
-  padding: $spacing-v-lg 0;
-  color: $at-input-label-color;
-  background-color: $color-bg;
-  margin-left: $spacing-h-xl;
-
-  /* 修复底线隐藏问题 */
-  margin-bottom: 1PX;
-  @include hairline-bottom();
-
-  &__overlay {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    z-index: $zindex-form;
-
-    &--hidden {
-      display: none;
-    }
-  }
-
-  /* elements */
-  &__container {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-  }
-
-  &--required {
-    margin-right: 8px;
-    color: $color-error;
-    font-size: 28px;
-    line-height: 28px;
-  }
-
-  &__title {
-    margin-right: $spacing-h-md;
-    width: 172px;
-    font-size: $at-input-font-size;
-    line-height: $line-height-zh * $at-input-font-size;
-    // vertical-align: middle;
-    text-align: left;
-    &--error {
-      color: $color-error;
-    }
-  }
-
-  &__input {
-    flex: 1;
-    padding-top: 0;
-    padding-right: $spacing-v-md;
-    padding-left: 0;
-    padding-bottom: 0;
-    color: $at-input-text-color;
-    font-size: $at-input-font-size;
-    // 设行高要兼容 placehost style，不然会弹上去
-    // line-height: 1.2 * $at-input-font-size;
-    /*postcss-pxtransform rn eject enable*/
-    vertical-align: middle;
-    /*postcss-pxtransform rn eject disable*/
-    @include placeholder($at-input-placeholder-color);
-  }
-
-  // input {
-  //   color: $at-input-text-color;
-  //   font-size: $at-input-font-size;
-  //   height: $at-input-font-size * 1.4;
-  //   line-height: $line-height-zh * $at-input-font-size;
-  // }
-
-  &__icon {
-    // display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    margin-right: 10px;
-    width: 40px;
-    min-width: 40px;
-    // height: 100%;
-    font-size: $at-input-font-size;
-    text-align: center;
-    line-height: $at-input-font-size;
-
-    &-close {
-      color: #ccc;
-      font-size: $at-input-font-size;
-    }
-
-    &-alert {
-      color: #FF4949;
-      font-size: $at-input-font-size;
-    }
-  }
-
-  &__children {
-    // display: inline-flex;
-    @include hairline-left();
-    padding: 0 $spacing-v-md;
-    color: $color-brand-dark;
-    font-size: $at-input-font-size;
-    text-align: center;
-
-    // > view,
-    // div,
-    // span,
-    // text,
-    // image,
-    // .taro-img {
-    //   //display: inline-block;
-    //   padding: 0 $spacing-v-md;
-    //   color: $color-brand-dark;
-    //   font-size: $at-input-font-size;
-    //   text-align: center;
-    // }
-
-    // > image,
-    // img,
-    // .taro-img {
-    //   // display: inline-block;
-    //   width: 145px;
-    //   height: 60px;
-    //   vertical-align: middle;
-    // }
-  }
-
-  /* modifiers */
-  &--error {
-    color: $color-error;
-  }
-
-  &--disabled {
-    opacity: $opacity-disabled;
-  }
-
-  &--without-border {
-    border-bottom-width: 0;
-  }
-
-  // &--without-border {
-  //   &::after {
-  //     border: none;
-  //   }
-  // }
-}

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;
-  //   }
-  // }
-}