element-plus 2.4.2 → 2.4.4

package/theme-chalk/src/card.scss

@@ -35,4 +35,11 @@
   @include e(body) {
     padding: getCssVar('card', 'padding');
   }
+
+  @include e(footer) {
+    padding: calc(#{getCssVar('card', 'padding')} - 2px)
+      getCssVar('card', 'padding');
+    border-top: 1px solid getCssVar('card', 'border-color');
+    box-sizing: border-box;
+  }
 }

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

@@ -442,6 +442,8 @@ $select-dropdown: map.merge(
     'max-height': 274px,
     'padding': 6px 0,
     'empty-padding': 10px 0,
+    'header-padding': 10px,
+    'footer-padding': 10px,
     'border': 1px solid getCssVar('border-color-light'),
   ),
   $select-dropdown
@@ -776,7 +778,7 @@ $table: map.merge(
     'expanded-cell-bg-color': getCssVar('fill-color', 'blank'),
     'fixed-left-column': inset 10px 0 10px -10px rgb(0 0 0 / 15%),
     'fixed-right-column': inset -10px 0 10px -10px rgb(0 0 0 / 15%),
-    'index': getCssVar('index-normal')
+    'index': getCssVar('index-normal'),
   ),
   $table
 );

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

@@ -21,6 +21,7 @@
   @include set-component-css-var('input', $input);
   position: relative;
   text-align: left;
+  vertical-align: middle;
 
   &.#{$namespace}-input__wrapper {
     @include inset-input-border(

package/theme-chalk/src/form.scss

@@ -240,13 +240,13 @@ $form-item-label-top-margin-bottom: map.merge(
     }
 
     .#{$namespace}-select {
-       &:hover{
-         box-shadow: 0 0 0 1px transparent;
-       }
+      &:hover {
+        box-shadow: 0 0 0 1px transparent;
+      }
 
-      .#{$namespace}-input{
+      .#{$namespace}-input {
         .#{$namespace}-input__wrapper {
-          &:hover{
+          &:hover {
             box-shadow: 0 0 0 1px getCssVar('color-danger') inset;
           }
         }
@@ -259,7 +259,6 @@ $form-item-label-top-margin-bottom: map.merge(
       }
     }
 
-
     .#{$namespace}-input-group__append,
     .#{$namespace}-input-group__prepend {
       .#{$namespace}-input__wrapper {

package/theme-chalk/src/reset.scss

@@ -2,8 +2,8 @@
 @use 'mixins/mixins' as *;
 
 body {
-  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
-    'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
+  font-family: Inter, 'Helvetica Neue', Helvetica, 'PingFang SC',
+    'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
   font-weight: 400;
   font-size: getCssVar('font-size', 'base');
   color: getCssVar('text-color', 'primary');
@@ -12,6 +12,12 @@ body {
   -webkit-tap-highlight-color: transparent;
 }
 
+input,
+textarea,
+button {
+  font-family: inherit;
+}
+
 a {
   color: getCssVar('color', 'primary');
   text-decoration: none;

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

@@ -89,3 +89,13 @@ $checked-icon: "data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='
   margin: 0;
   box-sizing: border-box;
 }
+
+@include b(select-dropdown__header) {
+  padding: map.get($select-dropdown, 'header-padding');
+  border-bottom: map.get($select-dropdown, 'border');
+}
+
+@include b(select-dropdown__footer) {
+  padding: map.get($select-dropdown, 'footer-padding');
+  border-top: map.get($select-dropdown, 'border');
+}