taro-ui 3.3.0 → 3.3.2

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

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

@@ -1,61 +0,0 @@
-@import '../variables/default.scss';
-@import '../mixins/index.scss';
-
-$component: '.at-switch';
-
-#{$component} {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  background-color: $color-bg;
-  margin-left: $spacing-h-xl;
-  padding: $spacing-v-lg $spacing-h-xl $spacing-v-lg 0;
-  margin-bottom: 1PX;
-
-  @include hairline-bottom();
-
-  // /* elements */
-  // &__title {
-  //   flex: 6;
-  //   color: $at-switch-title-color;
-  //   font-size: $at-switch-title-size;
-  // }
-
-  &__container {
-    display: flex;
-    align-items: center;
-    flex-direction: row-reverse;
-    position: relative;
-    background-color: $color-bg;
-  }
-
-  &__switch {
-    display: flex;
-
-    &--disabled {
-      opacity: $opacity-disabled;
-    }
-  }
-
-  &__mask {
-    position: absolute;
-    display: none;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    z-index: $zindex-form;
-    &--disabled {
-      display: flex;
-    }
-  }
-
-
-  &--without-border {
-    border-bottom-width: 0;
-    // &::after {
-    //   border: none;
-    // }
-  }
-}

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

@@ -1,74 +0,0 @@
-@import '../variables/default.scss';
-@import '../mixins/index.scss';
-
-$at-tab-bar-min-height: 50px;
-$at-tab-bar-title-max-width: 200px;
-
-.at-tab-bar {
-  display: flex;
-  flex-direction: row;
-  padding: $spacing-v-sm 0 $spacing-v-xs;
-  width: 100%;
-  min-height: $at-tab-bar-min-height;
-  justify-content: center;
-  align-items: flex-start;
-  // box-sizing: border-box;
-  background-color: $at-tab-bar-bg-color;
-  @include hairline-top($color-border-light, solid, 0.5);
-
-  /* elements */
-  &__item {
-    flex: 1;
-    padding: $spacing-v-sm $spacing-v-sm;
-    color: $at-tab-bar-color;
-    font-size: 0;
-    align-items: center;
-    // transition: all 0.2s;
-
-    &--active {
-      color: $at-tab-bar-color-active;
-    }
-  }
-
-  &__icon {
-    font-size: $at-tab-bar-icon-font-size;
-    // line-height: 1;
-  }
-
-  &__inner-img {
-    width: $at-tab-bar-icon-image-size;
-    height: $at-tab-bar-icon-image-size;
-
-    &--inactive {
-      display: none;
-    }
-  }
-
-  &__title {
-    display: flex;
-    padding: $spacing-v-xs 0;
-    max-width: $at-tab-bar-title-max-width;
-    font-size: $at-tab-bar-font-size;
-    // line-height: $line-height-base;
-    // white-space: nowrap;
-    overflow: hidden;
-    // text-overflow: ellipsis;
-  }
-
-  /* modifiers */
-  &--fixed {
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    // padding-bottom: constant(safe-area-inset-bottom);
-    // padding-bottom: env(safe-area-inset-bottom);
-    z-index: $zindex-nav;
-  }
-
-  &--ipx {
-    &.at-tab-bar--fixed {
-      padding-bottom: 68px;
-    }
-  }
-}

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

@@ -1,205 +0,0 @@
-@import '../variables/default.scss';
-@import '../mixins/index.scss';
-
-$component:'.at-tabs';
-$at-tabs-pane-min-height: 100px;
-
-#{$component} {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-
-  /* elements */
-  &__item {
-    position: relative;
-    flex: 1;
-    padding: $spacing-v-lg $spacing-h-lg;
-    color: $at-tabs-color;
-    font-size: $at-tabs-font-size;
-    // text-overflow: ellipsis;
-    text-align: center;
-    overflow: hidden;
-
-    // &-underline {
-    //   position: absolute;
-    //   left: 0;
-    //   bottom: 0;
-    //   // width: 100%;
-    //   height: $at-tabs-line-height;
-    //   // transform: scaleX(0);
-    //   // transition: all 0.15s;
-    // }
-
-    &--active {
-      color: $at-tabs-color-active;
-
-      // #{$component}__item-underline {
-        // transform: scaleX(1);
-      // }
-    }
-
-    &--horizontal {
-      @include hairline-bottom($color-border-light, solid, 0.5);
-      &--active {
-        @include hairline-bottom($at-tabs-color-active, solid, 1);
-      }
-    }
-
-    &--vertical {
-      @include hairline-right($color-border-light, solid, 0.5);
-      &--active {
-        @include hairline-right($at-tabs-color-active, solid, 1);
-      }
-    }
-  }
-
-  &__header {
-    position: relative;
-    display: flex;
-    flex-direction: row;
-    flex-grow: 0;
-    // width: 100%;
-    text-align: center;
-    // white-space: nowrap;
-    background-color: $at-tabs-bg-color;
-    // box-sizing: border-box;
-    // overflow: -moz-scrollbars-none;
-
-    &--horizontal {
-      flex-direction: row;
-    }
-
-    &--vertical {
-      flex-direction: column;
-    }
-
-    // &::-webkit-scrollbar {
-    //   display: none;
-    //   width: 0 !important;
-    //   height: 0 !important;
-    //   background: transparent;
-    // }
-  }
-
-  &__body {
-    display: flex;
-    flex: 1;
-    // width: 100%;
-    // white-space: nowrap;
-    // transition: all 0.3s;
-    // will-change: transform, left, top;
-    overflow: visible;
-  }
-
-  &__underline {
-    display: flex;
-    position: absolute;
-    top: 0;
-    left: 0;
-    bottom: auto;
-    right: auto;
-    width: 600%;
-    height: $at-tabs-line-height;
-    background-color: $at-tabs-underline-color;
-  }
-
-  /* modifiers */
-  // &--scroll {
-  //   #{$component}__header {
-  //     overflow: scroll;
-  //     // overflow-x: scroll;
-  //     // -webkit-overflow-scrolling: touch;
-  //     // white-space: nowrap;
-  //   }
-
-  //   #{$component}__item {
-  //     display: flex;
-  //     overflow: visible;
-  //   }
-  // }
-
-  &--vertical {
-    display: flex;
-    // flex: 1;
-    flex-direction: row;
-    overflow: hidden;
-
-    // #{$component}__body {
-    //   display: flex;
-    //   flex: 1;
-    //   height: $at-tabs-pane-min-height;
-    //   // width: auto;
-    // }
-
-    // #{$component}__underline {
-    //   top: 0;
-    //   left: 0;
-    //   bottom: auto;
-    //   width: $at-tabs-line-height;
-    //   height: 100%;
-    // }
-
-    // #{$component}__header {
-    //   display: flex;
-    //   // width: auto;
-    // }
-
-    // #{$component}__item {
-    //   display: flex;
-    //   justify-content: center;
-    //   width: auto;
-    //   align-items: center;
-
-    //   &-underline {
-    //     display: flex;
-    //     top: 0;
-    //     right: 0;
-    //     bottom: auto;
-    //     left: auto;
-    //     width: $at-tabs-line-height;
-    //     height: 100%;
-    //     // transform: scaleY(0);
-    //   }
-
-    //   &--active {
-    //     #{$component}__item-underline {
-    //       // transform: scaleY(1);
-    //     }
-    //   }
-    // }
-  }
-}
-
-/* hack SWAN */
-
-// #{$component}--scroll#{$component}--horizontal#{$component}--SWAN {
-//   #{$component}__item-underline {
-//     bottom: $at-tabs-line-height;
-//   }
-// }
-
-/* hack SWAN */
-
-.at-tabs-pane {
-  display: flex;
-  height: 100%;
-  // box-sizing: border-box;
-  // white-space: initial;
-  // vertical-align: top;
-
-  /* modifiers */
-  &--active {
-    height: auto;
-  }
-
-  &--inactive {
-    height: 0;
-    overflow: hidden;
-  }
-
-  &--vertical {
-    display: flex;
-    height: 100%;
-    overflow: scroll;
-  }
-}

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

@@ -1,74 +0,0 @@
-@use "sass:math";
-@import '../variables/default.scss';
-@import '../mixins/index.scss';
-
-$at-tag-border-size: 1PX;
-
-.at-tag {
-  padding: 0 $spacing-h-xl;
-  height: $at-tag-height;
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-  justify-content: center;
-  text-align: center;
-  border: $at-tag-border-size solid $at-tag-border-color;
-  border-radius: $border-radius-md;
-  background-color: $at-tag-bg-color;
-
-  &--text {
-    color: $at-tag-color;
-    font-size: $at-tag-font-size;
-  }
-
-  /* modifiers */
-  &--primary {
-    color: $at-tag-color-primary;
-    border-color: $at-tag-border-color-primary;
-    background-color: $at-tag-bg-color-primary;
-
-    &--text {
-      color: $at-tag-color-primary;
-    }
-  }
-
-  &--active {
-    border-color: $at-tag-border-color-active;
-    background-color: $at-tag-bg-color-active;
-
-    &--text {
-      color: $at-tag-color-active;
-    }
-
-    &-primary {
-      border-color: $at-tag-border-color-active;
-      background-color: $at-tag-bg-color-primary-active;
-
-      &--text {
-        color: $at-tag-color-primary-active;
-      }
-    }
-  }
-
-  &--disabled {
-    opacity: $opacity-disabled;
-  }
-
-  &--circle {
-    border-radius: math.div($at-tag-height, 2);
-    overflow: hidden;
-  }
-
-  &--small {
-    padding: 0 $spacing-h-md;
-    height: $at-tag-height-sm;
-
-    &--text {
-      font-size: $at-tag-font-size-sm;
-    }
-
-    &-circle {
-      border-radius: math.div($at-tag-height-sm, 2);
-    }
-  }
-}