element-plus 2.7.5 → 2.7.7

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

@@ -923,6 +923,8 @@ $pagination: map.merge(
     'font-size-small': 12px,
     'button-width-small': 24px,
     'button-height-small': 24px,
+    'button-width-large': 40px,
+    'button-height-large': 40px,
     'item-gap': 16px,
   ),
   $pagination

package/theme-chalk/src/drawer.scss

@@ -45,7 +45,7 @@ $directions: rtl, ltr, ttb, btt;
     margin: 0;
     flex: 1;
     line-height: inherit;
-    font-size: 1rem;
+    font-size: 16px;
   }
 
   @include e(footer) {

package/theme-chalk/src/form.scss

@@ -58,24 +58,6 @@ $form-item-label-top-margin-bottom: map.merge(
 @include b(form) {
   @include set-component-css-var('form', $form);
 
-  @include m(label-left) {
-    .#{$namespace}-form-item__label {
-      justify-content: flex-start;
-    }
-  }
-  @include m(label-top) {
-    .#{$namespace}-form-item {
-      display: block;
-
-      .#{$namespace}-form-item__label {
-        display: block;
-        height: auto;
-        text-align: left;
-        margin-bottom: #{map.get($form-item-label-top-margin-bottom, 'default')};
-        line-height: #{map.get($form-item-label-top-line-height, 'default')};
-      }
-    }
-  }
   @include m(inline) {
     .#{$namespace}-form-item {
       display: inline-flex;
@@ -92,19 +74,6 @@ $form-item-label-top-margin-bottom: map.merge(
       }
     }
   }
-
-  @each $size in (large, default, small) {
-    @include m($size) {
-      &.#{$namespace}-form--label-top {
-        .#{$namespace}-form-item {
-          .#{$namespace}-form-item__label {
-            margin-bottom: #{map.get($form-item-label-top-margin-bottom, $size)};
-            line-height: #{map.get($form-item-label-top-line-height, $size)};
-          }
-        }
-      }
-    }
-  }
 }
 
 @include b(form-item) {
@@ -131,15 +100,35 @@ $form-item-label-top-margin-bottom: map.merge(
         height: #{map.get($form-item-line-height, $size)};
         line-height: #{map.get($form-item-line-height, $size)};
       }
+
       @include e(content) {
         line-height: #{map.get($form-item-line-height, $size)};
       }
+
       @include e(error) {
         padding-top: #{map.get($form-item-error-padding-top, $size)};
       }
     }
   }
 
+  @include m(label-left) {
+    .#{$namespace}-form-item__label {
+      justify-content: flex-start;
+    }
+  }
+
+  @include m(label-top) {
+    display: block;
+
+    .#{$namespace}-form-item__label {
+      display: block;
+      height: auto;
+      text-align: left;
+      margin-bottom: #{map.get($form-item-label-top-margin-bottom, 'default')};
+      line-height: #{map.get($form-item-label-top-line-height, 'default')};
+    }
+  }
+
   @include e(label-wrap) {
     display: flex;
   }
@@ -159,6 +148,7 @@ $form-item-label-top-margin-bottom: map.merge(
     padding: 0 12px 0 0;
     box-sizing: border-box;
   }
+
   @include e(content) {
     display: flex;
     flex-wrap: wrap;
@@ -173,6 +163,7 @@ $form-item-label-top-margin-bottom: map.merge(
       vertical-align: top;
     }
   }
+
   @include e(error) {
     color: getCssVar('color-danger');
     font-size: 12px;
@@ -202,6 +193,7 @@ $form-item-label-top-margin-bottom: map.merge(
           margin-right: 4px;
         }
       }
+
       &.asterisk-right {
         > .#{$namespace}-form-item__label:after,
         > .#{$namespace}-form-item__label-wrap
@@ -232,6 +224,7 @@ $form-item-label-top-margin-bottom: map.merge(
         box-shadow: 0 0 0 1px transparent inset;
       }
     }
+
     .#{$namespace}-input__validateIcon {
       color: getCssVar('color-danger');
     }

package/theme-chalk/src/pagination.scss

@@ -208,6 +208,19 @@
       width: 100px;
     }
   }
+  @include m(large) {
+    .btn-prev,
+    .btn-next,
+    .#{$namespace}-pager li {
+      height: getCssVar('pagination-button-height-large');
+      line-height: getCssVar('pagination-button-height-large');
+      min-width: getCssVar('pagination-button-width-large');
+    }
+
+    .#{$namespace}-select .#{$namespace}-input {
+      width: 160px;
+    }
+  }
 }
 
 @include b(pager) {

package/theme-chalk/src/select.scss

@@ -137,6 +137,10 @@
       cursor: pointer;
       border-color: transparent;
 
+      &.#{$namespace}-tag--plain {
+        border-color: getCssVar('tag', 'border-color');
+      }
+
       .#{$namespace}-tag__content {
         min-width: 0;
       }

package/theme-chalk/src/table.scss

@@ -24,12 +24,12 @@
     display: flex;
     flex-direction: column;
     height: 100%;
+
     // 表格底部伪 border，总是有的
     &::before {
       @include extend-rule(border-pseudo);
       left: 0;
-      bottom: 0px;
-      width: 100%;
+      bottom: 0;
       height: 1px;
     }
   }
@@ -125,6 +125,12 @@
     .#{$namespace}-table__cell.gutter {
       border-right-width: 1px;
     }
+
+    @include e(inner-wrapper) {
+      &::before {
+        width: 100%;
+      }
+    }
   }
 
   thead {
@@ -150,6 +156,7 @@
     position: relative;
     text-align: left;
     z-index: getCssVar('table-index');
+
     @include when(center) {
       text-align: center;
     }
@@ -190,9 +197,11 @@
   @each $size in (large, default, small) {
     @include m($size) {
       font-size: map.get($table-font-size, $size);
+
       .#{$namespace}-table__cell {
         padding: map.get($table-padding, $size);
       }
+
       .cell {
         padding: map.get($table-cell-padding, $size);
       }
@@ -314,6 +323,7 @@
 
   @include e((header-wrapper, body-wrapper, footer-wrapper)) {
     width: 100%;
+
     tr {
       td,
       th {
@@ -322,6 +332,7 @@
           position: sticky !important;
           background: inherit;
           z-index: calc(getCssVar('table-index') + 1);
+
           &.is-last-column,
           &.is-first-column {
             &::before {
@@ -337,11 +348,13 @@
               pointer-events: none;
             }
           }
+
           &.is-first-column {
             &::before {
               left: -10px;
             }
           }
+
           &.is-last-column {
             &::before {
               right: -10px;
@@ -349,6 +362,7 @@
             }
           }
         }
+
         &.#{$namespace}-table__fixed-right-patch {
           position: sticky !important;
           z-index: calc(getCssVar('table-index') + 1);
@@ -361,6 +375,7 @@
 
   @include e(header-wrapper) {
     flex-shrink: 0;
+
     tr {
       th {
         &.#{$namespace}-table-fixed-column--left,
@@ -402,6 +417,7 @@
         align-items: center;
         height: 23px;
       }
+
       .#{$namespace}-checkbox {
         height: unset;
       }
@@ -414,6 +430,7 @@
         box-shadow: getCssVar('table-fixed-right-column');
       }
     }
+
     &.#{$namespace}-table--border {
       .#{$namespace}-table-fixed-column--left {
         &.is-last-column {
@@ -423,6 +440,7 @@
         }
       }
     }
+
     th.#{$namespace}-table-fixed-column--left {
       background-color: getCssVar('table-header-bg-color');
     }
@@ -434,9 +452,11 @@
         box-shadow: getCssVar('table-fixed-left-column');
       }
     }
+
     .#{$namespace}-table-fixed-column--left.is-last-column.#{$namespace}-table__cell {
       border-right: none;
     }
+
     th.#{$namespace}-table-fixed-column--right {
       background-color: getCssVar('table-header-bg-color');
     }
@@ -446,11 +466,13 @@
     .#{$namespace}-table-fixed-column--left.is-last-column.#{$namespace}-table__cell {
       border-right: none;
     }
+
     .#{$namespace}-table-fixed-column--right.is-first-column {
       &::before {
         box-shadow: getCssVar('table-fixed-right-column');
       }
     }
+
     .#{$namespace}-table-fixed-column--left.is-last-column {
       &::before {
         box-shadow: getCssVar('table-fixed-left-column');
@@ -479,6 +501,7 @@
     overflow: hidden;
     position: relative;
     flex: 1;
+
     .#{$namespace}-scrollbar__bar {
       z-index: calc(getCssVar('table-index') + 2);
     }

package/theme-chalk/src/upload.scss

@@ -393,7 +393,7 @@
       }
 
       span + span {
-        margin-left: 1rem;
+        margin-left: 16px;
       }
 
       .#{bem('upload-list', 'item-delete')} {