element-plus 2.7.4 → 2.7.6

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/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/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);
       }
@@ -217,7 +226,6 @@
   }
 
   th.#{$namespace}-table__cell {
-    user-select: none;
     background-color: getCssVar('table-header-bg-color');
 
     > .cell.highlight {
@@ -315,6 +323,7 @@
 
   @include e((header-wrapper, body-wrapper, footer-wrapper)) {
     width: 100%;
+
     tr {
       td,
       th {
@@ -323,6 +332,7 @@
           position: sticky !important;
           background: inherit;
           z-index: calc(getCssVar('table-index') + 1);
+
           &.is-last-column,
           &.is-first-column {
             &::before {
@@ -338,11 +348,13 @@
               pointer-events: none;
             }
           }
+
           &.is-first-column {
             &::before {
               left: -10px;
             }
           }
+
           &.is-last-column {
             &::before {
               right: -10px;
@@ -350,6 +362,7 @@
             }
           }
         }
+
         &.#{$namespace}-table__fixed-right-patch {
           position: sticky !important;
           z-index: calc(getCssVar('table-index') + 1);
@@ -362,6 +375,7 @@
 
   @include e(header-wrapper) {
     flex-shrink: 0;
+
     tr {
       th {
         &.#{$namespace}-table-fixed-column--left,
@@ -403,6 +417,7 @@
         align-items: center;
         height: 23px;
       }
+
       .#{$namespace}-checkbox {
         height: unset;
       }
@@ -415,6 +430,7 @@
         box-shadow: getCssVar('table-fixed-right-column');
       }
     }
+
     &.#{$namespace}-table--border {
       .#{$namespace}-table-fixed-column--left {
         &.is-last-column {
@@ -424,6 +440,7 @@
         }
       }
     }
+
     th.#{$namespace}-table-fixed-column--left {
       background-color: getCssVar('table-header-bg-color');
     }
@@ -435,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');
     }
@@ -447,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');
@@ -480,6 +501,7 @@
     overflow: hidden;
     position: relative;
     flex: 1;
+
     .#{$namespace}-scrollbar__bar {
       z-index: calc(getCssVar('table-index') + 2);
     }