@element-plus/nightly 0.0.20220824 → 0.0.20220827

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

@@ -1006,8 +1006,6 @@ $menu: map.merge(
     'base-level-padding': 20px,
     'level-padding': 20px,
     'icon-width': 24px,
-    'icon-transform-closed': 'none',
-    'icon-transform-open': 'rotateZ(180deg)',
   ),
   $menu
 );

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

@@ -13,6 +13,10 @@
     width: 756px;
   }
 
+  &.has-time .#{$namespace}-picker-panel__body-wrapper {
+    position: relative;
+  }
+
   table {
     table-layout: fixed;
     width: 100%;

package/theme-chalk/src/form.scss

@@ -193,12 +193,23 @@ $form-item-label-top-margin-bottom: map.merge(
 
   @include when(required) {
     @include pseudo('not(.is-no-asterisk)') {
-      > .#{$namespace}-form-item__label:before,
-      > .#{$namespace}-form-item__label-wrap
-        > .#{$namespace}-form-item__label:before {
-        content: '*';
-        color: getCssVar('color-danger');
-        margin-right: 4px;
+      &.asterisk-left {
+        > .#{$namespace}-form-item__label:before,
+        > .#{$namespace}-form-item__label-wrap
+          > .#{$namespace}-form-item__label:before {
+          content: '*';
+          color: getCssVar('color-danger');
+          margin-right: 4px;
+        }
+      }
+      &.asterisk-right {
+        > .#{$namespace}-form-item__label:after,
+        > .#{$namespace}-form-item__label-wrap
+          > .#{$namespace}-form-item__label:after {
+          content: '*';
+          color: getCssVar('color-danger');
+          margin-left: 4px;
+        }
       }
     }
   }

package/theme-chalk/src/menu.scss

@@ -215,11 +215,6 @@
         border-radius: getCssVar('border-radius-small');
         box-shadow: getCssVar('box-shadow-light');
       }
-      &.is-opened {
-        > .#{$namespace}-sub-menu__title .#{$namespace}-sub-menu__icon-arrow {
-          transform: getCssVar('menu-icon-transform-closed');
-        }
-      }
 
       &.is-active .#{$namespace}-sub-menu__title {
         color: getCssVar('menu-active-color');
@@ -299,11 +294,6 @@
       border-bottom-color: getCssVar('menu-active-color');
     }
   }
-  @include when(opened) {
-    > .#{$namespace}-sub-menu__title .#{$namespace}-sub-menu__icon-arrow {
-      transform: getCssVar('menu-icon-transform-open');
-    }
-  }
   @include when(disabled) {
     .#{$namespace}-sub-menu__title,
     .#{$namespace}-menu-item {
@@ -328,7 +318,6 @@
     top: 50%;
     right: getCssVar('menu-base-level-padding');
     margin-top: -7px;
-    transform: getCssVar('menu-icon-transform-closed');
     transition: transform getCssVar('transition-duration');
     font-size: 12px;
     margin-right: 0;

package/theme-chalk/src/popover.scss

@@ -38,6 +38,13 @@
       }
     }
 
+    @include when(dark) {
+      @include set-css-var-value(
+        'popover-title-text-color',
+        var(#{getCssVarName('bg-color')})
+      );
+    }
+
     &:focus:active,
     &:focus {
       outline-width: 0;

package/theme-chalk/src/rate.scss

@@ -25,7 +25,7 @@ $rate-height: map.merge(
 
   &:focus,
   &:active {
-    outline-width: 0;
+    outline: none;
   }
 
   @include e(item) {

package/theme-chalk/src/select.scss

@@ -22,6 +22,7 @@
 @include b(select) {
   display: inline-block;
   position: relative;
+  vertical-align: middle;
   line-height: map.get($input-height, 'default');
 
   @include e(popper) {

package/theme-chalk/src/table.scss

@@ -36,9 +36,10 @@
   }
 
   &.has-footer {
-    .#{$namespace}-table__inner-wrapper {
-      &::before {
-        bottom: 0;
+    &.#{$namespace}-table--scrollable-y,
+    &.#{$namespace}-table--fluid-height {
+      tr:last-child td.#{$namespace}-table__cell {
+        border-bottom-color: transparent;
       }
     }
   }
@@ -237,6 +238,10 @@
     }
   }
 
+  @include e((footer-wrapper)) {
+    border-top: getCssVar('table-border');
+  }
+
   // 拥有多级表头
   @include m((group, border)) {
     @include e((inner-wrapper, footer-wrapper)) {
@@ -249,9 +254,6 @@
         }
       }
     }
-    @include e((footer-wrapper)) {
-      border-top: getCssVar('table-border');
-    }
 
     @include share-rule(border-pseudo) {
       content: '';
@@ -302,15 +304,6 @@
       flex-shrink: 0;
     }
 
-    @include e(footer-wrapper) {
-      margin-top: -2px;
-    }
-
-    // fix: #1013
-    // &.#{$namespace}-loading-parent--relative {
-    //   border-color: transparent;
-    // }
-
     .#{$namespace}-table__cell {
       border-right: getCssVar('table-border');
     }