@kdcloudjs/kdesign 1.8.22 → 1.8.23

package/dist/kdesign-complete.less

@@ -3373,7 +3373,6 @@
     height: 100%;
     width: 100%;
     padding: 0 8px;
-    border-bottom: 1px solid rgba(217, 217, 217, 1);
     font-size: @color-picker-input-font-size;
   }
 
@@ -3407,15 +3406,27 @@
   width: @color-picker-panel-sizing-width;
 
   &.topLeft.hidden,
+  &.topRight.hidden {
+    animation-name: kdSlideDownOut;
+  }
+
+  &.topLeft,
+  &.topRight {
+    animation-name: kdSlideDownIn;
+  }
+
   &.bottomLeft.hidden,
-  &.topRight.hidden,
   &.bottomRight.hidden {
-    opacity: 0;
-    visibility: hidden;
-    transition: all calc(@transition-duration - 0.1s) @ease;
+    animation-name: kdSlideUpOut;
+  }
+
+  &.bottomLeft,
+  &.bottomRight {
+    animation-name: kdSlideUpIn;
   }
 
   .@{color-picker-prefix-cls}-panel {
+    position: relative;
     box-sizing: border-box;
     width: @color-picker-panel-sizing-width;
     padding: 4px 12px 16px;
@@ -6496,7 +6507,7 @@ textarea {
   &-disabled {
     background-color: @input-background-color-disabled-inner;
     border-color: @input-border-color-disabled-inner;
-    color: @input-affix-color;
+    color: @color-text-primary;
     cursor: not-allowed;
   }
 
@@ -6844,7 +6855,7 @@ textarea {
 @input-border-color-disabled-inner: var(~'@{input-prefix}-color-border-disabled', @color-border-strong);
 @input-underline-border-color-disabled-inner: var(~'@{input-prefix}-underline-color-border-disabled', @color-border-weak);
 @input-color-disabled-inner: var(~'@{input-prefix}-color-disabled', @color-disabled);
-@input-affix-color: var(~'@{input-prefix}-affix-color-text', #666);
+@input-affix-color: var(~'@{input-prefix}-affix-color-text', #999);
 @input-error-color: var(~'@{input-prefix}-color-error', @color-error);
 
 // font

package/dist/kdesign.css

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.8.22
+ *   @kdcloudjs/kdesign v1.8.23
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -6980,7 +6980,6 @@ template {
   height: 100%;
   width: 100%;
   padding: 0 8px;
-  border-bottom: 1px solid #d9d9d9;
   font-size: var(--kd-c-color-picker-input-font-size, var(--kd-g-font-size-middle, 14px));
 }
 .kd-color-picker-container .kd-color-picker-icon-container {
@@ -7015,15 +7014,27 @@ template {
   width: var(--kd-c-color-picker-panel-sizing-width, 304px);
 }
 .kd-color-picker-pop.topLeft.hidden,
+.kd-color-picker-pop.topRight.hidden {
+  -webkit-animation-name: kdSlideDownOut;
+          animation-name: kdSlideDownOut;
+}
+.kd-color-picker-pop.topLeft,
+.kd-color-picker-pop.topRight {
+  -webkit-animation-name: kdSlideDownIn;
+          animation-name: kdSlideDownIn;
+}
 .kd-color-picker-pop.bottomLeft.hidden,
-.kd-color-picker-pop.topRight.hidden,
 .kd-color-picker-pop.bottomRight.hidden {
-  opacity: 0;
-  visibility: hidden;
-  -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
-  transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
+  -webkit-animation-name: kdSlideUpOut;
+          animation-name: kdSlideUpOut;
+}
+.kd-color-picker-pop.bottomLeft,
+.kd-color-picker-pop.bottomRight {
+  -webkit-animation-name: kdSlideUpIn;
+          animation-name: kdSlideUpIn;
 }
 .kd-color-picker-pop .kd-color-picker-panel {
+  position: relative;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   width: var(--kd-c-color-picker-panel-sizing-width, 304px);
@@ -11222,7 +11233,7 @@ textarea {
 .kd-input-disabled {
   background-color: var(--kd-c-input-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
   border-color: var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
-  color: var(--kd-c-input-affix-color-text, #666);
+  color: var(--kd-g-color-text-primary, #212121);
   cursor: not-allowed;
 }
 .kd-input-underline.kd-input-disabled {
@@ -11358,7 +11369,7 @@ textarea {
       -ms-flex-pack: center;
           justify-content: center;
   word-break: keep-all;
-  color: var(--kd-c-input-affix-color-text, #666);
+  color: var(--kd-c-input-affix-color-text, #999);
 }
 .kd-input-wrapper-size-small {
   height: var(--kd-c-input-sizing-height-small, 20px);
@@ -11557,7 +11568,7 @@ textarea {
 }
 .kd-input-group-wrapper .kd-input-group .kd-input-group-addon {
   position: relative;
-  color: var(--kd-c-input-affix-color-text, #666);
+  color: var(--kd-c-input-affix-color-text, #999);
   padding: 0 9px;
   font-weight: 400;
   font-size: 14px;