@kdcloudjs/kdesign 1.6.3 → 1.6.5-stable.1

package/CHANGELOG.md

@@ -1,3 +1,79 @@
+## [1.6.7](https://github.com/kdcloudone/kdesign/compare/v1.6.6...v1.6.7) (2022-10-13)
+
+
+### Bug Fixes
+
+* [carousel] 去除列表元素的默认样式 ([8080ed6](https://github.com/kdcloudone/kdesign/commit/8080ed679b8f94436abdb9d3376769fd42b539c5))
+* [cascader] 更新清空按钮悬浮样式 ([8e52e06](https://github.com/kdcloudone/kdesign/commit/8e52e060b760d7302ec97563c8b294634b2a98e1))
+* [date-pikcer]更新清空按钮颜色 ([819080b](https://github.com/kdcloudone/kdesign/commit/819080be0ef035a8cda1c57169aee10f87a71dab))
+* [datepicker]修复bug及优化样式 ([008e434](https://github.com/kdcloudone/kdesign/commit/008e434e1a5966882f6af35bec76ce783c41e73d))
+* [form]更新文档 ([c0bed1a](https://github.com/kdcloudone/kdesign/commit/c0bed1af151dc1915e63460c125371ebd85d814d))
+* [form]item为label添加htmlFor属性 ([c5e1c08](https://github.com/kdcloudone/kdesign/commit/c5e1c085e92ed00714b90f878bc35a71fc3a5e7f))
+* [input]修复清空按钮样式 ([995db86](https://github.com/kdcloudone/kdesign/commit/995db861d9e1f83da47d24c2864c30c13a4ce782))
+* [modal] 修复强控制提示弹窗demo的多次点击重复隐藏问题 ([953cf88](https://github.com/kdcloudone/kdesign/commit/953cf88620f46f3006121fe04b6af363c0a0c202))
+* [search] 增加搜索框圆角 ([8e75cd3](https://github.com/kdcloudone/kdesign/commit/8e75cd30aaee8943406c46dd5711c31ecaea003a))
+* [select] 调整选择器清除按钮样式 ([62245b4](https://github.com/kdcloudone/kdesign/commit/62245b4fc87b84ff62a937c60e09d5ae1e90d330))
+* [select] 去除选择器多余代码 ([ed79aac](https://github.com/kdcloudone/kdesign/commit/ed79aac4b4e925228fb4ac274dcdf07202efbea8))
+* [select] 新增支持直接在输入框内输入内容搜索 ([b480ee7](https://github.com/kdcloudone/kdesign/commit/b480ee75279702dc5c59748d4825e5cf7fe73d01))
+* [split-panel] 去掉分割容器拖动transition ([3e989b1](https://github.com/kdcloudone/kdesign/commit/3e989b1f07d56edc240fe8a7b896532b05547c5e))
+* [steps] 修复title多行情况下布局错乱问题 ([7491d5f](https://github.com/kdcloudone/kdesign/commit/7491d5f7e753fde7facac1bd07f3a62a873b2907))
+
+
+### Features
+
+* 添加融合行悬浮高亮 ([3e6b0c7](https://github.com/kdcloudone/kdesign/commit/3e6b0c77302701fe659b4d03909242317aedefe6))
+
+
+
+## [1.6.6](https://github.com/kdcloudone/kdesign/compare/v1.6.5...v1.6.6) (2022-09-29)
+
+
+### Bug Fixes
+
+* [cli] 文档内容更新 ([409dd4c](https://github.com/kdcloudone/kdesign/commit/409dd4c59d224303ac4619e7b3ee862ca226e83b))
+* [tooltip] 修复重复的token变量 ([eafce52](https://github.com/kdcloudone/kdesign/commit/eafce52af218ff3eb7120ca3ca69d2500efdff1a))
+
+
+### Features
+
+* [input] 开放countPosition属性用来摆放计数器位置 ([999b540](https://github.com/kdcloudone/kdesign/commit/999b540b270cceb7c49a3b207ee7352098a62373))
+* [table] 添加表格向外提供的api ([f8684f5](https://github.com/kdcloudone/kdesign/commit/f8684f53b3f1769340fe5cbe6a0c8457b7f74d0d))
+
+
+
+## [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);
@@ -2721,10 +2726,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 +2777,6 @@
     }
   }
 
-  .input-wrapper;
-
   &-input {
     position: relative;
     display: flex;
@@ -2856,7 +2856,7 @@
     }
   }
 
-  &:hover {
+  &:not(.@{datePicker-prefix-cls}-disabled):hover {
     .@{datePicker-prefix-cls}-clear {
       opacity: 1;
     }
@@ -2897,7 +2897,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 +3695,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);
+
 
 
 
@@ -5375,7 +5378,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);
@@ -6926,107 +6929,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;
+          }
         }
       }
     }
@@ -8121,13 +8130,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 {
@@ -10229,7 +10244,6 @@ textarea {
       width: 100%;
       display: flex;
       flex-direction: column;
-      justify-content: center;
     }
 
     &-iconContainer {
@@ -10286,22 +10300,12 @@ textarea {
         line-height: 20px;
         font-size: @steps-font-size;
         color: @steps-color-wait;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        word-break: break-word;
-        display: -webkit-box;
-        -webkit-box-orient: vertical;
       }
 
       .@{steps-prefix-cls}-item-description {
         line-height: 20px;
         font-size: @steps-font-size;
         color: @steps-color-wait;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        word-break: break-word;
-        display: -webkit-box;
-        -webkit-box-orient: vertical;
         width: @steps-vertical-description-sizing-width;
       }
     }
@@ -14158,7 +14162,6 @@ template {
           opacity: 1;
           visibility: visible;
           transform: translateX(0);
-          background-color: @upload-background-color-hover;
         }
       }
 
@@ -14191,7 +14194,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);