element-plus 2.2.9 → 2.2.12

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

@@ -496,10 +496,9 @@ $messagebox: map.merge(
 $message: () !default;
 $message: map.merge(
   (
-    'min-width': 380px,
     'bg-color': getCssVar('color', 'info', 'light-9'),
     'border-color': getCssVar('border-color-lighter'),
-    'padding': 15px 15px 15px 20px,
+    'padding': 15px 19px,
     'close-size': 16px,
     'close-icon-color': getCssVar('text-color-placeholder'),
     'close-hover-color': getCssVar('text-color-secondary'),

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

@@ -98,7 +98,8 @@
     border: none;
     outline: none;
     display: inline-block;
-    height: 100%;
+    height: #{map.get($input-height, 'default') - 2};
+    line-height: #{map.get($input-height, 'default') - 2};
     margin: 0;
     padding: 0;
     width: 39%;
@@ -154,10 +155,6 @@
     padding: 0 10px;
   }
 
-  .#{$namespace}-range-input {
-    line-height: 1;
-  }
-
   @include when(active) {
     @include inset-input-border(#{getCssVar('input', 'focus-border-color')});
     &:hover {
@@ -179,6 +176,8 @@
       }
 
       .#{$namespace}-range-input {
+        height: #{map.get($input-height, $size) - 2};
+        line-height: #{map.get($input-height, $size) - 2};
         font-size: map.get($input-font-size, $size);
       }
     }

package/theme-chalk/src/menu.scss

@@ -64,6 +64,7 @@
       & .#{$namespace}-menu-item,
       & .#{$namespace}-sub-menu__title,
       & .#{$namespace}-menu-item-group__title {
+        white-space: nowrap;
         padding-left: calc(
           #{getCssVar('menu-base-level-padding')} + #{getCssVar('menu-level')} *
             #{getCssVar('menu-level-padding')}

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,7 @@
 }
 
 @include b(message) {
-  min-width: getCssVar('message', 'min-width');
+  max-width: calc(100% - 32px);
   box-sizing: border-box;
   border-radius: getCssVar('border-radius-base');
   border-width: getCssVar('border-width');
@@ -19,7 +19,6 @@
   left: 50%;
   top: 20px;
   transform: translateX(-50%);
-  transition: opacity 0.3s, transform 0.4s, top 0.4s;
   background-color: getCssVar('message', 'bg-color');
   transition: opacity getCssVar('transition-duration'), transform 0.4s, top 0.4s;
   padding: getCssVar('message', 'padding');
@@ -32,7 +31,7 @@
 
   @include when(closable) {
     .#{$namespace}-message__content {
-      padding-right: 16px;
+      padding-right: 31px;
     }
   }
 
@@ -54,6 +53,7 @@
 
       .#{$namespace}-message__content {
         color: getCssVar('message', 'text-color');
+        overflow-wrap: anywhere;
       }
     }
 
@@ -84,7 +84,7 @@
   & .#{$namespace}-message__closeBtn {
     position: absolute;
     top: 50%;
-    right: 15px;
+    right: 19px;
     transform: translateY(-50%);
     cursor: pointer;
     color: getCssVar('message', 'close-icon-color');

package/theme-chalk/src/rate.scss

@@ -35,6 +35,7 @@ $rate-height: map.merge(
     font-size: 0;
     vertical-align: middle;
     color: getCssVar('rate-void-color');
+    line-height: normal;
   }
 
   & .#{bem('rate', 'icon')} {

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

@@ -17,9 +17,9 @@
     @include when(selected) {
       &:not(.is-multiple) {
         @include when(disabled) {
-          color: getCssVar('text-color-placeholder');
+          color: getCssVar('text-color-disabled');
           &::after {
-            background-color: getCssVar('text-color-placeholder');
+            background-color: getCssVar('text-color-disabled');
           }
         }
       }
@@ -36,7 +36,7 @@
     .#{$namespace}-select-dropdown__option-item {
       @include when(disabled) {
         @include when(selected) {
-          color: getCssVar('text-color-placeholder');
+          color: getCssVar('text-color-disabled');
         }
       }
     }

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

@@ -44,7 +44,7 @@ $checked-icon: "data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='
 
       &.is-disabled {
         &::after {
-          background-color: getCssVar('text-color-placeholder');
+          background-color: getCssVar('text-color-disabled');
         }
       }
     }
@@ -66,7 +66,7 @@ $checked-icon: "data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='
     }
 
     &.selected {
-      color: getCssVar('text-color-placeholder');
+      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-v2.scss

@@ -222,6 +222,9 @@
     @include e('row') {
       overflow: hidden;
       align-items: stretch;
+      @include e('row-cell') {
+        word-break: break-all;
+      }
     }
   }
 }

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;
     }

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) {