@kdcloudjs/kdesign 1.2.1 → 1.3.0

package/CHANGELOG.md

@@ -1,3 +1,51 @@
+## [1.2.3](https://github.com/kdcloudone/kdesign/compare/v1.2.2...v1.2.3) (2022-05-12)
+
+
+### Bug Fixes
+
+* [button] 更新主要按钮禁用色 ([edc68e9](https://github.com/kdcloudone/kdesign/commit/edc68e91ad1760812690c2a44d98d151ac7dac5f))
+* [button] 修复幽灵按钮的文字颜色 ([ea1da1d](https://github.com/kdcloudone/kdesign/commit/ea1da1d65351e13575a46501d64479e82eeb5812))
+* [carousel] 解决走马灯自适应问题 ([06969d1](https://github.com/kdcloudone/kdesign/commit/06969d1816c369a41162eeb768d4c14907d5d28b))
+* [form]fix error message ([04d1b6d](https://github.com/kdcloudone/kdesign/commit/04d1b6d120a4bbb62c88694de7c2275550b69cc5))
+* [form]reset errormessage ([6232844](https://github.com/kdcloudone/kdesign/commit/6232844630b131a54eb4238a07dbee2e6d9af191))
+* [menu]del title ([a172601](https://github.com/kdcloudone/kdesign/commit/a172601a96283e871ad604389e6b4e5410a531c5))
+* [menu]fix hover ([d498cca](https://github.com/kdcloudone/kdesign/commit/d498ccaab616fe20cf005c89413fd0ff055c8b62))
+* [others] 更新gio的请求id ([46ef68d](https://github.com/kdcloudone/kdesign/commit/46ef68ddd0bd9f6d1ac2b6260ccfe5428646a83e))
+* [select] 修复禁用状态下的样式 ([a6b837d](https://github.com/kdcloudone/kdesign/commit/a6b837d3cab29cf4ee511377e481354c9f29818f))
+* [stepper] 修复stepper的demo点击递增显示错误 ([85dd79a](https://github.com/kdcloudone/kdesign/commit/85dd79a582a644bf63b621d5e7536969fde5e7ce))
+* [tooltip] 修复视觉走查问题点 ([4db4648](https://github.com/kdcloudone/kdesign/commit/4db464805141060a60603e7b8fe045701ab79753))
+
+
+
+## [1.2.2](https://github.com/kdcloudone/kdesign/compare/v1.2.1...v1.2.2) (2022-04-28)
+
+
+### Bug Fixes
+
+* [carousel] 调整样式类名 ([7fd8afd](https://github.com/kdcloudone/kdesign/commit/7fd8afdc38605cd362efe7c1179a62d30e319428))
+* [city-picker] 去除demo的部分内容 ([130f04e](https://github.com/kdcloudone/kdesign/commit/130f04e51ea3721efcebcccd5dcf1703d1c55ce3))
+* [collapse] 修复单测报错问题 ([b13b756](https://github.com/kdcloudone/kdesign/commit/b13b75696f99f2be15a5f79d05335d70e69eaa7a))
+* [radio] 修复阴影动画丢失的问题 ([205fc63](https://github.com/kdcloudone/kdesign/commit/205fc637eb96812fc8fdb2cb84fdec5ef1ccc494))
+* [tabs] 解决Tabs组件effect的值为fade和scrollx的时候没有动画效果 ([6e1754a](https://github.com/kdcloudone/kdesign/commit/6e1754a60e75f6018372e17cefb32f53f298fcbd))
+
+
+
+## [1.2.1](https://github.com/kdcloudone/kdesign/compare/v1.2.0...v1.2.1) (2022-04-21)
+
+
+### Bug Fixes
+
+* [collapse] 修复视觉走查问题点 ([265a244](https://github.com/kdcloudone/kdesign/commit/265a244042bbfe349457ca6410de3717144e39ba))
+* [drawer] 抽屉顶部关闭会出现闪烁 ([fea1c79](https://github.com/kdcloudone/kdesign/commit/fea1c79db3c611fef2ca078798ac0bcaac93f000))
+* [radio] 修复视觉走查问题点 ([9a4a5c8](https://github.com/kdcloudone/kdesign/commit/9a4a5c8798c67f0c3014918dd210c9f294fd3526))
+* [select] 修复视觉走查问题点 ([b56fddd](https://github.com/kdcloudone/kdesign/commit/b56fddd1ff426ca957688fe85066d5e244e6bc14))
+* [steps] fix token ([e4df3aa](https://github.com/kdcloudone/kdesign/commit/e4df3aacb9074dad1a766dfeb494327ff842104d))
+* [tag] 修复标签视觉走查问题点 ([511fd9e](https://github.com/kdcloudone/kdesign/commit/511fd9ea77871dc745b6dd2ff87c298a28430ea8))
+* [tree] 修复点击整行的触发意图混淆的问题 ([44c662c](https://github.com/kdcloudone/kdesign/commit/44c662c9f3039345ef361d0afbd9b490cdb40a57))
+* 修复了usePopper没有把borderWidth加入计算的bug ([14aa6fb](https://github.com/kdcloudone/kdesign/commit/14aa6fb878a874cbd8f10d94de698f573188fa57))
+
+
+
 # [1.2.0](https://github.com/kdcloudone/kdesign/compare/v1.1.3...v1.2.0) (2022-04-14)
 
 

package/dist/kdesign-complete.less

@@ -579,7 +579,6 @@
       background-color: @badge-color-success;
     }
     &-processing {
-      position: relative;
       background-color: @badge-color-ongoing;
       &::after {
         position: absolute;
@@ -594,13 +593,13 @@
       }
     }
     &-error {
-      background-color: @badge-color-warning;
+      background-color: @badge-color-error;
     }
     &-default {
-      background-color: @badge-color-success;
+      background-color: @badge-color-default;
     }
     &-warning {
-      background-color: @badge-color-error;
+      background-color: @badge-color-warning;
     }
   }
 
@@ -655,6 +654,7 @@
 @badge-color-ongoing: var(~'@{badge-prefix}-color-ongoing', @color-ongoing);
 @badge-color-warning: var(~'@{badge-prefix}-color-warning', @color-warning);
 @badge-color-error: var(~'@{badge-prefix}-color-error', @color-error);
+@badge-color-default: var(~'@{badge-prefix}-color-default', #d9d9d9);
 
 
 
@@ -1276,12 +1276,12 @@
 @btn-primary-border-color-hover: var(~'@{button-custom-prefix}-primary-color-border-hover', @color-theme-hover); // 基础hover边框颜色
 @btn-primary-background-color-active: var(~'@{button-custom-prefix}-primary-color-background-active', @color-theme-click); // 基础active背景颜色
 @btn-primary-border-color-active: var(~'@{button-custom-prefix}-primary-color-border-active', @color-theme); // 基础active边框颜色
-@btn-primary-background-color-disabled: var(~'@{button-custom-prefix}-primary-color-background-disabled', @color-theme-disabled); // 基础disabled背景颜色   禁用状态
-@btn-primary-border-color-disabled: var(~'@{button-custom-prefix}-primary-color-border-disabled', @color-theme-disabled); // 基础disabled边框颜色
+@btn-primary-background-color-disabled: var(~'@{button-custom-prefix}-primary-color-background-disabled', @color-theme-4); // 基础disabled背景颜色   禁用状态
+@btn-primary-border-color-disabled: var(~'@{button-custom-prefix}-primary-color-border-disabled', @color-theme-4); // 基础disabled边框颜色
 
 @btn-ghost-background-color: var(~'@{button-custom-prefix}-ghost-color-background', transparent); // 幽灵背景颜色
 @btn-ghost-border-color: var(~'@{button-custom-prefix}-ghost-color-border', @color-theme-6); //幽灵边框颜色
-@btn-ghost-font-color: var(~'@{button-custom-prefix}-ghost-color-text', #5582F3); // 幽灵按钮文字颜色
+@btn-ghost-font-color: var(~'@{button-custom-prefix}-ghost-color-text', @color-theme); // 幽灵按钮文字颜色
 @btn-ghost-background-color-hover: var(~'@{button-custom-prefix}-ghost-color-background-hover', @color-theme-5); //幽灵hover背景颜色
 @btn-ghost-border-color-hover: var(~'@{button-custom-prefix}-ghost-color-border-hover', transparent); //幽灵hover边框颜色
 @btn-ghost-font-color-hover: var(~'@{button-custom-prefix}-ghost-color-text-hover',#ffffff); // 幽灵hover按钮文字颜色
@@ -1530,65 +1530,73 @@
     overflow: hidden;
     flex: 1;
   }
-  &-slidelist {
-    list-style: none;
-    display: flex;
-    flex-direction: row;
-    width: 100%;
-    &-item {
-      flex-shrink: 0;
-      height: 100%;
-      width: 100%;
-      overflow: hidden;
-      border-radius: @carousel-boder-radius;
-    }
-  }
-  &-fadelist {
+
+  &-list {
     list-style: none;
     display: flex;
     flex-direction: row;
-    flex: 1;
     position: relative;
+
     &-item {
-      opacity: 1;
       position: relative;
       flex-shrink: 0;
       height: 100%;
       width: 100%;
-      &-animation {
-        transition: opacity 0.3s ease;
-      }
-      &-none-animation {
-        transition: none;
-      }
-      &-not-hidden {
+    }
+
+    &-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;
+        }
       }
-      &-hidden {
-        opacity: 0;
+    }
+
+    &-fade {
+      flex: 1;
+      .@{carousel-prefix-cls}-list-item {
+        opacity: 1;
+        &-animation {
+          transition: opacity 0.3s ease;
+        }
+        &-none-animation {
+          transition: none;
+        }
+        &-not-hidden {
+          opacity: 1;
+        }
+        &-hidden {
+          opacity: 0;
+        }
       }
     }
-  }
-  &-displaylist {
-    list-style: none;
-    display: flex;
-    flex-direction: row;
-    flex: 1;
-    position: relative;
-    &-item {
-      display: block;
-      position: relative;
-      flex-shrink: 0;
-      height: 100%;
+
+    &-display {
       width: 100%;
-      &-not-hidden {
+      .@{carousel-prefix-cls}-list-item {
         display: block;
-      }
-      &-hidden {
-        display: none;
+        &-not-hidden {
+          display: block;
+        }
+        &-hidden {
+          display: none;
+        }
       }
     }
   }
+
   &-slidebar {
     position: absolute;
     &-left {
@@ -1607,7 +1615,7 @@
       .horizontal;
       top: @carousel-dots-margin-top;
     }
-    
+
     &-dot > button {
       display: block;
       border-radius: @carousel-dots-boder-radius;
@@ -7539,12 +7547,11 @@ textarea {
 @radio-square-prefix-cls: ~'@{radio-prefix-cls}-square';
 @radio-button-prefix-cls: ~'@{radio-prefix-cls}-button';
 @radio-group-prefix-cls: ~'@{radio-prefix-cls}-group';
-@radio-focus-shadow: 0 0 0 3px rgba(@radio-color-theme, 10%);
+@radio-focus-shadow: 0 0 0 3px rgba(85, 130, 243, 10%);
 
 // 默认类型（单选项）
 .@{radio-prefix-cls} {
   .reset-component();
-  .ellipsis();
 
   // 默认状态
   position: relative;
@@ -7552,6 +7559,7 @@ textarea {
   padding-left: @radio-circle-size;
   margin-right: @radio-margin-right;
   white-space: nowrap;
+  text-overflow: ellipsis;
   cursor: pointer;
   vertical-align: middle;
   color: @radio-font-color;
@@ -8670,7 +8678,7 @@ textarea {
       }
 
       &-focus {
-        color: #3761ca;
+        color: @select-g-color-border-foucs;
       }
     }
 
@@ -8850,11 +8858,15 @@ textarea {
       .focusColor();
     }
     &-disabled {
-      background-color: @disabled-contain-bg;
-      color: @disabled-color;
+      background-color: @select-color-background-disabled;
+      color: @select-color-text-disabled;
       &:hover {
         cursor: not-allowed;
       }
+
+      .@{select-prefix-cls}-suffix {
+        color: @select-arrow-icon-color-text-disabled;
+      }
     }
     &:hover .@{select-prefix-cls}-icon-clear {
       opacity: 1;
@@ -8864,7 +8876,7 @@ textarea {
       .over();
     }
     &-disabled-text {
-      color: @disabled-color;
+      color: @select-color-text-disabled;
     }
   }
 
@@ -8949,8 +8961,12 @@ textarea {
   &-multiple {
     &-disabled {
       cursor: not-allowed;
-      background-color: @disabled-contain-bg;
-      color: @disabled-color;
+      background-color: @select-color-background-disabled;
+      color: @select-color-text-disabled;
+
+      .@{select-prefix-cls}-suffix {
+        color: @select-arrow-icon-color-text-disabled;
+      }
     }
     &:hover .@{select-prefix-cls}-icon-clear {
       opacity: 1;
@@ -9099,11 +9115,14 @@ textarea {
 @select-g-color-border-foucs: var(~'@{select-custom-prefix}-color-border-foucs', @color-theme);
 @select-g-color-border-hover: var(~'@{select-custom-prefix}-color-border-hover', @color-theme);
 @select-border-g-color-border: var(~'@{select-custom-prefix}-border-color-border', @color-border-strong);
-@select-placeholder-color: var(~'@{select-custom-prefix}-placeholder-color-text', @color-text-third);
+@select-placeholder-color: var(~'@{select-custom-prefix}-placeholder-color-text', #b2b2b2);
 @select-item-selected-color: var(~'@{select-custom-prefix}-item-color-text-selected', @color-theme);
 @select-font-color: var(~'@{select-custom-prefix}-footer-color-text', @color-text-primary);
 @select-footer-g-text-color-selected: var(~'@{select-custom-prefix}-footer-color-text-selected', #0e5fd8);
 @select-g-item-text-color-disabled: var(~'@{select-custom-prefix}-item-color-text-disabled', @color-disabled);
+@select-color-background-disabled: var(~'@{select-custom-prefix}-color-background-disabled', #f5f5f5);
+@select-color-text-disabled: var(~'@{select-custom-prefix}-color-text-disabled', #212121);
+@select-arrow-icon-color-text-disabled: var(~'@{select-custom-prefix}-arrow-icon-color-text-disabled', #b2b2b2);
 
 // font
 @select-list-font-size: var(~'@{select-custom-prefix}-dropdown-font-size', 12px); // 下拉列表文字大小
@@ -11019,7 +11038,7 @@ template {
     &::before {
       position: absolute;
       z-index: -2;
-      background: transparent;
+      background: @popperBg;
       border-style: solid;
       border-width: var(--arrowSize);
       transform: rotate(45deg);
@@ -11045,7 +11064,7 @@ template {
         left: var(--arrowLeft);
         top: var(--arrowSpill);
         box-shadow: -2px -2px calc(@blur - 1px) rgba(0, 0, 0, 0.1);
-        border-color: @color-white transparent transparent @color-white;
+        border-color: @popperBg transparent transparent @popperBg;
       }
     }
 
@@ -11056,7 +11075,7 @@ template {
         left: var(--arrowLeft);
         bottom: var(--arrowSpill);
         box-shadow: 3px 3px calc(@blur + 1px) rgba(0, 0, 0, 0.15);
-        border-color: transparent @color-white @color-white transparent;
+        border-color: transparent @popperBg @popperBg transparent;
       }
     }
 
@@ -11067,7 +11086,7 @@ template {
         top: var(--arrowTop);
         right: var(--arrowSpill);
         box-shadow: 3px 0 @blur rgba(0, 0, 0, 0.12), 0 -2px @blur rgba(204, 149, 149, 0.12);
-        border-color: @color-white @color-white transparent transparent;
+        border-color: @popperBg @popperBg transparent transparent;
       }
     }
 
@@ -11078,7 +11097,7 @@ template {
         top: var(--arrowTop);
         left: var(--arrowSpill);
         box-shadow: 0 3px @blur rgba(0, 0, 0, 0.1), -2px 0 @blur rgba(0, 0, 0, 0.1);
-        border-color: transparent transparent @color-white @color-white;
+        border-color: transparent transparent @popperBg @popperBg;
       }
     }
   }
@@ -13103,9 +13122,9 @@ template {
   color: @tooltip-color;
   border-radius: @tooltip-border-radius;
   font-size: @tooltip-font-size;
-  line-height: 18px;
+  line-height: 1.5;
   background-color: @tooltip-background-color;
-  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3);
+  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
   opacity: 1;
   z-index: @z-index-popper;
   visibility: visible;