@element-plus/nightly 0.0.20241223 → 0.0.20241225

package/theme-chalk/src/color-picker.scss

@@ -271,6 +271,7 @@ $color-picker-size: map.merge($common-component-size, $color-picker-size);
   }
 
   @include when(disabled) {
+    pointer-events: none;
     .#{$namespace}-color-picker__trigger {
       cursor: not-allowed;
     }

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

@@ -924,6 +924,7 @@ $input-tag: () !default;
 $input-tag: map.merge(
   (
     'border-color-hover': getCssVar('border-color-hover'),
+    'placeholder-color': getCssVar('text-color-placeholder'),
     'disabled-color': getCssVar('disabled-text-color'),
     'disabled-border': getCssVar('disabled-border-color'),
     'font-size': getCssVar('font-size-base'),

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

@@ -189,6 +189,7 @@
     border-color: map.get($input-disabled, 'border');
     color: map.get($input-disabled, 'text-color');
     cursor: not-allowed;
+    pointer-events: none;
 
     &:hover,
     &:focus {

package/theme-chalk/src/input-number.scss

@@ -103,6 +103,14 @@
         font-size: map.get($input-font-size, $size);
       }
 
+      @include when(controls-right) {
+        .#{$namespace}-input--#{$size} {
+          .#{$namespace}-input__wrapper {
+            padding-right: #{map.get($input-height, $size) + 7};
+          }
+        }
+      }
+
       .#{$namespace}-input--#{$size} {
         .#{$namespace}-input__wrapper {
           padding-left: #{map.get($input-height, $size) + 7};

package/theme-chalk/src/input-tag.scss

@@ -58,6 +58,7 @@
 
   @include when(disabled) {
     cursor: not-allowed;
+    pointer-events: none;
     background-color: getCssVar('fill-color', 'light');
     @include mixed-input-border(#{getCssVar('input-tag-disabled-border')});
 
@@ -169,6 +170,10 @@
     appearance: none;
     width: 100%;
     background-color: transparent;
+
+    &::placeholder {
+      color: getCssVar('input-tag-placeholder-color');
+    }
   }
 
   @include e(input-calculator) {

package/theme-chalk/src/input.scss

@@ -199,7 +199,7 @@
     }
   }
 
-  @include e(inner) {
+  & {
     // use map.get as default value for date picker range
     @include set-css-var-value(
       'input-inner-height',
@@ -210,7 +210,9 @@
           ) - $border-width * 2
       )
     );
+  }
 
+  @include e(inner) {
     width: 100%;
     flex-grow: 1;
     -webkit-appearance: none;
@@ -255,6 +257,7 @@
       flex-shrink: 0;
       flex-wrap: nowrap;
       height: 100%;
+      line-height: getCssVar('input-inner-height');
       text-align: center;
       color: var(
         #{getCssVarName('input-icon-color')},
@@ -320,6 +323,7 @@
     .#{$namespace}-input__wrapper {
       background-color: map.get($input-disabled, 'fill');
       cursor: not-allowed;
+      pointer-events: none;
       @include mixed-input-border(map.get($input-disabled, 'border'));
     }
 
@@ -359,8 +363,7 @@
       @include e(wrapper) {
         padding: $border-width map.get($input-padding-horizontal, $size)-$border-width;
       }
-
-      @include e(inner) {
+      & {
         @include set-css-var-value(
           'input-inner-height',
           calc(

package/theme-chalk/src/mention.scss

@@ -15,6 +15,10 @@
       map.get($mention, 'shadow')
     );
   }
+
+  @include when(disabled) {
+    pointer-events: none;
+  }
 }
 
 @include b(mention-dropdown) {

package/theme-chalk/src/select.scss

@@ -56,6 +56,7 @@
 
     @include when(disabled) {
       cursor: not-allowed;
+      pointer-events: none;
 
       background-color: getCssVar('fill-color', 'light');
       color: getCssVar('text-color', 'placeholder');