taro-ui 3.3.2 → 3.4.0

package/rn/style/components/list.scss

@@ -1,5 +1,5 @@
-@import "../variables/default.scss";
-@import "../mixins/index.scss";
+@import '../variables/default.scss';
+@import '../mixins/index.scss';
 
 $at-list-item-horizontal-padding: 24px;
 
@@ -18,12 +18,10 @@ $at-list-item-horizontal-padding: 24px;
   width: 100%;
   background-color: $color-bg;
 
-
   &--no-border {
     @include hairline-top-bottom($width: 0);
   }
 
-
   &__item {
     padding: $spacing-v-lg $spacing-h-lg;
     position: relative;

package/rn/style/components/loading.scss

@@ -28,18 +28,18 @@
     border-style: solid;
     border-color: $at-loading-color transparent transparent transparent;
     border-radius: 50%;
-   //  animation: loading 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
+    //  animation: loading 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
 
     &:nth-child(1) {
-     //  animation-delay: -0.45s;
+      //  animation-delay: -0.45s;
     }
 
     &:nth-child(2) {
-     //  animation-delay: -0.3s;
+      //  animation-delay: -0.3s;
     }
 
     &:nth-child(3) {
-     //  animation-delay: -0.15s;
+      //  animation-delay: -0.15s;
     }
   }
 }

package/rn/style/components/message.scss

@@ -19,7 +19,7 @@
     font-size: $at-message-font-size;
     text-align: center;
     line-height: $line-height-zh * $at-message-font-size;
-    background: transparent
+    background: transparent;
   }
   // animation: ease both;
   // transform: translate3d(0, -100%, 0);

package/rn/style/components/modal.scss

@@ -18,7 +18,6 @@ $at-modal-duration: 200ms;
   }
 
   &__container {
-
     width: $at-modal-width;
     border-radius: $border-radius-lg;
     background-color: $at-modal-bg-color;
@@ -76,7 +75,6 @@ $at-modal-duration: 200ms;
       &__no-border {
         border: 0;
       }
-
     }
   }
 

package/rn/style/components/nav-bar.scss

@@ -92,9 +92,9 @@ $at-nav-bar-back-font-size: 16PX;
     // }
 
     &--hide {
-     //  visibility: hidden;
-     opacity: 0;
-     height: 0
+      //  visibility: hidden;
+      opacity: 0;
+      height: 0;
     }
   }
 

package/rn/style/components/noticebar.scss

@@ -73,7 +73,6 @@
       color: $at-noticebar-btn-close-color;
       font-size: $at-noticebar-btn-close-size;
     }
-
   }
 
   &__more {
@@ -87,7 +86,6 @@
       color: $color-grey-2;
     }
 
-
     &-icon {
       display: inline-block;
       width: $at-noticebar-font-size;
@@ -101,11 +99,9 @@
     }
   }
 
-
   /* modifiers */
   &--single {
     display: flex;
     justify-content: space-between;
   }
-
 }

package/rn/style/components/progress.scss

@@ -1,4 +1,4 @@
-@use "sass:math";
+@use 'sass:math';
 @import '../variables/default.scss';
 @import '../mixins/index.scss';
 

package/rn/style/components/radio.scss

@@ -40,10 +40,10 @@
     font-size: $at-radio-title-size;
     text-align: right;
     overflow: hidden;
-   //  visibility: hidden;
+    //  visibility: hidden;
 
     &--checked {
-     //  visibility: visible;
+      //  visibility: visible;
     }
   }
 

package/rn/style/components/range.scss

@@ -1,4 +1,4 @@
-@use "sass:math";
+@use 'sass:math';
 @import '../variables/default.scss';
 @import '../mixins/index.scss';
 

package/rn/style/components/search-bar.scss

@@ -1,4 +1,4 @@
-@use "sass:math";
+@use 'sass:math';
 @import '../variables/default.scss';
 @import '../mixins/index.scss';
 

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

@@ -29,7 +29,10 @@ $at-segmented-control-min-width: 120px;
     }
 
     &--plus {
-      @include border-thin-left($color: $at-segmented-control-color, $width: 1PX);
+      @include border-thin-left(
+        $color: $at-segmented-control-color,
+        $width: 1PX
+      );
     }
   }
 

package/rn/style/components/slider.scss

@@ -13,7 +13,6 @@
     &--disabled {
       opacity: $opacity-disabled;
     }
-
   }
 
   &__text {

package/rn/style/components/steps.scss

@@ -1,4 +1,4 @@
-@use "sass:math";
+@use 'sass:math';
 @import '../variables/default.scss';
 @import '../mixins/index.scss';
 
@@ -98,7 +98,7 @@
     width: 30%;
     top: 50%;
     right: 70%;
-    height: 1Px;
+    height: 1px;
     background-color: $at-steps-line-color;
   }
 
@@ -107,7 +107,7 @@
     width: 30%;
     top: 50%;
     left: 70%;
-    height: 1Px;
+    height: 1px;
     background-color: $at-steps-line-color;
   }
 

package/rn/style/components/switch.scss

@@ -51,7 +51,6 @@ $component: '.at-switch';
     }
   }
 
-
   &--without-border {
     border-bottom-width: 0;
     // &::after {

package/rn/style/components/tabs.scss

@@ -1,7 +1,7 @@
 @import '../variables/default.scss';
 @import '../mixins/index.scss';
 
-$component:'.at-tabs';
+$component: '.at-tabs';
 $at-tabs-pane-min-height: 100px;
 
 #{$component} {
@@ -34,7 +34,7 @@ $at-tabs-pane-min-height: 100px;
       color: $at-tabs-color-active;
 
       // #{$component}__item-underline {
-        // transform: scaleX(1);
+      // transform: scaleX(1);
       // }
     }
 

package/rn/style/components/tag.scss

@@ -1,4 +1,4 @@
-@use "sass:math";
+@use 'sass:math';
 @import '../variables/default.scss';
 @import '../mixins/index.scss';
 

package/rn/style/components/timeline.scss

@@ -41,7 +41,6 @@
     border: 1PX solid transparent;
     border-color: $at-timeline-dot-border-color;
 
-
     &--green {
       border-color: $color-success;
     }
@@ -85,5 +84,4 @@
     border-left-width: 1PX;
     border-style: solid;
   }
-
 }

package/rn/style/components/toast.scss

@@ -16,7 +16,10 @@ $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-bg-color: rgba(
+  $color: $color-black-0,
+  $alpha: 0.8
+);
 
 .at-toast {
   width: 100%;
@@ -47,7 +50,7 @@ $at-toast-bg-color: rgba($color: $color-black-0, $alpha: 0.8);
   &__body {
     &--loading {
       .toast-body-content__img-item {
-       //  animation: atRotate 1350ms linear infinite;
+        //  animation: atRotate 1350ms linear infinite;
       }
     }
   }

package/rn/style/index.scss

@@ -1,4 +1,4 @@
-@use "sass:math";
+@use 'sass:math';
 
 /**
  * Taro UI - Default variables

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

@@ -10,10 +10,7 @@
   pointer-events: none;
 }
 
-@mixin hairline-base(
-  $color: $color-border-light,
-  $style: solid
-) {
+@mixin hairline-base($color: $color-border-light, $style: solid) {
   @include hairline-common();
 
   top: -50%;
@@ -29,7 +26,6 @@
   $style: solid,
   $width: 1PX
 ) {
-
   border-width: $width;
   border-color: $color;
   border-style: $style;
@@ -43,11 +39,7 @@
   // }
 }
 
-@mixin hairline-top(
-  $color: $color-border-light,
-  $style: solid,
-  $width: 1PX
-) {
+@mixin hairline-top($color: $color-border-light, $style: solid, $width: 1px) {
   border-top-width: $width;
   border-top-color: $color;
   border-style: $style;
@@ -78,11 +70,7 @@
   // }
 }
 
-@mixin hairline-left(
-  $color: $color-border-light,
-  $style: solid,
-  $width: 1PX
-) {
+@mixin hairline-left($color: $color-border-light, $style: solid, $width: 1px) {
   border-left-width: $width;
   border-left-color: $color;
   border-style: $style;
@@ -95,11 +83,7 @@
   // }
 }
 
-@mixin hairline-right(
-  $color: $color-border-light,
-  $style: solid,
-  $width: 1PX
-) {
+@mixin hairline-right($color: $color-border-light, $style: solid, $width: 1px) {
   border-right-width: $width;
   border-right-color: $color;
   border-style: $style;
@@ -144,7 +128,6 @@
   $width: 1PX,
   $left: 0
 ) {
-
   border-top-width: $width;
   border-top-color: $color;
 
@@ -190,7 +173,6 @@
   $width: 1PX,
   $top: 0
 ) {
-
   border-right-width: $width;
   border-right-color: $color;
 

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

@@ -15,9 +15,6 @@
  *     background-color: #664a20;
  *   }
  */
-@function shade(
-  $color,
-  $percent
-) {
+@function shade($color, $percent) {
   @return mix(#000, $color, $percent);
 }

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

@@ -15,9 +15,6 @@
  *     background-color: #a8dfc9;
  *   }
  */
-@function tint(
-  $color,
-  $percent
-) {
-  @return mix(#FFF, $color, $percent);
+@function tint($color, $percent) {
+  @return mix(#fff, $color, $percent);
 }

package/rn/style/themes/purple.scss

@@ -5,33 +5,33 @@
 @import '../mixins/index.scss';
 
 /* The Color of 7FRESH Brand */
-$color-brand: #345B8F;
-$color-brand-light: #5274A0;
-$color-brand-dark: #27497C;
+$color-brand: #345b8f;
+$color-brand-light: #5274a0;
+$color-brand-dark: #27497c;
 
 /* 辅助色 */
-$color-success: #0C8;
-$color-error: #FA5B5B;
-$color-warning: #FFD400;
-$color-info: #4D88FF;
+$color-success: #0c8;
+$color-error: #fa5b5b;
+$color-warning: #ffd400;
+$color-info: #4d88ff;
 
 /* 文本颜色 */
-$color-text-base: #1D1F2B;
-$color-text-title: #1D1F2B; // 文章标题
+$color-text-base: #1d1f2b;
+$color-text-title: #1d1f2b; // 文章标题
 
 /* 组件样式 */
 $at-button-border-color-primary: transparent;
-$at-button-bg: linear-gradient(90deg, #5274A0, #27497C 100%);
+$at-button-bg: linear-gradient(90deg, #5274a0, #27497c 100%);
 
-$at-message-bg-color: #95969F;
+$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-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;
 

package/rn/style/themes/red.scss

@@ -5,28 +5,31 @@
 @import '../mixins/index.scss';
 
 /* The Color of JD Brand */
-$color-brand: #E93B3D;
-$color-brand-light: #EC585A;
-$color-brand-dark: #E32D2F;
+$color-brand: #e93b3d;
+$color-brand-light: #ec585a;
+$color-brand-dark: #e32d2f;
 
 /* 辅助色 */
-$color-success: #0C8;
-$color-error: #F53;
-$color-warning: #FFD400;
-$color-info: #4D88FF;
+$color-success: #0c8;
+$color-error: #f53;
+$color-warning: #ffd400;
+$color-info: #4d88ff;
 
 /* 文本颜色 */
-$color-text-base: #2E2D2D;
-$color-text-title: #2E2D2D; // 文章标题
+$color-text-base: #2e2d2d;
+$color-text-title: #2e2d2d; // 文章标题
 
 /* 边框颜色 */
-$color-border-base: #DADADA;
+$color-border-base: #dadada;
 
 /* 组件样式 */
-$at-message-bg-color: rgba($color: #000, $alpha: 0.6);
+$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-badge-bg-color: #e93b3d;
+$at-badge-bg: linear-gradient(90deg, #e93b3d 0%, #ff9574 100%);
 
 $at-tag-color-active: $color-brand;