taro-ui 3.3.1 → 3.3.2

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

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

@@ -1,105 +0,0 @@
-@use "sass:math";
-@import '../variables/default.scss';
-@import '../mixins/index.scss';
-
-// @keyframes progress-active {
-//   from {
-//     opacity: 0.5;
-//     //  transform: translate(-100%);
-//   }
-
-//   to {
-//     opacity: 0.1;
-//     //  transform: translate(0);
-//   }
-// }
-
-.at-progress {
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-  width: 100%;
-
-  /* elements */
-  &__outer {
-    // flex: 1 1 100%;
-    margin-right: 0;
-    padding-right: 0;
-    flex: 1;
-
-    &-inner {
-      width: 100%;
-      background-color: $at-progress-inner-bg-color;
-      border-radius: math.div($at-progress-height, 2);
-      //  vertical-align: middle;
-
-      &-background {
-        position: relative;
-        height: $at-progress-height;
-        border-radius: math.div($at-progress-height, 2);
-        background-color: $at-progress-bar-bg-color;
-        // transition: all 0.3s $ease-in-out-quad;
-        overflow: hidden;
-      }
-    }
-  }
-
-  &__content {
-    // flex: 1 1 70px;
-    margin-left: 10px;
-    font-size: $at-progress-text-size;
-    text-align: center;
-
-    // .at-icon {
-    //   font-size: $at-progress-icon-size;
-    // }
-  }
-
-  &__at-icon {
-    font-size: $at-progress-icon-size;
-
-    &--error {
-      color: $color-error;
-    }
-
-    &--success {
-      color: $color-success;
-    }
-  }
-
-  /* modifiers */
-  // &--progress {
-  //   .at-progress__outer-inner-background::before {
-  //     content: "";
-  //     opacity: 0;
-  //     position: absolute;
-  //     top: 0;
-  //     left: 0;
-  //     right: 0;
-  //     bottom: 0;
-  //     background: $at-progress-bar-bg-color-active;
-  //     border-radius: $at-progress-height / 2;
-  //    //  animation: progress-active 2s $ease-out-quad infinite;
-  //   }
-  // }
-
-  // &--error {
-  //   .at-progress__outer-inner-background {
-  //     background: $color-error;
-  //   }
-
-  //   .at-icon {
-  //     color: $color-error;
-  //   }
-  // }
-
-  // &--success {
-  //   .at-progress__outer-inner-background {
-  //     background: $color-success;
-  //   }
-
-  //   .at-icon {
-  //     color: $color-success;
-  //   }
-  // }
-}

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

@@ -1,94 +0,0 @@
-@import '../variables/default.scss';
-@import '../mixins/index.scss';
-
-.at-radio {
-  position: relative;
-  background-color: $color-bg;
-  @include hairline-top-relative(#d6e4ef);
-  @include hairline-bottom-relative(#d6e4ef);
-
-  /* elements */
-  &__option-wrap {
-    padding: $spacing-v-lg $spacing-h-xl $spacing-v-lg 0;
-    @include border-thin-bottom(#d6e4ef);
-
-    &--without-border {
-      border-bottom-width: 0;
-    }
-  }
-
-  &__option-container {
-    display: flex;
-    flex-direction: row;
-  }
-
-  &__title {
-    flex: 6;
-    color: $at-radio-title-color;
-    font-size: $at-radio-title-size;
-    text-align: left;
-    line-height: $line-height-zh * $at-radio-title-size;
-    //  word-break: break-all;
-
-    &--disabled {
-      opacity: $opacity-disabled;
-    }
-  }
-
-  &__icon {
-    flex: 1;
-    font-size: $at-radio-title-size;
-    text-align: right;
-    overflow: hidden;
-   //  visibility: hidden;
-
-    &--checked {
-     //  visibility: visible;
-    }
-  }
-
-  &__desc {
-    //  display: block;
-    width: 86%;
-    color: $at-radio-desc-color;
-    font-size: $at-radio-desc-size;
-    text-align: left;
-    line-height: $line-height-zh * $at-radio-desc-size;
-    letter-spacing: 0;
-    //  word-break: break-all;
-
-    &--disabled {
-      opacity: $opacity-disabled;
-    }
-  }
-
-  &__option {
-    padding-left: $spacing-h-xl;
-    @include active;
-
-    &--disabled {
-      // .at-radio__option-container,
-      // .at-radio__desc {
-      //   opacity: $opacity-disabled;
-      // }
-
-      // &:active {
-      //   background-color: inherit;
-      // }
-    }
-  }
-
-  // &__option + &__option {
-  //   .at-radio__option-wrap {
-  //     @include hairline-top();
-  //   }
-  // }
-
-  &__at-icon {
-    color: $at-radio-check-color;
-  }
-}
-
-// .at-icon {
-//   color: $at-radio-check-color;
-// }

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

@@ -1,52 +0,0 @@
-@use "sass:math";
-@import '../variables/default.scss';
-@import '../mixins/index.scss';
-
-.at-range {
-  position: relative;
-  padding: 0 math.div($at-range-slider-size, 2) + 4PX;
-  width: 100%;
-  // box-sizing: border-box;
-
-  /* elements */
-  &__container {
-    position: relative;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    width: 100%;
-    height: $at-range-slider-size;
-    // box-sizing: border-box;
-  }
-
-  &__rail {
-    width: 100%;
-    height: $at-range-rail-height;
-    background-color: $at-range-rail-bg-color;
-    // box-sizing: border-box;
-    overflow: hidden;
-  }
-
-  &__track {
-    position: absolute;
-    height: $at-range-rail-height;
-    background-color: $at-range-track-bg-color;
-  }
-
-  &__slider {
-    position: absolute;
-    margin-left: math.div($at-range-slider-size, 2) * -1;
-    width: $at-range-slider-size;
-    height: $at-range-slider-size;
-    border-radius: math.div($at-range-slider-size, 2);
-    background-color: $at-range-slider-color;
-    //box-shadow: $at-range-slider-shadow;
-    // TODO: box-shadow 替代
-    // box-sizing: border-box;
-  }
-
-  /* modifiers */
-  &--disabled {
-    opacity: $opacity-disabled;
-  }
-}

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

@@ -1,48 +0,0 @@
-@import '../variables/default.scss';
-@import '../mixins/index.scss';
-
-.at-rate {
-  font-size: 0;
-  line-height: 0;
-  flex-direction: row;
-
-  /* elements */
-  &__left {
-    //  display: inline-block;
-    position: absolute;
-    left: 0;
-    top: 0;
-    width: 50%;
-    height: 100%;
-    color: transparent;
-    overflow: hidden;
-    z-index: 10;
-  }
-
-  &__icon {
-    position: relative;
-    //  display: inline-block;
-    color: $at-rate-star-color;
-    font-size: 0;
-    line-height: 0;
-    //  transition:: all 0.2s;
-
-    // .at-icon {
-    //   font-size: $at-rate-icon-size;
-    // }
-
-    &--on {
-      color: $at-rate-star-color-on;
-    }
-
-    &--off {
-      color: $at-rate-star-color;
-    }
-
-    &--half {
-      // .at-rate__left {
-      //   color: $at-rate-star-color-on;
-      // }
-    }
-  }
-}

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

@@ -1,134 +0,0 @@
-@use "sass:math";
-@import '../variables/default.scss';
-@import '../mixins/index.scss';
-
-$at-search-bar-font-size: 28px;
-$at-search-bar-input-height: 60px;
-$at-search-bar-input-padding: 50px;
-$at-search-bar-btn-padding: 20px;
-$at-search-bar-placeholder-padding: 24px;
-$at-search-bar-input-bg-color: $color-bg-grey;
-$at-search-bar-input-color: $color-black-0;
-$at-search-bar-placholder-color: $color-grey-2;
-
-.at-search-bar {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding: $spacing-v-sm $spacing-v-md;
-  background-color: $color-bg;
-  overflow: hidden;
-  // box-sizing: border-box;
-  @include hairline-bottom();
-
-  /* elements */
-  &__input-cnt {
-    position: relative;
-    flex: 1;
-    width: 100%;
-    height: $at-search-bar-input-height;
-    background-color: $at-search-bar-input-bg-color;
-    border-radius: math.div($at-search-bar-input-height, 2);
-    overflow: hidden;
-    display: flex;
-    flex-direction: row;
-  }
-
-  &__placeholder-wrap {
-    // position: absolute;
-    // top: 0;
-    // left: 0;
-
-    display: flex;
-    flex-direction: row;
-    align-self: center;
-    align-items: center;
-    justify-content: center;
-    padding: 0 $at-search-bar-placeholder-padding;
-    // width: 100%;
-    height: $at-search-bar-input-height;
-    line-height: 0;
-    // vertical-align: middle;
-    opacity: 1;
-    // transition: flex 0.3s;
-    // background: #0084ff;
-  }
-
-  &__placeholder {
-    margin-left: $at-search-bar-placeholder-padding;
-    color: $at-search-bar-placholder-color;
-    font-size: $at-search-bar-font-size;
-    flex-shrink: 0;
-  }
-
-  &__input {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: $at-search-bar-input-height;
-    padding: 0 $at-search-bar-input-padding + $at-search-bar-placeholder-padding;
-    color: $at-search-bar-input-color;
-    font-size: $at-search-bar-font-size;
-    text-align: left;
-    background-color: transparent;
-    // transition: width 0.3s;
-    // box-sizing: border-box;
-  }
-
-  &__clear {
-    position: absolute;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    top: 0;
-    right: $at-search-bar-placeholder-padding;
-    height: $at-search-bar-input-height;
-    width: $at-search-bar-input-padding;
-    color: $at-search-bar-placholder-color;
-    font-size: $at-search-bar-font-size;
-    line-height: 0;
-    // vertical-align: middle;
-  }
-
-  &__action {
-    flex: none;
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-    margin-left: 10PX;
-    padding: 0 $at-search-bar-btn-padding;
-    height: $at-search-bar-input-height;
-    border-radius: 4px;
-    background-color: $at-search-bar-btn-bg-color;
-    // transition: margin-right 0.3s, opacity 0.3s;
-    opacity: 0;
-    &__text {
-      color: $at-search-bar-btn-color;
-      font-size: $at-search-bar-font-size;
-      line-height: $at-search-bar-input-height;
-    }
-  }
-
-  /* modifiers */
-  &--fixed {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    z-index: $zindex-search-bar;
-  }
-
-  &__at-icon {
-    color: $at-search-bar-placholder-color;
-    font-size: $at-search-bar-font-size;
-    flex-shrink: 0;
-  }
-}
-
-// .at-icon {
-//   color: $at-search-bar-placholder-color;
-//   font-size: $at-search-bar-font-size;
-//   flex-shrink: 0;
-// }