@kdcloudjs/kdesign 1.1.2 → 1.2.1

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);
+
 
 
 
@@ -1749,19 +1911,11 @@
   box-sizing: border-box;
   font-size: @checkbox-font-size;
   color: @checkbox-font-color;
-  height: @checkbox-middle-size-height;
+  line-height: 18px;
   &-no-child {
     height: @checkbox-default-input-height;
     width: @checkbox-default-input-width;
-  }
-  &-small {
-    height: @checkbox-small-size-height;
-  }
-  &-middle {
-    height: @checkbox-middle-size-height;
-  }
-  &-large {
-    height: @checkbox-large-size-height;
+    box-sizing: border-box;
   }
   &-group > *:not(:last-child) {
     margin-right: @checkbox-group-margin-right;
@@ -1789,7 +1943,7 @@
 .@{checkbox-prefix-cls}-square {
   border-radius: 2px;
   border: 1px solid @checkbox-border-color;
-  padding: @checkbox-square-padding;
+  padding: @checkbox-square-padding-horizontal @checkbox-square-padding-vertical;
   transition: color @checkbox-transition-duration, border-color @checkbox-transition-duration;
   &:not(&-disabled)::after {
     content: '';
@@ -1844,13 +1998,14 @@
     animation: kdZoomLeaveEffect calc(@checkbox-transition-duration - 0.1s) cubic-bezier(0,.4,.4,1);
   }
   &-triangle-disabled {
-    border-bottom-color: @checkbox-disabled-bg-color;
+    border-bottom-color: @checkbox-disabled-text-color;
   }
 
   &-disabled,
   &-disabled:hover {
     border-color: @checkbox-border-color;
-    color: @checkbox-font-color;
+    color: @checkbox-disabled-text-color;
+    background-color: @checkbox-disabled-bg-color;
     cursor: not-allowed !important;
   }
   &-checked {
@@ -1878,6 +2033,11 @@
     box-sizing: border-box;
     opacity: 0;
   }
+  &.checked {
+    .@{checkbox-prefix-cls}-children {
+      color: @checkbox-font-color;
+    }
+  }
 }
 
 .@{checkbox-prefix-cls}-default {
@@ -1893,7 +2053,7 @@
   &-disabled,
   &-disabled:hover,
   &-disabled:hover &-wrapper {
-    color: @checkbox-font-color;
+    color: @checkbox-disabled-text-color;
     border-color: @checkbox-border-color;
     cursor: not-allowed !important;
   }
@@ -1931,9 +2091,13 @@
     width: 100%;
   }
   &-checked-disabled {
-    background-color: @checkbox-disabled-bg-color !important;
-    border-color: @checkbox-disabled-bg-color !important;
+    background-color: @checkbox-default-disabled-color-bg !important;
+    border-color: @checkbox-default-disabled-color-border !important;
     cursor: not-allowed !important;
+
+    .@{checkbox-prefix-cls}-default-inner {
+      color: @checkbox-disabled-text-color;
+    }
   }
   &-checked {
     background-color: @checkbox-checked-border-color;
@@ -1967,64 +2131,68 @@
     position: absolute;
     top: 50%;
     left: 50%;
-    width: 8px;
-    height: 8px;
+    width: @checkbox-default-indeterminate-square;
+    height: @checkbox-default-indeterminate-square;
     background-color: @checkbox-checked-border-color;
     border: 0;
     transform: translate(-50%,-50%) scale(1);
     opacity: 1;
     content: " ";
   }
+  &.checked {
+    .@{checkbox-prefix-cls}-children {
+      color: @checkbox-font-color;
+    }
+  }
 }
 
 
 
 @checkbox-prefix: '--@{kd-prefix}-c-checkbox';
 
-// font-size
-@checkbox-font-size: var(~'@{checkbox-prefix}-font-size', @font-size-small); //默认字体大小
-@checkbox-default-input-icon-size: var(~'@{checkbox-prefix}-default-input-icon-font-size', 14px); // 勾选输入框勾勾图标大小
-@checkbox-square-input-icon-size: var(~'@{checkbox-prefix}-default-input-icon-font-size', 12px); // 边框类型三角内勾选输入框勾勾图标大小
-
 // colors
 @checkbox-color-theme: var(~'@{checkbox-prefix}-color-theme', @color-theme);
-@checkbox-font-color: var(~'@{checkbox-prefix}-color-text-primary', @color-text-primary);
-@checkbox-border-color: var(~'@{checkbox-prefix}-color-border', @color-border-strong);
-@checkbox-checked-border-color: var(~'@{checkbox-prefix}-color-border-active',  @color-theme);
-@checkbox-checked-font-color: var(~'@{checkbox-prefix}-color-text-hover',  @color-theme);
-@checkbox-default-input-icon-color: var(~'@{checkbox-prefix}-default-input-icon-color',  #fff); // 勾选输入框边勾勾图标颜色
-@checkbox-square-input-icon-color: var(~'@{checkbox-prefix}-square-input-icon-color',  #fff); // 边框类型三角内勾选输入框勾勾图标颜色
-@checkbox-bg-color: var(~'@{checkbox-prefix}-color-background',  @color-background);
-@checkbox-disabled-bg-color: var(~'@{checkbox-prefix}-color-background-disabled',  @color-disabled);
+@checkbox-font-color: var(~'@{checkbox-prefix}-color-text-primary', #212121);
+@checkbox-border-color: var(~'@{checkbox-prefix}-color-border', #d9d9d9);
+@checkbox-checked-border-color: var(~'@{checkbox-prefix}-color-border-active', @color-theme);
+@checkbox-checked-font-color: var(~'@{checkbox-prefix}-color-text-hover', @color-theme);
+@checkbox-default-input-icon-color: var(~'@{checkbox-prefix}-default-input-icon-color', #fff); // 勾选输入框边勾勾图标颜色
+@checkbox-square-input-icon-color: var(~'@{checkbox-prefix}-square-input-icon-color', #fff); // 边框类型三角内勾选输入框勾勾图标颜色
+@checkbox-bg-color: var(~'@{checkbox-prefix}-color-background', @color-background);
+@checkbox-disabled-bg-color: var(~'@{checkbox-prefix}-color-background-disabled', @color-background-contain-disabled);
+@checkbox-disabled-border-color: var(~'@{checkbox-prefix}-color-border-disabled', @color-border-disabled);
+@checkbox-disabled-text-color: var(~'@{checkbox-prefix}-color-text-disabled', @color-disabled);
+@checkbox-default-disabled-color-bg: var(~'@{checkbox-prefix}-default-color-background-disabled', #e5e5e5);
+@checkbox-default-disabled-color-border: var(~'@{checkbox-prefix}-default-color-background-disabled', #d9d9d9);
 
-// sizing
-@checkbox-small-size-height: var(~'@{checkbox-prefix}-sizing-height-small',  32px); // 小尺寸复选框
-@checkbox-middle-size-height: var(~'@{checkbox-prefix}-sizing-height-middle',  36px); // 中尺寸复选框
-@checkbox-large-size-height: var(~'@{checkbox-prefix}-sizing-height-large',  40px); // 大尺寸复选框
+// font
+@checkbox-font-size: var(~'@{checkbox-prefix}-font-size', @font-size-small); //默认字体大小
+@checkbox-default-input-icon-size: var(~'@{checkbox-prefix}-default-input-icon-font-size', 12px); // 勾选输入框勾勾图标大小
+@checkbox-square-input-icon-size: var(~'@{checkbox-prefix}-default-input-icon-font-size', 12px); // 边框类型三角内勾选输入框勾勾图标大小
 
-// @checkbox-border-width: 1px; // 边框类型边框大小
-@checkbox-border-width: var(~'@{checkbox-prefix}-border-width',  1px); // 边框类型边框大小
+// motion
+@checkbox-transition-duration: var(~'@{checkbox-prefix}-motion-duration', @duration-promptly);
 
-@checkbox-default-input-height: var(~'@{checkbox-prefix}-default-input-sizing-height',  16px); // 勾选输入框高度
-@checkbox-default-input-width: var(~'@{checkbox-prefix}-default-input-sizing-width',  16px); // 勾选输入框宽度
+// radius
+@checkbox-default-input-border-radius: var(~'@{checkbox-prefix}-default-input-radius-border', 2px); // 勾选输入框圆角
 
-// @checkbox-default-input-border-width: 1px; // 勾选输入框边框大小
-@checkbox-default-input-border-width: var(~'@{checkbox-prefix}-default-input-border-width',  1px); // 勾选输入框边框大小 不需要
+// sizing
+@checkbox-border-width: var(~'@{checkbox-prefix}-border-width', 1px); // 边框类型边框大小
+@checkbox-default-input-height: var(~'@{checkbox-prefix}-default-input-sizing-height', 14px); // 勾选输入框高度
+@checkbox-default-input-width: var(~'@{checkbox-prefix}-default-input-sizing-width', 14px); // 勾选输入框宽度
+@checkbox-default-input-border-width: var(~'@{checkbox-prefix}-default-input-border-width', 1px); // 勾选输入框边框大小 不需要
+@checkbox-square-triangle-height: var(~'@{checkbox-prefix}-square-triangle-sizing-height', 18px); // 边框类型右下角三角高度
+@checkbox-square-triangle-width: var(~'@{checkbox-prefix}-square-triangle-sizing-width', 18px); // 边框类型右下角三角宽度
+@checkbox-default-indeterminate-square: var(~'@{checkbox-prefix}-default-indeterminate-sizing-square', 6px); // 半选框的大小
 
-@checkbox-square-triangle-height: var(~'@{checkbox-prefix}-square-triangle-sizing-height',  18px); // 边框类型右下角三角高度
-@checkbox-square-triangle-width: var(~'@{checkbox-prefix}-square-triangle-sizing-width',  18px); // 边框类型右下角三角宽度
 
 // spacing
-@checkbox-group-margin-right: var(~'@{checkbox-prefix}-group-spacing-margin-right',  8px); // 按钮组的间距
-@checkbox-default-padding: var(~'@{checkbox-prefix}-default-spacing-padding',  0); // 默认类型复选框内边距
-@checkbox-default-input-margin-right: var(~'@{checkbox-prefix}-default-input-spacing-margin-right',  8px); // 勾选输入框与右侧内容间距
-@checkbox-square-padding: var(~'@{checkbox-prefix}-square-spacing-padding',  0 20px); // 边框类型内边距
-
-// radius
-@checkbox-default-input-border-radius: var(~'@{checkbox-prefix}-default-input-radius-border',  2px); // 勾选输入框圆角
+@checkbox-group-margin-right: var(~'@{checkbox-prefix}-group-spacing-margin-right', 12px); // 按钮组的间距
+@checkbox-default-padding: var(~'@{checkbox-prefix}-default-spacing-padding', 0); // 默认类型复选框内边距
+@checkbox-default-input-margin-right: var(~'@{checkbox-prefix}-default-input-spacing-margin-right', 4px); // 勾选输入框与右侧内容间距
+@checkbox-square-padding-horizontal: var(~'@{checkbox-prefix}-square-spacing-padding-horizontal', 7px); // 边框类型内边距
+@checkbox-square-padding-vertical: var(~'@{checkbox-prefix}-square-spacing-padding-vertical', 12px); // 边框类型内边距
 
-// motion
-@checkbox-transition-duration: var(~'@{checkbox-prefix}-motion-duration', @duration-promptly);
 
 
 
@@ -2368,11 +2536,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 {
@@ -2381,10 +2561,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 {
@@ -2432,29 +2623,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);
+
 
 
 
@@ -4219,7 +4412,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;
 
     >* {
@@ -4236,7 +4429,7 @@
 }
 
 .@{image-preview-prefix-cls} {
-  z-index: @image-z-index-masker;
+  z-index: 3000;
   position: fixed;
   top: 0;
   right: 0;
@@ -4245,14 +4438,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 {
@@ -4282,7 +4475,7 @@
 
     &:hover,
     &:active {
-      color: @theme-color;
+      color: #5582f3;
     }
   }
 
@@ -4404,34 +4597,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);
 
 
 
@@ -4819,12 +4999,13 @@ textarea {
 	&-disabled {
 		background-color: @input-background-color-disabled-inner;
 		border-color: @input-border-color-disabled-inner;
-		color: @input-color-disabled-inner;
+    color: @input-affix-color;
 		cursor: not-allowed;
 	}
 	&-underline&-disabled {
+    color: @input-color-disabled-inner;
 		background-color: @input-background-color-inner;
-		border-color: @input-border-color-disabled-inner;
+		border-color: @input-underline-border-color-disabled-inner;
 	}
 	&-size-small {
 		.input-size(@input-small-height-inner, @input-small-font-size-inner, @input-small-padding-vertical-inner, @input-small-padding-horizontal-inner);
@@ -4854,6 +5035,7 @@ textarea {
 				align-items: center;
 				justify-content: center;
 				word-break: keep-all;
+        color: @input-affix-color;
 			}
 			&-suffix {
 				margin-left: 4px;
@@ -4942,7 +5124,7 @@ textarea {
 				}
 				.@{input-prefix-cls}-group-addon {
 					position: relative;
-					color: @input-font-color-inner;
+					color: @input-affix-color;
 					padding: 0 9px;
 					font-weight: 400;
 					font-size: 14px;
@@ -4974,7 +5156,6 @@ textarea {
 					&-disabled {
 						background-color: @input-background-color-disabled-inner;
 						border-color: @input-border-color-disabled-inner;
-						color: @input-color-disabled-inner;
 						cursor: not-allowed;
 					}
 				}
@@ -5066,6 +5247,7 @@ textarea {
   border: none;
   border-bottom: 1px solid @input-color-border;
   border-radius: 0 !important;
+  padding-left: 0;
 }
 
 
@@ -5074,40 +5256,43 @@ textarea {
 
 
 // color
-@input-font-color-inner: var(~'@{input-prefix}-color', @color-text-secondary);
-@input-placeholder-color-inner: var(~'@{input-prefix}-color-placeholder', @color-text-third);
+@input-font-color-inner: var(~'@{input-prefix}-color-text', @color-text-primary);
+@input-placeholder-color-inner: var(~'@{input-prefix}-placeholder-color-text', @color-text-placeholder);
 @input-color-border: var(~'@{input-prefix}-color-border', #999);
 @input-background-color-inner: var(~'@{input-prefix}-color-background', @color-white);
 @input-background-color-disabled-inner: var(~'@{input-prefix}-color-background-disabled', @color-background-contain-disabled);
 @input-border-color-focused: var(~'@{input-prefix}-color-border-focused', @color-theme);
 @input-border-color-disabled-inner: var(~'@{input-prefix}-color-border-disabled', @color-border-strong);
+@input-underline-border-color-disabled-inner: var(~'@{input-prefix}-underline-color-border-disabled', @color-border-weak);
 @input-color-disabled-inner: var(~'@{input-prefix}-color-disabled', @color-disabled);
+@input-affix-color: var(~'@{input-prefix}-affix-color-text', @color-text-primary);
 
-// sizing
-@input-small-height-inner: var(~'@{input-prefix}-small-sizing-height', 20px);
-@input-middle-height-inner: var(~'@{input-prefix}-middle-sizing-height', 30px);
-@input-large-height-inner: var(~'@{input-prefix}-large-sizing-height', 36px);
-@input-border-width-inner: var(~'@{input-prefix}-sizing-border', 1px);
-
-// spacing
-@input-small-padding-vertical-inner: var(~'@{input-prefix}-small-spacing-padding-vertical', 3px);
-@input-small-padding-horizontal-inner: var(~'@{input-prefix}-small-spacing-padding-horizontal', 9px);
-@input-middle-padding-vertical-inner: var(~'@{input-prefix}-middle-spacing-padding-vertical', 5px);
-@input-middle-padding-horizontal-inner: var(~'@{input-prefix}-middle-spacing-padding-horizontal', 9px);
-@input-large-padding-vertical-inner: var(~'@{input-prefix}-large-spacing-padding-vertical', 8px);
-@input-large-padding-horizontal-inner: var(~'@{input-prefix}-large-spacing-padding-horizontal', 9px);
+// font
+@input-small-font-size-inner: var(~'@{input-prefix}-font-size-small', @font-size-small);
+@input-middle-font-size-inner: var(~'@{input-prefix}-font-size-middle', @font-size-middle);
+@input-large-font-size-inner: var(~'@{input-prefix}-font-size-large', @font-size-large);
 
 // motion
 @transition-duration-inner: var(~'@{input-prefix}-motion-duration', @duration-promptly);
 
-// font
-@input-small-font-size-inner: var(~'@{input-prefix}-small-font-size', @font-size-small);
-@input-middle-font-size-inner: var(~'@{input-prefix}-middle-font-size', @font-size-middle);
-@input-large-font-size-inner: var(~'@{input-prefix}-large-font-size', @font-size-large);
-
 // radius
 @input-border-radius-inner: var(~'@{input-prefix}-radius-border', @radius-border);
 
+// sizing
+@input-small-height-inner: var(~'@{input-prefix}-sizing-height-small', 20px);
+@input-middle-height-inner: var(~'@{input-prefix}-sizing-height-middle', 30px);
+@input-large-height-inner: var(~'@{input-prefix}-sizing-height-large', 36px);
+@input-border-width-inner: var(~'@{input-prefix}-sizing-border', 1px);
+
+// spacing
+@input-small-padding-vertical-inner: var(~'@{input-prefix}-spacing-padding-vertical-small', 3px);
+@input-small-padding-horizontal-inner: var(~'@{input-prefix}-spacing-padding-horizontal-small', 9px);
+@input-middle-padding-vertical-inner: var(~'@{input-prefix}-spacing-padding-vertical-middle', 5px);
+@input-middle-padding-horizontal-inner: var(~'@{input-prefix}-spacing-padding-horizontal-middle', 9px);
+@input-large-padding-vertical-inner: var(~'@{input-prefix}-spacing-padding-vertical-large', 8px);
+@input-large-padding-horizontal-inner: var(~'@{input-prefix}-spacing-padding-horizontal-large', 9px);
+
+
 
 
 
@@ -5300,7 +5485,7 @@ textarea {
       padding: 0 16px;
       color: @layout-trigger-color;
       height: @layout-trigger-height;
-      line-height: calc(@layout-trigger-height - 2px);
+      line-height: calc(@layout-trigger-height - 4px);
       font-size: 20px;
       background: @layout-trigger-background;
       cursor: pointer;
@@ -5386,16 +5571,17 @@ textarea {
 @layout-trigger-background-light: var(~'@{layout-custom-prefix}-trigger-color-background-light', @color-background);
 @layout-trigger-color-light: var(~'@{layout-custom-prefix}-trigger-color-text-light', @color-text-primary);
 
-// spacing
-@layout-header-padding: var(~'@{layout-custom-prefix}-header-spacing-padding', 0 20px 0 35px);
-@layout-footer-padding: var(~'@{layout-custom-prefix}-footer-spacing-padding', 24px 50px);
-
 // sizing
 @layout-header-height: var(~'@{layout-custom-prefix}-header-sizing-height', 52px);
 @layout-trigger-height: var(~'@{layout-custom-prefix}-trigger-sizing-height', 50px);
 @layout-zero-trigger-width: var(~'@{layout-custom-prefix}-trigger-sizing-width', 36px);
 @layout-zero-trigger-height: var(~'@{layout-custom-prefix}-trigger-sizing-height', 42px);
 
+// spacing
+@layout-header-padding: var(~'@{layout-custom-prefix}-header-spacing-padding', 0 20px 0 35px);
+@layout-footer-padding: var(~'@{layout-custom-prefix}-footer-spacing-padding', 24px 50px);
+
+
 
 
 @wrapper-prefix-cls: ~'@{kd-prefix}-link-wrapper';
@@ -5561,6 +5747,7 @@ textarea {
 
   &-collapsed {
     width: 50px;
+    min-width: auto;
   }
 
   &-light {
@@ -5713,6 +5900,19 @@ textarea {
   }
 }
 
+.@{menu-prefix-cls}-dark {
+  .@{submenu-prefix-cls}-sub {
+    background: @menu-sub-inline-color-background;
+  }
+
+  .@{submenu-prefix-cls}-sub-second,.@{submenu-prefix-cls}-sub-third  {
+    background: @menu-sub-color-background;
+  }
+}
+
+
+
+
 
 
 // 菜单默认样式
@@ -5720,6 +5920,7 @@ textarea {
   position: relative;
   width: 100%;
   height: 100%;
+  min-width: 138px;
   background-color: @menu-color-background;
   color: @menu-sub-color;
 }
@@ -5793,7 +5994,6 @@ textarea {
 .light-hover {
   background-color: @menu-light-color-background;
   color: @menu-light-color-hover;
-  border-right: 2px solid @menu-light-color-active;
 }
 
 .light-default {
@@ -5815,32 +6015,29 @@ textarea {
 
 @menu-prefix: '--@{kd-prefix}-c-menu';
 
-// shadow
 // color
 @menu-color-disabled: var(~'@{menu-prefix}-color-disabled', @color-disabled);
-@menu-sub-color: var(~'@{menu-prefix}-sub-color', rgba(255, 255, 255, 0.65));
-@menu-sub-color-hover: var(~'@{menu-prefix}-sub-color-hover', @color-white);
-@menu-sub-color-active: var(~'@{menu-prefix}-sub-color-active', @color-theme);
-@menu-sub-color-background: var(~'@{menu-prefix}-sub-color-background', #21242d);
+@menu-sub-color: var(~'@{menu-prefix}-sub-color-text', rgba(255, 255, 255, 0.65));
+@menu-sub-color-hover: var(~'@{menu-prefix}-sub-color-text-hover', @color-white);
+@menu-sub-color-active: var(~'@{menu-prefix}-sub-color-text-active', @color-white);
+@menu-sub-color-background: var(~'@{menu-prefix}-sub-color-background', #121319);
+@menu-sub-inline-color-background: var(~'@{menu-prefix}-sub-inline-color-background', #1f212b);
 @menu-inline-color-active: var(~'@{menu-prefix}-inline-color-active', @color-white);
 @menu-color-background: var(~'@{menu-prefix}-color-background', #343848);
-
-@menu-light-color: var(~'@{menu-prefix}-light-color', @color-text-primary);
-@menu-light-color-hover: var(~'@{menu-prefix}-light-color-hover', @color-ongoing);
-@menu-light-color-active: var(~'@{menu-prefix}-light-color-active', @color-theme);
+@menu-light-color: var(~'@{menu-prefix}-light-color-text', @color-text-primary);
+@menu-light-color-hover: var(~'@{menu-prefix}-light-color-text-hover', @color-ongoing);
+@menu-light-color-active: var(~'@{menu-prefix}-light-color-text-active', @color-theme);
 @menu-light-color-background: var(~'@{menu-prefix}-light-color-background', @color-background-ongoing);
 
-// sizing
-@menu-item-height: var(~'@{menu-prefix}-item-sizing-height', 50px);
-// spacing
+// font
+@menu-icon-font-size: var(~'@{menu-prefix}-icon-font-size', @font-size-xx-large);
+
 // motion
 @menu-motion-duration: var(~'@{menu-prefix}-motion-duration', @duration-promptly);
 
-// font
-@menu-icon-font-size: var(~'@{menu-prefix}-icon-font-size', @font-size-xx-large);
+// sizing
+@menu-item-height: var(~'@{menu-prefix}-item-sizing-height', 50px);
 
-// radius
-// line-height
 // z-index
 @menu-z-index: var(~'@{menu-prefix}-z-index', @z-index-dialog);
 
@@ -6378,6 +6575,7 @@ textarea {
 
 
 @pagination-prefix-cls: ~'@{kd-prefix}-pagination';
+@dropdown-prefix-cls: ~'@{kd-prefix}-dropdown';
 @pagination-action-prefix-cls: ~'@{pagination-prefix-cls}-action';
 @pagination-selector-prefix-cls: ~'@{pagination-prefix-cls}-selector';
 @pagination-pages-prefix-cls: ~'@{pagination-prefix-cls}-pages';
@@ -6397,11 +6595,11 @@ textarea {
 
   .@{pagination-prefix-cls}-current {
     display: inline-block;
-    margin-right: 15px;
+    margin-right: 12px;
     vertical-align: middle;
     .@{pagination-prefix-cls}-current-input {
       box-sizing: border-box;
-      width: 32px;
+      width: 44px;
       height: @pagination-size;
       margin: 0 3px;
       padding: 0;
@@ -6421,7 +6619,7 @@ textarea {
       }
 
       &:disabled {
-        color: @color-disabled;
+        color: @pagination-disabled-color;
         border: @pagination-border-size solid @pagination-border-disabled-color;
         background: @pagination-button-disabled-background-color;
         cursor: not-allowed;
@@ -6482,7 +6680,7 @@ textarea {
           cursor: not-allowed;
 
           i {
-            color: @pagination-icon-disabled-color;
+            color: @pagination-disabled-color;
           }
         }
 
@@ -6516,6 +6714,7 @@ textarea {
     .@{pagination-selector-prefix-cls}-size {
       box-sizing: border-box;
       display: inline-block;
+      padding: 0;
       line-height: @pagination-size;
       font-size: @pagination-font-size;
       color: @color-text-primary;
@@ -6535,21 +6734,34 @@ textarea {
       &.disabled,
       &.disabled > i {
         cursor: not-allowed;
-        color: @color-border-disabled;
+        color: @pagination-disabled-color;
       }
 
       i {
-        margin-left: 5px;
+        margin-left: 4px;
         line-height: @pagination-size;
         font-size: @pagination-icon-size;
         color: @pagination-text-color;
       }
     }
+
+    .@{dropdown-prefix-cls}-menu-item {
+      text-align: right;
+      padding-right: @pagination-dropdown-item-spacing-horizontal;
+      padding-left: @pagination-dropdown-item-spacing-horizontal;
+
+      span {
+        white-space: nowrap;
+      }
+    }
   }
 
   // 简化版分页
   &.simple {
-    display: inline-block;
+    display: inline-flex;
+    justify-content: space-around;
+    align-items: center;
+    height: @pagination-size;
     border-radius: @radius-border;
     border: @pagination-border-size solid transparent;
 
@@ -6568,15 +6780,17 @@ textarea {
     }
 
     &.disabled > .@{pagination-prefix-cls}-item {
-      color: @color-border-disabled;
+      color: @pagination-disabled-color;
     }
 
     .@{pagination-prefix-cls}-item {
       .reset-component;
       display: inline-block;
+      height: @pagination-size;
+      overflow: hidden;
+      margin: 0 8px;
       vertical-align: middle;
       color: @color-text-primary;
-      margin: 0 18px;
 
       &:first-child,
       &:last-child {
@@ -6591,7 +6805,7 @@ textarea {
           margin: 0;
 
           &:disabled {
-            color: @color-disabled;
+            color: @pagination-disabled-color;
             cursor: not-allowed;
           }
         }
@@ -6618,7 +6832,7 @@ textarea {
         &:hover,
         &:active {
           &:not(:disabled) {
-            border-color: @pagination-border-hover-color
+            border-color: @pagination-border-hover-color;
           }
 
           i {
@@ -6630,7 +6844,7 @@ textarea {
           cursor: not-allowed;
 
           i {
-            color: @pagination-icon-disabled-color;
+            color: @pagination-disabled-color;
           }
         }
 
@@ -6693,7 +6907,7 @@ textarea {
               border-color: @pagination-border-hover-color;
 
               &:disabled {
-                border-color: @pagination-border-disabled-color
+                border-color: @pagination-border-disabled-color;
               }
             }
           }
@@ -6714,7 +6928,7 @@ textarea {
 
           &:disabled {
             cursor: not-allowed;
-            color: @color-disabled;
+            color: @pagination-disabled-color;
           }
         }
       }
@@ -6752,11 +6966,8 @@ textarea {
           background-color: @color-background-contain;
         }
 
-        &:hover,
-        &:active,
         &.active,
-        &:first-child,
-        &:last-child {
+        &:hover {
           button {
             color: @color-theme;
 
@@ -6769,16 +6980,16 @@ textarea {
         &:first-child,
         &:last-child {
           button {
-            width: @pagination-nicety-size;
+            width: @pagination-size;
             padding: 0;
-            line-height: calc(@pagination-nicety-size - 2px);
+            line-height: calc(@pagination-size - 2px);
           }
         }
 
         button {
           .reset-component;
-          min-width: @pagination-nicety-size;
-          height: @pagination-nicety-size;
+          min-width: @pagination-size;
+          height: @pagination-size;
           padding: 0 6px;
           cursor: pointer;
           outline: none;
@@ -6791,7 +7002,11 @@ textarea {
 
           &:disabled {
             cursor: not-allowed;
-            color: @color-disabled;
+            color: @pagination-disabled-color;
+          }
+
+          > i {
+            font-size: 16px;
           }
 
           .@{pagination-pages-prefix-cls}-jumper-icon {
@@ -6802,7 +7017,7 @@ textarea {
             width: 100%;
             height: 100%;
             color: @color-theme;
-            line-height: @pagination-nicety-size;
+            line-height: @pagination-size;
             background-color: @color-background;
             transition: opacity @duration-promptly;
           }
@@ -6812,13 +7027,13 @@ textarea {
 
     .@{pagination-jumper-prefix-cls} {
       display: inline-block;
-      margin-left: 12px;
+      margin-left: 4px;
       vertical-align: middle;
 
       .@{pagination-jumper-prefix-cls}-input {
         box-sizing: border-box;
-        width: 48px;
-        height: @pagination-nicety-size;
+        width: 40px;
+        height: @pagination-size;
         padding: 0;
         outline: none;
         text-align: center;
@@ -6836,7 +7051,7 @@ textarea {
         }
 
         &:disabled {
-          color: @color-disabled;
+          color: @pagination-disabled-color;
           border: @pagination-border-size solid @pagination-border-disabled-color;
           background: @pagination-button-disabled-background-color;
           cursor: not-allowed;
@@ -6845,14 +7060,14 @@ textarea {
 
       .@{pagination-jumper-prefix-cls}-button {
         .reset-component;
-        width: @pagination-nicety-size;
-        height: @pagination-nicety-size;
+        width: @pagination-size;
+        height: @pagination-size;
         margin-left: @pagination-button-spacing;
-        line-height: @pagination-nicety-size;
+        line-height: @pagination-size;
         vertical-align: top;
         cursor: pointer;
         outline: none;
-        color: @color-theme;
+        color: @color-text-primary;
         font-size: @pagination-font-size;
         border-radius: @radius-border;
         border: @pagination-border-size solid @color-border-strong;
@@ -6860,8 +7075,8 @@ textarea {
         transition: border-color @duration-promptly;
 
         &:hover,
-        &:active,
-        &.active {
+        &:active {
+          color: @color-theme;
           border-color: @pagination-border-hover-color;
 
           &:disabled {
@@ -6870,7 +7085,7 @@ textarea {
         }
 
         &:disabled {
-          color: @color-disabled;
+          color: @pagination-disabled-color;
           cursor: not-allowed;
         }
       }
@@ -6880,9 +7095,9 @@ textarea {
       .reset-component;
       position: relative;
       display: inline-block;
-      margin-left: 40px;
+      margin-left: 22px;
       outline: none;
-      height: @pagination-nicety-size;
+      height: @pagination-size;
       color: @color-text-primary;
       vertical-align: middle;
 
@@ -6890,11 +7105,11 @@ textarea {
         position: relative;
         box-sizing: border-box;
         display: inline-block;
-        width: 67px;
-        height: @pagination-nicety-size;
+        min-width: 64px;
+        height: @pagination-size;
         margin-right: 8px;
-        padding: 0 8px;
-        line-height: @pagination-nicety-size;
+        padding: 0 24px 0 4px;
+        line-height: @pagination-size;
         font-size: @pagination-font-size;
         color: @color-text-primary;
         text-align: left;
@@ -6917,7 +7132,7 @@ textarea {
         &.disabled,
         &.disabled > i {
           cursor: not-allowed;
-          color: @color-border-disabled;
+          color: @pagination-disabled-color;
         }
 
         i {
@@ -6929,7 +7144,7 @@ textarea {
           color: @pagination-hover-color;
           transform: translateY(-50%);
         }
-        
+
         .@{pagination-prefix-cls}-dropdown-icon-open {
           transform: rotate(180deg) translateY(50%);
         }
@@ -6951,11 +7166,10 @@ textarea {
 // color
 @pagination-text-color: var(~'@{pagination-custom-prefix}-text-color', @color-text-secondary);
 @pagination-hover-color: var(~'@{pagination-custom-prefix}-color-text-hover', @color-theme);
-@pagination-disabled-color: var(~'@{pagination-custom-prefix}-color-text-disabled', @color-border-disabled);
 @pagination-icon-color: var(~'@{pagination-custom-prefix}-button-color', @color-text-secondary);
-@pagination-icon-disabled-color: var(~'@{pagination-custom-prefix}-button-color-disabled', @color-border-disabled);
+@pagination-disabled-color: var(~'@{pagination-custom-prefix}-color-disabled', @color-disabled);
 @pagination-border-color: var(~'@{pagination-custom-prefix}-color-border', @color-border-strong);
-@pagination-border-hover-color: var(~'@{pagination-custom-prefix}-color-border-hover', @color-theme);
+@pagination-border-hover-color: var(~'@{pagination-custom-prefix}-color-border-hover', @color-theme-7);
 @pagination-border-disabled-color: var(~'@{pagination-custom-prefix}-color-border-disabled', @color-border-strong);
 @pagination-button-disabled-background-color: var(~'@{pagination-custom-prefix}-button-color-background-disabled', @color-background-contain-disabled);
 
@@ -6963,13 +7177,14 @@ textarea {
 @pagination-font-size: var(~'@{pagination-custom-prefix}-font-size', @font-size-small);
 @pagination-icon-size: var(~'@{pagination-custom-prefix}-icon-font-size', @font-size-large);
 
+
 // sizing
 @pagination-size: var(~'@{pagination-custom-prefix}-sizing-square', 24px);
-@pagination-nicety-size: var(~'@{pagination-custom-prefix}-nicety-sizing-square', 30px);
 @pagination-border-size: var(~'@{pagination-custom-prefix}-sizing-border-width', 1px);
 
 // spacing
 @pagination-button-spacing: var(~'@{pagination-custom-prefix}-button-spacing', 4px);
+@pagination-dropdown-item-spacing-horizontal: var(~'@{pagination-custom-prefix}-dropdown-item-spacing-padding-horizontal', 24px);
 
 
 
@@ -7319,6 +7534,7 @@ textarea {
 
 
 
+
 @radio-prefix-cls: ~'@{kd-prefix}-radio';
 @radio-square-prefix-cls: ~'@{radio-prefix-cls}-square';
 @radio-button-prefix-cls: ~'@{radio-prefix-cls}-button';
@@ -7328,6 +7544,7 @@ textarea {
 // 默认类型（单选项）
 .@{radio-prefix-cls} {
   .reset-component();
+  .ellipsis();
 
   // 默认状态
   position: relative;
@@ -7383,7 +7600,7 @@ textarea {
   // 悬停状态
   &:hover {
 
-    // color: @radio-color-theme;
+    color: @radio-color-theme;
     &::before {
       border-color: @radio-color-theme;
     }
@@ -7432,6 +7649,14 @@ textarea {
       background-color: @radio-color-disabled;
       animation: none;
     }
+
+    &.@{radio-prefix-cls}-checked {
+      color: @radio-font-color;
+    }
+  }
+
+  &-text {
+    line-height: 1.5;
   }
 }
 
@@ -7439,6 +7664,8 @@ textarea {
 .@{radio-square-prefix-cls} {
   .reset-component();
 
+  .ellipsis();
+
   // 默认状态
   position: relative;
   display: inline-block;
@@ -7530,6 +7757,14 @@ textarea {
       background-color: @radio-color-disabled;
       animation: none;
     }
+
+    &.@{radio-square-prefix-cls}-checked {
+      color: @radio-font-color;
+    }
+  }
+
+  &-text {
+    line-height: 1.5;
   }
 }
 
@@ -7643,6 +7878,12 @@ textarea {
     // background-color: @radio-color-background-disabled;
     cursor: not-allowed;
   }
+
+  &-text {
+    .ellipsis();
+    display: block;
+    line-height: 1.5;
+  }
 }
 
 
@@ -7667,14 +7908,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);//图标与文字间距
 
 
 
@@ -7763,19 +8004,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);
 
 
 
@@ -8321,440 +8562,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;
-  }
-}
-
-
 
 
 
@@ -8846,7 +9093,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);
@@ -8855,7 +9102,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
@@ -9680,7 +9927,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);
@@ -9702,16 +9949,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 {
@@ -9732,25 +9982,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;
         }
       }
     }
@@ -9783,11 +10029,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 {
@@ -9804,7 +10051,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;
@@ -9815,7 +10061,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;
         }
       }
@@ -9836,7 +10082,6 @@ textarea {
       }
 
       .@{steps-prefix-cls}-item-description {
-
         line-height: 20px;
         font-size: @steps-font-size;
         color: @steps-color-wait;
@@ -9845,19 +10090,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;
       }
     }
 
@@ -9873,12 +10120,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;
@@ -9886,31 +10132,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;
@@ -9988,26 +10225,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);//内容部分宽度    纵向
 
@@ -11756,7 +11990,7 @@ template {
   }
 
   &-disabled {
-    background-color: @switch-disabled-bg;
+    background-color: @switch-off-disabled-bg;
     cursor: not-allowed;
   }
 
@@ -11777,7 +12011,7 @@ template {
     }
 
     &.@{switch-prefix-cls}-disabled {
-      opacity: 0.5;
+      background-color: @switch-on-disabled-bg;
     }
 
     .@{switch-prefix-cls}-inner {
@@ -11849,11 +12083,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);
 
@@ -11862,19 +12096,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);
@@ -12377,7 +12608,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 {
@@ -12401,16 +12632,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} {
@@ -12435,13 +12656,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;
     }
   }
 
@@ -12468,28 +12689,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;
@@ -12503,6 +12714,7 @@ template {
 }
 
 
+
 // code component mixin here
 .tag-size(@size, @height, @padding) {
   font-size: @size;
@@ -12532,19 +12744,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;
-  }
 }
 
 
@@ -12564,7 +12763,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);