@kdcloudjs/kdesign 1.7.16 → 1.7.18

package/CHANGELOG.md

@@ -1,3 +1,31 @@
+## [1.7.16](https://github.com/kdcloudone/kdesign/compare/v1.7.15...v1.7.16) (2023-06-30)
+
+
+### Bug Fixes
+
+* [card] 为组件添加ref [#422](https://github.com/kdcloudone/kdesign/issues/422) ([120f0d2](https://github.com/kdcloudone/kdesign/commit/120f0d2b027eabd74e542be718ba5f5929892caf))
+* [color-picker] 新增国际化单测 ([43d85e2](https://github.com/kdcloudone/kdesign/commit/43d85e2c6b50595e8a846a892b3c2573f11a89b3))
+* [color-picker] 修复下拉面板中select框可输入的问题 [#453](https://github.com/kdcloudone/kdesign/issues/453) ([c703e35](https://github.com/kdcloudone/kdesign/commit/c703e35393fc73c5638c38c988cb7741142e9c86))
+* [form]修复清空子组件异常问题 fix [#449](https://github.com/kdcloudone/kdesign/issues/449) ([18e90b4](https://github.com/kdcloudone/kdesign/commit/18e90b454789d5432f2a4476bb812e17ff74491e))
+* [input-number] 修复传入的值为数字时报错 fix [#430](https://github.com/kdcloudone/kdesign/issues/430) ([82d2e83](https://github.com/kdcloudone/kdesign/commit/82d2e83daa0113808bd56cd81e01bdb096cb9a49))
+* [notification]修复问题，完善单测 ([40a4e4b](https://github.com/kdcloudone/kdesign/commit/40a4e4bf9af101d68694ae3993aeed75d09dfed7))
+* [pagination] 调整数字与文字间距 fix: [#456](https://github.com/kdcloudone/kdesign/issues/456) ([f2a4f70](https://github.com/kdcloudone/kdesign/commit/f2a4f70a914005e6eb1cc734aacb5757cfe966f8))
+* [select] 修复单选时选择先前的值onChange也会触发的问题 fix [#450](https://github.com/kdcloudone/kdesign/issues/450) ([bd2cb1d](https://github.com/kdcloudone/kdesign/commit/bd2cb1deaaa5590c3981a37329359e5eb4556304))
+* [select] 修复当多选选择器没有数据时全选按钮没办法取消勾选问题 fix [#454](https://github.com/kdcloudone/kdesign/issues/454) ([1b07aaf](https://github.com/kdcloudone/kdesign/commit/1b07aafa912feee25be6451f609f7b4dc8c386d3))
+* [select] 修复配置showSearch属性时鼠标手势问题 fix [#455](https://github.com/kdcloudone/kdesign/issues/455) ([c8616e7](https://github.com/kdcloudone/kdesign/commit/c8616e7a0f953ecb0ccba4bb7418e1cfacf46e51))
+* [select] 修复鼠标手势问题 ([a7475c4](https://github.com/kdcloudone/kdesign/commit/a7475c44ec9bf53fa9ddf0725950b69732d2d406))
+* [transfer] 新增国际化单测 ([7e02c5b](https://github.com/kdcloudone/kdesign/commit/7e02c5b1df5caae43e31f47181b3666a77356d8a))
+* [tree-select] 修复树选择器的class名存在重复的问题 fix [#445](https://github.com/kdcloudone/kdesign/issues/445) ([6cdbd79](https://github.com/kdcloudone/kdesign/commit/6cdbd79dd79dbb5685f60f49ccad39eb64f33bda))
+* [upload]修复onPreview问题 fix [#408](https://github.com/kdcloudone/kdesign/issues/408) ([20a1f24](https://github.com/kdcloudone/kdesign/commit/20a1f24f7ec1e830697a9b1e003d220e6b33f5fa))
+
+
+### Features
+
+* [button] 新增Button.Dropdown的loading api fix [#431](https://github.com/kdcloudone/kdesign/issues/431) ([a50e334](https://github.com/kdcloudone/kdesign/commit/a50e3342621fa3146a8f52263b20d8c9f6441142))
+* [tree-select] 新增api onlyExpandOnClickIcon 支持点击整行展开树节点 fix [#459](https://github.com/kdcloudone/kdesign/issues/459) ([4b7348d](https://github.com/kdcloudone/kdesign/commit/4b7348d0a04e0c7def9e286fbf4c1af086bed2d1))
+
+
+
 ## [1.7.15](https://github.com/kdcloudone/kdesign/compare/v1.7.14...v1.7.15) (2023-06-16)
 
 

package/dist/kdesign-complete.less

@@ -1805,9 +1805,9 @@
 
 .@{cascader-picker-prefix-cls} {
   position: relative;
-  display: inline-block;
   outline: none;
   cursor: pointer;
+  background: @cascader-bg-color;
 
   &:focus > &-input {
     border-color: @cascader-active-color;
@@ -1844,7 +1844,7 @@
     left: 0;
     width: 100%;
     height: 20px;
-    padding: 0 24px 0 9px;
+    padding: 0 24px 0 0;
     line-height: 20px;
     transform: translateY(-50%);
     .ellipsis;
@@ -1875,7 +1875,7 @@
   }
 
   &.allowClear:hover {
-    > .@{cascader-picker-prefix-cls}-close {
+    .@{cascader-picker-prefix-cls}-close {
       opacity: 1;
       visibility: visible;
       transition: all 0.2s;
@@ -1892,7 +1892,7 @@
   &-close {
     position: absolute;
     top: 50%;
-    right: 9px;
+    right: 0;
     opacity: 0;
     cursor: pointer;
     visibility: hidden;
@@ -1980,10 +1980,23 @@
 }
 
 .@{kd-prefix}-cascader {
-  &-bordered {
+  &-bordered:not(.@{kd-prefix}-cascader-multiple) {
+    .@{cascader-picker-prefix-cls}-label {
+      padding-left: 9px;
+    }
+    .@{cascader-picker-prefix-cls}-close {
+      right: 10px;
+    }
+  }
+
+  &-bordered&-multiple {
     border: 1px solid #d9d9d9;
-    padding-left: 8px !important;
+    padding-left: 8px;
     border-radius: 2px;
+
+    .@{kd-prefix}-cascader-suffix {
+      right: 9px;
+    }
   }
 
   &-multiple {
@@ -2000,6 +2013,7 @@
     overflow-x: hidden;
     position: relative;
     border-bottom: 1px solid #d9d9d9;
+    background: @cascader-bg-color;
   }
 
   &-multiple-wrapper {
@@ -3108,7 +3122,7 @@
       font-size: @color-picker-panel-select-font-size;
 
       &-no-recommend {
-        margin-bottom: 8px;
+        margin-bottom: 0;
       }
 
       .@{kd-prefix}-select {
@@ -3165,6 +3179,10 @@
       grid-row-gap: 8px;
       margin-top: 12px;
 
+      &-unset-color {
+        margin-top: 0;
+      }
+
       li {
         position: relative;
         box-sizing: border-box;
@@ -4362,6 +4380,10 @@
 
 .@{dropdown-trigger-prefix-cls} {
   outline: none;
+
+  &-container {
+    display: inline-block;
+  }
 }
 
 .@{dropdown-prefix-cls} {
@@ -4645,7 +4667,7 @@
         display: block;
       }
     }
-    
+
     &-condition {
       display: flex;
       font-size: @font-size-small;
@@ -4749,7 +4771,8 @@
       &-detail {
         list-style: none;
         > li {
-          line-height: 40px;
+          line-height: normal;
+          padding: 7px 0 5px 0;
           color: @color-text-primary;
           font-size: @font-size-small;
 
@@ -9504,7 +9527,8 @@ textarea {
     .@{select-prefix-cls}-icon-active {
       color: #3761ca;
     }
-    .@{select-prefix-cls}-selection-item {
+
+    & div.@{select-prefix-cls}-show-search .@{select-prefix-cls}-selection-item {
       color: @select-placeholder-color;
     }
   }
@@ -9523,10 +9547,6 @@ textarea {
         transform: rotate(0deg);
         transition: transform calc(@transition-duration - 0.1s) @ease;
       }
-
-      &-focus {
-        color: @select-g-color-border-foucs;
-      }
     }
 
     &-clear {
@@ -9618,7 +9638,7 @@ textarea {
     left: 0;
     z-index: @select-z-index;
     box-sizing: border-box;
-    padding: 4px 0; // update
+    padding: 8px 0; // update
     margin: 0;
     overflow: auto;
     font-size: @select-list-font-size; // update
@@ -9667,10 +9687,6 @@ textarea {
         }
       }
 
-      &:hover:not(&-selected):not(&-disabled) {
-        background-color: @select-item-active-bg;
-      }
-
       &-active:not(&-disabled) {
         background-color: @select-item-active-bg;
       }

package/dist/kdesign.css

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.7.15
+ *   @kdcloudjs/kdesign v1.7.17
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -4506,9 +4506,9 @@ template {
 /** 浮层箭头样式 **/
 .kd-cascader-picker {
   position: relative;
-  display: inline-block;
   outline: none;
   cursor: pointer;
+  background: var(--kd-c-cascader-color-background, var(--kd-g-color-white, #fff));
 }
 .kd-cascader-picker:focus > .kd-cascader-picker-input {
   border-color: var(--kd-c-cascader-color-active, #999);
@@ -4537,7 +4537,7 @@ template {
   left: 0;
   width: 100%;
   height: 20px;
-  padding: 0 24px 0 9px;
+  padding: 0 24px 0 0;
   line-height: 20px;
   -webkit-transform: translateY(-50%);
           transform: translateY(-50%);
@@ -4567,7 +4567,7 @@ template {
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
 }
-.kd-cascader-picker.allowClear:hover > .kd-cascader-picker-close {
+.kd-cascader-picker.allowClear:hover .kd-cascader-picker-close {
   opacity: 1;
   visibility: visible;
   -webkit-transition: all 0.2s;
@@ -4584,7 +4584,7 @@ template {
 .kd-cascader-picker-close {
   position: absolute;
   top: 50%;
-  right: 9px;
+  right: 0;
   opacity: 0;
   cursor: pointer;
   visibility: hidden;
@@ -4676,11 +4676,20 @@ template {
 .kd-cascader-menus .kd-empty {
   padding: 10px 0 20px;
 }
-.kd-cascader-bordered {
+.kd-cascader-bordered:not(.kd-cascader-multiple) .kd-cascader-picker-label {
+  padding-left: 9px;
+}
+.kd-cascader-bordered:not(.kd-cascader-multiple) .kd-cascader-picker-close {
+  right: 10px;
+}
+.kd-cascader-bordered.kd-cascader-multiple {
   border: 1px solid #d9d9d9;
-  padding-left: 8px !important;
+  padding-left: 8px;
   border-radius: 2px;
 }
+.kd-cascader-bordered.kd-cascader-multiple .kd-cascader-suffix {
+  right: 9px;
+}
 .kd-cascader-multiple {
   padding: 1px 28px 1px 0;
   -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
@@ -4699,6 +4708,7 @@ template {
   overflow-x: hidden;
   position: relative;
   border-bottom: 1px solid #d9d9d9;
+  background: var(--kd-c-cascader-color-background, var(--kd-g-color-white, #fff));
 }
 .kd-cascader-multiple-wrapper {
   display: -webkit-box;
@@ -6156,7 +6166,7 @@ template {
   font-size: var(--kd-c-color-picker-panel-select-font-size, var(--kd-g-font-size-middle, 14px));
 }
 .kd-color-picker-pop .kd-color-picker-panel-input-no-recommend {
-  margin-bottom: 8px;
+  margin-bottom: 0;
 }
 .kd-color-picker-pop .kd-color-picker-panel-input .kd-select.bottomLeft,
 .kd-color-picker-pop .kd-color-picker-panel-input .kd-select.topLeft {
@@ -6205,6 +6215,9 @@ template {
   grid-row-gap: 8px;
   margin-top: 12px;
 }
+.kd-color-picker-pop .kd-color-picker-panel-colorDivContainer-unset-color {
+  margin-top: 0;
+}
 .kd-color-picker-pop .kd-color-picker-panel-colorDivContainer li {
   position: relative;
   -webkit-box-sizing: border-box;
@@ -7526,6 +7539,9 @@ template {
 .kd-dropdown-trigger {
   outline: none;
 }
+.kd-dropdown-trigger-container {
+  display: inline-block;
+}
 .kd-dropdown {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -8139,7 +8155,8 @@ template {
   list-style: none;
 }
 .kd-filter .kd-filter-body-scheme-detail > li {
-  line-height: 40px;
+  line-height: normal;
+  padding: 7px 0 5px 0;
   color: var(--kd-g-color-text-primary, #212121);
   font-size: var(--kd-g-font-size-small, 12px);
 }
@@ -14935,7 +14952,7 @@ textarea {
 .kd-select-visible .kd-select-icon-active {
   color: #3761ca;
 }
-.kd-select-visible .kd-select-selection-item {
+.kd-select-visible div.kd-select-show-search .kd-select-selection-item {
   color: var(--kd-c-select-placeholder-color-text, #b2b2b2);
 }
 .kd-select-icon-arrow {
@@ -14963,9 +14980,6 @@ textarea {
   transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
   transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
 }
-.kd-select-icon-arrow-focus {
-  color: var(--kd-c-select-color-border-foucs, var(--kd-g-color-theme, #5582f3));
-}
 .kd-select-icon-clear {
   opacity: 0;
   z-index: 1;
@@ -15048,7 +15062,7 @@ textarea {
   z-index: var(--kd-c-select-z-index, var(--kd-g-z-index-popper, 1050));
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
-  padding: 4px 0;
+  padding: 8px 0;
   margin: 0;
   overflow: auto;
   font-size: var(--kd-c-select-dropdown-font-size, 12px);
@@ -15101,9 +15115,6 @@ textarea {
 .kd-select-item-option-content .kd-checkbox .kd-checkbox-children {
   display: inline-block;
 }
-.kd-select-item-option:hover:not(.kd-select-item-option-selected):not(.kd-select-item-option-disabled) {
-  background-color: var(--kd-c-select-color-background, #f5f5f5);
-}
 .kd-select-item-option-active:not(.kd-select-item-option-disabled) {
   background-color: var(--kd-c-select-color-background, #f5f5f5);
 }