@nutui/nutui-react 4.0.0-beta.1 → 4.0.0-beta.3

package/dist/es/packages/switch/style-jmapp/style.css

@@ -3,6 +3,12 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-switch {
+  --nut-switch-height: var(--nutui-switch-height, 24px);
+  --nut-switch-inside-width: var(--nutui-switch-inside-width, 20px);
+  --nut-switch-border-width: var(--nutui-switch-border-width, 2px);
+  --nut-switch-label-margin-offset: calc(
+    var(--nut-switch-inside-width) + var(--nut-switch-border-width) + 3px
+  );
   cursor: pointer;
   position: relative;
   /* #ifdef dynamic*/
@@ -15,7 +21,6 @@
   align-items: center;
   min-width: var(--nutui-switch-width, 40px);
   height: var(--nutui-switch-height, 24px);
-  line-height: var(--nutui-switch-line-height, 24px);
   background-color: var(--nutui-switch-active-background-color, var(--nutui-color-primary));
   border-radius: var(--nutui-switch-border-radius, 24px);
   background-size: 100% 100%;
@@ -31,39 +36,39 @@
   flex-direction: row;
   align-items: center;
   justify-content: center;
-  height: calc(var(--nutui-switch-height, 24px) - var(--nutui-switch-border-width, 2px) * 2);
-  width: calc(var(--nutui-switch-height, 24px) - var(--nutui-switch-border-width, 2px) * 2);
+  height: var(--nutui-switch-inside-height, 20px);
+  width: var(--nutui-switch-inside-width, 20px);
   border-radius: var(--nutui-switch-inside-border-radius, var(--nutui-radius-s));
   background: var(--nutui-color-text-dark);
   transition: left 0.3s linear;
   box-shadow: var(--nutui-switch-inside-box-shadow, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));
 }
 .nut-switch-button-open {
-  left: calc(100% - var(--nutui-switch-height, 24px) + var(--nutui-switch-border-width, 2px));
+  left: calc(100% - var(--nut-switch-inside-width) - var(--nut-switch-border-width));
 }
 .nut-switch-button-open-rtl {
-  left: var(--nutui-switch-border-width, 2px);
+  left: var(--nut-switch-border-width);
 }
 .nut-switch-button-close {
-  left: var(--nutui-switch-border-width, 2px);
+  left: var(--nut-switch-border-width);
 }
 .nut-switch-button-close-rtl {
-  left: calc(100% - var(--nutui-switch-height, 24px) + var(--nutui-switch-border-width, 2px));
-}
-.nut-switch-button .nut-icon {
-  width: calc((var(--nutui-switch-height, 24px) - var(--nutui-switch-border-width, 2px) * 2) / 2);
-  height: calc((var(--nutui-switch-height, 24px) - var(--nutui-switch-border-width, 2px) * 2) / 2);
-  color: var(--nutui-switch-active-disabled-background-color, var(--nutui-color-primary-disabled));
+  left: calc(100% - var(--nut-switch-inside-width) - var(--nut-switch-border-width));
 }
 .nut-switch-close {
   background-color: var(--nutui-switch-inactive-background-color, var(--nutui-color-default));
 }
 .nut-switch-close-line {
-  width: calc((var(--nutui-switch-height, 24px) - var(--nutui-switch-border-width, 2px) * 2) / 2);
+  width: calc((var(--nut-switch-height) - var(--nut-switch-border-width) * 2) * 0.5);
   height: scale-px(2px);
   background: var(--nutui-switch-inactive-line-bg-color, #fff);
   border-radius: scale-px(2px);
 }
+.nut-switch .nut-icon {
+  width: calc(var(--nut-switch-height) * 0.5);
+  height: calc(var(--nut-switch-height) * 0.5);
+  color: var(--nutui-switch-active-disabled-background-color, var(--nutui-color-primary-disabled));
+}
 .nut-switch-label {
   /* #ifdef dynamic*/
   display: flex;
@@ -81,16 +86,16 @@
   color: var(--nutui-switch-label-text-color, var(--nutui-color-text-dark));
 }
 .nut-switch-label-open {
-  margin: 0 calc(var(--nutui-switch-height, 24px) - var(--nutui-switch-border-width, 2px) + scale-px(3px)) 0 scale-px(7px);
+  margin: 0 var(--nut-switch-label-margin-offset) 0 scale-px(7px);
 }
 .nut-switch-label-open-rtl {
-  margin: 0 scale-px(7px) 0 calc(var(--nutui-switch-height, 24px) - var(--nutui-switch-border-width, 2px) + scale-px(3px));
+  margin: 0 scale-px(7px) 0 var(--nut-switch-label-margin-offset);
 }
 .nut-switch-label-close {
-  margin: 0 scale-px(7px) 0 calc(var(--nutui-switch-height, 24px) - var(--nutui-switch-border-width, 2px) + scale-px(3px));
+  margin: 0 scale-px(7px) 0 var(--nut-switch-label-margin-offset);
 }
 .nut-switch-label-close-rtl {
-  margin: 0 calc(var(--nutui-switch-height, 24px) - var(--nutui-switch-border-width, 2px) + scale-px(3px)) 0 scale-px(7px);
+  margin: 0 var(--nut-switch-label-margin-offset) 0 scale-px(7px);
 }
 .nut-switch-label-close-disabled {
   color: var(--nutui-switch-inactive-disabled-label-text-color, var(--nutui-color-text-disabled));

package/dist/es/packages/switch/style-jmapp/switch.scss

@@ -1,4 +1,11 @@
 .nut-switch {
+  --nut-switch-height: #{$switch-height};
+  --nut-switch-inside-width: #{$switch-inside-width};
+  --nut-switch-border-width: #{$switch-border-width};
+  --nut-switch-label-margin-offset: calc(
+    var(--nut-switch-inside-width) + var(--nut-switch-border-width) + 3px
+  );
+
   cursor: pointer;
   position: relative;
   /* #ifdef dynamic*/
@@ -11,13 +18,12 @@
   align-items: center;
   min-width: $switch-width;
   height: $switch-height;
-  line-height: $switch-line-height;
   background-color: $switch-active-background-color;
   border-radius: $switch-border-radius;
   background-size: 100% 100%;
   background-repeat: no-repeat;
   background-position: center center;
-  flex: 0 0 auto; // 防止被压缩
+  flex: 0 0 auto;
 
   &-button {
     position: absolute;
@@ -27,41 +33,48 @@
     flex-direction: row;
     align-items: center;
     justify-content: center;
-    height: calc($switch-height - $switch-border-width * 2);
-    width: calc($switch-height - $switch-border-width * 2);
+    height: $switch-inside-height;
+    width: $switch-inside-width;
     border-radius: $switch-inside-border-radius;
     background: $color-primary-text;
     transition: left 0.3s linear;
     box-shadow: $switch-inside-box-shadow;
     &-open {
-      left: calc(100% - $switch-height + $switch-border-width);
+      left: calc(
+        100% - var(--nut-switch-inside-width) - var(--nut-switch-border-width)
+      );
       &-rtl {
-        left: $switch-border-width;
+        left: var(--nut-switch-border-width);
       }
     }
     &-close {
-      left: $switch-border-width;
+      left: var(--nut-switch-border-width);
       &-rtl {
-        left: calc(100% - $switch-height + $switch-border-width);
+        left: calc(
+          100% - var(--nut-switch-inside-width) - var(--nut-switch-border-width)
+        );
       }
     }
-    .nut-icon {
-      width: calc(($switch-height - $switch-border-width * 2) / 2);
-      height: calc(($switch-height - $switch-border-width * 2) / 2);
-      color: $switch-active-disabled-background-color;
-    }
   }
 
   &-close {
     background-color: $switch-inactive-background-color;
     &-line {
-      width: calc(($switch-height - $switch-border-width * 2) / 2);
+      width: calc(
+        (var(--nut-switch-height) - var(--nut-switch-border-width) * 2) * 0.5
+      );
       height: scale-px(2px);
       background: $switch-inactive-line-background-color;
       border-radius: scale-px(2px);
     }
   }
 
+  .nut-icon {
+    width: calc(var(--nut-switch-height) * 0.5);
+    height: calc(var(--nut-switch-height) * 0.5);
+    color: $switch-active-disabled-background-color;
+  }
+
   &-label {
     /* #ifdef dynamic*/
     display: flex;
@@ -78,16 +91,16 @@
       color: $switch-label-text-color;
     }
     &-open {
-      margin: 0 calc($switch-height - $switch-border-width + scale-px(3px)) 0 scale-px(7px);
+      margin: 0 var(--nut-switch-label-margin-offset) 0 scale-px(7px);
       &-rtl {
-        margin: 0 scale-px(7px) 0 calc($switch-height - $switch-border-width + scale-px(3px));
+        margin: 0 scale-px(7px) 0 var(--nut-switch-label-margin-offset);
       }
     }
 
     &-close {
-      margin: 0 scale-px(7px) 0 calc($switch-height - $switch-border-width + scale-px(3px));
+      margin: 0 scale-px(7px) 0 var(--nut-switch-label-margin-offset);
       &-rtl {
-        margin: 0 calc($switch-height - $switch-border-width + scale-px(3px)) 0 scale-px(7px);
+        margin: 0 var(--nut-switch-label-margin-offset) 0 scale-px(7px);
       }
     }
 

package/dist/es/packages/switch/style-jrkf/style.css

@@ -3,6 +3,12 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-switch {
+  --nut-switch-height: var(--nutui-switch-height, 24px);
+  --nut-switch-inside-width: var(--nutui-switch-inside-width, 20px);
+  --nut-switch-border-width: var(--nutui-switch-border-width, 2px);
+  --nut-switch-label-margin-offset: calc(
+    var(--nut-switch-inside-width) + var(--nut-switch-border-width) + 3px
+  );
   cursor: pointer;
   position: relative;
   /* #ifdef dynamic*/
@@ -15,7 +21,6 @@
   align-items: center;
   min-width: var(--nutui-switch-width, 40px);
   height: var(--nutui-switch-height, 24px);
-  line-height: var(--nutui-switch-line-height, 24px);
   background-color: var(--nutui-switch-active-background-color, var(--nutui-color-primary, #ff6666));
   border-radius: var(--nutui-switch-border-radius, 24px);
   background-size: 100% 100%;
@@ -31,39 +36,39 @@
   flex-direction: row;
   align-items: center;
   justify-content: center;
-  height: calc(var(--nutui-switch-height, 24px) - var(--nutui-switch-border-width, 2px) * 2);
-  width: calc(var(--nutui-switch-height, 24px) - var(--nutui-switch-border-width, 2px) * 2);
+  height: var(--nutui-switch-inside-height, 20px);
+  width: var(--nutui-switch-inside-width, 20px);
   border-radius: var(--nutui-switch-inside-border-radius, var(--nutui-radius-s));
   background: var(--nutui-color-text-dark);
   transition: left 0.3s linear;
   box-shadow: var(--nutui-switch-inside-box-shadow, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));
 }
 .nut-switch-button-open {
-  left: calc(100% - var(--nutui-switch-height, 24px) + var(--nutui-switch-border-width, 2px));
+  left: calc(100% - var(--nut-switch-inside-width) - var(--nut-switch-border-width));
 }
 .nut-switch-button-open-rtl {
-  left: var(--nutui-switch-border-width, 2px);
+  left: var(--nut-switch-border-width);
 }
 .nut-switch-button-close {
-  left: var(--nutui-switch-border-width, 2px);
+  left: var(--nut-switch-border-width);
 }
 .nut-switch-button-close-rtl {
-  left: calc(100% - var(--nutui-switch-height, 24px) + var(--nutui-switch-border-width, 2px));
-}
-.nut-switch-button .nut-icon {
-  width: calc((var(--nutui-switch-height, 24px) - var(--nutui-switch-border-width, 2px) * 2) / 2);
-  height: calc((var(--nutui-switch-height, 24px) - var(--nutui-switch-border-width, 2px) * 2) / 2);
-  color: var(--nutui-switch-active-disabled-background-color, var(--nutui-color-primary-disabled-special, #ffadbe));
+  left: calc(100% - var(--nut-switch-inside-width) - var(--nut-switch-border-width));
 }
 .nut-switch-close {
   background-color: var(--nutui-switch-inactive-background-color, var(--nutui-color-text-disabled));
 }
 .nut-switch-close-line {
-  width: calc((var(--nutui-switch-height, 24px) - var(--nutui-switch-border-width, 2px) * 2) / 2);
+  width: calc((var(--nut-switch-height) - var(--nut-switch-border-width) * 2) * 0.5);
   height: scale-px(2px);
   background: var(--nutui-switch-inactive-line-background-color, #ffffff);
   border-radius: scale-px(2px);
 }
+.nut-switch .nut-icon {
+  width: calc(var(--nut-switch-height) * 0.5);
+  height: calc(var(--nut-switch-height) * 0.5);
+  color: var(--nutui-switch-active-disabled-background-color, var(--nutui-color-primary-disabled-special, #ffadbe));
+}
 .nut-switch-label {
   /* #ifdef dynamic*/
   display: flex;
@@ -81,16 +86,16 @@
   color: var(--nutui-switch-label-text-color, var(--nutui-color-text-dark));
 }
 .nut-switch-label-open {
-  margin: 0 calc(var(--nutui-switch-height, 24px) - var(--nutui-switch-border-width, 2px) + scale-px(3px)) 0 scale-px(7px);
+  margin: 0 var(--nut-switch-label-margin-offset) 0 scale-px(7px);
 }
 .nut-switch-label-open-rtl {
-  margin: 0 scale-px(7px) 0 calc(var(--nutui-switch-height, 24px) - var(--nutui-switch-border-width, 2px) + scale-px(3px));
+  margin: 0 scale-px(7px) 0 var(--nut-switch-label-margin-offset);
 }
 .nut-switch-label-close {
-  margin: 0 scale-px(7px) 0 calc(var(--nutui-switch-height, 24px) - var(--nutui-switch-border-width, 2px) + scale-px(3px));
+  margin: 0 scale-px(7px) 0 var(--nut-switch-label-margin-offset);
 }
 .nut-switch-label-close-rtl {
-  margin: 0 calc(var(--nutui-switch-height, 24px) - var(--nutui-switch-border-width, 2px) + scale-px(3px)) 0 scale-px(7px);
+  margin: 0 var(--nut-switch-label-margin-offset) 0 scale-px(7px);
 }
 .nut-switch-label-close-disabled {
   color: var(--nutui-switch-inactive-disabled-label-text-color, var(--nutui-color-text-disabled));

package/dist/es/packages/switch/style-jrkf/switch.scss

@@ -1,4 +1,11 @@
 .nut-switch {
+  --nut-switch-height: #{$switch-height};
+  --nut-switch-inside-width: #{$switch-inside-width};
+  --nut-switch-border-width: #{$switch-border-width};
+  --nut-switch-label-margin-offset: calc(
+    var(--nut-switch-inside-width) + var(--nut-switch-border-width) + 3px
+  );
+
   cursor: pointer;
   position: relative;
   /* #ifdef dynamic*/
@@ -11,13 +18,12 @@
   align-items: center;
   min-width: $switch-width;
   height: $switch-height;
-  line-height: $switch-line-height;
   background-color: $switch-active-background-color;
   border-radius: $switch-border-radius;
   background-size: 100% 100%;
   background-repeat: no-repeat;
   background-position: center center;
-  flex: 0 0 auto; // 防止被压缩
+  flex: 0 0 auto;
 
   &-button {
     position: absolute;
@@ -27,41 +33,48 @@
     flex-direction: row;
     align-items: center;
     justify-content: center;
-    height: calc($switch-height - $switch-border-width * 2);
-    width: calc($switch-height - $switch-border-width * 2);
+    height: $switch-inside-height;
+    width: $switch-inside-width;
     border-radius: $switch-inside-border-radius;
     background: $color-primary-text;
     transition: left 0.3s linear;
     box-shadow: $switch-inside-box-shadow;
     &-open {
-      left: calc(100% - $switch-height + $switch-border-width);
+      left: calc(
+        100% - var(--nut-switch-inside-width) - var(--nut-switch-border-width)
+      );
       &-rtl {
-        left: $switch-border-width;
+        left: var(--nut-switch-border-width);
       }
     }
     &-close {
-      left: $switch-border-width;
+      left: var(--nut-switch-border-width);
       &-rtl {
-        left: calc(100% - $switch-height + $switch-border-width);
+        left: calc(
+          100% - var(--nut-switch-inside-width) - var(--nut-switch-border-width)
+        );
       }
     }
-    .nut-icon {
-      width: calc(($switch-height - $switch-border-width * 2) / 2);
-      height: calc(($switch-height - $switch-border-width * 2) / 2);
-      color: $switch-active-disabled-background-color;
-    }
   }
 
   &-close {
     background-color: $switch-inactive-background-color;
     &-line {
-      width: calc(($switch-height - $switch-border-width * 2) / 2);
+      width: calc(
+        (var(--nut-switch-height) - var(--nut-switch-border-width) * 2) * 0.5
+      );
       height: scale-px(2px);
       background: $switch-inactive-line-background-color;
       border-radius: scale-px(2px);
     }
   }
 
+  .nut-icon {
+    width: calc(var(--nut-switch-height) * 0.5);
+    height: calc(var(--nut-switch-height) * 0.5);
+    color: $switch-active-disabled-background-color;
+  }
+
   &-label {
     /* #ifdef dynamic*/
     display: flex;
@@ -78,16 +91,16 @@
       color: $switch-label-text-color;
     }
     &-open {
-      margin: 0 calc($switch-height - $switch-border-width + scale-px(3px)) 0 scale-px(7px);
+      margin: 0 var(--nut-switch-label-margin-offset) 0 scale-px(7px);
       &-rtl {
-        margin: 0 scale-px(7px) 0 calc($switch-height - $switch-border-width + scale-px(3px));
+        margin: 0 scale-px(7px) 0 var(--nut-switch-label-margin-offset);
       }
     }
 
     &-close {
-      margin: 0 scale-px(7px) 0 calc($switch-height - $switch-border-width + scale-px(3px));
+      margin: 0 scale-px(7px) 0 var(--nut-switch-label-margin-offset);
       &-rtl {
-        margin: 0 calc($switch-height - $switch-border-width + scale-px(3px)) 0 scale-px(7px);
+        margin: 0 var(--nut-switch-label-margin-offset) 0 scale-px(7px);
       }
     }
 

package/dist/es/packages/tabbar/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-tabbar {
   border: 0;
   box-shadow: var(--nutui-tabbar-box-shadow, none);

package/dist/es/packages/tabbaritem/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-tabbar-item {
   display: flex;
   flex-direction: column;

package/dist/es/packages/table/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-table {
   overflow: hidden;
   position: relative;

package/dist/es/packages/tabpane/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-tabpane {
   width: 100%;
   flex-shrink: 0;

package/dist/es/packages/tabs/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-tabs {
   display: flex;
 }
@@ -129,13 +125,13 @@ page {
   color: var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #ff0f23));
 }
 .nut-tabs-titles-item-disabled {
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
 }
 .nut-tabs-titles-item-disabled .nut-icon {
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
 }
 .nut-tabs-titles-item-disabled .nut-tabs-titles-item-text {
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
 }
 .nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-tabs-titles-item-text,
 .nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-icon {

package/dist/es/packages/tag/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-tag {
   padding: var(--nutui-tag-padding, 0px calc(2px * var(--nut-scale-f, 1)));
   display: flex;

package/dist/es/packages/textarea/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-textarea {
   display: flex;
   flex-direction: column;
@@ -38,7 +34,7 @@ page {
 }
 .nut-textarea-limit-disabled {
   cursor: not-allowed;
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
 }
 .nut-textarea-textarea {
   outline: none;
@@ -67,16 +63,16 @@ page {
 }
 .nut-textarea-textarea-disabled {
   cursor: not-allowed;
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
 }
 .nut-textarea-textarea-disabled::placeholder {
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
 }
 .nut-textarea-textarea-disabled .taro-textarea {
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
 }
 .nut-textarea-textarea-disabled .taro-textarea::placeholder {
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
 }
 .nut-textarea.nut-textarea-rtl-limit {
   right: auto;

package/dist/es/packages/timedetail/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-timedetail {
   display: flex;
   align-content: flex-start;

package/dist/es/packages/timeselect/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-timeselect {
   background-color: var(--nutui-color-background-overlay, #ffffff);
   display: flex;

package/dist/es/packages/toast/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 @keyframes rotation {
   0% {
     -webkit-transform: rotate(0deg);

package/dist/es/packages/tour/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-tour-mask {
   position: fixed;
   box-shadow: 0 0 0 150vh var(--nutui-color-mask, rgba(0, 0, 0, 0.7));
@@ -56,7 +52,7 @@ page {
 }
 .nut-tour-content-bottom-operate-btn {
   display: inline-block;
-  border: calc(1px * var(--nut-scale-f, 1)) solid var(--nutui-color-text-disabled, #c2c4cc);
+  border: calc(1px * var(--nut-scale-f, 1)) solid var(--nutui-color-text-disabled, #b4b8bf);
   margin-left: var(--nutui-tour-content-bottom-btn-margin-left, calc(4px * var(--nut-scale-f, 1)));
   padding: var(--nutui-tour-content-bottom-btn-padding, calc(2px * var(--nut-scale-f, 1)) calc(4px * var(--nut-scale-f, 1)));
   font-size: var(--nutui-tour-content-bottom-btn-font-size, var(--nutui-font-size-s, calc(12px * var(--nut-scale-font, var(--nut-scale-f, 1)))));

package/dist/es/packages/trendarrow/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-trendarrow {
   display: flex;
   flex-direction: row;

package/dist/es/packages/uploader/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-uploader {
   position: relative;
   display: flex;
@@ -61,11 +57,11 @@ page {
 }
 .nut-uploader-upload-disabled {
   background: var(--nutui-uploader-background-disabled, var(--nutui-color-background, #f2f3f5));
-  color: var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #c2c4cc));
+  color: var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #b4b8bf));
 }
 .nut-uploader-upload-disabled .nut-uploader-icon i,
 .nut-uploader-upload-disabled .nut-uploader-icon .nut-icon {
-  color: var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #c2c4cc));
+  color: var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #b4b8bf));
   margin-bottom: var(--nutui-uploader-image-icon-margin-bottom, calc(6px * var(--nut-scale-f, 1)));
 }
 .nut-uploader-preview {

package/dist/es/packages/video/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-video {
   width: 100%;
   height: 100%;

package/dist/es/packages/virtuallist/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-horizontal-items {
   float: left;
 }

package/dist/es/packages/watermark/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-watermark {
   position: absolute;
   z-index: var(--nutui-watermark-z-index, 1200);