@kdcloudjs/kdesign 1.7.17 → 1.7.19

package/CHANGELOG.md

@@ -1,3 +1,36 @@
+## [1.7.18](https://github.com/kdcloudone/kdesign/compare/v1.7.17...v1.7.18) (2023-07-17)
+
+
+### Bug Fixes
+
+* [cascader]修复边距及样式问题 fix [#472](https://github.com/kdcloudone/kdesign/issues/472) ([d18ae7d](https://github.com/kdcloudone/kdesign/commit/d18ae7d2d2b97be88d2eb05452a0510b5e45959e))
+* [cascader]修复样式问题 ([317ef8a](https://github.com/kdcloudone/kdesign/commit/317ef8a48beb78504ef70a509b0b0de65aff4784))
+* [Dropdown]修复input元素聚集时触发问题 fix [#489](https://github.com/kdcloudone/kdesign/issues/489) ([6b6085f](https://github.com/kdcloudone/kdesign/commit/6b6085f4fab5199f677c29365765d0873a613218))
+* [input]点击fixNode聚集问题 fix [#476](https://github.com/kdcloudone/kdesign/issues/476) ([e594c67](https://github.com/kdcloudone/kdesign/commit/e594c671206ea40eb32abe283404fee603bacc4a))
+* [select] 调整下拉面板上下间距 fix [#479](https://github.com/kdcloudone/kdesign/issues/479) ([f2c751f](https://github.com/kdcloudone/kdesign/commit/f2c751f15a9b5801ca116a9d3214468e0fedd1bc))
+* [select] 调整选择器鼠标上下键切换选项样式 fix [#477](https://github.com/kdcloudone/kdesign/issues/477)  fix [#478](https://github.com/kdcloudone/kdesign/issues/478) fix [#480](https://github.com/kdcloudone/kdesign/issues/480) ([aa92365](https://github.com/kdcloudone/kdesign/commit/aa92365aab290bce7238024264f5cba7e9b292d9))
+* [select] 调整展开下拉面板后下拉箭头的颜色 fix [#483](https://github.com/kdcloudone/kdesign/issues/483) ([fb6d1a1](https://github.com/kdcloudone/kdesign/commit/fb6d1a1737849fe7ff5cb06dca9fb1515c5c7cd0))
+* [select] 修复单选不带搜索选中选项后,再次点击选择器,输入框文字置灰问题 fix [#484](https://github.com/kdcloudone/kdesign/issues/484) ([e2b0cb9](https://github.com/kdcloudone/kdesign/commit/e2b0cb9be1bc82cd5226fa81309e1415b67cbc17))
+* [select] 修复单选选择某一项后选择框聚焦问题 fix [#485](https://github.com/kdcloudone/kdesign/issues/485) ([641db48](https://github.com/kdcloudone/kdesign/commit/641db4817d61227a8507f4db3f4d4e70f1c84424))
+* [select] 修复点击清空按钮下拉面板自动打开问题 fix [#486](https://github.com/kdcloudone/kdesign/issues/486) ([414530e](https://github.com/kdcloudone/kdesign/commit/414530ea9dc96a3334841c5ef9624cbb00edaf1b))
+* [select] 修复下拉面板自适应问题 fix [#482](https://github.com/kdcloudone/kdesign/issues/482) ([25e390d](https://github.com/kdcloudone/kdesign/commit/25e390d61a6997d705673e2f43386392456b37e2))
+* [select] 修复选择器悬浮手势问题 fix [#481](https://github.com/kdcloudone/kdesign/issues/481) ([1157be3](https://github.com/kdcloudone/kdesign/commit/1157be334d41792557ec8b65f4aafdee31660dcd))
+
+
+
+## [1.7.17](https://github.com/kdcloudone/kdesign/compare/v1.7.16...v1.7.17) (2023-07-07)
+
+
+### Bug Fixes
+
+* [card] 修复onClick事件不执行的问题 fix [#462](https://github.com/kdcloudone/kdesign/issues/462) ([ac36269](https://github.com/kdcloudone/kdesign/commit/ac36269e26e379c73d6847b175ec35322418d2a6))
+* [carousel] 修复异步请求的数据在初始化时不能正确渲染的问题 fix [#461](https://github.com/kdcloudone/kdesign/issues/461) ([d423369](https://github.com/kdcloudone/kdesign/commit/d423369f5d9385336741068d8d2636b627465cf2))
+* [color-picker] 修改面板下边距和关闭所有配置产生的bug ([89120d9](https://github.com/kdcloudone/kdesign/commit/89120d936b0d66274439c42ba14dbfec6075eefc)), closes [#470](https://github.com/kdcloudone/kdesign/issues/470) [#471](https://github.com/kdcloudone/kdesign/issues/471)
+* [Dropdown]修复input为触发元素时位置问题 fix [#468](https://github.com/kdcloudone/kdesign/issues/468) ([437a085](https://github.com/kdcloudone/kdesign/commit/437a08531c508fdd9f66f93f887ca611f5e8fc73))
+* [filter] 修复方案查询不能设置自定义组件为Input的问题 ([f208555](https://github.com/kdcloudone/kdesign/commit/f2085559149ee83ee4932e23d37c84e06acde1f8))
+
+
+
 ## [1.7.16](https://github.com/kdcloudone/kdesign/compare/v1.7.15...v1.7.16) (2023-06-30)
 
 

package/dist/kdesign-complete.less

@@ -1573,6 +1573,7 @@
 
 
 @carousel-prefix-cls: ~'@{kd-prefix}-carousel';
+
 .@{carousel-prefix-cls} {
   &-root {
     position: relative;
@@ -1599,18 +1600,23 @@
 
     &-slide {
       width: 100%;
+
       .@{carousel-prefix-cls}-list-item {
         opacity: 1;
         border-radius: @carousel-boder-radius;
+
         &-animation {
           transition: opacity 0.3s ease;
         }
+
         &-none-animation {
           transition: none;
         }
+
         &-not-hidden {
           opacity: 1;
         }
+
         &-hidden {
           opacity: 0;
         }
@@ -1619,30 +1625,40 @@
 
     &-fade {
       flex: 1;
+
       .@{carousel-prefix-cls}-list-item {
         opacity: 1;
+
         &-animation {
           transition: opacity 0.3s ease;
         }
+
         &-none-animation {
           transition: none;
         }
+
         &-not-hidden {
           opacity: 1;
+          z-index: 1;
         }
+
         &-hidden {
           opacity: 0;
+          z-index: 0;
         }
       }
     }
 
     &-display {
       width: 100%;
+
       .@{carousel-prefix-cls}-list-item {
         display: block;
+
         &-not-hidden {
           display: block;
         }
+
         &-hidden {
           display: none;
         }
@@ -1654,25 +1670,29 @@
     position: absolute;
     list-style: none;
     padding: 0;
+    z-index: 1;
 
     &-left {
       .vertical;
       left: @carousel-dots-margin-left;
     }
+
     &-right {
       .vertical;
       right: @carousel-dots-margin-right;
     }
+
     &-bottom {
       .horizontal;
       bottom: @carousel-dots-margin-bottom;
     }
+
     &-top {
       .horizontal;
       top: @carousel-dots-margin-top;
     }
 
-    &-dot > button {
+    &-dot>button {
       display: block;
       border-radius: @carousel-dots-boder-radius;
       box-sizing: border-box;
@@ -1695,9 +1715,11 @@
       width: 100%;
       cursor: pointer;
       outline: none;
+
       &-active {
         opacity: 1;
-        & > button {
+
+        &>button {
           background-color: @carousel-dots-color-background-active;
           opacity: 1;
         }
@@ -1711,6 +1733,7 @@
     left: unset;
     right: 16px;
     transform: translateY(-50%);
+    z-index: 1;
 
     &-left {
       left: 16px;
@@ -1721,7 +1744,7 @@
       cursor: pointer;
     }
 
-    > *:first-child {
+    >*:first-child {
       display: flex;
       align-items: center;
       justify-content: center;
@@ -1745,12 +1768,14 @@
     }
   }
 }
+
 .vertical {
   display: flex;
   flex-direction: column;
   top: 50%;
   transform: translateY(-50%);
-  & > li {
+
+  &>li {
     margin: @carousel-dots-marigin 0;
     width: @carousel-dots-height;
     height: @carousel-dots-width;
@@ -1762,7 +1787,8 @@
   flex-direction: row;
   left: 50%;
   transform: translateX(-50%);
-  & > li {
+
+  &>li {
     margin: 0 @carousel-dots-marigin;
     height: @carousel-dots-height;
     width: @carousel-dots-width;
@@ -1805,9 +1831,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 +1870,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 +1901,7 @@
   }
 
   &.allowClear:hover {
-    > .@{cascader-picker-prefix-cls}-close {
+    .@{cascader-picker-prefix-cls}-close {
       opacity: 1;
       visibility: visible;
       transition: all 0.2s;
@@ -1892,7 +1918,7 @@
   &-close {
     position: absolute;
     top: 50%;
-    right: 9px;
+    right: 0;
     opacity: 0;
     cursor: pointer;
     visibility: hidden;
@@ -1980,10 +2006,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 +2039,7 @@
     overflow-x: hidden;
     position: relative;
     border-bottom: 1px solid #d9d9d9;
+    background: @cascader-bg-color;
   }
 
   &-multiple-wrapper {
@@ -9513,7 +9553,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;
     }
   }
@@ -9532,10 +9573,6 @@ textarea {
         transform: rotate(0deg);
         transition: transform calc(@transition-duration - 0.1s) @ease;
       }
-
-      &-focus {
-        color: @select-g-color-border-foucs;
-      }
     }
 
     &-clear {
@@ -9627,7 +9664,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
@@ -9676,10 +9713,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.16
+ *   @kdcloudjs/kdesign v1.7.18
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -4197,9 +4197,11 @@ template {
 }
 .kd-carousel-list-fade .kd-carousel-list-item-not-hidden {
   opacity: 1;
+  z-index: 1;
 }
 .kd-carousel-list-fade .kd-carousel-list-item-hidden {
   opacity: 0;
+  z-index: 0;
 }
 .kd-carousel-list-display {
   width: 100%;
@@ -4217,6 +4219,7 @@ template {
   position: absolute;
   list-style: none;
   padding: 0;
+  z-index: 1;
 }
 .kd-carousel-slidebar-left {
   display: -webkit-box;
@@ -4329,6 +4332,7 @@ template {
   right: 16px;
   -webkit-transform: translateY(-50%);
           transform: translateY(-50%);
+  z-index: 1;
 }
 .kd-carousel-jump-left {
   left: 16px;
@@ -4506,9 +4510,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 +4541,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 +4571,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 +4588,7 @@ template {
 .kd-cascader-picker-close {
   position: absolute;
   top: 50%;
-  right: 9px;
+  right: 0;
   opacity: 0;
   cursor: pointer;
   visibility: hidden;
@@ -4676,11 +4680,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 +4712,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;
@@ -14942,7 +14956,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 {
@@ -14970,9 +14984,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;
@@ -15055,7 +15066,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);
@@ -15108,9 +15119,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);
 }