taro-ui 3.3.1 → 3.3.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/index.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;
-}

package/dist/style/mixins/libs/active.rn.scss

@@ -1,10 +0,0 @@
-/**
- * 点击态
- */
-@mixin active {
-  // background-color: $color-grey-5;
-
-  // &:active {
-  //   background-color: $color-grey-5;
-  // }
-}

package/dist/style/mixins/libs/alignhack.rn.scss

@@ -1,11 +0,0 @@
-// 修复小元素文本垂直居中
-@mixin alignhack($position: before, $margintop: 1px) {
-  &::#{$position} {
-    content: '';
-    //  display: inline-block;
-    //  vertical-align: middle;
-    width: 0;
-    height: 100%;
-    margin-top: $margintop;
-  }
-}

package/dist/style/mixins/libs/border.rn.scss

@@ -1,48 +0,0 @@
-/**
- * 默认主题下 $color-border-light
- */
-
-@mixin border-thin(
-  $color: $color-border-light,
-  $style: solid,
-  $directions: top bottom right left,
-  $width: 1px
-) {
-  @each $value in $directions {
-    border-#{$value}-width: $width;
-    border-#{$value}-color: $color;
-  }
-  border-style: $style;
-}
-
-@mixin border-thin-top(
-  $color: $color-border-light,
-  $style: solid,
-  $width: 1px
-) {
-  @include border-thin($color, $style, top, $width);
-}
-
-@mixin border-thin-left(
-  $color: $color-border-light,
-  $style: solid,
-  $width: 1px
-) {
-  @include border-thin($color, $style, left, $width);
-}
-
-@mixin border-thin-right(
-  $color: $color-border-light,
-  $style: solid,
-  $width: 1px
-) {
-  @include border-thin($color, $style, right, $width);
-}
-
-@mixin border-thin-bottom(
-  $color: $color-border-light,
-  $style: solid,
-  $width: 1px
-) {
-  @include border-thin($color, $style, bottom, $width);
-}

package/dist/style/mixins/libs/clearfix.rn.scss

@@ -1,21 +0,0 @@
-/**
- * @example scss
- *
- * .element {
- *   @include clearfix;
- * }
- *
- * // CSS Output
- * .element::after {
- *   clear: both;
- *   content: '';
- *   //  display: block;
- * }
- */
-@mixin clearfix {
-  &::after {
-    clear: both;
-    content: '';
-    //  display: block;
-  }
-}

package/dist/style/mixins/libs/disabled.rn.scss

@@ -1,6 +0,0 @@
-/**
- * 禁止态
- */
-@mixin disabled {
-  color: #bbb;
-}

package/dist/style/mixins/libs/flex.rn.scss

@@ -1,49 +0,0 @@
-@mixin display-flex {
-  display: flex;
-  flex-direction: row;
-}
-
-@mixin flex-wrap($value: nowrap) {
-  flex-wrap: $value;
-}
-
-@mixin align-items($value: stretch) {
-  align-items: $value;
-  // @if $value == flex-start {
-  //   -webkit-box-align: start;
-  // } @else if $value == flex-end {
-  //   -webkit-box-align: end;
-  // } @else {
-  //   -webkit-box-align: $value;
-  // }
-}
-
-@mixin align-content($value: flex-start) {
-  align-content: $value;
-}
-
-@mixin justify-content($value: flex-start) {
-  justify-content: $value;
-  // @if $value == flex-start {
-  //   -webkit-box-pack: start;
-  // } @else if $value == flex-end {
-  //   -webkit-box-pack: end;
-  // } @else if $value == space-between {
-  //   -webkit-box-pack: justify;
-  // } @else {
-  //   -webkit-box-pack: $value;
-  // }
-}
-
-/* Flex Item */
-@mixin flex($fg: 1, $fs: null, $fb: null) {
-  flex: $fg $fs $fb;
-}
-
-@mixin flex-order($n) {
-  order: $n;
-}
-
-@mixin align-self($value: auto) {
-  align-self: $value;
-}

package/dist/style/mixins/libs/hairline.rn.scss

@@ -1,209 +0,0 @@
-/**
- * 默认主题下 $color-border-light
- */
-
-@mixin hairline-common() {
-  content: '';
-  position: absolute;
-  //  transform-origin: center;
-  // box-sizing: border-box;
-  pointer-events: none;
-}
-
-@mixin hairline-base(
-  $color: $color-border-light,
-  $style: solid
-) {
-  @include hairline-common();
-
-  top: -50%;
-  left: -50%;
-  right: -50%;
-  bottom: -50%;
-  border: 0 $style $color;
-  //  transform: scale(0.5);
-}
-
-@mixin hairline-surround(
-  $color: $color-border-light,
-  $style: solid,
-  $width: 1PX
-) {
-
-  border-width: $width;
-  border-color: $color;
-  border-style: $style;
-
-  // position: relative;
-
-  // &::after {
-  //   @include hairline-base($color, $style);
-
-  //   border-width: $width;
-  // }
-}
-
-@mixin hairline-top(
-  $color: $color-border-light,
-  $style: solid,
-  $width: 1PX
-) {
-  border-top-width: $width;
-  border-top-color: $color;
-  border-style: $style;
-
-  // position: relative;
-
-  // &::after {
-  //   @include hairline-base($color, $style);
-
-  //   border-top-width: $width;
-  // }
-}
-
-@mixin hairline-bottom(
-  $color: $color-border-light,
-  $style: solid,
-  $width: 1PX
-) {
-  border-bottom-width: $width;
-  border-bottom-color: $color;
-  border-style: $style;
-  // position: relative;
-
-  // &::after {
-  //   @include hairline-base($color, $style);
-
-  //   border-bottom-width: $width;
-  // }
-}
-
-@mixin hairline-left(
-  $color: $color-border-light,
-  $style: solid,
-  $width: 1PX
-) {
-  border-left-width: $width;
-  border-left-color: $color;
-  border-style: $style;
-  // position: relative;
-
-  // &::after {
-  //   @include hairline-base($color, $style);
-
-  //   border-left-width: $width;
-  // }
-}
-
-@mixin hairline-right(
-  $color: $color-border-light,
-  $style: solid,
-  $width: 1PX
-) {
-  border-right-width: $width;
-  border-right-color: $color;
-  border-style: $style;
-  // position: relative;
-
-  // &::after {
-  //   @include hairline-base($color, $style);
-
-  //   border-right-width: $width;
-  // }
-}
-
-@mixin hairline-top-bottom(
-  $color: $color-border-light,
-  $style: solid,
-  $width: 1PX
-) {
-  position: relative;
-  border-top-width: $width;
-  border-bottom-width: $width;
-  border-style: $style;
-  border-color: $color;
-}
-
-@mixin hairline-bottom-relative(
-  $color: $color-border-light,
-  $style: solid,
-  $width: 1PX,
-  $left: 0
-) {
-  border-bottom-width: $width;
-  border-bottom-color: $color;
-  // position: relative;
-  // border-bottom-width: $width;
-  // border-style: $style;
-  // border-color: $color;
-}
-
-@mixin hairline-top-relative(
-  $color: $color-border-light,
-  $style: solid,
-  $width: 1PX,
-  $left: 0
-) {
-
-  border-top-width: $width;
-  border-top-color: $color;
-
-  // position: relative;
-
-  // &::before {
-  //   @include hairline-common();
-
-  //   top: 0;
-  //   left: $left;
-  //   right: 0;
-  //   bottom: auto;
-  //   //  transform: scaleY(0.5);
-  //   border-top: $width $style $color;
-  // }
-}
-
-@mixin hairline-left-relative(
-  $color: $color-border-light,
-  $style: solid,
-  $width: 1PX,
-  $top: 0
-) {
-  border-left-width: $width;
-  border-left-color: $color;
-
-  // position: relative;
-  // &::after {
-  //   @include hairline-common();
-
-  //   top: $top;
-  //   left: 0;
-  //   right: auto;
-  //   bottom: 0;
-  //   //  transform: scaleX(0.5);
-  //   border-left: $width $style $color;
-  // }
-}
-
-@mixin hairline-right-relative(
-  $color: $color-border-light,
-  $style: solid,
-  $width: 1PX,
-  $top: 0
-) {
-
-  border-right-width: $width;
-  border-right-color: $color;
-
-  // position: relative;
-
-  // &::after {
-  //   @include hairline-common();
-
-  //   top: $top;
-  //   left: auto;
-  //   right: 0;
-  //   bottom: 0;
-  //   //  transform: scaleX(0.5);
-  //   border-right: $width $style $color;
-  // }
-}

package/dist/style/mixins/libs/line.rn.scss

@@ -1,14 +0,0 @@
-// @mixin line($num: 1) {
-//   overflow: hidden;
-//   text-overflow: ellipsis;
-
-//   @if ($num == 1) {
-//     //  white-space: nowrap;
-//   } @else {
-//     display: -webkit-box;
-//     -webkit-line-clamp: $num;
-
-//     /* autoprefixer: off */
-//     -webkit-box-orient: vertical;
-//   }
-// }

package/dist/style/mixins/libs/overlay.rn.scss

@@ -1,11 +0,0 @@
-/**
- * 通用的遮罩
- */
-@mixin overlay {
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  background-color: rgba($color: #000, $alpha: 0.3);
-}