@element-plus/nightly 0.0.20220108 → 0.0.20220112

package/theme-chalk/src/dropdown.scss

@@ -24,6 +24,16 @@ $dropdown-item-padding: map.merge(
   $dropdown-item-padding
 );
 
+$dropdown-item-divided-margin: () !default;
+$dropdown-item-divided-margin: map.merge(
+  (
+    'large': 8px 0,
+    'default': 6px 0,
+    'small': 4px 0,
+  ),
+  $dropdown-item-divided-margin
+);
+
 $dropdown-caret-width: () !default;
 $dropdown-caret-width: map.merge($common-component-size, $dropdown-caret-width);
 
@@ -175,18 +185,8 @@ $dropdown-menu-padding-vertical: map.merge(
     }
 
     @include m(divided) {
-      $divided-offset: 6px;
-
-      position: relative;
-      margin-top: $divided-offset;
+      margin: map.get($dropdown-item-divided-margin, 'default');
       border-top: 1px solid var(--el-border-color-lighter);
-
-      &:before {
-        content: '';
-        height: $divided-offset;
-        display: block;
-        background-color: $color-white;
-      }
     }
 
     @include when(disabled) {
@@ -205,13 +205,8 @@ $dropdown-menu-padding-vertical: map.merge(
         line-height: map.get($dropdown-item-line-height, $size);
         font-size: map.get($input-font-size, $size);
 
-        &.#{$namespace}-dropdown-menu__item--divided {
-          $divided-offset: 3px;
-          margin-top: $divided-offset;
-
-          &:before {
-            height: $divided-offset;
-          }
+        @include m(divided) {
+          margin: map.get($dropdown-item-divided-margin, $size);
         }
       }
     }

package/theme-chalk/src/tabs.scss

@@ -14,8 +14,10 @@
     height: 2px;
     background-color: var(--el-color-primary);
     z-index: 1;
-    transition: transform var(--el-transition-duration)
-      cubic-bezier(0.645, 0.045, 0.355, 1);
+    transition: width var(--el-transition-duration)
+        var(--el-transition-function-ease-in-out-bezier),
+      transform var(--el-transition-duration)
+        var(--el-transition-function-ease-in-out-bezier);
     list-style: none;
   }
   @include e(new-tab) {
@@ -120,7 +122,7 @@
       border-radius: 50%;
       text-align: center;
       transition: all var(--el-transition-duration)
-        cubic-bezier(0.645, 0.045, 0.355, 1);
+        var(--el-transition-function-ease-in-out-bezier);
       margin-left: 5px;
       &:before {
         transform: scale(0.9);
@@ -187,9 +189,9 @@
       border-bottom: 1px solid transparent;
       border-left: 1px solid var(--el-border-color-light);
       transition: color var(--el-transition-duration)
-          cubic-bezier(0.645, 0.045, 0.355, 1),
+          var(--el-transition-function-ease-in-out-bezier),
         padding var(--el-transition-duration)
-          cubic-bezier(0.645, 0.045, 0.355, 1);
+          var(--el-transition-function-ease-in-out-bezier);
       &:first-child {
         border-left: none;
       }
@@ -235,7 +237,7 @@
     }
     > .#{$namespace}-tabs__header .#{$namespace}-tabs__item {
       transition: all var(--el-transition-duration)
-        cubic-bezier(0.645, 0.045, 0.355, 1);
+        var(--el-transition-function-ease-in-out-bezier);
       border: 1px solid transparent;
       margin-top: -1px;
       color: var(--el-text-color-secondary);

package/theme-chalk/src/tree.scss

@@ -63,7 +63,8 @@
     cursor: pointer;
 
     & > .#{$namespace}-tree-node__expand-icon {
-      margin: 6px;
+      padding: 6px;
+      box-sizing: content-box;
     }
     & > label.#{$namespace}-checkbox {
       margin-right: 8px;