element-plus 2.8.1 → 2.8.2

package/theme-chalk/src/check-tag.scss

@@ -17,15 +17,43 @@
     background-color: getCssVar('color', 'info', 'light-7');
   }
 
-  @include when(checked) {
-    @each $type in $types {
-      &.#{bem('check-tag', '', $type)} {
+  @each $type in $types {
+    &.#{bem('check-tag', '', $type)} {
+      @include when(checked) {
         background-color: getCssVar('color', $type, 'light-8');
         color: getCssVar('color', $type);
 
         &:hover {
           background-color: getCssVar('color', $type, 'light-7');
         }
+
+        @include when(disabled) {
+          background-color: getCssVar('color', $type, 'light-8');
+          color: getCssVar('disabled-text-color');
+          cursor: not-allowed;
+
+          &:hover {
+            background-color: getCssVar('color', $type, 'light-8');
+          }
+        }
+      }
+
+      @include when(disabled) {
+        @if $type == 'primary' {
+          background-color: getCssVar('color', 'info', 'light-9');
+        } @else {
+          background-color: getCssVar('color', $type, 'light-9');
+        }
+        color: getCssVar('disabled-text-color');
+        cursor: not-allowed;
+
+        &:hover {
+          @if $type == 'primary' {
+            background-color: getCssVar('color', 'info', 'light-9');
+          } @else {
+            background-color: getCssVar('color', $type, 'light-9');
+          }
+        }
       }
     }
   }

package/theme-chalk/src/date-picker/month-table.scss

@@ -109,4 +109,4 @@
       }
     }
   }
-}
+}

package/theme-chalk/src/date-picker/picker.scss

@@ -153,7 +153,7 @@
     display: inline-flex;
     align-items: center;
     padding: 0 10px;
-    vertical-align: middle
+    vertical-align: middle;
   }
 
   @include when(active) {

package/theme-chalk/src/date-picker/year-table.scss

@@ -105,4 +105,4 @@
       }
     }
   }
-}
+}

package/theme-chalk/src/mention.scss

@@ -15,11 +15,9 @@
       map.get($mention, 'shadow')
     );
   }
-
 }
 
 @include b(mention-dropdown) {
-
   @include set-component-css-var('mention', $mention);
 
   @include e(item) {
@@ -87,4 +85,4 @@
 @include b(mention-dropdown__footer) {
   padding: getCssVar('mention-footer-padding');
   border-top: getCssVar('mention-border');
-}
+}

package/theme-chalk/src/menu.scss

@@ -60,9 +60,7 @@
   box-sizing: border-box;
 
   @include m(vertical) {
-    &:not(.#{$namespace}-menu--collapse):not(
-        .#{$namespace}-menu--popup-container
-      ) {
+    &:not(.#{$namespace}-menu--collapse):not(.#{$namespace}-menu--popup-container) {
       & .#{$namespace}-menu-item,
       & .#{$namespace}-sub-menu__title,
       & .#{$namespace}-menu-item-group__title {

package/theme-chalk/src/select.scss

@@ -37,12 +37,9 @@
     border-radius: getCssVar('border-radius-base');
     background-color: getCssVar('fill-color', 'blank');
     transition: getCssVar('transition', 'duration');
+    transform: translate3d(0, 0, 0);
     @include mixed-input-border(#{getCssVar('border-color')});
 
-    &:hover {
-      @include mixed-input-border(#{getCssVar('text-color')});
-    }
-
     @include when(filterable) {
       cursor: text;
     }

package/theme-chalk/src/table-v2.scss

@@ -86,9 +86,11 @@
     left: 0;
     box-shadow: 2px 0 4px 0 rgb(0 0 0 / 6%);
     @include hidden-scrollbar;
+    z-index: 1;
   }
 
   @include e('right') {
+    z-index: 1;
     @include table-root;
     right: 0;
     box-shadow: -2px 0 4px 0 rgb(0 0 0 / 6%);

package/theme-chalk/src/upload.scss

@@ -29,12 +29,12 @@
   cursor: pointer;
   outline: none;
 
-  @include when(disabled){
+  @include when(disabled) {
     cursor: not-allowed;
-    &:focus{
+    &:focus {
       border-color: getCssVar('border-color', 'darker');
       color: inherit;
-      .#{$namespace}-upload-dragger{
+      .#{$namespace}-upload-dragger {
         border-color: getCssVar('border-color', 'darker');
       }
     }
@@ -50,7 +50,7 @@
         }
       }
 
-      &:hover{
+      &:hover {
         border-color: getCssVar('border-color', 'darker');
       }
     }