fix(input): 修复input、search、textarea聚焦时hover样式问题 (DevCloudFE#786)

Author: newer2333

packages/devui-vue/devui/input/src/input.scss

@@ -14,17 +14,13 @@
  transition: border-color 0.3s $devui-animation-ease-in-out-smooth;
  height: 100%;
 
- &:not(.#{$devui-prefix}-input--error):not(.#{$devui-prefix}-input--disabled):hover {
+ &:not(.#{$devui-prefix}-input--error):not(.#{$devui-prefix}-input--disabled):not(.#{$devui-prefix}-input--focus):hover {
  border-color: $devui-form-control-line-hover;
  }
  }
 
  &--focus:not(.#{$devui-prefix}-input--error) {
  border-color: $devui-form-control-line-active;
-
- &:hover {
- border-color: $devui-form-control-line-active;
- }
  }
 
  &--disabled {

packages/devui-vue/devui/search/src/search.scss

@@ -6,6 +6,12 @@
  position: relative;
  @include flex;
 
+ &:not(.#{$devui-prefix}-search--error):not(.#{$devui-prefix}-search--disabled):not(.#{$devui-prefix}-search--focus):hover {
+ .#{$devui-prefix}-input {
+ border-color: $devui-form-control-line-hover;
+ }
+ }
+
  .#{$devui-prefix}-input {
  padding: 4px 60px 4px 8px;
  display: inline-flex;
@@ -18,10 +24,6 @@
  background-color: $devui-form-control-bg;
  transition: border-color 0.3s $devui-animation-ease-in-out-smooth;
 
- &:not(.#{$devui-prefix}-input--error):not(.#{$devui-prefix}-input--disabled):hover {
- border-color: $devui-disabled-line;
- }
-
  &__inner {
  padding: 0;
  }
@@ -35,10 +37,6 @@
  &--focus {
  .#{$devui-prefix}-input {
  border-color: $devui-form-control-line-active;
-
- &:hover {
- border-color: $devui-form-control-line-hover !important;
- }
  }
  }
 
@@ -135,10 +133,6 @@
  .icon-search {
  color: $devui-disabled-text !important;
  }
-
- .#{$devui-prefix}-input:hover {
- border-color: $devui-form-control-line-hover;
- }
  }
 
  &--left {

packages/devui-vue/devui/textarea/src/textarea.scss

@@ -12,16 +12,12 @@
  background: transparent;
  transition: border-color 0.3s $devui-animation-ease-in-out-smooth;
 
- &:not(.#{$devui-prefix}-textarea--error):not(.#{$devui-prefix}-textarea--disabled):hover {
+ &:not(.#{$devui-prefix}-textarea--error):not(.#{$devui-prefix}-textarea--disabled):not(.#{$devui-prefix}-textarea--focus):hover {
  border-color: $devui-form-control-line-hover;
  }
 
  &--focus:not(.#{$devui-prefix}-textarea--error) {
  border-color: $devui-form-control-line-active;
-
- &:hover {
- border-color: $devui-form-control-line-active;
- }
  }
 
  &--disabled {