@element-plus/nightly 0.0.20240202 → 0.0.20240204

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

@@ -452,43 +452,43 @@ $select-dropdown: map.merge(
 
 $select-wrapper-padding: () !default;
 $select-wrapper-padding: map.merge(
-    (
-      'large': 8px 16px,
-      'default': 4px 12px,
-      'small': 2px 8px,
-    ),
-    $select-wrapper-padding
+  (
+    'large': 8px 16px,
+    'default': 4px 12px,
+    'small': 2px 8px,
+  ),
+  $select-wrapper-padding
 );
 
 $select-near-margin-left: () !default;
 $select-near-margin-left: map.merge(
-    (
-      'large': -8px,
-      'default': -8px,
-      'small': -6px,
-    ),
-    $select-near-margin-left
+  (
+    'large': -8px,
+    'default': -8px,
+    'small': -6px,
+  ),
+  $select-near-margin-left
 );
 
 $select-item-gap: () !default;
 $select-item-gap: map.merge(
-    (
-      'large': 6px,
-      'default': 6px,
-      'small': 4px,
-    ),
-    $select-item-gap
+  (
+    'large': 6px,
+    'default': 6px,
+    'small': 4px,
+  ),
+  $select-item-gap
 );
 
 // the same height of el-tag
 $select-item-height: () !default;
 $select-item-height: map.merge(
-    (
-      'large': 24px,
-      'default': 24px,
-      'small': 20px,
-    ),
-    $select-item-height
+  (
+    'large': 24px,
+    'default': 24px,
+    'small': 20px,
+  ),
+  $select-item-height
 );
 
 // Alert

package/theme-chalk/src/form.scss

@@ -7,52 +7,52 @@
 
 $form-item-margin-bottom: () !default;
 $form-item-margin-bottom: map.merge(
-    (
-      'large': 22px,
-      'default': 18px,
-      'small': 18px,
-    ),
-    $form-item-margin-bottom
+  (
+    'large': 22px,
+    'default': 18px,
+    'small': 18px,
+  ),
+  $form-item-margin-bottom
 );
 
 $form-item-line-height: () !default;
 $form-item-line-height: map.merge(
-    (
-      'large': 40px,
-      'default': 32px,
-      'small': 24px,
-    ),
-    $form-item-line-height
+  (
+    'large': 40px,
+    'default': 32px,
+    'small': 24px,
+  ),
+  $form-item-line-height
 );
 
 $form-item-error-padding-top: () !default;
 $form-item-error-padding-top: map.merge(
-    (
-      'large': 4px,
-      'default': 2px,
-      'small': 2px,
-    ),
-    $form-item-error-padding-top
+  (
+    'large': 4px,
+    'default': 2px,
+    'small': 2px,
+  ),
+  $form-item-error-padding-top
 );
 
 $form-item-label-top-line-height: () !default;
 $form-item-label-top-line-height: map.merge(
-    (
-      'large': 22px,
-      'default': 22px,
-      'small': 20px,
-    ),
-    $form-item-label-top-line-height
+  (
+    'large': 22px,
+    'default': 22px,
+    'small': 20px,
+  ),
+  $form-item-label-top-line-height
 );
 
 $form-item-label-top-margin-bottom: () !default;
 $form-item-label-top-margin-bottom: map.merge(
-    (
-      'large': 12px,
-      'default': 8px,
-      'small': 4px,
-    ),
-    $form-item-label-top-margin-bottom
+  (
+    'large': 12px,
+    'default': 8px,
+    'small': 4px,
+  ),
+  $form-item-label-top-margin-bottom
 );
 
 @include b(form) {
@@ -196,7 +196,7 @@ $form-item-label-top-margin-bottom: map.merge(
       &.asterisk-left {
         > .#{$namespace}-form-item__label:before,
         > .#{$namespace}-form-item__label-wrap
-        > .#{$namespace}-form-item__label:before {
+          > .#{$namespace}-form-item__label:before {
           content: '*';
           color: getCssVar('color-danger');
           margin-right: 4px;
@@ -205,7 +205,7 @@ $form-item-label-top-margin-bottom: map.merge(
       &.asterisk-right {
         > .#{$namespace}-form-item__label:after,
         > .#{$namespace}-form-item__label-wrap
-        > .#{$namespace}-form-item__label:after {
+          > .#{$namespace}-form-item__label:after {
           content: '*';
           color: getCssVar('color-danger');
           margin-left: 4px;
@@ -218,7 +218,10 @@ $form-item-label-top-margin-bottom: map.merge(
     .#{$namespace}-input__wrapper,
     .#{$namespace}-textarea__inner,
     .#{$namespace}-select__wrapper {
-      &, &:hover, &:focus, &.is-focus {
+      &,
+      &:hover,
+      &:focus,
+      &.is-focus {
         box-shadow: 0 0 0 1px getCssVar('color-danger') inset;
       }
     }

package/theme-chalk/src/input.scss

@@ -6,22 +6,22 @@
 
 @mixin inset-prepend-border($color) {
   box-shadow: 1px 0 0 0 $color inset, 0 1px 0 0 $color inset,
-  0 -1px 0 0 $color inset;
+    0 -1px 0 0 $color inset;
 }
 
 @mixin inset-append-border($color) {
   box-shadow: 0 1px 0 0 $color inset, 0 -1px 0 0 $color inset,
-  -1px 0 0 0 $color inset;
+    -1px 0 0 0 $color inset;
 }
 
 @mixin inset-prepend-input-border($color) {
   box-shadow: 1px 0 0 0 $color inset, 1px 0 0 0 $color, 0 1px 0 0 $color inset,
-  0 -1px 0 0 $color inset !important;
+    0 -1px 0 0 $color inset !important;
 }
 
 @mixin inset-append-input-border($color) {
   box-shadow: -1px 0 0 0 $color, -1px 0 0 0 $color inset, 0 1px 0 0 $color inset,
-  0 -1px 0 0 $color inset !important;
+    0 -1px 0 0 $color inset !important;
 }
 
 @mixin mixed-input-border($color) {
@@ -50,32 +50,32 @@
     font-size: inherit;
     font-family: inherit;
     color: var(
-        #{getCssVarName('input-text-color')},
-        map.get($input, 'text-color')
+      #{getCssVarName('input-text-color')},
+      map.get($input, 'text-color')
     );
     background-color: var(
-        #{getCssVarName('input-bg-color')},
-        map.get($input, 'bg-color')
+      #{getCssVarName('input-bg-color')},
+      map.get($input, 'bg-color')
     );
     background-image: none;
     -webkit-appearance: none;
     @include inset-input-border(
-        var(
-            #{getCssVarName('input-border-color')},
-            map.get($input, 'border-color')
-        )
+      var(
+        #{getCssVarName('input-border-color')},
+        map.get($input, 'border-color')
+      )
     );
     border-radius: getCssVarWithDefault(
-        'input-border-radius',
-        map.get($input, 'border-radius')
+      'input-border-radius',
+      map.get($input, 'border-radius')
     );
     transition: getCssVar('transition-box-shadow');
     border: none;
 
     &::placeholder {
       color: getCssVarWithDefault(
-          'input-placeholder-color',
-          map.get($input, 'placeholder-color')
+        'input-placeholder-color',
+        map.get($input, 'placeholder-color')
       );
     }
 
@@ -172,22 +172,22 @@
     justify-content: center;
     padding: $border-width map.get($input-padding-horizontal, 'default')-$border-width;
     background-color: var(
-        #{getCssVarName('input-bg-color')},
-        map.get($input, 'bg-color')
+      #{getCssVarName('input-bg-color')},
+      map.get($input, 'bg-color')
     );
     background-image: none;
     border-radius: getCssVarWithDefault(
-        'input-border-radius',
-        map.get($input, 'border-radius')
+      'input-border-radius',
+      map.get($input, 'border-radius')
     );
     cursor: text;
     transition: getCssVar('transition-box-shadow');
     transform: translate3d(0, 0, 0);
     @include inset-input-border(
-        var(
-            #{getCssVarName('input-border-color')},
-            map.get($input, 'border-color')
-        )
+      var(
+        #{getCssVarName('input-border-color')},
+        map.get($input, 'border-color')
+      )
     );
 
     &:hover {
@@ -202,19 +202,21 @@
   @include e(inner) {
     // use map.get as default value for date picker range
     @include set-css-var-value(
-        'input-inner-height',
-        calc(
-          var(#{getCssVarName('input-height')},
-            #{map.get($input-height, 'default')}) - $border-width * 2
-        )
+      'input-inner-height',
+      calc(
+        var(
+            #{getCssVarName('input-height')},
+            #{map.get($input-height, 'default')}
+          ) - $border-width * 2
+      )
     );
 
     width: 100%;
     flex-grow: 1;
     -webkit-appearance: none;
     color: var(
-        #{getCssVarName('input-text-color')},
-        map.get($input, 'text-color')
+      #{getCssVarName('input-text-color')},
+      map.get($input, 'text-color')
     );
     font-size: inherit;
     height: getCssVar('input-inner-height');
@@ -231,8 +233,8 @@
 
     &::placeholder {
       color: getCssVarWithDefault(
-          'input-placeholder-color',
-          map.get($input, 'placeholder-color')
+        'input-placeholder-color',
+        map.get($input, 'placeholder-color')
       );
     }
 
@@ -255,8 +257,8 @@
       height: 100%;
       text-align: center;
       color: var(
-          #{getCssVarName('input-icon-color')},
-          map.get($input, 'icon-color')
+        #{getCssVarName('input-icon-color')},
+        map.get($input, 'icon-color')
       );
       transition: all getCssVar('transition-duration');
       pointer-events: none;
@@ -304,10 +306,10 @@
   @include when(active) {
     .#{$namespace}-input__wrapper {
       @include mixed-input-border(
-          var(
-              #{getCssVarName('input-focus-color')},
-              map.get($input, 'focus-color')
-          )
+        var(
+          #{getCssVarName('input-focus-color')},
+          map.get($input, 'focus-color')
+        )
       );
     }
   }
@@ -359,11 +361,13 @@
 
       @include e(inner) {
         @include set-css-var-value(
-            'input-inner-height',
-            calc(
-              var(#{getCssVarName('input-height')},
-                #{map.get($input-height, $size)}) - $border-width * 2
-            )
+          'input-inner-height',
+          calc(
+            var(
+                #{getCssVarName('input-height')},
+                #{map.get($input-height, $size)}
+              ) - $border-width * 2
+          )
         );
       }
     }

package/theme-chalk/src/select.scss

@@ -88,8 +88,8 @@
     flex-shrink: 0;
     gap: map.get($select-item-gap, 'default');
     color: var(
-        #{getCssVarName('input-icon-color')},
-        map.get($input, 'icon-color')
+      #{getCssVarName('input-icon-color')},
+      map.get($input, 'icon-color')
     );
   }
 
@@ -99,8 +99,8 @@
     flex-shrink: 0;
     gap: map.get($select-item-gap, 'default');
     color: var(
-        #{getCssVarName('input-icon-color')},
-        map.get($input, 'icon-color')
+      #{getCssVarName('input-icon-color')},
+      map.get($input, 'icon-color')
     );
   }
 
@@ -159,8 +159,8 @@
     width: 100%;
     @include utils-ellipsis;
     color: var(
-        #{getCssVarName('input-text-color')},
-        map.get($input, 'text-color')
+      #{getCssVarName('input-text-color')},
+      map.get($input, 'text-color')
     );
 
     @include when(transparent) {
@@ -171,9 +171,9 @@
 
   @include e(popper) {
     @include picker-popper(
-        map.get($select-dropdown, 'bg-color'),
-        map.get($select-dropdown, 'border'),
-        map.get($select-dropdown, 'shadow')
+      map.get($select-dropdown, 'bg-color'),
+      map.get($select-dropdown, 'border'),
+      map.get($select-dropdown, 'shadow')
     );
   }
 

package/theme-chalk/src/table.scss

@@ -556,6 +556,10 @@
       }
     }
 
+    tr > td.hover-cell {
+      background-color: getCssVar('table-row-hover-bg-color');
+    }
+
     tr.current-row > td.#{$namespace}-table__cell {
       background-color: getCssVar('table-current-row-bg-color');
     }