@element-plus/nightly 0.0.20241120 → 0.0.20241122

package/theme-chalk/src/cascader.scss

@@ -9,7 +9,6 @@
     display: inline-flex;
     align-items: center;
     max-width: 100%;
-    margin: 2px 0 2px 6px;
     text-overflow: ellipsis;
     background: $background-color;
 
@@ -42,6 +41,10 @@
         background-color: getCssVar('text-color', 'secondary');
       }
     }
+
+    & + input {
+      margin-left: 0;
+    }
   }
 }
 
@@ -113,6 +116,16 @@
     @include m($size) {
       font-size: map.get($input-font-size, $size);
       line-height: map.get($input-height, $size);
+
+      @include e(tags) {
+        gap: map.get($cascader-item-gap, $size);
+        padding: map.get($cascader-wrapper-padding, $size);
+      }
+
+      @include e(search-input) {
+        height: map.get($cascader-item-height, $size);
+        margin-left: map.get($cascader-search-input-margin-left, $size);
+      }
     }
   }
 
@@ -150,6 +163,8 @@
     transform: translateY(-50%);
     display: flex;
     flex-wrap: wrap;
+    padding: map.get($cascader-wrapper-padding, 'default');
+    gap: map.get($cascader-item-gap, 'default');
     line-height: normal;
     text-align: left;
     box-sizing: border-box;
@@ -211,15 +226,14 @@
 
   @include e(search-input) {
     flex: 1;
-    height: 24px;
+    height: map.get($cascader-item-height, 'default');
     min-width: 60px;
-    margin: 2px 0 2px map.get($input-padding-horizontal, 'default')-$border-width;
+    margin-left: map.get($cascader-search-input-margin-left, 'default');
     padding: 0;
     color: getCssVar('cascader', 'menu-text-color');
     border: none;
     outline: none;
     box-sizing: border-box;
-
     background: transparent;
 
     &::placeholder {

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

@@ -662,6 +662,47 @@ $cascader: map.merge(
   ),
   $cascader
 );
+
+$cascader-item-gap: () !default;
+$cascader-item-gap: map.merge(
+  (
+    'large': 6px,
+    'default': 6px,
+    'small': 4px,
+  ),
+  $cascader-item-gap
+);
+
+$cascader-wrapper-padding: () !default;
+$cascader-wrapper-padding: map.merge(
+  (
+    'large': 8px,
+    'default': 4px,
+    'small': 2px,
+  ),
+  $cascader-wrapper-padding
+);
+
+$cascader-item-height: () !default;
+$cascader-item-height: map.merge(
+  (
+    'large': 24px,
+    'default': 24px,
+    'small': 20px,
+  ),
+  $cascader-item-height
+);
+
+$cascader-search-input-margin-left: () !default;
+$cascader-search-input-margin-left: map.merge(
+  (
+    'large': 7px,
+    'default': 7px,
+    'small': 5px,
+  ),
+  $cascader-search-input-margin-left
+);
+
 //statistic
 // css3 var in packages/theme-chalk/src/statistic.scss
 $statistic: () !default;
@@ -696,7 +737,7 @@ $button: map.merge(
     'active-border-color': getCssVar('color-primary'),
     'active-bg-color': getCssVar('button', 'hover-bg-color'),
     'outline-color': getCssVar('color-primary', 'light-5'),
-    'hover-link-text-color': getCssVar('color-info'),
+    'hover-link-text-color': getCssVar('text-color', 'secondary'),
     'active-color': getCssVar('text-color', 'primary'),
   ),
   $button