@element-plus/nightly 0.0.20250815 → 0.0.20250816

package/theme-chalk/src/collapse.scss

@@ -23,7 +23,7 @@
     border: none;
     display: flex;
     align-items: center;
-    height: getCssVar('collapse-header-height');
+    min-height: getCssVar('collapse-header-height');
     line-height: getCssVar('collapse-header-height');
     background-color: getCssVar('collapse-header-bg-color');
     color: getCssVar('collapse-header-text-color');

package/theme-chalk/src/splitter.scss

@@ -50,7 +50,8 @@
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
-    &::before {
+    &::before,
+    &::after {
       content: '';
       position: absolute;
       top: 50%;
@@ -58,6 +59,15 @@
       transform: translate(-50%, -50%);
       background-color: getCssVar('border-color-light');
     }
+
+    &:not(.is-lazy)::after {
+      display: none;
+    }
+
+    &::after {
+      opacity: 0.4;
+    }
+
     &:hover {
       &::before {
         background-color: getCssVar('color-primary-light-5');
@@ -65,21 +75,32 @@
     }
   }
   @include e(dragger-horizontal) {
-    &::before {
+    &::before,
+    &::after {
       height: 100%;
       width: 2px;
     }
   }
   @include e(dragger-vertical) {
-    &::before {
+    &::before,
+    &::after {
       height: 2px;
       width: 100%;
     }
   }
   @include e(dragger-active) {
-    &::before {
+    &::before,
+    &::after {
       background-color: getCssVar('color-primary-light-3');
     }
+
+    &.#{$namespace}-splitter-bar__dragger-horizontal::after {
+      transform: translate(calc(-50% + getCssVar('splitter-bar-offset')), -50%);
+    }
+
+    &.#{$namespace}-splitter-bar__dragger-vertical::after {
+      transform: translate(-50%, calc(-50% + getCssVar('splitter-bar-offset')));
+    }
   }
   &:hover {
     @include e(collapse-icon) {