@kdcloudjs/kdesign 1.2.2 → 1.3.1

package/CHANGELOG.md

@@ -1,3 +1,50 @@
+# [1.3.0](https://github.com/kdcloudone/kdesign/compare/v1.2.3...v1.3.0) (2022-05-19)
+
+
+### Bug Fixes
+
+* [badge] status属性对应颜色调整 ([c442795](https://github.com/kdcloudone/kdesign/commit/c442795602962854e0bf089a4bdad57e657ce23f))
+* [badge] status显示问题 ([b667474](https://github.com/kdcloudone/kdesign/commit/b667474ea0ede932c408340c2d3c5d036c5eaee6))
+* [carousel] 走马灯样式问题修复 ([133ed61](https://github.com/kdcloudone/kdesign/commit/133ed61793b313f8c215b20b411ce5027076437e))
+* [checkbox] 修复group的name传值问题 ([82119f2](https://github.com/kdcloudone/kdesign/commit/82119f2378e80cfca2f5f7df57df79a7aa2f84cb))
+* [form]新增valuePropName属性 ([2d4534b](https://github.com/kdcloudone/kdesign/commit/2d4534b9ec0c217504d08c1fcb7d5660736e65db))
+* [select] 修复ts类型报错 ([d8bd48a](https://github.com/kdcloudone/kdesign/commit/d8bd48aab3217b6eccab80ce0c7c5d59d61f2b2b))
+* [tag] 分类由 导航 => 数据展示 ([251bef1](https://github.com/kdcloudone/kdesign/commit/251bef15101992a24359e1f6eafc24269519182f))
+
+
+
+## [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)
 
 

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,71 +1530,11 @@
     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-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 {
-        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%;
-      width: 100%;
-      &-not-hidden {
-        display: block;
-      }
-      &-hidden {
-        display: none;
-      }
-    }
-  }
 
   &-list {
     list-style: none;
     display: flex;
     flex-direction: row;
-    flex: 1;
     position: relative;
 
     &-item {
@@ -1605,6 +1545,7 @@
     }
 
     &-slide {
+      width: 100%;
       .@{carousel-prefix-cls}-list-item {
         opacity: 1;
         border-radius: @carousel-boder-radius;
@@ -1624,6 +1565,7 @@
     }
 
     &-fade {
+      flex: 1;
       .@{carousel-prefix-cls}-list-item {
         opacity: 1;
         &-animation {
@@ -1642,6 +1584,7 @@
     }
 
     &-display {
+      width: 100%;
       .@{carousel-prefix-cls}-list-item {
         display: block;
         &-not-hidden {
@@ -1998,6 +1941,8 @@
     justify-content: center;
     align-items: center;
     z-index: 999;
+    user-select: none;
+
     .kd-input-underline {
       background-color: transparent;
       border-bottom: none;
@@ -2209,6 +2154,11 @@
       color: @checkbox-font-color;
     }
   }
+  &-indeterminate {
+    .@{checkbox-prefix-cls}-children {
+      color: @checkbox-font-color;
+    }
+  }
 }
 
 
@@ -8735,7 +8685,7 @@ textarea {
       }
 
       &-focus {
-        color: #3761ca;
+        color: @select-g-color-border-foucs;
       }
     }
 
@@ -8915,11 +8865,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;
@@ -8929,7 +8883,7 @@ textarea {
       .over();
     }
     &-disabled-text {
-      color: @disabled-color;
+      color: @select-color-text-disabled;
     }
   }
 
@@ -9014,8 +8968,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;
@@ -9164,11 +9122,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); // 下拉列表文字大小
@@ -11084,7 +11045,7 @@ template {
     &::before {
       position: absolute;
       z-index: -2;
-      background: transparent;
+      background: @popperBg;
       border-style: solid;
       border-width: var(--arrowSize);
       transform: rotate(45deg);
@@ -11110,7 +11071,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;
       }
     }
 
@@ -11121,7 +11082,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;
       }
     }
 
@@ -11132,7 +11093,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;
       }
     }
 
@@ -11143,7 +11104,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;
       }
     }
   }
@@ -13168,9 +13129,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;