@kdcloudjs/kdesign 1.1.3 → 1.2.2

package/dist/kdesign-complete.less

@@ -235,7 +235,7 @@
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
-        padding: 0 6px;
+        padding: 0 4px;
         line-height: 1.5;
         vertical-align: middle;
       }
@@ -253,7 +253,7 @@
 
   &-advanced-arrows {
     color: @anchor-advanced-arrows-color;
-    font-size: @anchor-icon-font-size;
+    font-size: @anchor-advanced-arrows-font-size;
     cursor: pointer;
     &:hover {
       color: @anchor-color-theme;
@@ -317,6 +317,10 @@
   &-link {
     padding: @anchor-link-padding;
 
+    &>.@{anchor-prefix-cls}-link {
+      padding: @anchor-link-secondary-padding;
+    }
+
     &-title {
       text-decoration: none;
       color: @anchor-primary-text-color;
@@ -385,6 +389,7 @@
 @anchor-link-top: var(~'@{anchor-prefix}-spacing-vertical', 7px);
 @anchor-link-left: var(~'@{anchor-prefix}-spacing-horizontal', 7px);
 @anchor-link-padding: var(~'@{anchor-prefix}-spacing-padding', 7px 8px);
+@anchor-link-secondary-padding: var(~'@{anchor-prefix}-secondary-spacing-padding', 12px 8px);
 @anchor-advanced-padding-top: var(~'@{anchor-prefix}-advanced-spacing-padding-top', 8px);
 @anchor-advanced-padding-bottom: var(~'@{anchor-prefix}-advanced-spacing-padding-bottom', 7px);
 @anchor-ink-line-width: var(~'@{anchor-prefix}-ink-line-spacing-width', 1px);
@@ -394,7 +399,7 @@
 @anchor-advanced-lock-size: var(~'@{anchor-prefix}-advanced-lock-font-size', 16px);
 @anchor-font-size: var(~'@{anchor-prefix}-font-size', @font-size-small);
 @anchor-icon-font-size: var(~'@{anchor-prefix}-icon-font-size', 16px);
-
+@anchor-advanced-arrows-font-size: var(~'@{anchor-prefix}-advanced-arrows-font-size', 24px);
 // motion
 @anchor-transition-duration: var(~'@{anchor-prefix}-duration-duration', @duration-promptly);
 
@@ -882,199 +887,339 @@
 
 
 @btn-prefix-cls: ~'@{kd-prefix}-btn';
+
 .@{btn-prefix-cls} {
-	.btn;
-
-	// 按钮wave动效
-	transition: color @transition-duration, background-color @transition-duration, border-color @transition-duration;
-	&:not(&-text)::after{
-		position: absolute;
-		top: 0;
-		right: 0;
-		bottom: 0;
-		left: 0;
-		border-radius: inherit;
-		box-shadow: 0 0 0 0 @color-theme;
-		opacity: 0.2;
-		content: '';
-		pointer-events: none;
-		clear: both;
-	}
-	&:not(&-text)[click-animating-wave='true']::after {
-		animation: fadeEffect @btn-duration-fade @ease-out forwards,
-        waveEffect @btn-duration-wave @ease-out forwards;
-	}
+  .btn;
 
-	// 次要按钮
-	&-second {
-		.btn-type(@btn-second-border-color, @btn-second-background-color, @btn-second-font-color);
-		&:hover {
-			&:not(.@{btn-prefix-cls}-loading) {
-				background-color: @btn-second-background-color-hover;
-				border-color: @btn-second-border-color-hover;
-				color: @btn-second-font-color-hover;
-			}
-		}
-		&:active {
-			&:not(.@{btn-prefix-cls}-loading) {
-				background-color: @btn-second-background-color-active;
-				border-color: @btn-second-border-color-active;
-				color: @btn-second-font-color-active;
-			}
-		}
-		&:disabled {
-			border-color: @btn-second-border-color-disabled !important;
-			background-color: @btn-second-background-color-disabled !important;
-			color: @btn-second-font-color-disabled !important;
-		}
-	}
-	// 主要按钮
-	&-primary {
-		.btn-type(@btn-primary-border-color, @btn-primary-background-color, @btn-primary-font-color);
-		&:hover:not(.@{btn-prefix-cls}-loading) {
-			background-color: @btn-primary-background-color-hover;
-			border-color: @btn-primary-border-color-hover;
-		}
-		&:active:not(.@{btn-prefix-cls}-loading) {
-			border-color: @btn-primary-border-color-active;
-			background-color: @btn-primary-background-color-active;
-		}
-		&:disabled {
-			background-color: @btn-primary-background-color-disabled !important;
-			border-color: @btn-primary-border-color-disabled !important;
-		}
-	}
-	// 幽灵按钮
-	&-ghost {
-		.btn-type(@btn-ghost-border-color, @btn-ghost-background-color, @btn-ghost-font-color);
-		&:hover:not(.@{btn-prefix-cls}-loading) {
-			border-color: @btn-ghost-border-color-hover;
-			color: @btn-ghost-font-color-hover;
-		}
-		&:active:not(.@{btn-prefix-cls}-loading) {
-			border-color: @btn-ghost-border-color-hover;
-			color: @btn-ghost-font-color-active;
-		}
-		&:disabled {
-			background-color: @btn-ghost-background-color-disabled !important;
-			border-color: @btn-ghost-border-color-disabled !important;
-			color: @btn-ghost-border-color-disabled !important;
-		}
-	}
-	&-iconWrapper-left {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		float: left;
-	}
-	&-iconWrapper-right {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		float: right;
-	}
-	&-loadingIcon {
-		color: @btn-g-text-color-loading;
-	}
-	&-primary-loadingIcon {
-		color: @btn-primary-g-text-color-loading;
-	}
-	// 小号尺寸按钮
-	&-size-small {
-		.btn-size(@btn-small-height, @btn-small-font-size, @btn-small-padding-vertical, @btn-small-padding-horizontal, @btn-small-min-width);
-	}
-	// 中号尺寸按钮
-	&-size-middle {
-		.btn-size(@btn-middle-height, @btn-middle-font-size, @btn-middle-padding-vertical, @btn-middle-padding-horizontal, @btn-middle-min-width);
-	}
-	// 大号尺寸按钮
-	&-size-large {
-		.btn-size(@btn-large-height, @btn-large-font-size, @btn-large-padding-vertical, @btn-large-padding-horizontal, @btn-large-min-width);
-	}
+  // 按钮wave动效
+  transition: color @transition-duration, background-color @transition-duration, border-color @transition-duration;
+  &:not(&-text)::after {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    border-radius: inherit;
+    box-shadow: 0 0 0 0 @color-theme;
+    opacity: 0.2;
+    content: '';
+    pointer-events: none;
+    clear: both;
+  }
+  &:not(&-text)[click-animating-wave='true']::after {
+    animation: fadeEffect @btn-duration-fade @ease-out forwards, waveEffect @btn-duration-wave @ease-out forwards;
+  }
 
-	// 圆形按钮
-	&-shape-circle {
-		border-radius: 50%;
-		min-width: auto;
-	}
+  // 次要按钮
+  &-second {
+    .btn-type(@btn-second-border-color, @btn-second-background-color, @btn-second-font-color);
+    &:hover {
+      &:not(.@{btn-prefix-cls}-loading) {
+        background-color: @btn-second-background-color-hover;
+        border-color: @btn-second-border-color-hover;
+        color: @btn-second-font-color-hover;
+      }
+    }
+    &:active {
+      &:not(.@{btn-prefix-cls}-loading) {
+        background-color: @btn-second-background-color-active;
+        border-color: @btn-second-border-color-active;
+        color: @btn-second-font-color-active;
+      }
+    }
+    &:disabled {
+      border-color: @btn-second-border-color-disabled !important;
+      background-color: @btn-second-background-color-disabled !important;
+      color: @btn-second-font-color-disabled !important;
+    }
+  }
+  // 主要按钮
+  &-primary {
+    .btn-type(@btn-primary-border-color, @btn-primary-background-color, @btn-primary-font-color);
+    &:hover:not(.@{btn-prefix-cls}-loading) {
+      background-color: @btn-primary-background-color-hover;
+      border-color: @btn-primary-border-color-hover;
+    }
+    &:active:not(.@{btn-prefix-cls}-loading) {
+      border-color: @btn-primary-border-color-active;
+      background-color: @btn-primary-background-color-active;
+    }
+    &:disabled {
+      background-color: @btn-primary-background-color-disabled !important;
+      border-color: @btn-primary-border-color-disabled !important;
+    }
+  }
 
-	// 圆形小号尺寸按钮宽度等同其高度
-	&-shape-circle&-size-small {
-		.btn-shape-circle-width(@btn-small-height);
-	}
-	// 圆形中号尺寸按钮宽度等同其高度
-	&-shape-circle&-size-middle {
-		.btn-shape-circle-width(@btn-middle-height);
-	}
-	// 圆形大号尺寸按钮宽度等同其高度
-	&-shape-circle&-size-large {
-		.btn-shape-circle-width(@btn-large-height);
-	}
+  // 幽灵按钮
+  &-ghost {
+    .btn-type(@btn-ghost-border-color, @btn-ghost-background-color, @btn-ghost-font-color);
 
-	// 椭圆形小号尺寸按钮border-radius等同其高度
-	&-shape-round&-size-small {
-		border-radius: @btn-small-height;
-	}
-	// 椭圆形中号尺寸按钮border-radius等同其高度
-	&-shape-round&-size-middle {
-		border-radius: @btn-middle-height;
-	}
-	// 椭圆形大号尺寸按钮border-radius等同其高度
-	&-shape-round&-size-large {
-		border-radius: @btn-large-height;
-	}
+    &:hover:not(.@{btn-prefix-cls}-loading) {
+      background-color: @btn-ghost-background-color-hover;
+      border-color: @btn-ghost-border-color-hover;
+      color: @btn-ghost-font-color-hover;
+    }
 
-	// 文本类型按钮
-	&-text {
-		height: auto;
-		width: auto;
-		color: @btn-text-g-text-color;
-		padding: 0;
-		min-width: auto;
-		&:hover {
-			color: @btn-text-g-text-color-hover;
-		}
-		&:active {
-			color: @btn-text-g-text-color-active;
-		}
-		&[disabled] {
-			color: @btn-text-g-text-color-disabled !important;
-		}
-	}
+    &:active:not(.@{btn-prefix-cls}-loading) {
+      background-color: @btn-ghost-background-color-active;
+      border-color: @btn-ghost-border-color-hover;
+      color: @btn-ghost-font-color-active;
+    }
 
-	// 按钮不带边框
-	&-no-border {
-		border: none;
-	}
+    &:disabled {
+      background-color: @btn-ghost-background-color-disabled !important;
+      border-color: @btn-ghost-border-color-disabled !important;
+      color: @btn-ghost-font-color-disabled !important;
+    }
+  }
 
-	// 不可用按钮部分样式
-	&:disabled, &[disabled] {
-		cursor: not-allowed;
-	}
-	// 按钮开启幽灵化
-	&-background-ghost {
-		&, &:hover, &:active {
-			background-color: transparent;
-		}
-		&.@{btn-prefix-cls}-primary {
-			color: @btn-background-ghost-g-text-color;
-			&:hover {
-				color: @btn-background-ghost-g-text-color-hover;
-			}
-		}
-	}
-	// 加载中按钮
-	&-loading {
-		cursor: default;
-	}
-	// 按钮开启块化撑满父元素
-	&-block {
-		width: 100%;
-	}
-	// 图标与文本之间的间隔
-	.btn-space {
-		margin-left: 5px;
-	}
+  &-iconWrapper-left {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    float: left;
+  }
+  &-iconWrapper-right {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    float: right;
+  }
+
+  &-loadingIcon {
+    color: @btn-g-text-color-loading;
+  }
+
+  &-primary-loadingIcon {
+    color: @btn-primary-g-text-color-loading;
+  }
+
+  // 小号尺寸按钮
+  &-size-small {
+    .btn-size(@btn-small-height, @btn-small-font-size, @btn-small-padding-vertical, @btn-small-padding-horizontal, @btn-small-min-width);
+    &.@{btn-prefix-cls}-icon-only {
+      font-size: @btn-icon-small-font-size;
+      padding: 0 @btn-icon-padding-horizontal;
+    }
+
+    .@{btn-prefix-cls}-group-basic-icon {
+      font-size: @btn-icon-small-font-size;
+    }
+  }
+
+  // 中号尺寸按钮
+  &-size-middle {
+    .btn-size(@btn-middle-height, @btn-middle-font-size, @btn-middle-padding-vertical, @btn-middle-padding-horizontal, @btn-middle-min-width);
+    &.@{btn-prefix-cls}-icon-only {
+      font-size: @btn-icon-middle-font-size;
+      padding: 0 @btn-icon-padding-horizontal;
+    }
+
+    .@{btn-prefix-cls}-group-basic-icon {
+      font-size: @btn-icon-middle-font-size;
+    }
+  }
+
+  // 大号尺寸按钮
+  &-size-large {
+    .btn-size(@btn-large-height, @btn-large-font-size, @btn-large-padding-vertical, @btn-large-padding-horizontal, @btn-large-min-width);
+    &.@{btn-prefix-cls}-icon-only {
+      font-size: @btn-icon-large-font-size;
+      padding: 0 @btn-icon-padding-horizontal;
+    }
+
+    .@{btn-prefix-cls}-group-basic-icon {
+      font-size: @btn-icon-large-font-size;
+    }
+  }
+
+  // 圆形按钮
+  &-shape-circle {
+    border-radius: 50%;
+    min-width: auto;
+  }
+
+  // 圆形小号尺寸按钮宽度等同其高度
+  &-shape-circle&-size-small {
+    .btn-shape-circle-width(@btn-small-height);
+  }
+  // 圆形中号尺寸按钮宽度等同其高度
+  &-shape-circle&-size-middle {
+    .btn-shape-circle-width(@btn-middle-height);
+  }
+  // 圆形大号尺寸按钮宽度等同其高度
+  &-shape-circle&-size-large {
+    .btn-shape-circle-width(@btn-large-height);
+  }
+
+  // 椭圆形小号尺寸按钮border-radius等同其高度
+  &-shape-round&-size-small {
+    border-radius: @btn-small-height;
+  }
+  // 椭圆形中号尺寸按钮border-radius等同其高度
+  &-shape-round&-size-middle {
+    border-radius: @btn-middle-height;
+  }
+  // 椭圆形大号尺寸按钮border-radius等同其高度
+  &-shape-round&-size-large {
+    border-radius: @btn-large-height;
+  }
+
+  // 直角按钮
+  &-shape-none {
+    border-radius: 0;
+  }
+
+  // 文本类型按钮
+  &-text {
+    height: auto;
+    width: auto;
+    color: @btn-text-g-text-color;
+    padding: 0;
+    min-width: auto;
+
+    &:hover {
+      color: @btn-text-g-text-color-hover;
+    }
+
+    &:active {
+      color: @btn-text-g-text-color-active;
+    }
+
+    &[disabled] {
+      color: @btn-text-g-text-color-disabled !important;
+    }
+  }
+
+  // 按钮不带边框
+  &-no-border {
+    border: none;
+  }
+
+  // 不可用按钮部分样式
+  &:disabled,
+  &[disabled] {
+    cursor: not-allowed;
+  }
+  // 按钮开启幽灵化
+  &-background-ghost {
+    &,
+    &:hover,
+    &:active {
+      background-color: transparent;
+    }
+
+    &.@{btn-prefix-cls}-primary {
+      color: @btn-background-ghost-g-text-color;
+
+      &:hover {
+        color: @btn-background-ghost-g-text-color-hover;
+      }
+    }
+  }
+  // 加载中按钮
+  &-loading {
+    cursor: default;
+  }
+  // 按钮开启块化撑满父元素
+  &-block {
+    width: 100%;
+  }
+  // 图标与文本之间的间隔
+  .btn-space {
+    margin-left: 4px;
+  }
+}
+
+.@{btn-prefix-cls}-group {
+  display: inline-block;
+
+  &-basic {
+    .@{btn-prefix-cls} {
+      padding-top: 0;
+      padding-bottom: 0;
+    }
+
+    &-icon {
+      margin-left: 4px;
+    }
+  }
+
+  &-trigger {
+    .@{btn-prefix-cls}-primary {
+      background: @btn-group-trigger-color-background;
+      &:hover {
+        background: @btn-group-trigger-color-background-hover;
+        border-color: @btn-group-trigger-color-background-hover;
+      }
+
+      &:active {
+        background: @btn-group-trigger-color-background-active;
+      }
+
+      &:disabled {
+        background: @btn-group-trigger-color-background-disabled !important;
+      }
+    }
+
+    .@{btn-prefix-cls} {
+      margin-left: -1px;
+    }
+  }
+
+  .@{btn-prefix-cls} {
+    &-size-small,
+    &-size-middle,
+    &-size-large {
+      min-width: unset;
+    }
+
+    &:first-child {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+    }
+
+    &:last-child {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+  }
+
+  .@{kd-prefix}-dropdown {
+    &-menu {
+      padding: 0;
+    }
+  }
+
+  &-dropdown {
+    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
+    background: @btn-group-dropdown-color-background;
+    color: #333333;
+    min-width: @btn-group-dropdown-min-width;
+
+    &-item {
+      height: @btn-group-dropdown-item-height;
+      line-height: @btn-group-dropdown-item-height;
+      cursor: pointer;
+      padding: 0 @btn-group-dropdown-item-horizontal;
+      &:hover {
+        background: @btn-group-dropdown-item-color-background-hover;
+      }
+
+      &:not(:last-child) {
+        border-bottom: 1px solid @btn-group-dropdown-item-border-color;
+      }
+    }
+  }
+
+  &.topLeft.hidden,
+  &.bottomLeft.hidden,
+  &.topRight.hidden,
+  &.bottomRight.hidden {
+    opacity: 0;
+    visibility: hidden;
+    transition: all calc(@transition-duration - 0.1s) @ease;
+  }
 }
 
 
@@ -1135,33 +1280,36 @@
 @btn-primary-border-color-disabled: var(~'@{button-custom-prefix}-primary-color-border-disabled', @color-theme-disabled); // 基础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-border-strong); //幽灵边框颜色
-@btn-ghost-font-color: var(~'@{button-custom-prefix}-ghost-color-text', @color-text-secondary); // 幽灵按钮文字颜色
-@btn-ghost-border-color-hover: var(~'@{button-custom-prefix}-ghost-color-border-hover', @color-theme); //幽灵hover边框颜色
-@btn-ghost-font-color-hover: var(~'@{button-custom-prefix}-ghost-color-text-hover', @color-theme); // 幽灵hover按钮文字颜色
-@btn-ghost-border-color-active: var(~'@{button-custom-prefix}-ghost-color-border-active', @color-theme-click); //幽灵active边框颜色
+@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-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按钮文字颜色
+@btn-ghost-font-color-active: var(~'@{button-custom-prefix}-ghost-color-text-active', #ffffff); // 幽灵active按钮文字颜色
+@btn-ghost-background-color-active: var(~'@{button-custom-prefix}-ghost-color-background-active', @color-theme-7); //幽灵active背景颜色
+@btn-ghost-border-color-active: var(~'@{button-custom-prefix}-ghost-color-border-active', transparent); //幽灵active边框颜色
+
 @btn-ghost-background-color-disabled: var(~'@{button-custom-prefix}-ghost-color-background-disabled', @color-background-contain-disabled); // 幽灵disabled背景颜色
-@btn-ghost-font-color-active: var(~'@{button-custom-prefix}-ghost-color-text-active', @color-theme-click); // 幽灵active按钮文字颜色
-@btn-ghost-border-color-disabled: var(~'@{button-custom-prefix}-ghost-color-border-disabled', @color-disabled); //幽灵disabled边框颜色
-@btn-ghost-font-color-disabled: var(~'@{button-custom-prefix}-ghost-color-text-disabled', @color-disabled); // 幽灵disabled按钮文字颜色
+@btn-ghost-border-color-disabled: var(~'@{button-custom-prefix}-ghost-color-border-disabled', #D9D9D9); //幽灵disabled边框颜色
+@btn-ghost-font-color-disabled: var(~'@{button-custom-prefix}-ghost-color-text-disabled', #B2B2B2); // 幽灵disabled按钮文字颜色
 
-@btn-second-background-color: var(~'@{button-custom-prefix}-second-color-background', @color-background-3); // 次要背景颜色
-@btn-second-border-color: var(~'@{button-custom-prefix}-second-color-border', @color-border-strong-3); // 次要边框颜色
-@btn-second-font-color: var(~'@{button-custom-prefix}-second-color-text', @color-text-secondary-3); // 次要文字颜色
+@btn-second-background-color: var(~'@{button-custom-prefix}-second-color-background', transparent); // 次要背景颜色
+@btn-second-border-color: var(~'@{button-custom-prefix}-second-color-border', #D9D9D9); // 次要边框颜色
+@btn-second-font-color: var(~'@{button-custom-prefix}-second-color-text', #212121); // 次要文字颜色
 @btn-second-background-color-hover: var(~'@{button-custom-prefix}-second-color-background-hover', @color-white); // 次要hover背景颜色
-@btn-second-border-color-hover: var(~'@{button-custom-prefix}-second-color-border-hover', @color-border-strong); // 次要hover边框颜色
-@btn-second-font-color-hover: var(~'@{button-custom-prefix}-second-color-text-hover', @color-text-secondary); // 次要hover文字颜色
+@btn-second-border-color-hover: var(~'@{button-custom-prefix}-second-color-border-hover', @color-theme); // 次要hover边框颜色
+@btn-second-font-color-hover: var(~'@{button-custom-prefix}-second-color-text-hover', @color-theme); // 次要hover文字颜色
 @btn-second-background-color-active: var(~'@{button-custom-prefix}-second-color-background-active', @color-white); // 次要active背景颜色
-@btn-second-border-color-active: var(~'@{button-custom-prefix}-second-color-border-active', @color-border-strong); // 次要active边框颜色
-@btn-second-font-color-active: var(~'@{button-custom-prefix}-second-color-text-active', @color-text-secondary); // 次要active文字颜色
-@btn-second-background-color-disabled: var(~'@{button-custom-prefix}-second-color-background-disabled', @color-background-3); // 次要disabled背景颜色
-@btn-second-border-color-disabled: var(~'@{button-custom-prefix}-second-color-border-disabled', @color-text-secondary-3); // 次要disabled边框颜色
-@btn-second-font-color-disabled: var(~'@{button-custom-prefix}-second-color-text-disabled', @color-text-secondary-3); // 次要disabled文字颜色
+@btn-second-border-color-active: var(~'@{button-custom-prefix}-second-color-border-active', @color-theme-click); // 次要active边框颜色
+@btn-second-font-color-active: var(~'@{button-custom-prefix}-second-color-text-active', @color-theme-click); // 次要active文字颜色
+@btn-second-background-color-disabled: var(~'@{button-custom-prefix}-second-color-background-disabled', @color-background-contain-disabled); // 次要disabled背景颜色
+@btn-second-border-color-disabled: var(~'@{button-custom-prefix}-second-color-border-disabled', #D9D9D9); // 次要disabled边框颜色
+@btn-second-font-color-disabled: var(~'@{button-custom-prefix}-second-color-text-disabled', #B2B2B2); // 次要disabled文字颜色
 
-@btn-text-g-text-color: var(~'@{button-custom-prefix}-text-color-text', @color-theme);
-@btn-text-g-text-color-hover: var(~'@{button-custom-prefix}-text-color-text-hover', @color-theme-hover);
-@btn-text-g-text-color-active: var(~'@{button-custom-prefix}-text-color-text-active', @color-theme-click);
-@btn-text-g-text-color-disabled: var(~'@{button-custom-prefix}-text-color-text-disabled', @color-disabled);
+@btn-text-g-text-color: var(~'@{button-custom-prefix}-text-color-text', @color-theme-6);
+@btn-text-g-text-color-hover: var(~'@{button-custom-prefix}-text-color-text-hover', @color-theme-5);
+@btn-text-g-text-color-active: var(~'@{button-custom-prefix}-text-color-text-active', @color-theme-7);
+@btn-text-g-text-color-disabled: var(~'@{button-custom-prefix}-text-color-text-disabled', @color-theme-4);
 
 @btn-disabled-background-color: var(~'@{button-custom-prefix}-color-background-disabled', @color-background-contain-disabled); // 禁用状态 背景颜色
 @btn-disabled-border-color: var(~'@{button-custom-prefix}-color-border-disabled', @color-border-strong); // 禁用状态 边框颜色
@@ -1176,6 +1324,13 @@
 
 @btn-background-ghost-g-text-color: var(~'@{button-custom-prefix}-background-ghost-color-text', @color-theme);
 @btn-background-ghost-g-text-color-hover: var(~'@{button-custom-prefix}-background-ghost-color-text-hover', @color-white);
+@btn-group-dropdown-item-border-color: var(~'@{button-custom-prefix}-group-dropdown-item-border-color', #E5E5E5); // 集合按钮 下拉边框颜色
+@btn-group-dropdown-item-color-background-hover: var(~'@{button-custom-prefix}-group-dropdown-item-color-background-hover', #F5F5F5); // 集合按钮 下拉hover背景颜色
+@btn-group-dropdown-color-background: var(~'@{button-custom-prefix}-group-dropdown-color-background', #fff); // 集合按钮 下拉菜单背景颜色
+@btn-group-trigger-color-background: var(~'@{button-custom-prefix}-group-trigger-color-background', #4367c1);
+@btn-group-trigger-color-background-hover: var(~'@{button-custom-prefix}-group-trigger-color-background-hover', #4c74da);
+@btn-group-trigger-color-background-active: var(~'@{button-custom-prefix}-group-trigger-color-background-active', #3B5AA9);
+@btn-group-trigger-color-background-disabled: var(~'@{button-custom-prefix}-group-trigger-color-background-disabled', #95a4c8);
 
 // font
 @btn-g-font-weight: var(~'@{button-custom-prefix}-font-weight', @font-weight-light);
@@ -1183,13 +1338,15 @@
 @btn-middle-font-size: var(~'@{button-custom-prefix}-font-size-middle', @font-size-small); // 中号 文字大小
 @btn-large-font-size: var(~'@{button-custom-prefix}-font-size-large', @font-size-large); // 大号 文字大小
 
+@btn-icon-small-font-size: var(~'@{button-custom-prefix}-icon-font-size-small', 14px); // 小号 图标大小
+@btn-icon-middle-font-size: var(~'@{button-custom-prefix}-icon-font-size-middle', 16px); // 中号 图标大小
+@btn-icon-large-font-size: var(~'@{button-custom-prefix}-icon-font-size-large', 18px); // 大号 图标大小
+
 // motion
 @btn-transition-fn: var(~'@{button-custom-prefix}-motion-timing-function', cubic-bezier(0.075, 0.82, 0.165, 1));
 @btn-duration-fade: var(~'@{button-custom-prefix}-motion-duration-fade', @duration-slowly);
 @btn-duration-wave: var(~'@{button-custom-prefix}-motion-duration-wave', @duration-quickly);
 
-
-
 // radius
 @btn-g-radius-border: var(~'@{button-custom-prefix}-radius-border', @radius-border); //圆角
 
@@ -1201,6 +1358,8 @@
 @btn-middle-min-width: var(~'@{button-custom-prefix}-sizing-min-width-middle', 60px); // 中号 最小宽度
 @btn-large-height: var(~'@{button-custom-prefix}-sizing-height-large', 32px); // 大号 高度
 @btn-large-min-width: var(~'@{button-custom-prefix}-sizing-min-width-large', 80px); // 大号 最小宽度
+@btn-group-dropdown-item-height: var(~'@{button-custom-prefix}--group-dropdown-item-height', 30px);
+@btn-group-dropdown-min-width: var(~'@{button-custom-prefix}-group-dropdown-min-width', 80px);
 
 // spacing
 @btn-small-padding-vertical: var(~'@{button-custom-prefix}-spacing-padding-vertical-small', 3px); // 小号 内间距 纵向
@@ -1209,6 +1368,9 @@
 @btn-middle-padding-horizontal: var(~'@{button-custom-prefix}-spacing-padding-horizontal-middle', 8px); // 中号 内间距 纵向   宽度配置
 @btn-large-padding-vertical: var(~'@{button-custom-prefix}-spacing-padding-vertical-large', 6px); // 大号 内间距 纵向
 @btn-large-padding-horizontal: var(~'@{button-custom-prefix}-spacing-padding-horizontal-large', 8px); // 大号 内间距 横向
+@btn-group-dropdown-item-horizontal: var(~'@{button-custom-prefix}-group-dropdown-item-horizonta', 12px);
+@btn-icon-padding-horizontal: var(~'@{button-custom-prefix}-icon-spacing-padding-horizontal', 4px);
+
 
 
 
@@ -1427,6 +1589,71 @@
       }
     }
   }
+
+  &-list {
+    list-style: none;
+    display: flex;
+    flex-direction: row;
+    flex: 1;
+    position: relative;
+
+    &-item {
+      position: relative;
+      flex-shrink: 0;
+      height: 100%;
+      width: 100%;
+    }
+
+    &-slide {
+      .@{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;
+        }
+      }
+    }
+
+    &-fade {
+      .@{carousel-prefix-cls}-list-item {
+        opacity: 1;
+        &-animation {
+          transition: opacity 0.3s ease;
+        }
+        &-none-animation {
+          transition: none;
+        }
+        &-not-hidden {
+          opacity: 1;
+        }
+        &-hidden {
+          opacity: 0;
+        }
+      }
+    }
+
+    &-display {
+      .@{carousel-prefix-cls}-list-item {
+        display: block;
+        &-not-hidden {
+          display: block;
+        }
+        &-hidden {
+          display: none;
+        }
+      }
+    }
+  }
+
   &-slidebar {
     position: absolute;
     &-left {
@@ -1445,7 +1672,7 @@
       .horizontal;
       top: @carousel-dots-margin-top;
     }
-    
+
     &-dot > button {
       display: block;
       border-radius: @carousel-dots-boder-radius;
@@ -2374,11 +2601,23 @@
     &-left {
       display: inline-flex;
       align-items: center;
-      flex-grow: 1;
+      line-height: 1.5;
+    }
+    &-middle {
+      display: inline-flex;
+      align-items: center;
+      flex: 1;
+      margin-left: 22px;
+      color: @collapse-header-font-color-secondary;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
     }
     &-right {
+      margin-left: 40px;
       display: inline-flex;
       align-items: center;
+      white-space: nowrap;
     }
     &-extra,
     &-header {
@@ -2387,10 +2626,21 @@
       color: @collapse-header-font-color;
       font-size: @collapse-header-font-size;
     }
+
+    &-header {
+      display: inline-block;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      &:hover {
+        color: @collapse-header-color-text-hover;
+      }
+    }
     &-icon {
       align-items: center;
       display: inline-flex;
       margin-right: @collapse-icon-margin-right;
+      font-size: @collapse-icon-font-size;
     }
     &-icon:hover,
     &-left:hover {
@@ -2438,29 +2688,31 @@
 
 @collapse-prefix: '--@{kd-prefix}-c-collapse';
 
-// sizing
-@collapse-border-width: var(~'@{collapse-prefix}-border-width', 1px);
-@collapse-icon-margin-right: var(~'@{collapse-prefix}-spacing-margin-right', 6px);
-@collapse-header-padding: var(~'@{collapse-prefix}-header-spacing-padding', 12px);
-@collapse-content-bordered-padding: var(~'@{collapse-prefix}-content-bordered-spacing-padding', 12px);
-@collapse-content-padding: var(~'@{collapse-prefix}-content-spacing-padding', 0 16px);
-
 // color
 @collapse-border-color: var(~'@{collapse-prefix}-color-border-strong-2', @color-border-strong-2);
 @collapse-header-font-color: var(~'@{collapse-prefix}-header-color-text-primary', @color-text-primary);
+@collapse-header-font-color-secondary: var(~'@{collapse-prefix}-header-color-text-secondary', @color-text-secondary);
 @collapse-content-font-color: var(~'@{collapse-prefix}-content-color-text-primary', @color-text-primary);
 @collapse-disabled-color: var(~'@{collapse-prefix}-color-disabled', raba(178, 178, 178, 1));
 @collapse-header-color-background: var(~'@{collapse-prefix}-header-color-background', rgba(0, 0, 0, 0));
 @collapse-content-color-background: var(~'@{collapse-prefix}-content-color-background', rgba(0, 0, 0, 0));
-
+@collapse-header-color-text-hover: var(~'@{collapse-prefix}-header-color-text-hover', #666666);
 
 // font
-@collapse-header-font-size: var(~'@{collapse-prefix}-header-font-size', @font-size-middle);
+@collapse-header-font-size: var(~'@{collapse-prefix}-header-font-size', 16px);
 @collapse-content-font-size: var(~'@{collapse-prefix}-content-font-size', @font-size-middle);
+@collapse-icon-font-size: var(~'@{collapse-prefix}-icon-font-size', 16px);
 
 // motion
 @collapse-transition-duration: var(~'@{collapse-prefix}-motion-duration', @duration-promptly);
 
+// sizing
+@collapse-border-width: var(~'@{collapse-prefix}-border-width', 1px);
+@collapse-icon-margin-right: var(~'@{collapse-prefix}-spacing-margin-right', 6px);
+@collapse-header-padding: var(~'@{collapse-prefix}-header-spacing-padding', 8px 50px 8px 28px);
+@collapse-content-bordered-padding: var(~'@{collapse-prefix}-content-bordered-spacing-padding', 12px);
+@collapse-content-padding: var(~'@{collapse-prefix}-content-spacing-padding', 0 50px);
+
 
 
 
@@ -4225,7 +4477,7 @@
     text-align: center;
     opacity: 0;
     transform: translateY(100%);
-    transition: all @image-action-transition ease-out;
+    transition: all 0.2s ease-out;
     background-color: @image-action-background-color;
 
     >* {
@@ -4242,7 +4494,7 @@
 }
 
 .@{image-preview-prefix-cls} {
-  z-index: @image-z-index-masker;
+  z-index: 3000;
   position: fixed;
   top: 0;
   right: 0;
@@ -4251,14 +4503,14 @@
   opacity: 0;
   transform: scale(0.15);
   visibility: hidden;
-  transition: all calc(@image-transition-duration - 0.1s) @image-motion-ease-in;
+  transition: all 0.2s cubic-bezier(0.4,0,1,0.6);
   -webkit-overflow-scrolling: touch;
 
   &.show {
     opacity: 1;
     transform: scale(1);
     visibility: visible;
-    transition: all calc(@image-transition-duration - 0.1s) @image-motion-ease-out;
+    transition: all 0.2s cubic-bezier(0,.4,.4,1);
   }
 
   &-mask {
@@ -4288,7 +4540,7 @@
 
     &:hover,
     &:active {
-      color: @theme-color;
+      color: #5582f3;
     }
   }
 
@@ -4410,34 +4662,21 @@
 
 @image-prefix: '--@{kd-prefix}-c-image';
 
-@image-transition-duration: var(~'@{image-prefix}-transition-duration',@transition-duration);
-@image-motion-ease-out: var(~'@{image-prefix}-motion-ease-out',@motion-ease-out);
-@image-motion-ease-in: var(~'@{image-prefix}-motion-ease-out',@motion-ease-in);
-@image-z-index-masker: var(~'@{image-prefix}-z-index-masker',@z-index-masker);
-@image-border-radius: var(~'@{image-prefix}-radius-border',@radius-border);
-@image-action-transition: var(~'@{image-prefix}-action-transition',@duration-quickly);
-
-
-
-
 // color
-@image-icon-color: var(~'@{image-prefix}-icon-color',@color-white);//图片预览 图标颜色
-@image-close-color-background: var(~'@{image-prefix}-close-color-background',#666666);//删除图标 背景色
-@image-action-background-color: var(~'@{image-prefix}-action-color-background',rgba(0, 0, 0, 0.5));
-
-
+@image-icon-color: var(~'@{image-prefix}-icon-color', @color-white); //图片预览 图标颜色
+@image-close-color-background: var(~'@{image-prefix}-close-color-background', #666666); //删除图标 背景色
+@image-action-background-color: var(~'@{image-prefix}-action-color-background', rgba(0, 0, 0, 0.5));
 // font
-@image-icon-font-size: var(~'@{image-prefix}-icon-font-size',27px);//图片预览 图标大小
-@image-preview-close-font-size: var(~'@{image-prefix}-preview-font-size',28px);
-@image-font-size-x-large: var(~'@{image-prefix}-font-size-x-large',@font-size-x-large);
-
+@image-icon-font-size: var(~'@{image-prefix}-icon-font-size', 26px); //图片预览 图标大小
+@image-preview-close-font-size: var(~'@{image-prefix}-preview-font-size', 28px);
+@image-font-size-x-large: var(~'@{image-prefix}-font-size-x-large', @font-size-x-large);
+// radius
+@image-border-radius: var(~'@{image-prefix}-radius-border', @radius-border);
 // sizing
-@image-action-width: var(~'@{image-prefix}-action-sizing-width',100%);
-@image-preview-close-width: var(~'@{image-prefix}-preview-sizing-width',18px);
-@image-preview-close-height: var(~'@{image-prefix}-preview-sizing-height',18px);
-@image-action-height: var(~'@{image-prefix}-action-sizing-height',28px);
-
-
+@image-action-width: var(~'@{image-prefix}-action-sizing-width', 100%);
+@image-preview-close-width: var(~'@{image-prefix}-preview-sizing-width', 18px);
+@image-preview-close-height: var(~'@{image-prefix}-preview-sizing-height', 18px);
+@image-action-height: var(~'@{image-prefix}-action-sizing-height', 28px);
 
 
 
@@ -7360,11 +7599,12 @@ textarea {
 
 
 
+
 @radio-prefix-cls: ~'@{kd-prefix}-radio';
 @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} {
@@ -7376,6 +7616,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;
@@ -7424,7 +7665,7 @@ textarea {
   // 悬停状态
   &:hover {
 
-    // color: @radio-color-theme;
+    color: @radio-color-theme;
     &::before {
       border-color: @radio-color-theme;
     }
@@ -7473,6 +7714,14 @@ textarea {
       background-color: @radio-color-disabled;
       animation: none;
     }
+
+    &.@{radio-prefix-cls}-checked {
+      color: @radio-font-color;
+    }
+  }
+
+  &-text {
+    line-height: 1.5;
   }
 }
 
@@ -7480,6 +7729,8 @@ textarea {
 .@{radio-square-prefix-cls} {
   .reset-component();
 
+  .ellipsis();
+
   // 默认状态
   position: relative;
   display: inline-block;
@@ -7571,6 +7822,14 @@ textarea {
       background-color: @radio-color-disabled;
       animation: none;
     }
+
+    &.@{radio-square-prefix-cls}-checked {
+      color: @radio-font-color;
+    }
+  }
+
+  &-text {
+    line-height: 1.5;
   }
 }
 
@@ -7684,6 +7943,12 @@ textarea {
     // background-color: @radio-color-background-disabled;
     cursor: not-allowed;
   }
+
+  &-text {
+    .ellipsis();
+    display: block;
+    line-height: 1.5;
+  }
 }
 
 
@@ -7708,14 +7973,14 @@ textarea {
 @radio-border-width:   var(~'@{radio-prefix}-radius-border-width',1px);
 
 // sizing
-@radio-circle-size:var(~'@{radio-prefix}-square-sizing-width-height',13px);//单选图标大小
+@radio-circle-size:var(~'@{radio-prefix}-square-sizing-width-height',14px);//单选图标大小
 @radio-square-height:  var(~'@{radio-prefix}-square-sizing-height',32px);//单选框 高度
 
 // spacing
 @radio-margin-right:   var(~'@{radio-prefix}-spacing-margin-right',8px);
-@radio-square-padding-vertical: var(~'@{radio-prefix}-square-spacing-padding-vertical',0px); //内间距 纵向
-@radio-square-padding-horizontal: var(~'@{radio-prefix}-square-spacing-padding-horizontal',20px);//内间距 横向   /单选框 宽度
-@radio-padding-left: var(~'@{radio-prefix}-spacing-padding-left',6px);//图标与文字间距
+@radio-square-padding-vertical: var(~'@{radio-prefix}-square-spacing-padding-vertical',6px); //内间距 纵向
+@radio-square-padding-horizontal: var(~'@{radio-prefix}-square-spacing-padding-horizontal',12px);//内间距 横向   /单选框 宽度
+@radio-padding-left: var(~'@{radio-prefix}-spacing-padding-left',4px);//图标与文字间距
 
 
 
@@ -7804,19 +8069,19 @@ textarea {
 @rate-prefix: '--@{kd-prefix}-c-rate';
 
 // color
-@rate-selected-color: var(~'@{rate-prefix}-color-text-selected', #fdc200);
-@rate-not-selected-color: var(~'@{rate-prefix}-color-text-not-selected', #d9d9d9);
+@rate-selected-color: var(~'@{rate-prefix}-color-text-selected', #FEC104); 
+@rate-not-selected-color: var(~'@{rate-prefix}-color-text-not-selected', #E5E5E5);
 
 // font
-@rate-small-font-size: var(~'@{rate-prefix}-font-size-small', @font-size-small);
-@rate-middle-font-size: var(~'@{rate-prefix}-font-size-middle', @font-size-middle);
-@rate-large-font-size: var(~'@{rate-prefix}-font-size-large', @font-size-large);
+@rate-small-font-size: var(~'@{rate-prefix}-font-size-small', 12px);
+@rate-middle-font-size: var(~'@{rate-prefix}-font-size-middle', 16px);
+@rate-large-font-size: var(~'@{rate-prefix}-font-size-large', 20px);
 
 // motion
 @rate-transition-duration: var(~'@{rate-prefix}-motion-duration', @duration-promptly);
 
 // spacing
-@rate-icon-margin: var(~'@{rate-prefix}-spacing-margin-right', 10px);
+@rate-icon-margin: var(~'@{rate-prefix}-spacing-margin-right', 8px);
 
 
 
@@ -8362,440 +8627,446 @@ textarea {
   50% {
     transform: scale(1.5, 1.5);
   }
-
-  100% {
-    transform: scale(1, 1);
+
+  100% {
+    transform: scale(1, 1);
+  }
+}
+
+
+
+@search-prefix: '--@{kd-prefix}-c-search';
+
+// sizing
+@search-icon-font-size: var(~'@{search-prefix}-icon-font-size', 16px);
+@search-small-width: var(~'@{search-prefix}-sizing-width-small', 200px);
+@search-middle-width: var(~'@{search-prefix}-sizing-width-middle', 260px);
+@search-large-width: var(~'@{search-prefix}-sizing-width-large', 320px);
+@quick-search-default-width: var(~'@{search-prefix}-sizing-width-default', 200px);
+@quick-search-default-height: var(~'@{search-prefix}-sizing-height-default', 24px);
+@quick-search-max-width: var(~'@{search-prefix}-sizing-width-max', 400px);
+@search-panel-width: var(~'@{search-prefix}-panel-sizing-width', 800px);
+@search-panel-height: var(~'@{search-prefix}-panel-sizing-height', 60px);
+@quick-search-dropdown-option-height: var(~'@{search-prefix}-dropdown-option-sizing-height', 32px);
+@search-sizing-border-width: var(~'@{search-prefix}-sizing-border-width', 1px);
+
+// color
+@search-icon-color: var(~'@{search-prefix}-icon-color', #B2B2B2);
+@search-color-theme: var(~'@{search-prefix}-color-theme', @color-theme);
+@search-hover-color: var(~'@{search-prefix}-color-hover', #5582F3);
+@quick-search-input-color: var(~'@{search-prefix}-input-color-text', @color-disabled);
+@quick-search-border-bottom-color: var(~'@{search-prefix}-color-border', @color-border-strong-2);
+@quick-search-dropdown-desc-color: var(~'@{search-prefix}-dropdown-desc-color-text', #999999);
+@quick-search-npl-border-color: var(~'@{search-prefix}-npl-color-border', #D8D8D8);
+@quick-search-selection-placeholder-color: var(~'@{search-prefix}-selection-placeholder-color-text', #B2B2B2);
+@search-panel-hover-color: var(~'@{search-prefix}-panel-color-hover', #597cfc);
+@search-panel-border-color: var(~'@{search-prefix}-panel-color-border', #E6E8ED);
+@search-end-color: var(~'@{search-prefix}-color-end', @color-end);
+@search-color-text-primary: var(~'@{search-prefix}-color-text-primary', @color-text-primary);
+@search-color-text-secondary: var(~'@{search-prefix}-color-text-secondary', @color-text-secondary);
+@search-color-text-third: var(~'@{search-prefix}-color-text-third', @color-text-third);
+@search-dot-color-first: var(~'@{search-prefix}-dot-color-first', @color-logo-1);
+@search-dot-color-second: var(~'@{search-prefix}-dot-color-second', @color-logo-2);
+@search-dot-color-third: var(~'@{search-prefix}-dot-color-third', @color-logo-3);
+@search-dot-color-fourth: var(~'@{search-prefix}-dot-color-fourth', @color-logo-4);
+@search-placeholder-color-text: var(~'@{search-prefix}-placeholder-color-text', #B2B2B2);
+@quick-search-selected-tags-del-hover-bg: var(~'@{search-prefix}-selected-tags-del-color-background-hover', #999999);
+@quick-search-dropdown-selected-bg: var(~'@{search-prefix}-dropdown-tags-color-background-selected', #F2F6FF);
+@quick-search-dropdown-hover-bg: var(~'@{search-prefix}-dropdown-color-background-hover', @color-hover);
+@search-panel-hover-bg: var(~'@{search-prefix}-panel-color-background-hover', #eef3fe);
+@search-color-background: var(~'@{search-prefix}-color-background', @color-background);
+@search-disabled-contain-bg: var(~'@{search-prefix}-color-background-contain-disabled', @color-background-contain-disabled);
+
+// font
+@quick-search-dropdown-font-size: var(~'@{search-prefix}-dropdown-font-size', 12px);
+@search-middle-font-size: var(~'@{search-prefix}-font-size-middle', @font-size-middle);
+@search-small-font-size: var(~'@{search-prefix}-font-size-small', @font-size-small);
+@search-placeholder-font-size: var(~'@{search-prefix}-placeholder-font-size', 12px);
+@search-dropdown-desc-font-size: var(~'@{search-prefix}-dropdown-desc-font-size', 12px);
+@search-input-font-size: var(~'@{search-prefix}-input-font-size', 12px);
+
+// spacing
+@quick-search-dropdown-option-padding-horizontal: var(~'@{search-prefix}-dropdown-option-spacing-padding-horizontal', 12px);
+
+// motion
+@search-transition-duration: var(~'@{search-prefix}-motion-duration', @duration-promptly);
+
+// radius
+@search-radius-size: var(~'@{search-prefix}-radius-border', @radius-border);
+
+
+
+
+@select-prefix-cls: ~'@{kd-prefix}-select';
+
+.@{select-prefix-cls} {
+  position: relative;
+  display: inline-block;
+  box-sizing: border-box;
+  background-color: transparent;
+  cursor: pointer;
+  margin: 0 8px 2px 0;
+  vertical-align: middle;
+
+  &-selector:hover {
+    .@{select-prefix-cls}-icon-active {
+      color: #3761ca;
+    }
+  }
+  &-visible {
+    .@{select-prefix-cls}-icon-active {
+      color: #3761ca;
+    }
+  }
+
+  &-icon {
+    &-arrow {
+      display: inline-flex;
+      align-items: center;
+      vertical-align: middle;
+      &-up {
+        transform: rotate(180deg);
+        transition: transform calc(@transition-duration - 0.1s) @ease;
+      }
+
+      &-down {
+        transform: rotate(0deg);
+        transition: transform calc(@transition-duration - 0.1s) @ease;
+      }
+
+      &-focus {
+        color: #3761ca;
+      }
+    }
+
+    &-clear {
+      opacity: 0;
+      transition: opacity 0.15s ease;
+      &:hover {
+        color: @select-g-color-border-hover;
+      }
+    }
+  }
+
+  &-selection-search {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 11px;
+    &-input {
+      opacity: 0;
+      margin: 0;
+      padding: 0;
+      background: 0 0;
+      border: none;
+      outline: none;
+      appearance: none;
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  &-focused {
+    .focusColor();
+    // border-bottom: 1px solid #5582F3 ;
+  }
+  &-placeholder {
+    color: @select-placeholder-color;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
+  &-borderless {
+    border: none;
+  }
+
+  &-underline {
+    border-bottom: 1px solid @select-g-color-border;
+    &:hover:not(.@{select-prefix-cls}-multiple-disabled):not(.@{select-prefix-cls}-single-disabled) {
+      border-bottom: 1px solid @select-g-color-border-hover;
+    }
+  }
+
+  &-bordered {
+    border: 1px solid @select-border-g-color-border;
+    padding-left: 8px !important;
+    border-radius: 2px;
+    &:hover:not(.@{select-prefix-cls}-multiple-disabled):not(.@{select-prefix-cls}-single-disabled) {
+      border: 1px solid @select-g-color-border-hover;
+    }
+
+    .@{select-prefix-cls}-suffix {
+      right: 10px;
+    }
+  }
+
+  &-wrapper {
+    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+    padding: 1px 28px 1px 0;
+    max-width: 100%;
+    color: #212121;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    cursor: pointer;
+    box-sizing: border-box;
+    overflow-y: auto;
+    overflow-x: hidden;
+  }
+
+  &-dropdown {
+    display: block;
+    left: 0;
+    z-index: @select-z-index;
+    box-sizing: border-box;
+    padding: 4px 0; // update
+    margin: 0;
+    overflow: auto;
+    font-size: @select-list-font-size; // update
+    font-variant: initial;
+    background-color: @select-dropdown-bg;
+    border-radius: @select-g-radius-border;
+    outline: none;
+    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
+
+    &-scroll {
+      overflow-y: auto;
+    }
+
+    &-empty {
+      padding: 5px 12px;
+    }
+
+    // 搜索框
+    &-search {
+      padding: 5px 6px;
+      &-hidden {
+        display: none;
+      }
+    }
+  }
+
+  // 下拉列表选项
+  &-item {
+    .item();
+    cursor: pointer;
+    transition: background 0.3s ease;
+
+    &-option {
+      display: flex;
+      min-width: 75px;
+
+      &-content {
+        display: flex;
+        align-items: center;
+        flex: auto;
+        .over();
+      }
+
+      &:hover:not(&-selected):not(&-disabled) {
+        background-color: @select-item-active-bg;
+      }
+
+      &-active:not(&-disabled) {
+        background-color: @select-item-active-bg;
+      }
+
+      &-selected:not(&-disabled) {
+        color: @select-item-selected-color;
+        // font-weight: @select-item-selected-font-weight;
+        background-color: @select-item-selected-bg;
+      }
+
+      &-disabled {
+        color: @select-g-item-text-color-disabled;
+        cursor: not-allowed;
+        background-color: @select-disabled-option-bg;
+      }
+    }
+  }
+
+  // 选择器框大小
+  &-size-small {
+    .select-input-size(@select-small-height, @select-small-height, @select-small-line-height, @select-small-font-size);
+  }
+
+  &-size-middle {
+    .select-input-size(@select-middle-height, @select-middle-height, @select-middle-line-height, @select-middle-font-size);
+  }
+
+  &-size-large {
+    .select-input-size(@select-large-height, @select-large-height, @select-large-line-height, @select-large-font-size);
+  }
+
+  &-suffix {
+    right: 0;
+    position: absolute;
+    display: flex;
+    flex: 0;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: center;
+    margin-left: 8px;
+  }
+  &-single {
+    &-focused {
+      .focusColor();
+    }
+    &-disabled {
+      background-color: @disabled-contain-bg;
+      color: @disabled-color;
+      &:hover {
+        cursor: not-allowed;
+      }
+    }
+    &:hover .@{select-prefix-cls}-icon-clear {
+      opacity: 1;
+    }
+    &-text {
+      color: #666;
+      .over();
+    }
+    &-disabled-text {
+      color: @disabled-color;
+    }
   }
-}
 
+  .@{select-prefix-cls}-selection-item {
+    // position: relative;
+    display: inline-flex;
+    box-sizing: border-box;
+    align-items: center;
+    vertical-align: middle;
+    max-width: 100%;
+    height: 20px;
+    line-height: 20px;
+    margin: 2px 8px 2px 0;
+    // margin: 2px 4px 2px 0;
+    // margin-right: 4px;
+    // padding-left: 8px;
+    // background: #fafafa;
+    // border: 1px solid #d9d9d9;
+    // border-radius: 2px;
+    cursor: default;
+    user-select: none;
+    &-small {
+      height: 18px;
+      line-height: 18px;
+      font-size: 12px;
+    }
 
+    &-middle {
+      font-size: 12px;
+      height: 18px;
+      line-height: 18px;
+    }
 
-@search-prefix: '--@{kd-prefix}-c-search';
+    &-large {
+      font-size: 14px;
+      line-height: 22px;
+      height: 22px;
+    }
 
-// sizing
-@search-icon-font-size: var(~'@{search-prefix}-icon-font-size', 16px);
-@search-small-width: var(~'@{search-prefix}-sizing-width-small', 200px);
-@search-middle-width: var(~'@{search-prefix}-sizing-width-middle', 260px);
-@search-large-width: var(~'@{search-prefix}-sizing-width-large', 320px);
-@quick-search-default-width: var(~'@{search-prefix}-sizing-width-default', 200px);
-@quick-search-default-height: var(~'@{search-prefix}-sizing-height-default', 24px);
-@quick-search-max-width: var(~'@{search-prefix}-sizing-width-max', 400px);
-@search-panel-width: var(~'@{search-prefix}-panel-sizing-width', 800px);
-@search-panel-height: var(~'@{search-prefix}-panel-sizing-height', 60px);
-@quick-search-dropdown-option-height: var(~'@{search-prefix}-dropdown-option-sizing-height', 32px);
-@search-sizing-border-width: var(~'@{search-prefix}-sizing-border-width', 1px);
+    &-content {
+      display: inline-flex;
+      align-items: center;
+      vertical-align: middle;
+      padding: 0 7px;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      border: 1px solid #ccc;
+      color: #212121;
+    }
+    // &-remove {
+    //   text-align: center;
+    //   text-transform: none;
+    //   display: inline-flex;
+    //   color: rgba(0, 0, 0, 0.45);
+    //   line-height: inherit;
+    //   cursor: pointer;
+    //   &:hover {
+    //     color: #212121;
+    //   }
+    // }
+    &-span {
+      position: relative;
+      margin-left: 0.5px;
+      box-sizing: border-box;
+    }
+    &-input {
+      // opacity: 0;
+      cursor: text;
+      margin: 0;
+      padding: 0;
+      background: 0 0;
+      border: none;
+      outline: none;
+      appearance: none;
+      width: 100%;
+      min-width: 20px;
+    }
+  }
 
-// color
-@search-icon-color: var(~'@{search-prefix}-icon-color', #B2B2B2);
-@search-color-theme: var(~'@{search-prefix}-color-theme', @color-theme);
-@search-hover-color: var(~'@{search-prefix}-color-hover', #5582F3);
-@quick-search-input-color: var(~'@{search-prefix}-input-color-text', @color-disabled);
-@quick-search-border-bottom-color: var(~'@{search-prefix}-color-border', @color-border-strong-2);
-@quick-search-dropdown-desc-color: var(~'@{search-prefix}-dropdown-desc-color-text', #999999);
-@quick-search-npl-border-color: var(~'@{search-prefix}-npl-color-border', #D8D8D8);
-@quick-search-selection-placeholder-color: var(~'@{search-prefix}-selection-placeholder-color-text', #B2B2B2);
-@search-panel-hover-color: var(~'@{search-prefix}-panel-color-hover', #597cfc);
-@search-panel-border-color: var(~'@{search-prefix}-panel-color-border', #E6E8ED);
-@search-end-color: var(~'@{search-prefix}-color-end', @color-end);
-@search-color-text-primary: var(~'@{search-prefix}-color-text-primary', @color-text-primary);
-@search-color-text-secondary: var(~'@{search-prefix}-color-text-secondary', @color-text-secondary);
-@search-color-text-third: var(~'@{search-prefix}-color-text-third', @color-text-third);
-@search-dot-color-first: var(~'@{search-prefix}-dot-color-first', @color-logo-1);
-@search-dot-color-second: var(~'@{search-prefix}-dot-color-second', @color-logo-2);
-@search-dot-color-third: var(~'@{search-prefix}-dot-color-third', @color-logo-3);
-@search-dot-color-fourth: var(~'@{search-prefix}-dot-color-fourth', @color-logo-4);
-@search-placeholder-color-text: var(~'@{search-prefix}-placeholder-color-text', #B2B2B2);
-@quick-search-selected-tags-del-hover-bg: var(~'@{search-prefix}-selected-tags-del-color-background-hover', #999999);
-@quick-search-dropdown-selected-bg: var(~'@{search-prefix}-dropdown-tags-color-background-selected', #F2F6FF);
-@quick-search-dropdown-hover-bg: var(~'@{search-prefix}-dropdown-color-background-hover', @color-hover);
-@search-panel-hover-bg: var(~'@{search-prefix}-panel-color-background-hover', #eef3fe);
-@search-color-background: var(~'@{search-prefix}-color-background', @color-background);
-@search-disabled-contain-bg: var(~'@{search-prefix}-color-background-contain-disabled', @color-background-contain-disabled);
+  // 多选
+  &-multiple {
+    &-disabled {
+      cursor: not-allowed;
+      background-color: @disabled-contain-bg;
+      color: @disabled-color;
+    }
+    &:hover .@{select-prefix-cls}-icon-clear {
+      opacity: 1;
+    }
+    &-selector {
+      position: relative;
+      cursor: text;
+      padding-right: 24px;
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+    }
+    .@{select-prefix-cls}-wrapper {
+      &:hover:not(.@{select-prefix-cls}-multiple-disabled) {
+        border-bottom: 1px solid @select-g-color-border-hover;
+      }
+    }
 
-// font
-@quick-search-dropdown-font-size: var(~'@{search-prefix}-dropdown-font-size', 12px);
-@search-middle-font-size: var(~'@{search-prefix}-font-size-middle', @font-size-middle);
-@search-small-font-size: var(~'@{search-prefix}-font-size-small', @font-size-small);
-@search-placeholder-font-size: var(~'@{search-prefix}-placeholder-font-size', 12px);
-@search-dropdown-desc-font-size: var(~'@{search-prefix}-dropdown-desc-font-size', 12px);
-@search-input-font-size: var(~'@{search-prefix}-input-font-size', 12px);
+    &-footer {
+      color: @select-font-color;
+      display: inline-flex;
+      align-items: center;
+      width: 100%;
+      padding: 0 12px;
+      height: 32px;
+      line-height: 32px;
+      border-top: 1px solid #d9d9d9;
+      box-sizing: border-box;
 
-// spacing
-@quick-search-dropdown-option-padding-horizontal: var(~'@{search-prefix}-dropdown-option-spacing-padding-horizontal', 12px);
+      &-hadSelected {
+        color: #999999;
+        padding-left: 12px;
+        > span {
+          color: @select-footer-g-text-color-selected;
+          padding: 0 2px;
+        }
+      }
+    }
+  }
+
+  &.topLeft.hidden,
+  &.bottomLeft.hidden,
+  &.topRight.hidden,
+  &.bottomRight.hidden {
+    opacity: 0;
+    visibility: hidden;
+    transition: all calc(@transition-duration - 0.1s) @ease;
+  }
+}
 
-// motion
-@search-transition-duration: var(~'@{search-prefix}-motion-duration', @duration-promptly);
 
-// radius
-@search-radius-size: var(~'@{search-prefix}-radius-border', @radius-border);
-
-
-
-
-@select-prefix-cls: ~'@{kd-prefix}-select';
-
-.@{select-prefix-cls} {
-  position: relative;
-  display: inline-block;
-  box-sizing: border-box;
-  background-color: transparent;
-  cursor: pointer;
-  margin: 0 8px 2px 0;
-  vertical-align: middle;
-
-  &-selector:hover {
-    .@{select-prefix-cls}-icon-active {
-      color: #3761ca;
-    }
-  }
-  &-visible {
-    .@{select-prefix-cls}-icon-active {
-      color: #3761ca;
-    }
-  }
-
-  &-icon {
-    &-arrow {
-      display: inline-flex;
-      align-items: center;
-      vertical-align: middle;
-      &-up {
-        transform: rotate(180deg);
-        transition: transform calc(@transition-duration - 0.1s) @ease;
-      }
-
-      &-down {
-        transform: rotate(0deg);
-        transition: transform calc(@transition-duration - 0.1s) @ease;
-      }
-
-      &-focus {
-        color: #3761ca;
-      }
-    }
-
-    &-clear {
-      opacity: 0;
-      transition: opacity 0.15s ease;
-      &:hover {
-        color: @select-g-color-border-hover;
-      }
-    }
-  }
-
-  &-selection-search {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 11px;
-    &-input {
-      opacity: 0;
-      margin: 0;
-      padding: 0;
-      background: 0 0;
-      border: none;
-      outline: none;
-      appearance: none;
-      &:hover {
-        cursor: pointer;
-      }
-    }
-  }
-
-  &-focused {
-    .focusColor();
-    // border-bottom: 1px solid #5582F3 ;
-  }
-  &-placeholder {
-    color: @select-placeholder-color;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }
-
-  &-borderless {
-    border: none;
-  }
-
-  &-underline {
-    border-bottom: 1px solid @select-g-color-border;
-    &:hover:not(.@{select-prefix-cls}-multiple-disabled):not(.@{select-prefix-cls}-single-disabled) {
-      border-bottom: 1px solid @select-g-color-border-hover;
-    }
-  }
-
-  &-bordered {
-    border: 1px solid @select-border-g-color-border;
-    padding-left: 8px !important;
-    border-radius: 2px;
-    &:hover:not(.@{select-prefix-cls}-multiple-disabled):not(.@{select-prefix-cls}-single-disabled) {
-      border: 1px solid @select-g-color-border-hover;
-    }
-  }
-
-  &-wrapper {
-    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-    padding: 1px 28px 1px 0;
-    max-width: 100%;
-    color: #212121;
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    cursor: pointer;
-    box-sizing: border-box;
-    overflow-y: auto;
-    overflow-x: hidden;
-  }
-
-  &-dropdown {
-    display: block;
-    left: 0;
-    z-index: @select-z-index;
-    box-sizing: border-box;
-    padding: 4px 0; // update
-    margin: 0;
-    overflow: auto;
-    font-size: @select-list-font-size; // update
-    font-variant: initial;
-    background-color: @select-dropdown-bg;
-    border-radius: @select-g-radius-border;
-    outline: none;
-    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
-
-    &-scroll {
-      overflow-y: auto;
-    }
-
-    &-empty {
-      padding: 5px 12px;
-    }
-
-    // 搜索框
-    &-search {
-      padding: 5px 6px;
-      &-hidden {
-        display: none;
-      }
-    }
-  }
-
-  // 下拉列表选项
-  &-item {
-    .item();
-    cursor: pointer;
-    transition: background 0.3s ease;
-
-    &-option {
-      display: flex;
-      min-width: 75px;
-
-      &-content {
-        flex: auto;
-        .over();
-      }
-
-      &:hover:not(&-selected):not(&-disabled) {
-        background-color: @select-item-active-bg;
-      }
-
-      &-active:not(&-disabled) {
-        background-color: @select-item-active-bg;
-      }
-
-      &-selected:not(&-disabled) {
-        color: @select-item-selected-color;
-        // font-weight: @select-item-selected-font-weight;
-        background-color: @select-item-selected-bg;
-      }
-
-      &-disabled {
-        color: @select-g-item-text-color-disabled;
-        cursor: not-allowed;
-        background-color: @select-disabled-option-bg;
-      }
-    }
-  }
-
-  // 选择器框大小
-  &-size-small {
-    .select-input-size(@select-small-height, @select-small-height, @select-small-line-height, @select-small-font-size);
-  }
-
-  &-size-middle {
-    .select-input-size(@select-middle-height, @select-middle-height, @select-middle-line-height, @select-middle-font-size);
-  }
-
-  &-size-large {
-    .select-input-size(@select-large-height, @select-large-height, @select-large-line-height, @select-large-font-size);
-  }
-
-  &-suffix {
-    right: 10px;
-    position: absolute;
-    display: flex;
-    flex: 0;
-    flex-wrap: wrap;
-    align-items: center;
-    justify-content: center;
-    margin-left: 4px;
-  }
-  &-single {
-    &-focused {
-      .focusColor();
-    }
-    &-disabled {
-      background-color: @disabled-contain-bg;
-      color: @disabled-color;
-      &:hover {
-        cursor: not-allowed;
-      }
-    }
-    &:hover .@{select-prefix-cls}-icon-clear {
-      opacity: 1;
-    }
-    &-text {
-      color: #666;
-      .over();
-    }
-    &-disabled-text {
-      color: @disabled-color;
-    }
-  }
-
-  .@{select-prefix-cls}-selection-item {
-    // position: relative;
-    display: inline-flex;
-    box-sizing: border-box;
-    align-items: center;
-    vertical-align: middle;
-    max-width: 100%;
-    height: 20px;
-    line-height: 20px;
-    margin: 2px 8px 2px 0;
-    // margin: 2px 4px 2px 0;
-    // margin-right: 4px;
-    // padding-left: 8px;
-    // background: #fafafa;
-    // border: 1px solid #d9d9d9;
-    // border-radius: 2px;
-    cursor: default;
-    user-select: none;
-    &-small {
-      height: 18px;
-      line-height: 18px;
-      font-size: 12px;
-    }
-
-    &-middle {
-      font-size: 12px;
-      height: 18px;
-      line-height: 18px;
-    }
-
-    &-large {
-      font-size: 14px;
-      line-height: 22px;
-      height: 22px;
-    }
-
-    &-content {
-      display: inline-flex;
-      align-items: center;
-      vertical-align: middle;
-      padding: 0 7px;
-      overflow: hidden;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-      border: 1px solid #ccc;
-      color: #212121;
-    }
-    // &-remove {
-    //   text-align: center;
-    //   text-transform: none;
-    //   display: inline-flex;
-    //   color: rgba(0, 0, 0, 0.45);
-    //   line-height: inherit;
-    //   cursor: pointer;
-    //   &:hover {
-    //     color: #212121;
-    //   }
-    // }
-    &-span {
-      position: relative;
-      margin-left: 0.5px;
-      box-sizing: border-box;
-    }
-    &-input {
-      // opacity: 0;
-      cursor: text;
-      margin: 0;
-      padding: 0;
-      background: 0 0;
-      border: none;
-      outline: none;
-      appearance: none;
-      width: 100%;
-      min-width: 20px;
-    }
-  }
-
-  // 多选
-  &-multiple {
-    &-disabled {
-      cursor: not-allowed;
-      background-color: @disabled-contain-bg;
-      color: @disabled-color;
-    }
-    &:hover .@{select-prefix-cls}-icon-clear {
-      opacity: 1;
-    }
-    &-selector {
-      position: relative;
-      cursor: text;
-      padding-right: 24px;
-      display: flex;
-      flex-wrap: wrap;
-      align-items: center;
-    }
-    .@{select-prefix-cls}-wrapper {
-      &:hover:not(.@{select-prefix-cls}-multiple-disabled) {
-        border-bottom: 1px solid @select-g-color-border-hover;
-      }
-    }
-
-    &-footer {
-      color: @select-font-color;
-      display: inline-flex;
-      align-items: center;
-      width: 100%;
-      padding: 0 12px;
-      height: 32px;
-      line-height: 32px;
-      border-top: 1px solid #d9d9d9;
-      box-sizing: border-box;
-
-      &-hadSelected {
-        color: #999999;
-        padding-left: 12px;
-        > span {
-          color: @select-footer-g-text-color-selected;
-          padding: 0 2px;
-        }
-      }
-    }
-  }
-
-  &.topLeft.hidden,
-  &.bottomLeft.hidden,
-  &.topRight.hidden,
-  &.bottomRight.hidden {
-    opacity: 0;
-    visibility: hidden;
-    transition: all calc(@transition-duration - 0.1s) @ease;
-  }
-}
-
-
 
 
 
@@ -8887,7 +9158,7 @@ textarea {
 // color
 @select-dropdown-bg: var(~'@{select-custom-prefix}-dropdown-color-background', @color-background);
 @select-disabled-option-bg: var(~'@{select-custom-prefix}-item-color-background-disabled', @color-background-contain-disabled);
-@select-item-active-bg: var(~'@{select-custom-prefix}-color-background', @color-hover);
+@select-item-active-bg: var(~'@{select-custom-prefix}-color-background', #f5f5f5);
 @select-item-selected-bg: var(~'@{select-custom-prefix}-color-background-selected', @color-theme-3);
 @select-g-color-border: var(~'@{select-custom-prefix}-color-border', @color-input);
 @select-g-color-border-foucs: var(~'@{select-custom-prefix}-color-border-foucs', @color-theme);
@@ -8896,7 +9167,7 @@ textarea {
 @select-placeholder-color: var(~'@{select-custom-prefix}-placeholder-color-text', @color-text-third);
 @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', @color-text-link);
+@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);
 
 // font
@@ -9721,7 +9992,7 @@ textarea {
 @stepper-icon-color: var(~'@{stepper-prefix}-icon-color', @color-text-secondary);
 @stepper-icon-color-hover: var(~'@{stepper-prefix}-icon-color-hover', @color-theme);
 @stepper-color-border-strong: var(~'@{stepper-prefix}-color-border-strong', @color-border-strong);
-@stepper-embed-icon-color-background: var(~'@{stepper-prefix}-embed-icon-color-background', #f6f7f9);
+@stepper-embed-icon-color-background: var(~'@{stepper-prefix}-embed-icon-color-background', transparent);
 
 // font
 @stepper-input-font-size: var(~'@{stepper-prefix}-input-font-size', 12px);
@@ -9743,16 +10014,19 @@ textarea {
 
 
 
-
 @steps-prefix-cls: ~'@{kd-prefix}-steps';
 
 .@{steps-prefix-cls} {
   display: flex;
   justify-content: space-between;
-  align-items: baseline;
 
-  &-iconSize {
-    // font-size: @steps-font-size;
+  .@{steps-prefix-cls}-icon {
+    border: 2px solid;
+    padding-top: 1px;
+  }
+
+  .@{kd-prefix}icon-exclamatory {
+    font-size: 30px;
   }
 
   &-item {
@@ -9773,25 +10047,21 @@ textarea {
     }
 
     &-clickable&-wait {
-
       .@{steps-prefix-cls}-icon,
       .@{steps-prefix-cls}-item-title {
         transition: all @steps-duration-promptly;
       }
 
-
       &:hover {
         .@{steps-prefix-cls}-icon {
-          // background-color: @steps-color-background-wait-icon-hover;
-
           background-color: @steps-color-white;
-          color: @steps-color-completed;
-          border: 2px solid @steps-color-completed;
+          color: @steps-color-hover;
+          border-color: @steps-color-hover;
         }
 
         .@{steps-prefix-cls}-item-title,
         .@{steps-prefix-cls}-item-description {
-          color: @steps-color-completed;
+          color: @steps-color-hover;
         }
       }
     }
@@ -9824,11 +10094,12 @@ textarea {
         content: '';
         width: 100%;
         height: @steps-line-sizing-height;
-        background-color: @steps-color-wait;
+        border-bottom: 1px dashed @steps-color-wait;
+        border-left: 1px dashed @steps-color-wait;
         position: absolute;
         left: 50%;
         top: calc(50% - @steps-line-sizing-height / 2);
-        transition: width @steps-duration-promptly @steps-transition-fn, background-color @steps-duration-promptly @steps-transition-fn
+        transition: width @steps-duration-promptly cubic-bezier(0.48, 0.04, 0.52, 0.96), background-color @steps-duration-promptly cubic-bezier(0.48, 0.04, 0.52, 0.96)
       }
 
       &:last-child {
@@ -9845,7 +10116,6 @@ textarea {
         justify-content: center;
         align-items: center;
 
-        // background-color:@steps-color-white;
         .@{steps-prefix-cls}-icon {
           width: @steps-icon-sizing-width;
           height: @steps-icon-sizing-width;
@@ -9856,7 +10126,7 @@ textarea {
           color: @steps-color-wait;
           font-size: calc(@steps-icon-sizing-width - 13px);
           border-radius: 50%;
-          border: 2px solid @steps-color-wait;
+          border-color: @steps-color-wait;
           box-sizing: border-box;
         }
       }
@@ -9877,7 +10147,6 @@ textarea {
       }
 
       .@{steps-prefix-cls}-item-description {
-
         line-height: 20px;
         font-size: @steps-font-size;
         color: @steps-color-wait;
@@ -9886,19 +10155,21 @@ textarea {
         word-break: break-word;
         display: -webkit-box;
         -webkit-box-orient: vertical;
-
         width: @steps-vertical-description-sizing-width;
-
       }
     }
 
     &-process {
+      color: @steps-color-hover;
+
       .@{steps-prefix-cls}-icon {
-        background-color: @steps-color-background-process-icon;
+        background-color: @steps-color-white;
+        color: @steps-color-hover;
+        border-color: @steps-color-hover;
       }
 
-      .@{steps-prefix-cls}-item-title {
-        color: @steps-color-wait;
+      .@{steps-prefix-cls}-item-title, .@{steps-prefix-cls}-item-description {
+        color: @steps-color-hover;
       }
     }
 
@@ -9914,12 +10185,11 @@ textarea {
       .@{steps-prefix-cls}-icon {
         background-color: @steps-color-white;
         color: @steps-color-completed;
-        border: 2px solid @steps-color-completed;
+        border-color: @steps-color-completed;
         box-sizing: border-box;
       }
 
       .@{steps-prefix-cls}-item-content {
-
         .@{steps-prefix-cls}-item-title,
         .@{steps-prefix-cls}-item-description {
           color: @steps-color-completed;
@@ -9927,31 +10197,22 @@ textarea {
       }
     }
 
-    &-iconContainer-finish {
-      &::after {
-        background-color: @steps-color-completed;
-      }
-    }
 
     &-error {
       .@{steps-prefix-cls}-icon {
         color: @steps-color-error;
-        border: 2px solid @steps-color-error;
+        border-color: @steps-color-error;
       }
 
       .@{steps-prefix-cls}-item-content {
-
         .@{steps-prefix-cls}-item-title,
         .@{steps-prefix-cls}-item-description {
           color: @steps-color-error;
         }
       }
-
-
     }
   }
 
-
   &-bottomLable {
     .@{steps-prefix-cls}-item-iconContainer {
       margin-bottom: 4px;
@@ -10029,26 +10290,23 @@ textarea {
 
 @steps-prefix: '--@{kd-prefix}-c-steps';
 
-@steps-duration-promptly: var(~'@{steps-prefix}-duration-promptly', @duration-promptly);
-@steps-transition-fn: cubic-bezier(0.48, 0.04, 0.52, 0.96);
-
-
-
 // color
-@steps-color-completed: var(~'@{steps-prefix}-color-completed', @color-theme);//已经完成
+@steps-color-completed: var(~'@{steps-prefix}-color-completed', @color-success);//已经完成
+@steps-color-hover: var(~'@{steps-prefix}-color-hover', @color-theme);
 @steps-color-error: var(~'@{steps-prefix}-color-error', @color-error);
-@steps-color-wait:  var(~'@{steps-prefix}-color-wait', @color-text-secondary);//未开始  等待
+@steps-color-wait:  var(~'@{steps-prefix}-color-wait', #999);//未开始  等待
 @steps-color-white: var(~'@{steps-prefix}-color-white',@color-white);
 @steps-color-background-process-icon: var(~'@{steps-prefix}-icon-color-background', @color-theme);//图标的颜色
 
-
 // font
 @steps-font-size: var(~'@{steps-prefix}-font-size', @font-size-small); // 文字大小
 
+// motion
+@steps-duration-promptly: var(~'@{steps-prefix}-motion-duration', @duration-promptly);
 
 // sizing
 @steps-icon-sizing-width: var(~'@{steps-prefix}-icon-sizing-width', 28px);//图标的大小
-@steps-line-sizing-height: var(~'@{steps-prefix}-line-sizing-height', 4px);//连接线高度
+@steps-line-sizing-height: var(~'@{steps-prefix}-line-sizing-height', 1px);//连接线高度
 @steps-horizontal-description-sizing-height: var(~'@{steps-prefix}-horizontal-description-sizing-height', 60px);//内容部分高度 横向
 @steps-vertical-description-sizing-width: var(~'@{steps-prefix}-vertical-description-sizing-width', 200px);//内容部分宽度    纵向
 
@@ -11797,7 +12055,7 @@ template {
   }
 
   &-disabled {
-    background-color: @switch-disabled-bg;
+    background-color: @switch-off-disabled-bg;
     cursor: not-allowed;
   }
 
@@ -11818,7 +12076,7 @@ template {
     }
 
     &.@{switch-prefix-cls}-disabled {
-      opacity: 0.5;
+      background-color: @switch-on-disabled-bg;
     }
 
     .@{switch-prefix-cls}-inner {
@@ -11890,11 +12148,11 @@ template {
 
 @switch-prefix: '--@{kd-prefix}-c-switch';
 
-
 // color
-@switch-on-color: var(~'@{switch-prefix}-color-on', @color-theme);
-@switch-off-color: var(~'@{switch-prefix}-color-off', #999);
-@switch-disabled-bg: var(~'@{switch-prefix}-color-background-disabled', @color-disabled);
+@switch-on-color: var(~'@{switch-prefix}-color-on', @color-theme-6);
+@switch-off-color: var(~'@{switch-prefix}-color-off', #B2B2B2);
+@switch-on-disabled-bg: var(~'@{switch-prefix}-color-on-background-disabled', @color-theme-4);
+@switch-off-disabled-bg: var(~'@{switch-prefix}-color-off-background-disabled', #D9D9D9);
 @switch-loading-color: var(~'@{switch-prefix}-color-loading', @color-ongoing);
 @switch-font-color: var(~'@{switch-prefix}-color-font', @color-white);
 
@@ -11903,19 +12161,16 @@ template {
 @switch-large-font-size: var(~'@{switch-prefix}-large-font-size', @font-size-small);
 @switch-inner-small-font-size: var(~'@{switch-prefix}-inner-font-size-small', @font-size-small);
 
-
 // line-height
 @switch-large-line-height: var(~'@{switch-prefix}-large-line-height', 20px);
 @switch-small-line-height: var(~'@{switch-prefix}-small-line-height', 14px);
 
-
 //radius
-@switch-small-border-radius: var(~'@{switch-prefix}-small-radius-border', 7px);
-
+@switch-small-border-radius: var(~'@{switch-prefix}-small-radius-border', 8px);
 
 // sizing
-@switch-small-height: var(~'@{switch-prefix}-small-sizing-height', 14px);
-@switch-small-min-width: var(~'@{switch-prefix}-small-sizing-width', 28px);
+@switch-small-height: var(~'@{switch-prefix}-small-sizing-height', 16px);
+@switch-small-min-width: var(~'@{switch-prefix}-small-sizing-width', 32px);
 @switch-large-height: var(~'@{switch-prefix}-large-sizing-height', 20px);
 @switch-large-min-width: var(~'@{switch-prefix}-large-sizing-width', 40px);
 @switch-large-border-radius: var(~'@{switch-prefix}-large-sizing-border-radius', 10px);
@@ -12418,7 +12673,7 @@ template {
   &-size-large {
     .tag-size(@tag-large-font-size, @tag-large-height, @tag-large-padding-horizontal);
   }
-  
+
   transition: all @tag-g-motion-duration;
   // 状态标签
   &-shape-status {
@@ -12442,16 +12697,6 @@ template {
   // 文本标签
   &-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} {
@@ -12476,13 +12721,13 @@ template {
     &: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;
     }
   }
 
@@ -12509,28 +12754,18 @@ template {
   }
   &-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;
@@ -12544,6 +12779,7 @@ template {
 }
 
 
+
 // code component mixin here
 .tag-size(@size, @height, @padding) {
   font-size: @size;
@@ -12573,19 +12809,6 @@ template {
   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;
-  }
 }
 
 
@@ -12605,7 +12828,7 @@ template {
 @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);