@element-plus/nightly 0.0.20250709 → 0.0.20250711

package/theme-chalk/src/checkbox.scss

@@ -169,7 +169,7 @@ $checkbox-bordered-input-width: map.merge(
         border-color: getCssVar('checkbox-checked-input-border-color');
 
         &::after {
-          transform: rotate(45deg) scaleY(1);
+          transform: translate(-45%, -60%) rotate(45deg) scaleY(1);
           border-color: getCssVar('checkbox-checked-icon-color');
         }
       }
@@ -234,10 +234,10 @@ $checkbox-bordered-input-width: map.merge(
       border-left: 0;
       border-top: 0;
       height: 7px;
-      left: 4px;
+      left: 50%;
       position: absolute;
-      top: 1px;
-      transform: rotate(45deg) scaleY(0);
+      top: 50%;
+      transform: translate(-45%, -60%) rotate(45deg) scaleY(0);
       width: 3px;
       transition: transform 0.15s ease-in 0.05s;
       transform-origin: center;

package/theme-chalk/src/common/var.scss

@@ -61,10 +61,12 @@ $color-info: map.get($colors, 'info', 'base') !default;
     (
       $type: (
         '#{$mode}-#{$number}':
-          color.mix(
-            $mix-color,
-            map.get($colors, $type, 'base'),
-            math.percentage(math.div($number, 10))
+          roundColor(
+            color.mix(
+              $mix-color,
+              map.get($colors, $type, 'base'),
+              math.percentage(math.div($number, 10))
+            )
           ),
       ),
     ),

package/theme-chalk/src/dark/var.scss

@@ -5,6 +5,7 @@
 @use '../common/var.scss' as common;
 @use '../mixins/mixins.scss' as *;
 @use '../color/index.scss' as *;
+@use '../mixins/function.scss' as *;
 
 $colors: () !default;
 @each $type in common.$types {
@@ -31,10 +32,12 @@ $colors: () !default;
     (
       $type: (
         '#{$mode}-#{$number}':
-          color.mix(
-            $mix-color,
-            map.get($colors, $type, 'base'),
-            math.percentage(math.div($number, 10))
+          roundColor(
+            color.mix(
+              $mix-color,
+              map.get($colors, $type, 'base'),
+              math.percentage(math.div($number, 10))
+            )
           ),
       ),
     ),

package/theme-chalk/src/mixins/function.scss

@@ -1,6 +1,8 @@
 @use 'config';
 @use 'sass:meta';
 @use 'sass:string';
+@use 'sass:math';
+@use 'sass:color';
 
 // BEM support Func
 @function selectorToString($selector) {
@@ -86,3 +88,12 @@
   // @debug $name;
   @return $name;
 }
+
+@function roundColor($color) {
+  $r: math.round(color.channel($color, 'red'));
+  $g: math.round(color.channel($color, 'green'));
+  $b: math.round(color.channel($color, 'blue'));
+  $a: color.channel($color, 'alpha');
+
+  @return rgba($r, $g, $b, $a);
+}

package/theme-chalk/src/tabs.scss

@@ -107,7 +107,6 @@
     display: flex;
     white-space: nowrap;
     position: relative;
-    height: getCssVar('tabs', 'header-height');
     transition: transform getCssVar('transition-duration');
     float: left;
     z-index: calc(#{getCssVar('index-normal')} + 1);
@@ -416,6 +415,11 @@
       justify-content: flex-start;
     }
   }
+  @include m((top, bottom)) {
+    .#{$namespace}-tabs__nav {
+      height: getCssVar('tabs', 'header-height');
+    }
+  }
   @include m(left) {
     flex-direction: row;