taro-ui 3.3.1 → 3.3.3

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

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

@@ -1,12 +0,0 @@
-/**
- * 设置placeholder 颜色
- */
-@mixin placeholder($color: $color-grey-3) {
-  @at-root .placeholder {
-    color: $color;
-  }
-
-  &::placeholder {
-    color: $color;
-  }
-}

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

@@ -1,23 +0,0 @@
-/**
- * Mixes a color with black. It's different from darken()
- *
- * @param {color} $color
- * @param {number (percentage)} $percent [The amount of black to be mixed in]
- * @return {color}
- *
- * @example
- *   .element {
- *     background-color: shade(#ffbb52, 60%);
- *   }
- *
- *   // CSS Output
- *   .element {
- *     background-color: #664a20;
- *   }
- */
-@function shade(
-  $color,
-  $percent
-) {
-  @return mix(#000, $color, $percent);
-}

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

@@ -1,23 +0,0 @@
-/**
- * Mixes a color with white. It's different from lighten()
- *
- * @param {color} $color
- * @param {number (percentage)} $percent [The amout of white to be mixed in]
- * @return {color}
- *
- * @example
- *   .element {
- *     background-color: tint(#6ecaa6 , 40%);
- *   }
- *
- *   // CSS Output
- *   .element {
- *     background-color: #a8dfc9;
- *   }
- */
-@function tint(
-  $color,
-  $percent
-) {
-  @return mix(#FFF, $color, $percent);
-}

package/dist/style/themes/purple.rn.scss

@@ -1,44 +0,0 @@
-/**
- * Purple - 7FRESH 主题
- */
-
-@import '../mixins/index.scss';
-
-/* The Color of 7FRESH Brand */
-$color-brand: #345B8F;
-$color-brand-light: #5274A0;
-$color-brand-dark: #27497C;
-
-/* 辅助色 */
-$color-success: #0C8;
-$color-error: #FA5B5B;
-$color-warning: #FFD400;
-$color-info: #4D88FF;
-
-/* 文本颜色 */
-$color-text-base: #1D1F2B;
-$color-text-title: #1D1F2B; // 文章标题
-
-/* 组件样式 */
-$at-button-border-color-primary: transparent;
-$at-button-bg: linear-gradient(90deg, #5274A0, #27497C 100%);
-
-$at-message-bg-color: #95969F;
-
-$at-tag-color: $color-text-base;
-$at-tag-color-primary: $color-brand-light;
-$at-tag-color-primary-active: $color-brand-light;
-$at-tag-border-color: #BDBEC3;
-$at-tag-bg-color: #FFF;
-$at-tag-bg-color-primary: #E9F3FF;
-$at-tag-bg-color-primary-active: #E9F3FF;
-
-$at-range-track-bg-color: $color-brand-light;
-
-$at-indexes-nav-color: $color-text-title;
-
-$at-steps-bg-color-active: $color-brand-light;
-
-$at-timeline-dot-border-color: $color-brand;
-
-$at-calendar-day-color: $color-text-base;

package/dist/style/themes/red.rn.scss

@@ -1,45 +0,0 @@
-/**
- * Red - 京东红主题
- */
-
-@import '../mixins/index.scss';
-
-/* The Color of JD Brand */
-$color-brand: #E93B3D;
-$color-brand-light: #EC585A;
-$color-brand-dark: #E32D2F;
-
-/* 辅助色 */
-$color-success: #0C8;
-$color-error: #F53;
-$color-warning: #FFD400;
-$color-info: #4D88FF;
-
-/* 文本颜色 */
-$color-text-base: #2E2D2D;
-$color-text-title: #2E2D2D; // 文章标题
-
-/* 边框颜色 */
-$color-border-base: #DADADA;
-
-/* 组件样式 */
-$at-message-bg-color: rgba($color: #000, $alpha: 0.6);
-
-$at-badge-bg-color: #E93B3D;
-$at-badge-bg: linear-gradient(90deg, #E93B3D 0%, #FF9574 100%);
-
-$at-tag-color-active: $color-brand;
-
-$at-input-number-btn-color: #333;
-
-$at-range-track-bg-color: $color-brand-light;
-
-$at-nav-bar-link-color: $color-text-title;
-
-$at-indexes-nav-color: $color-text-title;
-
-$at-steps-bg-color-active: $color-brand-light;
-
-$at-timeline-dot-border-color: $color-brand;
-
-$at-calendar-day-color: $color-text-base;