taro-ui 3.3.1 → 3.3.3

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

package/dist/style/components/segmented-control.rn.scss

@@ -1,44 +0,0 @@
-@import '../variables/default.scss';
-@import '../mixins/index.scss';
-
-$at-segmented-control-min-width: 120px;
-
-.at-segmented-control {
-  display: flex;
-  flex-direction: row;
-  position: relative;
-  width: 100%;
-  border-radius: $border-radius-md;
-  overflow: hidden;
-  @include border-thin($color: $at-segmented-control-color, $width: 1PX);
-
-  /* elements */
-  &__item {
-    flex: 1;
-    padding: $spacing-v-xs $spacing-h-sm;
-    min-width: $at-segmented-control-min-width;
-    color: $at-segmented-control-color;
-    font-size: $at-segmented-control-font-size;
-    background-color: $at-segmented-control-bg-color;
-    overflow: hidden;
-    text-align: center;
-
-    &--active {
-      color: $at-segmented-control-color-active;
-      background-color: $at-segmented-control-color;
-    }
-
-    &--plus {
-      @include border-thin-left($color: $at-segmented-control-color, $width: 1PX);
-    }
-  }
-
-  // &__item + &__item {
-  //   @include border-thin-left($color: $at-segmented-control-color, $width: 1PX);
-  // }
-
-  /* modifiers */
-  &--disabled {
-    opacity: $opacity-disabled;
-  }
-}

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

@@ -1,33 +0,0 @@
-@import '../variables/default.scss';
-@import '../mixins/index.scss';
-
-.at-slider {
-  display: flex;
-  // align-items: center;
-  flex-direction: row;
-
-  /* elements */
-  &__inner {
-    flex: 1;
-
-    &--disabled {
-      opacity: $opacity-disabled;
-    }
-
-  }
-
-  &__text {
-    width: 80px;
-    color: $at-slider-text-color;
-    font-size: $at-slider-text-size;
-    text-align: center;
-    justify-content: center;
-  }
-
-  /* modifiers */
-  // &--disabled {
-  //   .at-slider__inner {
-  //     opacity: $opacity-disabled;
-  //   }
-  // }
-}

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

@@ -1,131 +0,0 @@
-@use "sass:math";
-@import '../variables/default.scss';
-@import '../mixins/index.scss';
-
-.at-steps {
-  display: flex;
-  flex-direction: row;
-  width: 100%;
-  align-items: flex-start;
-  justify-content: center;
-
-  /* elements */
-  &__circular {
-    flex-direction: row;
-    align-items: center;
-    justify-content: center;
-    width: $at-steps-circle-size;
-    height: $at-steps-circle-size;
-    text-align: center;
-    border-radius: math.div($at-steps-circle-size, 2);
-    color: $at-steps-color-active;
-    background-color: $at-steps-bg-color;
-
-    &--active {
-      color: $at-steps-color;
-      background-color: $at-steps-bg-color-active;
-    }
-  }
-
-  &__item {
-    position: relative;
-    // width: 100px;
-    // flex: 1;
-    width: 33%;
-    text-align: center;
-
-    &--text {
-      &__active {
-        color: $at-steps-color;
-      }
-
-      &__inactive {
-        color: $at-steps-color-active;
-      }
-    }
-
-    // &--active {
-    //   .at-steps__circular {
-    //     color: $at-steps-color;
-    //     background-color: $at-steps-bg-color-active;
-    //   }
-    // }
-
-    // &--inactive {
-    //   .at-steps__circular {
-    //     color: $at-steps-color-active;
-    //     background-color: $at-steps-bg-color;
-    //   }
-    // }
-  }
-
-  &__circular-wrap {
-    position: relative;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: center;
-    font-size: 0;
-  }
-
-  &__single-icon {
-    font-size: $at-steps-circle-size;
-
-    &--success {
-      color: $color-success;
-    }
-
-    &--error {
-      color: $color-error;
-    }
-  }
-
-  &__circle-icon {
-    color: $at-steps-color-active;
-    font-size: $at-steps-icon-size;
-
-    &--active {
-      color: $at-steps-color;
-    }
-
-    &--inactive {
-      color: $at-steps-color-active;
-    }
-  }
-
-  &__left-line {
-    position: absolute;
-    width: 30%;
-    top: 50%;
-    right: 70%;
-    height: 1Px;
-    background-color: $at-steps-line-color;
-  }
-
-  &__right-line {
-    position: absolute;
-    width: 30%;
-    top: 50%;
-    left: 70%;
-    height: 1Px;
-    background-color: $at-steps-line-color;
-  }
-
-  &__num {
-    font-size: $font-size-sm;
-  }
-
-  &__title {
-    padding: $spacing-v-sm 0;
-    color: $at-steps-title-color;
-    font-size: $at-steps-title-size;
-    text-align: center;
-  }
-
-  &__desc {
-    color: $at-steps-desc-color;
-    font-size: $at-steps-desc-size;
-    text-align: center;
-    line-height: 1.6 * $at-steps-desc-size;
-  }
-}

package/dist/style/components/swipe-action.rn.scss

@@ -1,53 +0,0 @@
-@import '../variables/default.scss';
-@import '../mixins/index.scss';
-
-.at-swipe-action {
-  position: relative;
-  overflow: hidden;
-  width: 100%;
-
-  &__area {
-    height: auto;
-  }
-
-  /* elements */
-  &__content {
-    position: relative;
-    font-size: $font-size-lg;
-    background-color: $at-swipe-action-bg-color;
-    display: flex;
-    height: 100%;
-    z-index: 2;
-
-    &.animtion {
-      //  transition:: transform 300ms $timing-func;
-    }
-  }
-
-  &__option {
-    @include active;
-    @include align-items(center);
-
-    //  display: inline-flex;
-    padding: 0 $spacing-h-xl;
-    height: 100%;
-    color: $at-swipe-action-color;
-    font-size: $at-swipe-action-font-size;
-    width: 120px;
-
-    text-align: center;
-    background-color: $at-swipe-action-option-bg-color;
-  }
-
-  &__options {
-    @include align-items(center);
-
-    //  display: inline-flex;
-    position: absolute;
-    top: 0;
-    right: 0;
-    height: 100%;
-    z-index: 1;
-    opacity: 0;
-  }
-}