@element-plus/nightly 0.0.20241224 → 0.0.20241226

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-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

@@ -323,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'));
     }
 

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');