@kdcloudjs/kdesign 1.6.3 → 1.6.4

package/dist/kdesign-complete.less

@@ -2721,10 +2721,7 @@
 @datePicker-calendar-height: 242px;
 
 .@{datePicker-prefix-cls} {
-  // &-small {
-  //   height: @date-small-height;
-  //   line-height: @date-small-height - 4;
-  // }
+  .input-wrapper;
   width: @date-width;
 
   &-small {
@@ -2775,8 +2772,6 @@
     }
   }
 
-  .input-wrapper;
-
   &-input {
     position: relative;
     display: flex;
@@ -2856,7 +2851,7 @@
     }
   }
 
-  &:hover {
+  &:not(.@{datePicker-prefix-cls}-disabled):hover {
     .@{datePicker-prefix-cls}-clear {
       opacity: 1;
     }
@@ -2897,7 +2892,7 @@
   border-radius: @date-panel-border-radius;
   background-color: #fff;
   text-align: center;
-  z-index: 999;
+  z-index: @date-panel-z-index;
   font-size: @date-panel-font-size;
 
   &-range {
@@ -3695,6 +3690,9 @@
 @date-input-border-radius: var(~'@{date-picker-custom-prefix}-input-radius-border', @radius-border);
 @date-panel-border-radius: var(~'@{date-picker-custom-prefix}-panel-radius-border', @radius-border);
 
+// z-index
+@date-panel-z-index: var(~'@{date-picker-custom-prefix}-panel-z-index', @z-index-popper);
+
 
 
 

package/dist/kdesign.css

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.6.2
+ *   @kdcloudjs/kdesign v1.6.3
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -5757,7 +5757,6 @@ template {
 /* 单行显示省略号 */
 /** 浮层箭头样式 **/
 .kd-date-picker {
-  width: var(--kd-c-date-picker-sizing-width, 230px);
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -5766,6 +5765,43 @@ template {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   background-color: var(--kd-c-date-picker-input-color-background, var(--kd-g-color-white, #fff));
+  width: var(--kd-c-date-picker-sizing-width, 230px);
+}
+.kd-date-picker-borderless {
+  border: 0;
+}
+.kd-date-picker-underline {
+  border: none;
+  border-bottom: 1px solid var(--kd-c-date-picker-input-underline-color, #999);
+  border-radius: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.kd-date-picker-disabled {
+  background-color: var(--kd-c-date-picker-input-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)) !important;
+  border-color: var(--kd-c-date-picker-input-color-border, var(--kd-g-color-border-strong, #d9d9d9)) !important;
+  color: var(--kd-c-date-picker-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2)) !important;
+  cursor: not-allowed !important;
+}
+.kd-date-picker-disabled input {
+  cursor: not-allowed !important;
+}
+.kd-date-picker-underline.kd-date-picker-disabled,
+.kd-date-picker-borderless.kd-date-picker-disabled {
+  background-color: var(--kd-c-date-picker-input-color-background, var(--kd-g-color-white, #fff));
+  border-color: var(--kd-c-date-picker-input-color-border, var(--kd-g-color-border-strong, #d9d9d9));
+}
+.kd-date-picker-focused {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  outline: none;
+  border-color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
+}
+.kd-date-picker:hover {
+  border-color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
+}
+.kd-date-picker:not(.kd-date-picker-disabled) input:focus {
+  color: var(--kd-c-date-picker-input-color-focused, var(--kd-g-color-text-primary, #212121));
 }
 .kd-date-picker-small {
   height: var(--kd-c-date-picker-small-sizing-height, 20px);
@@ -5812,42 +5848,6 @@ template {
 .kd-date-picker-middle.kd-date-picker-range .kd-date-picker-clear {
   right: calc(var(--kd-c-date-picker-middle-font-size, var(--kd-g-font-size-middle, 14px)) + 11px);
 }
-.kd-date-picker-borderless {
-  border: 0;
-}
-.kd-date-picker-underline {
-  border: none;
-  border-bottom: 1px solid var(--kd-c-date-picker-input-underline-color, #999);
-  border-radius: 0;
-  padding-left: 0;
-  padding-right: 0;
-}
-.kd-date-picker-disabled {
-  background-color: var(--kd-c-date-picker-input-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)) !important;
-  border-color: var(--kd-c-date-picker-input-color-border, var(--kd-g-color-border-strong, #d9d9d9)) !important;
-  color: var(--kd-c-date-picker-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2)) !important;
-  cursor: not-allowed !important;
-}
-.kd-date-picker-disabled input {
-  cursor: not-allowed !important;
-}
-.kd-date-picker-underline.kd-date-picker-disabled,
-.kd-date-picker-borderless.kd-date-picker-disabled {
-  background-color: var(--kd-c-date-picker-input-color-background, var(--kd-g-color-white, #fff));
-  border-color: var(--kd-c-date-picker-input-color-border, var(--kd-g-color-border-strong, #d9d9d9));
-}
-.kd-date-picker-focused {
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  outline: none;
-  border-color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
-}
-.kd-date-picker:hover {
-  border-color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
-}
-.kd-date-picker:not(.kd-date-picker-disabled) input:focus {
-  color: var(--kd-c-date-picker-input-color-focused, var(--kd-g-color-text-primary, #212121));
-}
 .kd-date-picker-input {
   position: relative;
   display: -webkit-box;
@@ -5951,10 +5951,10 @@ template {
 .kd-date-picker-suffix > * {
   vertical-align: top;
 }
-.kd-date-picker:hover .kd-date-picker-clear {
+.kd-date-picker:not(.kd-date-picker-disabled):hover .kd-date-picker-clear {
   opacity: 1;
 }
-.kd-date-picker:hover .kd-date-picker-suffix {
+.kd-date-picker:not(.kd-date-picker-disabled):hover .kd-date-picker-suffix {
   color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
 }
 .kd-date-picker-clear {
@@ -5983,7 +5983,7 @@ template {
   border-radius: var(--kd-c-date-picker-panel-radius-border, var(--kd-g-radius-border, 2px));
   background-color: #fff;
   text-align: center;
-  z-index: 999;
+  z-index: var(--kd-c-date-picker-panel-z-index, var(--kd-g-z-index-popper, 1050));
   font-size: var(--kd-c-date-picker-panel-font-size, var(--kd-g-font-size-middle, 14px));
 }
 .kd-date-picker-panel-range {