@kdcloudjs/kdesign 1.2.0 → 1.2.3

package/es/tag/style/index.css

@@ -245,32 +245,6 @@
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5));
-  border-radius: 50%;
-}
-.kd-tag-shape-text::before {
-  width: var(--kd-c-tag-spacing-padding-horizontal-small, 6px);
-  height: var(--kd-c-tag-spacing-padding-horizontal-small, 6px);
-  margin-right: var(--kd-c-tag-spacing-padding-horizontal-small, 6px);
-}
-.kd-tag-shape-text.kd-tag-size-small::before {
-  width: var(--kd-c-tag-spacing-padding-horizontal-small, 6px);
-  height: var(--kd-c-tag-spacing-padding-horizontal-small, 6px);
-  margin-right: var(--kd-c-tag-spacing-padding-horizontal-small, 6px);
-}
-.kd-tag-shape-text.kd-tag-size-middle::before {
-  width: var(--kd-c-tag-spacing-padding-horizontal-middle, 7px);
-  height: var(--kd-c-tag-spacing-padding-horizontal-middle, 7px);
-  margin-right: var(--kd-c-tag-spacing-padding-horizontal-middle, 7px);
-}
-.kd-tag-shape-text.kd-tag-size-large::before {
-  width: var(--kd-c-tag-spacing-padding-horizontal-large, 8px);
-  height: var(--kd-c-tag-spacing-padding-horizontal-large, 8px);
-  margin-right: var(--kd-c-tag-spacing-padding-horizontal-large, 8px);
-}
 .kd-tag-shape-text.kd-tag-process {
   color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5));
   display: -webkit-inline-box;
@@ -282,12 +256,6 @@
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-process::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5));
-  border-radius: 50%;
-}
 .kd-tag-shape-text.kd-tag-process.kd-tag-size-middle {
   color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5));
   display: -webkit-inline-box;
@@ -299,12 +267,6 @@
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-process.kd-tag-size-middle::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5));
-  border-radius: 50%;
-}
 .kd-tag-shape-text.kd-tag-process.kd-tag-size-large {
   color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5));
   display: -webkit-inline-box;
@@ -316,12 +278,6 @@
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-process.kd-tag-size-large::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5));
-  border-radius: 50%;
-}
 .kd-tag-shape-text.kd-tag-success {
   color: var(--kd-c-tag-color-success, var(--kd-g-color-success, #1ba854));
   display: -webkit-inline-box;
@@ -333,12 +289,6 @@
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-success::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-success, var(--kd-g-color-success, #1ba854));
-  border-radius: 50%;
-}
 .kd-tag-shape-text.kd-tag-success.kd-tag-size-middle {
   color: var(--kd-c-tag-color-success, var(--kd-g-color-success, #1ba854));
   display: -webkit-inline-box;
@@ -350,12 +300,6 @@
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-success.kd-tag-size-middle::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-success, var(--kd-g-color-success, #1ba854));
-  border-radius: 50%;
-}
 .kd-tag-shape-text.kd-tag-success.kd-tag-size-large {
   color: var(--kd-c-tag-color-success, var(--kd-g-color-success, #1ba854));
   display: -webkit-inline-box;
@@ -367,12 +311,6 @@
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-success.kd-tag-size-large::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-success, var(--kd-g-color-success, #1ba854));
-  border-radius: 50%;
-}
 .kd-tag-shape-text.kd-tag-warning {
   color: var(--kd-c-tag-color-warning, var(--kd-g-color-warning, #ff991c));
   display: -webkit-inline-box;
@@ -384,12 +322,6 @@
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-warning::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-warning, var(--kd-g-color-warning, #ff991c));
-  border-radius: 50%;
-}
 .kd-tag-shape-text.kd-tag-warning.kd-tag-size-middle {
   color: var(--kd-c-tag-color-warning, var(--kd-g-color-warning, #ff991c));
   display: -webkit-inline-box;
@@ -401,12 +333,6 @@
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-warning.kd-tag-size-middle::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-warning, var(--kd-g-color-warning, #ff991c));
-  border-radius: 50%;
-}
 .kd-tag-shape-text.kd-tag-warning.kd-tag-size-large {
   color: var(--kd-c-tag-color-warning, var(--kd-g-color-warning, #ff991c));
   display: -webkit-inline-box;
@@ -418,12 +344,6 @@
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-warning.kd-tag-size-large::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-warning, var(--kd-g-color-warning, #ff991c));
-  border-radius: 50%;
-}
 .kd-tag-shape-text.kd-tag-error {
   color: var(--kd-c-tag-color-error, var(--kd-g-color-error, #fb2323));
   display: -webkit-inline-box;
@@ -435,12 +355,6 @@
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-error::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-error, var(--kd-g-color-error, #fb2323));
-  border-radius: 50%;
-}
 .kd-tag-shape-text.kd-tag-error.kd-tag-size-middle {
   color: var(--kd-c-tag-color-error, var(--kd-g-color-error, #fb2323));
   display: -webkit-inline-box;
@@ -452,12 +366,6 @@
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-error.kd-tag-size-middle::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-error, var(--kd-g-color-error, #fb2323));
-  border-radius: 50%;
-}
 .kd-tag-shape-text.kd-tag-error.kd-tag-size-large {
   color: var(--kd-c-tag-color-error, var(--kd-g-color-error, #fb2323));
   display: -webkit-inline-box;
@@ -469,12 +377,6 @@
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-error.kd-tag-size-large::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-error, var(--kd-g-color-error, #fb2323));
-  border-radius: 50%;
-}
 .kd-tag-shape-text.kd-tag-end {
   color: var(--kd-c-tag-color-end, var(--kd-g-color-end, #666));
   display: -webkit-inline-box;
@@ -486,12 +388,6 @@
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-end::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-end, var(--kd-g-color-end, #666));
-  border-radius: 50%;
-}
 .kd-tag-shape-text.kd-tag-end.kd-tag-size-middle {
   color: var(--kd-c-tag-color-end, var(--kd-g-color-end, #666));
   display: -webkit-inline-box;
@@ -503,12 +399,6 @@
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-end.kd-tag-size-middle::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-end, var(--kd-g-color-end, #666));
-  border-radius: 50%;
-}
 .kd-tag-shape-text.kd-tag-end.kd-tag-size-large {
   color: var(--kd-c-tag-color-end, var(--kd-g-color-end, #666));
   display: -webkit-inline-box;
@@ -520,12 +410,6 @@
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-end.kd-tag-size-large::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-end, var(--kd-g-color-end, #666));
-  border-radius: 50%;
-}
 .kd-tag-shape-text.kd-tag-expired {
   color: var(--kd-c-tag-color-expired, var(--kd-g-color-disabled, #b2b2b2));
   display: -webkit-inline-box;
@@ -537,12 +421,6 @@
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-expired::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-expired, var(--kd-g-color-disabled, #b2b2b2));
-  border-radius: 50%;
-}
 .kd-tag-shape-text.kd-tag-expired.kd-tag-size-middle {
   color: var(--kd-c-tag-color-expired, var(--kd-g-color-disabled, #b2b2b2));
   display: -webkit-inline-box;
@@ -554,12 +432,6 @@
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-expired.kd-tag-size-middle::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-expired, var(--kd-g-color-disabled, #b2b2b2));
-  border-radius: 50%;
-}
 .kd-tag-shape-text.kd-tag-expired.kd-tag-size-large {
   color: var(--kd-c-tag-color-expired, var(--kd-g-color-disabled, #b2b2b2));
   display: -webkit-inline-box;
@@ -571,12 +443,6 @@
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-expired.kd-tag-size-large::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-expired, var(--kd-g-color-disabled, #b2b2b2));
-  border-radius: 50%;
-}
 .kd-tag-shape-edit {
   border: 1px solid var(--kd-c-tag-edit-color-border, var(--kd-g-color-text-placeholder, #ccc));
   border-radius: 2px;
@@ -589,11 +455,10 @@
   border-color: var(--kd-c-tag-edit-color-border-hover, var(--kd-g-color-theme, #5582f3));
 }
 .kd-tag-shape-edit:not(.kd-tag-closable-disabled):hover .kd-tag-closeWrapper {
-  background-color: var(--kd-c-tag-edit-cloesWrapper-color-background-hover, var(--kd-g-color-theme, #5582f3));
-  color: var(--kd-c-tag-edit-cloesWrapper-color-text-hover, var(--kd-g-color-white, #fff));
+  color: var(--kd-c-tag-edit-cloesWrapper-color-text-hover, var(--kd-g-color-theme, #5582f3));
 }
 .kd-tag-shape-edit.kd-tag-closable {
-  padding-right: 0;
+  padding-right: 8px;
 }
 .kd-tag-clickable {
   cursor: pointer;
@@ -613,24 +478,14 @@
 .kd-tag-closable.kd-tag-size-middle {
   line-height: var(--kd-c-tag-sizing-height-middle, 20px);
 }
-.kd-tag-closable.kd-tag-size-middle .kd-tag-closeWrapper {
-  width: calc(var(--kd-c-tag-sizing-height-middle, 20px) - 2px);
-  height: calc(var(--kd-c-tag-sizing-height-middle, 20px) - 2px);
-}
 .kd-tag-closable.kd-tag-size-large {
   line-height: var(--kd-c-tag-sizing-height-large, 24px);
   padding-left: var(--kd-c-tag-spacing-padding-horizontal-large, 8px);
 }
-.kd-tag-closable.kd-tag-size-large .kd-tag-closeWrapper {
-  width: calc(var(--kd-c-tag-sizing-height-large, 24px) - 2px);
-  height: calc(var(--kd-c-tag-sizing-height-large, 24px) - 2px);
-}
 .kd-tag-closable.kd-tag-size-large .kd-tag-closeWrapper .kd-tag-close-icon {
   font-size: 14px;
 }
 .kd-tag-closeWrapper {
-  width: calc(var(--kd-c-tag-sizing-height-middle, 20px) - 2px);
-  height: calc(var(--kd-c-tag-sizing-height-middle, 20px) - 2px);
   margin-left: 4px;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;

package/es/tag/style/index.less

@@ -18,7 +18,7 @@
   &-size-large {
     .tag-size(@tag-large-font-size, @tag-large-height, @tag-large-padding-horizontal);
   }
-  
+
   transition: all @tag-g-motion-duration;
   // 状态标签
   &-shape-status {
@@ -42,16 +42,6 @@
   // 文本标签
   &-shape-text {
     .tag-text-color(@tag-process-color);
-    .tag-text-padding(@tag-small-padding-horizontal)
-  }
-  &-shape-text.@{tag-prefix-cls}-size-small {
-    .tag-text-padding(@tag-small-padding-horizontal)
-  }
-  &-shape-text.@{tag-prefix-cls}-size-middle {
-    .tag-text-padding(@tag-middle-padding-horizontal)
-  }
-  &-shape-text.@{tag-prefix-cls}-size-large {
-    .tag-text-padding(@tag-large-padding-horizontal)
   }
   each(@types, {
     &-shape-text.@{tag-prefix-cls}-@{value} {
@@ -76,13 +66,13 @@
     &:not(.@{tag-prefix-cls}-closable-disabled):hover {
       border-color: @tag-edit-g-color-border-hover;
       .@{tag-prefix-cls}-closeWrapper {
-        background-color: @tag-edit-cloesWrapper-g-color-background-hover;
+        // background-color: @tag-edit-cloesWrapper-g-color-background-hover;
         color: @tag-edit-cloesWrapper-g-text-color-hover;
       }
     }
 
     &.@{tag-prefix-cls}-closable {
-      padding-right: 0;
+      padding-right: 8px;
     }
   }
 
@@ -109,28 +99,18 @@
   }
   &-closable.@{tag-prefix-cls}-size-middle {
     line-height: @tag-middle-height;
-
-    .@{tag-prefix-cls}-closeWrapper {
-      width: calc(@tag-middle-height - 2px);
-      height: calc(@tag-middle-height - 2px);
-    }
   }
   &-closable.@{tag-prefix-cls}-size-large {
     line-height: @tag-large-height;
     padding-left: @tag-large-padding-horizontal;
 
     .@{tag-prefix-cls}-closeWrapper {
-      width: calc(@tag-large-height - 2px);
-      height: calc(@tag-large-height - 2px);
-      
       .@{tag-prefix-cls}-close-icon {
         font-size: 14px;
       }
     }
   }
   &-closeWrapper {
-    width: calc(@tag-middle-height - 2px);
-    height: calc(@tag-middle-height - 2px);
     margin-left: 4px;
     display: inline-flex;
     justify-content: center;
@@ -141,4 +121,4 @@
     cursor: pointer;
     font-size: 12px;
   }
-}
+}

package/es/tag/style/mixin.less

@@ -29,17 +29,4 @@
   align-items: center;
   padding: 0;
   border-radius: 0;
-  &::before{
-    content: '';
-    display: block;
-    background-color: @color;
-    border-radius: 50%;
-  }
-}
-.tag-text-padding(@padding) {
-  &::before{
-    width: @padding;
-    height: @padding;
-    margin-right: @padding;
-  }
 }

package/es/tag/style/token.less

@@ -15,7 +15,7 @@
 @tag-edit-g-text-color: var(~'@{tag-custom-prefix}-edit-color-text', @color-text-primary);
 @tag-edit-g-color-border-hover: var(~'@{tag-custom-prefix}-edit-color-border-hover', @color-theme);
 @tag-edit-cloesWrapper-g-color-background-hover: var(~'@{tag-custom-prefix}-edit-cloesWrapper-color-background-hover', @color-theme);
-@tag-edit-cloesWrapper-g-text-color-hover: var(~'@{tag-custom-prefix}-edit-cloesWrapper-color-text-hover', @color-white);
+@tag-edit-cloesWrapper-g-text-color-hover: var(~'@{tag-custom-prefix}-edit-cloesWrapper-color-text-hover', @color-theme);
 @tag-edit-g-color-background-disabled: var(~'@{tag-custom-prefix}-edit-color-background-disabled', @color-background-contain-disabled);
 @tag-edit-g-color-border-disabled: var(~'@{tag-custom-prefix}-edit-color-background-disabled', @color-border-strong);
 @tag-edit-g-text-color-disabled: var(~'@{tag-custom-prefix}-edit-color-text-disabled', @color-border-strong);

package/es/tooltip/style/index.css

@@ -118,10 +118,10 @@
   color: var(--kd-c-tooltip-color-text, var(--kd-g-color-text-primary, #212121));
   border-radius: var(--kd-c-tooltip-radius-border, var(--kd-g-radius-border, 2px));
   font-size: var(--kd-c-tooltip-color-text, var(--kd-g-font-size-small, 12px));
-  line-height: 18px;
+  line-height: 1.5;
   background-color: var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff));
-  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3);
-          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
+          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
   opacity: 1;
   z-index: var(--kd-g-z-index-popper, 1050);
   visibility: visible;
@@ -133,7 +133,7 @@
 .kd-tooltip.arrow::before {
   position: absolute;
   z-index: -2;
-  background: transparent;
+  background: var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff));
   border-style: solid;
   border-width: var(--arrowSize);
   -webkit-transform: rotate(45deg);
@@ -158,7 +158,7 @@
   top: var(--arrowSpill);
   -webkit-box-shadow: -2px -2px calc(6px - 1px) rgba(0, 0, 0, 0.1);
           box-shadow: -2px -2px calc(6px - 1px) rgba(0, 0, 0, 0.1);
-  border-color: var(--kd-g-color-white, #fff) transparent transparent var(--kd-g-color-white, #fff);
+  border-color: var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff)) transparent transparent var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff));
 }
 .kd-tooltip.arrow.topLeft::before,
 .kd-tooltip.arrow.top::before,
@@ -167,7 +167,7 @@
   bottom: var(--arrowSpill);
   -webkit-box-shadow: 3px 3px calc(6px + 1px) rgba(0, 0, 0, 0.15);
           box-shadow: 3px 3px calc(6px + 1px) rgba(0, 0, 0, 0.15);
-  border-color: transparent var(--kd-g-color-white, #fff) var(--kd-g-color-white, #fff) transparent;
+  border-color: transparent var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff)) transparent;
 }
 .kd-tooltip.arrow.leftTop::before,
 .kd-tooltip.arrow.left::before,
@@ -176,7 +176,7 @@
   right: var(--arrowSpill);
   -webkit-box-shadow: 3px 0 6px rgba(0, 0, 0, 0.12), 0 -2px 6px rgba(204, 149, 149, 0.12);
           box-shadow: 3px 0 6px rgba(0, 0, 0, 0.12), 0 -2px 6px rgba(204, 149, 149, 0.12);
-  border-color: var(--kd-g-color-white, #fff) var(--kd-g-color-white, #fff) transparent transparent;
+  border-color: var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff)) transparent transparent;
 }
 .kd-tooltip.arrow.rightTop::before,
 .kd-tooltip.arrow.right::before,
@@ -185,5 +185,5 @@
   left: var(--arrowSpill);
   -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), -2px 0 6px rgba(0, 0, 0, 0.1);
           box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), -2px 0 6px rgba(0, 0, 0, 0.1);
-  border-color: transparent transparent var(--kd-g-color-white, #fff) var(--kd-g-color-white, #fff);
+  border-color: transparent transparent var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff));
 }

package/es/tooltip/style/index.less

@@ -11,9 +11,9 @@
   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;

package/lib/_utils/usePopper.js

@@ -21,6 +21,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/hel
 
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 
+var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
+
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
 
 var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
@@ -118,6 +120,23 @@ var getOffsetPos = function getOffsetPos(el) {
   return elPos;
 };
 
+var getBorderWidth = function getBorderWidth(el) {
+  var border = {
+    top: 0,
+    left: 0
+  };
+
+  if (el.offsetParent) {
+    var _context, _context2;
+
+    var parentBorder = getBorderWidth(el.offsetParent);
+    border.top += parentBorder.top + parseInt((0, _slice.default)(_context = getComputedStyle(el.offsetParent, null).borderTopWidth).call(_context, 0, -2));
+    border.left += parentBorder.left + parseInt((0, _slice.default)(_context2 = getComputedStyle(el.offsetParent, null).borderTopWidth).call(_context2, 0, -2));
+  }
+
+  return border;
+};
+
 var getScrollDist = function getScrollDist(el, container) {
   var elScroll = {
     top: el.scrollTop,
@@ -138,7 +157,7 @@ var getScrollDist = function getScrollDist(el, container) {
 };
 
 function usePopper(locatorElement, popperElement, props) {
-  var _context, _context2, _arrowStyle;
+  var _context3, _context4, _arrowStyle;
 
   var prefixCls = props.prefixCls,
       onTrigger = props.onTrigger,
@@ -177,11 +196,11 @@ function usePopper(locatorElement, popperElement, props) {
   } : _props$getPopupContai;
   var arrowWidth = Math.sqrt(2 * Math.pow(arrowSize, 2));
   var componentName = (prefixCls === null || prefixCls === void 0 ? void 0 : prefixCls.split('-')[1]) || '';
-  (0, _devwarning.default)(Placements.indexOf(placement) === -1, componentName, (0, _concat.default)(_context = "cannot found ".concat(componentName, " placement '")).call(_context, placement, "'"));
+  (0, _devwarning.default)(Placements.indexOf(placement) === -1, componentName, (0, _concat.default)(_context3 = "cannot found ".concat(componentName, " placement '")).call(_context3, placement, "'"));
   var isWrongTrigger = Array.isArray(trigger) ? trigger.some(function (v) {
     return !(0, _includes.default)(Triggers).call(Triggers, v);
   }) : Triggers.indexOf(trigger) === -1;
-  (0, _devwarning.default)(isWrongTrigger, componentName, (0, _concat.default)(_context2 = "cannot found ".concat(componentName, " trigger '")).call(_context2, trigger, "'"));
+  (0, _devwarning.default)(isWrongTrigger, componentName, (0, _concat.default)(_context4 = "cannot found ".concat(componentName, " trigger '")).call(_context4, trigger, "'"));
   var locatorEl = (0, _react.useRef)();
   var popperEl = (0, _react.useRef)();
   var locatorRef = locatorElement.ref || locatorEl;
@@ -281,21 +300,25 @@ function usePopper(locatorElement, popperElement, props) {
           locatorTop = _getOffsetPos2.top,
           locatorLeft = _getOffsetPos2.left;
 
-      var _getScrollDist = getScrollDist(locatorRef.current.parentElement, container),
-          scrollTop = _getScrollDist.top,
-          scrollLeft = _getScrollDist.left;
-
       var _getTranslatePos = getTranslatePos(locatorRef.current),
           translateTop = _getTranslatePos.top,
           translateLeft = _getTranslatePos.left;
 
+      var _getBorderWidth = getBorderWidth(locatorRef.current),
+          borderTop = _getBorderWidth.top,
+          borderLeft = _getBorderWidth.left;
+
+      var _getScrollDist = getScrollDist(locatorRef.current.parentElement, container),
+          scrollTop = _getScrollDist.top,
+          scrollLeft = _getScrollDist.left;
+
       var locatorPos = {
         width: width,
         height: height,
-        top: locatorTop + translateTop - containerTop - scrollTop,
-        left: locatorLeft + translateLeft - containerLeft - scrollLeft,
-        right: locatorLeft + translateLeft + width - containerLeft - scrollLeft,
-        bottom: locatorTop + translateTop + height - containerTop - scrollTop
+        top: locatorTop + borderTop + translateTop - containerTop - scrollTop,
+        left: locatorLeft + borderLeft + translateLeft - containerLeft - scrollLeft,
+        right: locatorLeft + borderLeft + translateLeft + width - containerLeft - scrollLeft,
+        bottom: locatorTop + borderTop + translateTop + height - containerTop - scrollTop
       };
       var currentPos = trigger === 'contextMenu' ? mousePos : locatorPos;
       var _currentPlacement = placement;

package/lib/button/style/index.css

@@ -178,13 +178,13 @@
   background-color: var(--kd-c-button-primary-color-background-active, var(--kd-g-color-theme-7, #375cca));
 }
 .kd-btn-primary:disabled {
-  background-color: var(--kd-c-button-primary-color-background-disabled, var(--kd-g-color-theme-3, #e3eeff)) !important;
-  border-color: var(--kd-c-button-primary-color-border-disabled, var(--kd-g-color-theme-3, #e3eeff)) !important;
+  background-color: var(--kd-c-button-primary-color-background-disabled, var(--kd-g-color-theme-4, #b5cfff)) !important;
+  border-color: var(--kd-c-button-primary-color-border-disabled, var(--kd-g-color-theme-4, #b5cfff)) !important;
 }
 .kd-btn-ghost {
   border-color: var(--kd-c-button-ghost-color-border, var(--kd-g-color-theme-6, #5582f3));
   background-color: var(--kd-c-button-ghost-color-background, transparent);
-  color: var(--kd-c-button-ghost-color-text, #5582F3);
+  color: var(--kd-c-button-ghost-color-text, var(--kd-g-color-theme, #5582f3));
 }
 .kd-btn-ghost:hover:not(.kd-btn-loading) {
   background-color: var(--kd-c-button-ghost-color-background-hover, var(--kd-g-color-theme-5, #87adff));

package/lib/button/style/token.less

@@ -10,12 +10,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按钮文字颜色

package/lib/carousel/displayList.js

@@ -9,24 +9,29 @@ exports.DisplayList = void 0;
 
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var DisplayList = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _context;
+
   var items = props.items,
       parentPrefixCls = props.parentPrefixCls,
       currentIndex = props.currentIndex;
 
   var itemRef = _react.default.useRef(null);
 
-  var displayListPrefixCls = "".concat(parentPrefixCls, "-displaylist");
+  var displayListPrefixCls = "".concat(parentPrefixCls, "-list-display");
+  var listPrefixCls = "".concat(parentPrefixCls, "-list");
 
   var renderItems = function renderItems() {
     return (0, _map.default)(items).call(items, function (item, index) {
-      var opacityClassName = index === currentIndex ? "".concat(displayListPrefixCls, "-item-not-hidden") : "".concat(displayListPrefixCls, "-item-hidden");
+      var opacityClassName = index === currentIndex ? "".concat(listPrefixCls, "-item-not-hidden") : "".concat(listPrefixCls, "-item-hidden");
       return /*#__PURE__*/_react.default.createElement("li", {
-        className: (0, _classnames.default)("".concat(displayListPrefixCls, "-item"), opacityClassName),
+        className: (0, _classnames.default)("".concat(listPrefixCls, "-item"), opacityClassName),
         key: index,
         ref: itemRef
       }, item);
@@ -34,7 +39,7 @@ var DisplayList = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   };
 
   return /*#__PURE__*/_react.default.createElement("ul", {
-    className: displayListPrefixCls,
+    className: (0, _concat.default)(_context = "".concat(listPrefixCls, " ")).call(_context, displayListPrefixCls),
     ref: ref
   }, renderItems());
 });