@kdcloudjs/kdesign 1.6.4 → 1.6.6

package/CHANGELOG.md

@@ -1,3 +1,36 @@
+## [1.6.5](https://github.com/kdcloudone/kdesign/compare/v1.6.4...v1.6.5) (2022-09-22)
+
+
+### Bug Fixes
+
+* [cascader] 更改清空按钮样式 ([ae4adec](https://github.com/kdcloudone/kdesign/commit/ae4adec4c280d1d1aaee33c3a371050f8cb9cc6b))
+* [cascader]点击清空图标没有触发onChange的问题 ([f48d308](https://github.com/kdcloudone/kdesign/commit/f48d3083a0ab06eebd97cfe347931ba18a6bd3a5))
+* [rate] 修复当value值为0时不触发视图更新的bug ([07ef798](https://github.com/kdcloudone/kdesign/commit/07ef7980a83e425e65608efaa9bd38807d37b484))
+* [search] 修复basic模式下onFocus和onBlur不生效的问题 ([0b7cbf3](https://github.com/kdcloudone/kdesign/commit/0b7cbf3d4ec247744fbd7e697a9b0e6be9f6e573))
+* [transfer] 添加清空搜索框的方法clearSearch ([5024a62](https://github.com/kdcloudone/kdesign/commit/5024a623178b62765d7d798b7344ccf2a0245e1e))
+* [upload] 修复demo默认上传按钮的样式 ([2a461cc](https://github.com/kdcloudone/kdesign/commit/2a461ccf6c51f5f38fb11c1ec2952ff28099bd5c))
+* [upload] 修复hover上传列表时操作按钮与文件列表背景色不同步的问题 ([478dd7b](https://github.com/kdcloudone/kdesign/commit/478dd7b14735bb4ea8dad04f66114988706fef60))
+
+
+### Features
+
+* [pagination]添加配置总计的显示方式 ([5900254](https://github.com/kdcloudone/kdesign/commit/59002540c1bdb561d922cdd34a46f35fbb7801c2))
+
+
+
+## [1.6.4](https://github.com/kdcloudone/kdesign/compare/v1.6.3...v1.6.4) (2022-09-15)
+
+
+### Bug Fixes
+
+* [date-picker] 修复z-index及禁用时的样式问题 ([3e10535](https://github.com/kdcloudone/kdesign/commit/3e10535868b85582f30fb90a56bb447ad607c323))
+
+
+
+## [1.6.3](https://github.com/kdcloudone/kdesign/compare/v1.6.2...v1.6.3) (2022-09-09)
+
+
+
 ## [1.6.2](https://github.com/kdcloudone/kdesign/compare/v1.6.1...v1.6.2) (2022-09-08)
 
 

package/dist/kdesign-complete.less

@@ -1843,10 +1843,14 @@
     opacity: 0;
     cursor: pointer;
     visibility: hidden;
-    color: @cascader-active-color;
+    color: @cascader-clear-color;
     transition: all 0.1s;
     transform-origin: 50% 50%;
     transform: scale(0.9) translateY(-50%);
+
+    &:hover {
+      color: @cascader-active-color;
+    }
   }
 }
 
@@ -1938,6 +1942,7 @@
 @cascader-selected-color: var(~'@{cascader-prefix}-color-text-selected', @color-theme);
 @cascader-selected-bg-color: var(~'@{cascader-prefix}-color-background-selected', @color-background-ongoing);
 @cascader-disabled-color: var(~'@{cascader-prefix}-color-text-disabled', @color-disabled);
+@cascader-clear-color: var(~'@{cascader-prefix}-clear-color-text', #666);
 
 // font
 @cascader-font-size: var(~'@{cascader-prefix}-font-size', @font-size-small);
@@ -5066,7 +5071,14 @@ textarea {
 			z-index: 1;
 			color: @input-placeholder-color-inner;
 			font-size: @input-small-font-size-inner;
+      line-height: 18px;
+      background-color: #fff;
 		}
+    &-mark-inner {
+      top: auto;
+      bottom: 5px;
+      right: 8px;
+    }
 	}
 	&-no-resize {
 		resize: none;
@@ -5373,7 +5385,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', @color-text-primary);
+@input-affix-color: var(~'@{input-prefix}-affix-color-text', #666);
 
 // font
 @input-small-font-size-inner: var(~'@{input-prefix}-font-size-small', @font-size-small);
@@ -6924,107 +6936,113 @@ textarea {
 
   // 简化版分页
   &.simple {
-    display: inline-flex;
-    justify-content: space-around;
-    align-items: center;
-    height: @pagination-size;
-    border-radius: @radius-border;
-    border: @pagination-border-size solid transparent;
+    .@{pagination-prefix-cls}-action {
+      display: inline-flex;
+      justify-content: space-around;
+      align-items: center;
+      height: @pagination-size;
+      border-radius: @radius-border;
+      border: @pagination-border-size solid transparent;
 
-    &.bordered {
-      border-color: @pagination-border-color;
-      transition: border-color @duration-promptly;
+      &.bordered {
+        border-color: @pagination-border-color;
+        transition: border-color @duration-promptly;
 
-      &:active:not(.disabled) {
-        border-color: @pagination-border-hover-color;
-      }
+        &:active:not(.disabled) {
+          border-color: @pagination-border-hover-color;
+        }
 
-      &.disabled,
-      &.disabled > .@{pagination-prefix-cls}-item > button {
-        background-color: @pagination-button-disabled-background-color;
+        &.disabled,
+        &.disabled > .@{pagination-prefix-cls}-item > button {
+          background-color: @pagination-button-disabled-background-color;
+        }
       }
-    }
 
-    &.disabled > .@{pagination-prefix-cls}-item {
-      color: @pagination-disabled-color;
-    }
-
-    .@{pagination-prefix-cls}-item {
-      .reset-component;
-      display: inline-block;
-      height: @pagination-size;
-      overflow: hidden;
-      margin: 0 8px;
-      vertical-align: middle;
-      color: @color-text-primary;
-
-      &:first-child,
-      &:last-child {
-        margin: 0;
+      &.disabled > .@{pagination-prefix-cls}-action-item {
+        color: @pagination-disabled-color;
       }
 
-      .@{pagination-prefix-cls}-current {
-        margin-right: 2px;
+      &-item {
+        .reset-component;
+        display: inline-block;
+        height: @pagination-size;
+        overflow: hidden;
+        margin: 0 8px;
         vertical-align: middle;
+        color: @color-text-primary;
 
-        .@{pagination-prefix-cls}-current-input {
+        &:first-child,
+        &:last-child {
           margin: 0;
+        }
 
-          &:disabled {
-            color: @pagination-disabled-color;
-            cursor: not-allowed;
+        .@{pagination-prefix-cls}-current {
+          margin-right: 2px;
+          vertical-align: middle;
+
+          .@{pagination-prefix-cls}-current-input {
+            margin: 0;
+
+            &:disabled {
+              color: @pagination-disabled-color;
+              cursor: not-allowed;
+            }
           }
         }
-      }
 
-      .@{pagination-prefix-cls}-total {
-        vertical-align: middle;
-        margin-right: 0;
-      }
+        .@{pagination-prefix-cls}-total {
+          vertical-align: middle;
+          margin-right: 0;
+        }
 
-      button {
-        box-sizing: border-box;
-        position: relative;
-        width: calc(@pagination-size - 2px);
-        height: calc(@pagination-size - 2px);
-        border: none;
-        background-color: @color-background;
-        border-radius: @radius-border;
-        cursor: pointer;
-        outline: none;
-        vertical-align: middle;
-        transition: border-color @duration-promptly;
+        &.bordered > button {
+          border: none;
+        }
 
-        &:hover,
-        &:active {
-          &:not(:disabled) {
-            border-color: @pagination-border-hover-color;
-          }
+        button {
+          box-sizing: border-box;
+          position: relative;
+          width: calc(@pagination-size - 2px);
+          height: calc(@pagination-size - 2px);
+          border: none;
+          background-color: @color-background;
+          border-radius: @radius-border;
+          cursor: pointer;
+          outline: none;
+          vertical-align: middle;
+          transition: border-color @duration-promptly;
 
-          i {
-            color: @pagination-hover-color;
+          &:hover,
+          &:active {
+            &:not(:disabled) {
+              border-color: @pagination-border-hover-color;
+            }
+
+            i {
+              color: @pagination-hover-color;
+            }
           }
-        }
 
-        &:disabled {
-          cursor: not-allowed;
+          &:disabled {
+            cursor: not-allowed;
 
-          i {
-            color: @pagination-disabled-color;
+            i {
+              color: @pagination-disabled-color;
+            }
           }
-        }
 
-        i {
-          position: absolute;
-          top: 0;
-          right: 0;
-          bottom: 0;
-          left: 0;
-          margin: auto;
-          line-height: calc(@pagination-size - 2px);
-          font-size: @pagination-icon-size;
-          color: @pagination-icon-color;
-          transition: color @duration-promptly;
+          i {
+            position: absolute;
+            top: 0;
+            right: 0;
+            bottom: 0;
+            left: 0;
+            margin: auto;
+            line-height: calc(@pagination-size - 2px);
+            font-size: @pagination-icon-size;
+            color: @pagination-icon-color;
+            transition: color @duration-promptly;
+          }
         }
       }
     }
@@ -8119,13 +8137,19 @@ textarea {
   display: inline-flex;
   justify-content: flex-start;
   &-size-large {
-    font-size: @rate-large-font-size;
+    .@{kd-prefix}icon {
+      font-size: @rate-large-font-size;
+    }
   }
   &-size-middle {
-    font-size: @rate-middle-font-size;
+    .@{kd-prefix}icon {
+      font-size: @rate-middle-font-size;
+    }
   }
   &-size-small {
-    font-size: @rate-small-font-size;
+    .@{kd-prefix}icon {
+      font-size: @rate-small-font-size;
+    }
   }
 }
 .@{rate-prefix-cls}-item {
@@ -13342,7 +13366,7 @@ template {
 
 // spacing
 @tooltip-vertical-gap: var(~'@{tooltip-custom-prefix}-spacing-padding-vertical', 8px);
-@tooltip-horizontal-gap: var(~'@{tooltip-custom-prefix}-spacing-padding-vertical', 12px);
+@tooltip-horizontal-gap: var(~'@{tooltip-custom-prefix}-spacing-padding-horizontal', 12px);
 
 // sizing
 @tooltip-max-width: var(~'@{tooltip-custom-prefix}-sizing-max-width', 360px);
@@ -14156,7 +14180,6 @@ template {
           opacity: 1;
           visibility: visible;
           transform: translateX(0);
-          background-color: @upload-background-color-hover;
         }
       }
 
@@ -14189,7 +14212,7 @@ template {
         padding: 0 @upload-text-list-item-padding-horizontal;
         height: @upload-list-item-height;
         line-height: @upload-list-item-height;
-        background-color: transparent;
+        background: transparent;
         opacity: 0;
         visibility: hidden;
         transform: translateX(5px);

package/dist/kdesign.css

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.6.3
+ *   @kdcloudjs/kdesign v1.6.5
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -4504,7 +4504,7 @@ template {
   opacity: 0;
   cursor: pointer;
   visibility: hidden;
-  color: var(--kd-c-cascader-color-active, var(--kd-g-color-theme, #5582f3));
+  color: var(--kd-c-cascader-clear-color-text, #666);
   -webkit-transition: all 0.1s;
   transition: all 0.1s;
   -webkit-transform-origin: 50% 50%;
@@ -4512,6 +4512,9 @@ template {
   -webkit-transform: scale(0.9) translateY(-50%);
           transform: scale(0.9) translateY(-50%);
 }
+.kd-cascader-picker-close:hover {
+  color: var(--kd-c-cascader-color-active, var(--kd-g-color-theme, #5582f3));
+}
 .kd-cascader-menus {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -9153,6 +9156,13 @@ textarea {
   z-index: 1;
   color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc));
   font-size: var(--kd-c-input-font-size-small, var(--kd-g-font-size-small, 12px));
+  line-height: 18px;
+  background-color: #fff;
+}
+.kd-input-textarea-mark-inner {
+  top: auto;
+  bottom: 5px;
+  right: 8px;
 }
 .kd-input-no-resize {
   resize: none;
@@ -9173,7 +9183,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, var(--kd-g-color-text-primary, #212121));
+  color: var(--kd-c-input-affix-color-text, #666);
   cursor: not-allowed;
 }
 .kd-input-underline.kd-input-disabled {
@@ -9266,7 +9276,7 @@ textarea {
       -ms-flex-pack: center;
           justify-content: center;
   word-break: keep-all;
-  color: var(--kd-c-input-affix-color-text, var(--kd-g-color-text-primary, #212121));
+  color: var(--kd-c-input-affix-color-text, #666);
 }
 .kd-input-wrapper .kd-input-suffix {
   margin-left: 4px;
@@ -9420,7 +9430,7 @@ textarea {
 }
 .kd-input-group-wrapper .kd-input-group .kd-input-group-addon {
   position: relative;
-  color: var(--kd-c-input-affix-color-text, var(--kd-g-color-text-primary, #212121));
+  color: var(--kd-c-input-affix-color-text, #666);
   padding: 0 9px;
   font-weight: 400;
   font-size: 14px;
@@ -11473,7 +11483,7 @@ textarea {
 .kd-pagination .kd-pagination-selector .kd-dropdown-menu-item span {
   white-space: nowrap;
 }
-.kd-pagination.simple {
+.kd-pagination.simple .kd-pagination-action {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -11486,22 +11496,22 @@ textarea {
   border-radius: var(--kd-g-radius-border, 2px);
   border: var(--kd-c-pagination-sizing-border-width, 1px) solid transparent;
 }
-.kd-pagination.simple.bordered {
+.kd-pagination.simple .kd-pagination-action.bordered {
   border-color: var(--kd-c-pagination-color-border, var(--kd-g-color-border-strong, #d9d9d9));
   -webkit-transition: border-color var(--kd-g-duration, 0.3s);
   transition: border-color var(--kd-g-duration, 0.3s);
 }
-.kd-pagination.simple.bordered:active:not(.disabled) {
+.kd-pagination.simple .kd-pagination-action.bordered:active:not(.disabled) {
   border-color: var(--kd-c-pagination-color-border-hover, var(--kd-g-color-theme-7, #375cca));
 }
-.kd-pagination.simple.bordered.disabled,
-.kd-pagination.simple.bordered.disabled > .kd-pagination-item > button {
+.kd-pagination.simple .kd-pagination-action.bordered.disabled,
+.kd-pagination.simple .kd-pagination-action.bordered.disabled > .kd-pagination-item > button {
   background-color: var(--kd-c-pagination-button-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
 }
-.kd-pagination.simple.disabled > .kd-pagination-item {
+.kd-pagination.simple .kd-pagination-action.disabled > .kd-pagination-action-item {
   color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
 }
-.kd-pagination.simple .kd-pagination-item {
+.kd-pagination.simple .kd-pagination-action-item {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   margin: 0;
@@ -11517,26 +11527,29 @@ textarea {
   vertical-align: middle;
   color: var(--kd-g-color-text-primary, #212121);
 }
-.kd-pagination.simple .kd-pagination-item:first-child,
-.kd-pagination.simple .kd-pagination-item:last-child {
+.kd-pagination.simple .kd-pagination-action-item:first-child,
+.kd-pagination.simple .kd-pagination-action-item:last-child {
   margin: 0;
 }
-.kd-pagination.simple .kd-pagination-item .kd-pagination-current {
+.kd-pagination.simple .kd-pagination-action-item .kd-pagination-current {
   margin-right: 2px;
   vertical-align: middle;
 }
-.kd-pagination.simple .kd-pagination-item .kd-pagination-current .kd-pagination-current-input {
+.kd-pagination.simple .kd-pagination-action-item .kd-pagination-current .kd-pagination-current-input {
   margin: 0;
 }
-.kd-pagination.simple .kd-pagination-item .kd-pagination-current .kd-pagination-current-input:disabled {
+.kd-pagination.simple .kd-pagination-action-item .kd-pagination-current .kd-pagination-current-input:disabled {
   color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
   cursor: not-allowed;
 }
-.kd-pagination.simple .kd-pagination-item .kd-pagination-total {
+.kd-pagination.simple .kd-pagination-action-item .kd-pagination-total {
   vertical-align: middle;
   margin-right: 0;
 }
-.kd-pagination.simple .kd-pagination-item button {
+.kd-pagination.simple .kd-pagination-action-item.bordered > button {
+  border: none;
+}
+.kd-pagination.simple .kd-pagination-action-item button {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   position: relative;
@@ -11551,21 +11564,21 @@ textarea {
   -webkit-transition: border-color var(--kd-g-duration, 0.3s);
   transition: border-color var(--kd-g-duration, 0.3s);
 }
-.kd-pagination.simple .kd-pagination-item button:hover:not(:disabled),
-.kd-pagination.simple .kd-pagination-item button:active:not(:disabled) {
+.kd-pagination.simple .kd-pagination-action-item button:hover:not(:disabled),
+.kd-pagination.simple .kd-pagination-action-item button:active:not(:disabled) {
   border-color: var(--kd-c-pagination-color-border-hover, var(--kd-g-color-theme-7, #375cca));
 }
-.kd-pagination.simple .kd-pagination-item button:hover i,
-.kd-pagination.simple .kd-pagination-item button:active i {
+.kd-pagination.simple .kd-pagination-action-item button:hover i,
+.kd-pagination.simple .kd-pagination-action-item button:active i {
   color: var(--kd-c-pagination-color-text-hover, var(--kd-g-color-theme, #5582f3));
 }
-.kd-pagination.simple .kd-pagination-item button:disabled {
+.kd-pagination.simple .kd-pagination-action-item button:disabled {
   cursor: not-allowed;
 }
-.kd-pagination.simple .kd-pagination-item button:disabled i {
+.kd-pagination.simple .kd-pagination-action-item button:disabled i {
   color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
 }
-.kd-pagination.simple .kd-pagination-item button i {
+.kd-pagination.simple .kd-pagination-action-item button i {
   position: absolute;
   top: 0;
   right: 0;
@@ -12974,13 +12987,13 @@ textarea {
       -ms-flex-pack: start;
           justify-content: flex-start;
 }
-.kd-rate-size-large {
+.kd-rate-size-large .kdicon {
   font-size: var(--kd-c-rate-font-size-large, 20px);
 }
-.kd-rate-size-middle {
+.kd-rate-size-middle .kdicon {
   font-size: var(--kd-c-rate-font-size-middle, 16px);
 }
-.kd-rate-size-small {
+.kd-rate-size-small .kdicon {
   font-size: var(--kd-c-rate-font-size-small, 12px);
 }
 .kd-rate-item {
@@ -17866,7 +17879,7 @@ textarea {
   -webkit-font-feature-settings: 'tnum';
           font-feature-settings: 'tnum';
   max-width: var(--kd-c-tooltip-sizing-max-width, 360px);
-  padding: var(--kd-c-tooltip-spacing-padding-vertical, 8px) var(--kd-c-tooltip-spacing-padding-vertical, 12px);
+  padding: var(--kd-c-tooltip-spacing-padding-vertical, 8px) var(--kd-c-tooltip-spacing-padding-horizontal, 12px);
   color: var(--kd-c-tooltip-color-text, var(--kd-g-color-text-primary, #212121));
   border-radius: var(--kd-c-tooltip-radius-border, var(--kd-g-radius-border, 2px));
   font-size: var(--kd-c-tooltip-color-text, var(--kd-g-font-size-small, 12px));
@@ -19100,7 +19113,6 @@ h3.kd-typography,
   visibility: visible;
   -webkit-transform: translateX(0);
           transform: translateX(0);
-  background-color: var(--kd-c-upload-color-background-hover, var(--kd-g-color-hover, #f5f5f5));
 }
 .kd-upload .kd-upload-text-list-item.error i,
 .kd-upload .kd-upload-text-list-item.error .kd-upload-text-list-item-name {
@@ -19127,7 +19139,7 @@ h3.kd-typography,
   padding: 0 var(--kd-c-upload-text-list-item-padding-horizontal, 20px);
   height: var(--kd-c-upload-list-item-height, 44px);
   line-height: var(--kd-c-upload-list-item-height, 44px);
-  background-color: transparent;
+  background: transparent;
   opacity: 0;
   visibility: hidden;
   -webkit-transform: translateX(5px);