element-plus 2.3.3 → 2.3.5

package/theme-chalk/src/carousel-item.scss

@@ -23,18 +23,26 @@
     @include m(card) {
       width: 50%;
       transition: transform 0.4s ease-in-out;
+
       &.is-in-stage {
         cursor: pointer;
         z-index: getCssVar('index', 'normal');
+
         &:hover .#{$namespace}-carousel__mask,
         &.is-hover .#{$namespace}-carousel__mask {
           opacity: 0.12;
         }
       }
+
       &.is-active {
         z-index: calc(getCssVar('index', 'normal') + 1);
       }
     }
+
+    @include m(card-vertical) {
+      width: 100%;
+      height: 50%;
+    }
   }
 
   @include e(mask) {

package/theme-chalk/src/carousel.scss

@@ -11,11 +11,11 @@
   position: relative;
 
   @include m(horizontal) {
-    overflow-x: hidden;
+    overflow: hidden;
   }
 
   @include m(vertical) {
-    overflow-y: hidden;
+    overflow: hidden;
   }
 
   @include e(container) {
@@ -88,15 +88,21 @@
       text-align: center;
       position: static;
       transform: none;
+
       .#{$namespace}-carousel__indicator:hover button {
         opacity: 0.64;
       }
+
       button {
         background-color: getCssVar('carousel', 'indicator-out-color');
         opacity: 0.24;
       }
     }
 
+    @include m(right) {
+      right: 0;
+    }
+
     @include m(labels) {
       left: 0;
       right: 0;
@@ -134,6 +140,7 @@
     @include m(vertical) {
       padding: getCssVar('carousel-indicator-padding-horizontal')
         getCssVar('carousel-indicator-padding-vertical');
+
       .#{$namespace}-carousel__button {
         width: getCssVar('carousel-indicator-height');
         height: calc(#{getCssVar('carousel-indicator-width')} / 2);

package/theme-chalk/src/menu.scss

@@ -135,6 +135,7 @@
         display: flex;
         align-items: center;
         height: getCssVar('menu-horizontal-sub-item-height');
+        line-height: getCssVar('menu-horizontal-sub-item-height');
         padding: 0 10px;
         color: getCssVar('menu-text-color');
       }

package/theme-chalk/src/progress.scss

@@ -120,6 +120,23 @@
       transform: translateZ(0);
       animation: indeterminate 3s infinite;
     }
+
+    @include m(striped) {
+      background-image: linear-gradient(
+        45deg,
+        rgba(0, 0, 0, 0.1) 25%,
+        transparent 25%,
+        transparent 50%,
+        rgba(0, 0, 0, 0.1) 50%,
+        rgba(0, 0, 0, 0.1) 75%,
+        transparent 75%,
+        transparent
+      );
+      background-size: 1.25em 1.25em;
+      &.#{$namespace}-progress-bar__inner--striped-flow {
+        animation: striped-flow 3s linear infinite;
+      }
+    }
   }
 
   @include e(innerText) {
@@ -150,3 +167,13 @@
     left: 100%;
   }
 }
+
+@keyframes striped-flow {
+  0% {
+    background-position: -100%;
+  }
+
+  100% {
+    background-position: 100%;
+  }
+}

package/theme-chalk/src/text.scss

@@ -39,7 +39,7 @@
     }
   }
 
-  &>.#{bem('icon')} {
+  & > .#{bem('icon')} {
     vertical-align: -2px;
   }
 }

package/theme-chalk/src/transfer.scss

@@ -111,9 +111,8 @@
 
   @include e(filter) {
     text-align: center;
-    margin: 15px;
+    padding: 15px;
     box-sizing: border-box;
-    width: auto;
 
     .#{$namespace}-input__inner {
       height: getCssVar('transfer-filter-height');