@kdcloudjs/kdesign 1.7.5 → 1.7.6

package/dist/kdesign-complete.less

@@ -5702,7 +5702,7 @@ textarea {
       .underline;
     }
 
-    &-focused {
+    &-focused:not(.@{input-prefix-cls}-error) {
       border-color: @input-border-color-focused;
     }
 
@@ -5858,13 +5858,20 @@ textarea {
   &-input-mark-inner {
     color: @input-placeholder-color-inner;
   }
+
+  &-error:not(.@{input-prefix-cls}-disabled):not(.@{input-prefix-cls}-wrapper-disabled):not(.@{input-prefix-cls}-group-addon-disabled) {
+    border-color: @input-error-color;
+  }
 }
 
 
 
+@input-prefix-cls: ~'@{kd-prefix}-input';
+
 // 输入框默认样式Mixins
 .input(@prefix) {
   @disabled-prefix-cls: ~'@{prefix}-disabled';
+  @error-prefix-cls: ~'@{input-prefix-cls}-error';
   width: 100%;
   min-width: 0;
   border: @input-border-width-inner solid @input-border-color-disabled-inner;
@@ -5891,10 +5898,10 @@ textarea {
     box-shadow: none;
     outline: none;
   }
-  &:not(.@{disabled-prefix-cls}):hover {
+  &:not(.@{disabled-prefix-cls}):not(.@{error-prefix-cls}):hover {
     border-color: @input-border-color-focused;
   }
-  &:not(.@{disabled-prefix-cls}):focus {
+  &:not(.@{disabled-prefix-cls}):not(.@{error-prefix-cls}):focus {
     color: @input-focus-color;
     border-color: @input-border-color-focused;
   }
@@ -5956,6 +5963,7 @@ textarea {
 );
 @input-color-disabled-inner: var(~'@{input-prefix}-color-disabled', @color-disabled);
 @input-affix-color: var(~'@{input-prefix}-affix-color-text', #666);
+@input-error-color: var(~'@{input-prefix}-color-error', @color-error);
 
 // font
 @input-small-font-size-inner: var(~'@{input-prefix}-font-size-small', @font-size-small);

package/dist/kdesign.css

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.7.4
+ *   @kdcloudjs/kdesign v1.7.5
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -9714,10 +9714,10 @@ textarea {
           box-shadow: none;
   outline: none;
 }
-.kd-input:not(.kd-input-disabled):hover {
+.kd-input:not(.kd-input-disabled):not(.kd-input-error):hover {
   border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
 }
-.kd-input:not(.kd-input-disabled):focus {
+.kd-input:not(.kd-input-disabled):not(.kd-input-error):focus {
   color: #212121;
   border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
 }
@@ -9761,10 +9761,10 @@ textarea {
           box-shadow: none;
   outline: none;
 }
-.kd-input-textarea:not(.kd-input-disabled):hover {
+.kd-input-textarea:not(.kd-input-disabled):not(.kd-input-error):hover {
   border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
 }
-.kd-input-textarea:not(.kd-input-disabled):focus {
+.kd-input-textarea:not(.kd-input-disabled):not(.kd-input-error):focus {
   color: #212121;
   border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
 }
@@ -9868,10 +9868,10 @@ textarea {
           box-shadow: none;
   outline: none;
 }
-.kd-input-wrapper:not(.kd-input-wrapper-disabled):hover {
+.kd-input-wrapper:not(.kd-input-wrapper-disabled):not(.kd-input-error):hover {
   border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
 }
-.kd-input-wrapper:not(.kd-input-wrapper-disabled):focus {
+.kd-input-wrapper:not(.kd-input-wrapper-disabled):not(.kd-input-error):focus {
   color: #212121;
   border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
 }
@@ -9931,7 +9931,7 @@ textarea {
   border-radius: 0 !important;
   padding-left: 0;
 }
-.kd-input-wrapper-focused {
+.kd-input-wrapper-focused:not(.kd-input-error) {
   border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
 }
 .kd-input-wrapper-disabled {
@@ -9976,10 +9976,10 @@ textarea {
           box-shadow: none;
   outline: none;
 }
-.kd-input-wrapper-textarea:not(.kd-input-disabled):hover {
+.kd-input-wrapper-textarea:not(.kd-input-disabled):not(.kd-input-error):hover {
   border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
 }
-.kd-input-wrapper-textarea:not(.kd-input-disabled):focus {
+.kd-input-wrapper-textarea:not(.kd-input-disabled):not(.kd-input-error):focus {
   color: #212121;
   border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
 }
@@ -10105,6 +10105,9 @@ textarea {
 .kd-input-input-mark-inner {
   color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc));
 }
+.kd-input-error:not(.kd-input-disabled):not(.kd-input-wrapper-disabled):not(.kd-input-group-addon-disabled) {
+  border-color: var(--kd-c-input-color-error, var(--kd-g-color-error, #fb2323));
+}
 
 /* -----------  color  ——————---- start */
 /* -----------  color  ——————---- end */