element-plus 2.2.7 → 2.2.10

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

@@ -496,7 +496,7 @@ $messagebox: map.merge(
 $message: () !default;
 $message: map.merge(
   (
-    'min-width': 380px,
+    'width': 380px,
     'bg-color': getCssVar('color', 'info', 'light-9'),
     'border-color': getCssVar('border-color-lighter'),
     'padding': 15px 15px 15px 20px,

package/theme-chalk/src/message-box.scss

@@ -11,7 +11,8 @@
 
 @include b(message-box) {
   display: inline-block;
-  width: getCssVar('messagebox-width');
+  max-width: getCssVar('messagebox-width');
+  width: 100%;
   padding-bottom: 10px;
   vertical-align: middle;
   background-color: getCssVar('bg-color');
@@ -35,6 +36,7 @@
       right: 0;
       bottom: 0;
       left: 0;
+      padding: 16px;
       overflow: auto;
 
       &::after {

package/theme-chalk/src/message.scss

@@ -9,7 +9,8 @@
 }
 
 @include b(message) {
-  min-width: getCssVar('message', 'min-width');
+  width: getCssVar('message', 'width');
+  max-width: calc(100% - 32px);
   box-sizing: border-box;
   border-radius: getCssVar('border-radius-base');
   border-width: getCssVar('border-width');

package/theme-chalk/src/select-dropdown-v2.scss

@@ -14,12 +14,33 @@
   }
 
   @include e(option-item) {
+    @include when(selected) {
+      &:not(.is-multiple) {
+        @include when(disabled) {
+          color: getCssVar('text-color-disabled');
+          &::after {
+            background-color: getCssVar('text-color-disabled');
+          }
+        }
+      }
+    }
+
     &:hover {
       &:not(.hover) {
         background-color: transparent;
       }
     }
   }
+
+  @include when(multiple) {
+    .#{$namespace}-select-dropdown__option-item {
+      @include when(disabled) {
+        @include when(selected) {
+          color: getCssVar('text-color-disabled');
+        }
+      }
+    }
+  }
 }
 
 @include b(select-dropdown__empty) {

package/theme-chalk/src/select-dropdown.scss

@@ -41,6 +41,12 @@ $checked-icon: "data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='
       &::after {
         @include checked-icon;
       }
+
+      &.is-disabled {
+        &::after {
+          background-color: getCssVar('text-color-disabled');
+        }
+      }
     }
   }
 
@@ -58,6 +64,10 @@ $checked-icon: "data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='
     &:hover {
       background-color: unset;
     }
+
+    &.selected {
+      color: getCssVar('text-color-disabled');
+    }
   }
 }
 

package/theme-chalk/src/slider.scss

@@ -170,6 +170,8 @@ $slider-height: map.merge(
 
   @include when(vertical) {
     position: relative;
+    display: inline-flex;
+    width: auto;
     height: 100%;
     flex: 0;
 

package/theme-chalk/src/table.scss

@@ -21,6 +21,9 @@
 
   @include e(inner-wrapper) {
     position: relative;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
     // 表格底部伪 border，总是有的
     &::before {
       @include extend-rule(border-pseudo);
@@ -35,7 +38,7 @@
   &.has-footer {
     .#{$namespace}-table__inner-wrapper {
       &::before {
-        bottom: 1px;
+        bottom: 0;
       }
     }
   }
@@ -304,6 +307,7 @@
 
     @include e(footer-wrapper) {
       position: relative;
+      flex-shrink: 0;
     }
 
     @include e(footer-wrapper) {
@@ -381,6 +385,7 @@
   }
 
   @include e(header-wrapper) {
+    flex-shrink: 0;
     tr {
       th {
         &.#{$namespace}-table-fixed-column--left,
@@ -483,6 +488,7 @@
   @include e(body-wrapper) {
     overflow: hidden;
     position: relative;
+    flex: 1;
     .#{$namespace}-scrollbar__bar {
       z-index: 2;
     }
@@ -634,4 +640,35 @@
       margin-right: 8px;
     }
   }
+
+  @include b(table) {
+    &.#{$namespace}-table--border {
+      .#{$namespace}-table__cell {
+        border-right: getCssVar('table-border');
+      }
+    }
+  }
+
+  &:not(.#{$namespace}-table--border) {
+    .#{$namespace}-table__cell {
+      border-right: none;
+    }
+
+    > .#{$namespace}-table__inner-wrapper {
+      &::after {
+        content: none;
+      }
+    }
+
+    @include e((inner-wrapper, footer-wrapper)) {
+      tr:first-child {
+        td,
+        th {
+          &:first-child {
+            border-left: none;
+          }
+        }
+      }
+    }
+  }
 }

package/theme-chalk/src/tabs.scss

@@ -160,7 +160,7 @@
 
     @include when(disabled) {
       color: getCssVar('disabled-text-color');
-      cursor: default;
+      cursor: not-allowed;
     }
   }
   @include e(content) {