taro-ui 3.3.1 → 3.3.3

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

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

@@ -1,57 +0,0 @@
-@import '../variables/default.scss';
-@import '../mixins/index.scss';
-
-$component: '.at-textarea';
-$at-textarea-input-height: $at-textarea-font-size * 4;
-$at-textarea-bg-color: $color-bg;
-
-#{$component} {
-  padding: $spacing-v-md;
-  width: 100%;
-  font-size: $at-textarea-font-size;
-  line-height: $line-height-zh * $at-textarea-font-size;
-  border-radius: $border-radius-md;
-  background-color: $at-textarea-bg-color;
-  // box-sizing: border-box;
-  @include border-thin($width: 1PX);
-
-  &__textarea {
-    width: 100%;
-    height: $at-textarea-input-height;
-    font-size: $at-textarea-font-size;
-    // outline: none;
-    // resize: none;
-    // -webkit-appearance: none;
-    border-radius: 0;
-    padding: 0;
-    margin: 0;
-    border: 0;
-    @include placeholder;
-  }
-
-  &__counter {
-    padding-top: $spacing-v-sm;
-    width: 100%;
-    color: $at-textarea-tips-color;
-    font-size: $at-textarea-tips-size;
-    text-align: right;
-    line-height: $line-height-base * $at-textarea-tips-size;
-
-    &--error {
-      color: $color-error;
-    }
-  }
-
-  // &--WEB,
-  // &--WEAPP {
-  //   #{$component}__textarea {
-  //     line-height: $line-height-base;
-  //   }
-  // }
-
-  // &--error {
-  //   #{$component}__counter {
-  //     color: $color-error;
-  //   }
-  // }
-}

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

@@ -1,89 +0,0 @@
-@use 'sass:math';
-@import '../variables/default.scss';
-@import '../mixins/index.scss';
-
-.at-timeline-item {
-  position: relative;
-  padding: 0 0 $spacing-v-sm;
-
-  /* elements */
-  &__content {
-    margin-left: $at-timeline-offset-left;
-    min-height: 56px;
-    color: $at-timeline-title-color;
-    font-size: $at-timeline-title-font-size;
-    text-align: left;
-
-    &--sub {
-      color: $at-timeline-desc-color;
-      font-size: $at-timeline-desc-font-size;
-      line-height: $line-height-zh * $at-timeline-desc-font-size;
-    }
-
-    &-item {
-      color: $at-timeline-title-color;
-      font-size: $at-timeline-title-font-size;
-      line-height: $line-height-zh * $at-timeline-title-font-size;
-    }
-  }
-
-  &__dot {
-    position: absolute;
-    left: 0;
-    top: 8px;
-    width: $at-timeline-dot-size;
-    height: $at-timeline-dot-size;
-    font-size: 0;
-    text-align: center;
-    border-radius: math.div($at-timeline-dot-size, 2);
-    background: $at-timeline-dot-color;
-    z-index: 1;
-    border: 1PX solid transparent;
-    border-color: $at-timeline-dot-border-color;
-
-
-    &--green {
-      border-color: $color-success;
-    }
-
-    &--red {
-      border-color: $color-error;
-    }
-
-    &--yellow {
-      border-color: $color-warning;
-    }
-
-    &--has-icon {
-      border-color: transparent;
-    }
-  }
-
-  &__icon {
-    position: absolute;
-    left: 0;
-    top: 0;
-    width: $at-timeline-dot-size;
-    height: $at-timeline-dot-size;
-    text-align: center;
-    border-radius: math.div($at-timeline-dot-size, 2);
-    background: $at-timeline-dot-color;
-    z-index: 1;
-  }
-
-  &__at-icon {
-    font-size: $at-timeline-dot-size;
-    color: $at-timeline-dot-border-color;
-  }
-
-  &__tail {
-    position: absolute;
-    top: math.div($at-timeline-dot-size, 2);
-    bottom: -1 * math.div($at-timeline-dot-size, 2);
-    left: math.div($at-timeline-dot-size, 2) - 2px;
-    border-left-color: $at-timeline-line-color;
-    border-left-width: 1PX;
-    border-style: solid;
-  }
-
-}

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

@@ -1,112 +0,0 @@
-@import '../variables/default.scss';
-@import '../mixins/index.scss';
-
-// @keyframes atRotate {
-//   0% {
-//     transform: rotate(0deg);
-//   }
-
-//   100% {
-//     transform: rotate(360deg);
-//   }
-// }
-
-$at-toast-min-width: 256px !default;
-$at-toast-image-size: 120px !default;
-$at-toast-font-size: $font-size-base !default;
-$at-toast-icon-size: 80px !default;
-$at-toast-color: $color-white;
-$at-toast-bg-color: rgba($color: $color-black-0, $alpha: 0.8);
-
-.at-toast {
-  width: 100%;
-  height: 100%;
-  z-index: 10000;
-  position: absolute;
-  align-items: center;
-  justify-content: center;
-
-  &--no-mask {
-    top: 50%;
-    left: 50%;
-    width: auto;
-    height: auto;
-    align-items: stretch;
-    justify-content: flex-start;
-  }
-
-  /* elements */
-  &__overlay {
-    @include overlay;
-
-    //  position: fixed;
-    opacity: 0;
-    z-index: $zindex-toast;
-  }
-
-  &__body {
-    &--loading {
-      .toast-body-content__img-item {
-       //  animation: atRotate 1350ms linear infinite;
-      }
-    }
-  }
-}
-
-.toast-body {
-  // @include absolute-center(fixed);
-
-  padding: $spacing-v-lg $spacing-h-xl;
-  min-width: $at-toast-min-width;
-  border-radius: $border-radius-md;
-  background-color: $at-toast-bg-color;
-  z-index: $zindex-toast;
-
-  &-content {
-    &__icon {
-      color: $at-toast-color;
-      font-size: $at-toast-icon-size;
-      align-items: center;
-    }
-
-    &__img {
-      line-height: 0;
-      align-items: center;
-
-      &-item {
-        width: $at-toast-image-size;
-        height: $at-toast-image-size;
-      }
-    }
-
-    &__info {
-      margin-top: $spacing-v-md;
-      color: $at-toast-color;
-      font-size: $at-toast-font-size;
-      line-height: $line-height-zh * $at-toast-font-size;
-      text-align: center;
-
-      &-no-margin {
-        margin-top: 0;
-      }
-    }
-  }
-
-  &--text {
-    color: $at-toast-color;
-    padding: $spacing-v-sm $spacing-h-lg;
-    line-height: $line-height-zh * $at-toast-font-size;
-    // min-width: initial;
-
-    // .toast-body-content__info {
-    //   margin-top: 0;
-    // }
-  }
-
-  &.at-toast__body--custom-image,
-  &.at-toast__body--success,
-  &.at-toast__body--error,
-  &.at-toast__body--loading {
-    // padding-bottom: $spacing-v-lg - (($at-toast-font-size * $line-height-zh - $at-toast-font-size) / 2);
-  }
-}

package/dist/style/index.rn.scss

@@ -1,14 +0,0 @@
-@use "sass:math";
-
-/**
- * Taro UI - Default variables
- */
-
-/* Variables */
-@import './variables/default.scss';
-
-/* Mixin */
-@import './mixins/index.scss';
-
-/* Components */
-@import './components/index.scss';

package/dist/style/mixins/index.rn.scss

@@ -1,18 +0,0 @@
-/**
- * Mixins
- */
-
-/* library */
-@import './libs/absolute-center';
-@import './libs/clearfix';
-@import './libs/line';
-@import './libs/overlay';
-@import './libs/shade';
-@import './libs/tint';
-@import './libs/flex';
-@import './libs/border';
-@import './libs/active';
-@import './libs/disabled';
-@import './libs/placeholder';
-@import './libs/alignhack';
-@import './libs/hairline';

package/dist/style/mixins/libs/absolute-center.rn.scss

@@ -1,9 +0,0 @@
-/**
- * 元素居中定位
- */
-@mixin absolute-center($pos: absolute) {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: row;
-}