@kdcloudjs/kdesign 1.1.0 → 1.1.1

package/lib/menu/style/index.less

@@ -21,31 +21,13 @@
     .@{submenu-prefix-cls} {
       padding-right: 0;
     }
-
-    .@{submenu-prefix-cls}:not(.@{submenu-prefix-cls}-disabled):hover {
-      color: @menu-inline-color-active;
-    }
   }
 
   &-vertical {
-    .@{submenu-prefix-cls}:not(.@{submenu-prefix-cls}-disabled):hover,
-    .@{submenu-prefix-cls}-hover {
-      .hover();
-    }
-
     .@{submenu-prefix-cls} {
       padding-right: 0;
 
       &-sub {
-        background: @menu-sub-color-background;
-
-        .@{menuitem-prefix-cls} {
-          &:hover,
-          &-active {
-            color: @menu-sub-color-active;
-          }
-        }
-
         &-second,
         &-third {
           animation: kdZoomTopLeftIn calc(@menu-motion-duration - 0.1s) cubic-bezier(0, .4, .4, 1) forwards;
@@ -70,6 +52,7 @@
 
   &-collapsed {
     width: 50px;
+    min-width: auto;
   }
 
   &-light {
@@ -80,20 +63,6 @@
       .light-default;
     }
 
-    .@{submenu-prefix-cls}-title:hover {
-      color: @menu-light-color-hover;
-    }
-
-    .@{submenu-prefix-cls}:not(.@{submenu-prefix-cls}-disabled):hover {
-      .light-default;
-    }
-
-    .@{menuitem-prefix-cls} {
-      &-active {
-        .light-hover();
-      }
-    }
-
     .@{menuitem-prefix-cls}:not(.@{menuitem-prefix-cls}-disabled):hover {
       .light-hover();
     }
@@ -101,22 +70,7 @@
 
   &-light&-vertical {
     .@{submenu-prefix-cls}-sub {
-      box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
-      0 9px 28px 8px rgba(0, 0, 0, 0.05);
-    }
-
-    .@{menuitem-prefix-cls} {
-      &:not(.@{menuitem-prefix-cls}-disabled):not(.@{menuitem-prefix-cls}-active):hover {
-        color: @menu-light-color-hover;
-        background: #fff;
-        border: none;
-      }
-
-      &-active {
-        color: @menu-light-color-active;
-        background-color: @menu-light-color-background;
-        border: none !important;
-      }
+      box-shadow: 0 4px 10px 0 #f5f5f5;
     }
   }
 }
@@ -127,10 +81,6 @@
   transition: color, background-color;
   transition-duration: calc(@menu-motion-duration - 0.1s);
   transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
-
-  &:not(&-disabled):hover {
-    .hover();
-  }
 }
 
 .@{submenu-prefix-cls} {
@@ -140,13 +90,12 @@
   transition-duration: calc(@menu-motion-duration - 0.1s);
   transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
 
-  &-hover {
-    color: @menu-sub-color-hover;
-  }
-
   &-sub {
     line-height: @menu-item-height;
     color: @menu-sub-color;
+    min-width: 130px;
+
+
   }
 
   &-thrid {
@@ -154,7 +103,6 @@
     max-width: 810px;
     max-height: 492px;
     padding-left: 24px;
-    background: @menu-sub-color-background;
     flex-wrap: wrap;
     overflow-y: auto;
     cursor: default;
@@ -202,10 +150,6 @@
         cursor: pointer;
         .ellipsis();
 
-        &:hover {
-          color: @menu-sub-color-active;
-        }
-
         & > span {
           .ellipsis();
         }
@@ -221,3 +165,147 @@
     }
   }
 }
+
+.@{kd-prefix}-menu-dark {
+  .@{menu-prefix-cls}-item:not(.@{menu-prefix-cls}-item-disabled) ,
+  .@{menu-prefix-cls}-submenu:not(.@{menu-prefix-cls}-submenu-hover) {
+    :hover {
+      .hover-sub()
+    }
+  }
+
+  &.@{menu-prefix-cls}-inline {
+    > ul > li.@{menu-prefix-cls}-submenu {
+
+      .@{menu-prefix-cls}-submenu-sub {
+        .base-sub();
+
+        :hover {
+          .hover-third()
+        }
+      }
+    }
+  }
+
+  .@{menu-prefix-cls}-item.@{menu-prefix-cls}-item-active {
+    .hover-sub()
+  }
+
+  .@{menu-prefix-cls}-submenu {
+    &-sub {
+      .base-sub();
+    }
+
+    .@{menu-prefix-cls}-item.@{menu-prefix-cls}-item-active {
+      .hover-third()
+    }
+  }
+
+  > .@{menu-prefix-cls}-submenu {
+    :hover {
+      .hover-sub();
+    }
+  }
+
+  > .@{menu-prefix-cls}-item:not(.@{menu-prefix-cls}-item-disabled), .@{menu-prefix-cls}-submenu-collapsed {
+    :hover {
+      .hover-sub()
+    }
+  }
+
+  .@{menu-prefix-cls}-submenu-sub-second {
+    > li:hover {
+      .hover-third()
+    }
+  }
+
+  .@{menu-prefix-cls}-submenu-sub-third {
+    .@{menu-prefix-cls}-item:hover {
+      .hover-third()
+    }
+  }
+}
+
+.@{kd-prefix}-menu-light {
+
+  &.@{menu-prefix-cls}-inline {
+    > ul > li.@{menu-prefix-cls}-submenu {
+
+      .@{menu-prefix-cls}-submenu-sub {
+        .base-sub-light();
+
+        :hover {
+          .hover-third-light()
+        }
+      }
+    }
+  }
+
+  .@{menu-prefix-cls}-item.@{menu-prefix-cls}-item-active {
+    .hover-sub-light()
+  }
+
+  .@{menu-prefix-cls}-submenu {
+    &-sub {
+      .base-sub-light();
+    }
+
+    .@{menu-prefix-cls}-item.@{menu-prefix-cls}-item-active {
+      .hover-third-light()
+    }
+  }
+
+  > .@{menu-prefix-cls}-submenu {
+    :hover {
+      .hover-sub-light();
+    }
+  }
+
+  > .@{menu-prefix-cls}-item:not(.@{menu-prefix-cls}-item-disabled), .@{menu-prefix-cls}-submenu-collapsed {
+    :hover {
+      .hover-sub-light()
+    }
+  }
+
+  .@{menu-prefix-cls}-submenu-sub-second {
+    > li:hover {
+      .hover-third-light()
+    }
+  }
+
+  .@{menu-prefix-cls}-submenu-sub-third {
+    .@{menu-prefix-cls}-item:hover {
+      .hover-third-light()
+    }
+  }
+}
+
+.hover-sub {
+  background: @menu-sub-base-color-background-hover;
+  color: @menu-sub-color-hover;
+}
+
+.base-sub {
+  background: @menu-sub-base-color-background-hover;
+  color: @menu-sub-base-color-hover;
+}
+
+.hover-third {
+  background: @menu-sub-color-background-hover !important;
+  color: @menu-sub-color-hover;
+}
+
+.hover-sub-light {
+  background: @menu-light-color-background;
+  color: @menu-light-color;
+}
+
+.base-sub-light {
+  background: @menu-light-color-background;
+  color: @menu-light-color;
+}
+
+.hover-third-light {
+  background: @menu-light-color-background-hover;
+  color: @menu-light-color;
+}

package/lib/menu/style/mixin.less

@@ -4,6 +4,7 @@
 .menu() {
   position: relative;
   width: 100%;
+  min-width: 138px;
   height: 100%;
   background-color: @menu-color-background;
   color: @menu-sub-color;
@@ -51,10 +52,6 @@
     color: @menu-color-disabled;
   }
 
-  &-active {
-    .hover();
-  }
-
   &-arrow {
     margin-left: auto;
     font-size: 16px;
@@ -70,15 +67,9 @@
   }
 }
 
-.hover {
-  background-color: @menu-sub-color-background;
-  color: @menu-sub-color-hover;
-}
-
 .light-hover {
   background-color: @menu-light-color-background;
   color: @menu-light-color-hover;
-  border-right: 2px solid @menu-light-color-active;
 }
 
 .light-default {

package/lib/menu/style/token.less

@@ -2,31 +2,31 @@
 
 @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-active: var(~'@{menu-prefix}-sub-color-active', @color-white);
 @menu-sub-color-background: var(~'@{menu-prefix}-sub-color-background', #21242d);
+@menu-sub-color-background-hover: var(~'@{menu-prefix}-sub-color-background-hover', #121319);
+@menu-sub-base-color-hover: var(~'@{menu-prefix}-sub-base-color-hover', #b2b3b7);
+@menu-sub-base-color-background-hover: var(~'@{menu-prefix}-sub-base-color-background-hover', #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-background: var(~'@{menu-prefix}-light-color-background', @color-background-ongoing);
+@menu-light-color-hover: var(~'@{menu-prefix}-light-color-hover', @color-text-primary);
+@menu-light-color-active: var(~'@{menu-prefix}-light-color-active', @color-text-primary);
+@menu-light-color-background: var(~'@{menu-prefix}-light-color-background', #f5f5f5);
+@menu-light-color-background-hover: var(~'@{menu-prefix}-light-color-background-hover', #eaeaea);
+
+// 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);
-// spacing
 // 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);

package/lib/menu/subMenu.js

@@ -390,8 +390,7 @@ var SubMenu = function SubMenu(props) {
   return /*#__PURE__*/React.createElement("li", (0, _extends2.default)({
     ref: subMenuRef,
     className: (0, _classnames.default)(prefixCls, className, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-collapsed"), collapsed), (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-disabled"), disabled), (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-hover"), !disabled && isVisible), _classNames2)),
-    key: keyValue,
-    title: title
+    key: keyValue
   }, mouseEvent, {
     style: style
   }), /*#__PURE__*/React.createElement("div", {

package/lib/message/content.js

@@ -51,13 +51,17 @@ var Content = function Content(args) {
       type: "warning-solid"
     }),
     info: /*#__PURE__*/_react.default.createElement(_icon.default, {
-      type: "tips-solid"
+      type: "notice"
     })
   };
 
   var renderIcon = function renderIcon() {
-    if (icon) return /*#__PURE__*/_react.default.createElement("div", null, icon);
-    return iconMap[type] ? /*#__PURE__*/_react.default.createElement("div", null, iconMap[type]) : null;
+    if (icon) return /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(classPrefix, "-icon-wrapper")
+    }, icon);
+    return iconMap[type] ? /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(classPrefix, "-icon-wrapper")
+    }, iconMap[type]) : null;
   };
 
   var handleClick = function handleClick(e) {

package/lib/message/style/index.css

@@ -120,13 +120,13 @@
   display: inline-block;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
-  min-width: 280px;
-  max-width: 1000px;
-  margin: 0 auto 16px;
-  padding: 10px 20px;
-  color: var(--kd-c-message-info-color-text, var(--kd-g-color-text-link, #0e5fd8));
+  min-width: var(--kd-c-message-sizing-min-width, 280px);
+  max-width: var(--kd-c-message-sizing-max-width, 1000px);
+  margin: 0 auto var(--kd-c-message-spacing-margin-bottom, 16px);
+  padding: var(--kd-c-message-spacing-padding-horizontal, 10px) var(--kd-c-message-spacing-padding-vertical, 20px);
+  color: var(--kd-c-message-info-color-text, #0e5fd8);
   border: 1px solid var(--kd-c-message-info-color-border, #b3d5ff);
-  border-radius: 4px;
+  border-radius: var(--kd-c-message-border-radius, 4px);
   background-color: var(--kd-c-message-info-color-background, #e0efff);
   pointer-events: all;
   -webkit-animation: kdNoticeEffect calc(0.3s - 0.2s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
@@ -139,37 +139,54 @@
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
-  font-size: 12px;
+  font-size: var(--kd-c-message-font-size, 14px);
+  line-height: var(--kd-c-message-line-height, 20px);
 }
 .kd-message-content-main {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
+}
+.kd-message-content-icon-wrapper {
+  font-size: var(--kd-c-message-icon-font-size, 16px);
+  margin-right: var(--kd-c-message-icon-spacing-margin-right, 8px);
+  -ms-flex-item-align: start;
+      align-self: flex-start;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
-.kd-message-content-main > div:nth-child(1) {
-  margin-right: 10px;
+.kd-message-content-text {
+  max-height: var(--kd-c-message-text-sizing-max-height, 160px);
+  overflow: auto;
 }
 .kd-message-content-close {
   cursor: pointer;
+  color: var(--kd-c-message-close-color-text, #666);
+  font-size: var(--kd-c-message-font-size, 16px);
+  margin-left: var(--kd-c-message-close-spacing-margin-left, 12px);
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
 }
 .kd-message-content-close:hover {
-  color: var(--kd-c-message-icon-color-text-hover, var(--kd-g-color-border-ongoing, #85b8ff));
+  color: var(--kd-c-message-close-color-text-hover, var(--kd-g-color-theme-5, #87adff));
 }
 .kd-message-success {
-  color: var(--kd-c-message-success-color-text, var(--kd-g-color-success, #1ba854));
+  color: var(--kd-c-message-success-color-text, #1BA854);
   background: var(--kd-c-message-success-color-background, #dcfae4);
   border: 1px solid var(--kd-c-message-success-color-border, #a1e6b5);
 }
 .kd-message-warning {
-  color: var(--kd-c-message-warning-color-text, var(--kd-g-color-warning, #ff991c));
+  color: var(--kd-c-message-warning-color-text, #FF991C);
   background: var(--kd-c-message-warning-color-background, #fff1d4);
   border: 1px solid var(--kd-c-message-warning-color-border, #ffe0a6);
 }
 .kd-message-error {
-  color: var(--kd-c-message-error-color-text, var(--kd-g-color-error, #fb2323));
+  color: var(--kd-c-message-error-color-text, #FB2323);
   background: var(--kd-c-message-error-color-background, #ffdbe0);
   border: 1px solid var(--kd-c-message-error-color-border, #ffadb6);
 }

package/lib/message/style/index.less

@@ -17,13 +17,13 @@
   position: relative;
   display: inline-block;
   box-sizing: border-box;
-  min-width: 280px;
-  max-width: 1000px;
-  margin: 0 auto 16px;
-  padding: 10px 20px;
+  min-width: @message-sizing-min-width;
+  max-width: @message-sizing-max-width;
+  margin: 0 auto @message-spacing-margin-bottom;
+  padding: @message-spacing-padding-horizontal @message-spacing-padding-vertical;
   color: @message-info-text-color;
   border: 1px solid @message-info-color-border;
-  border-radius: 4px;
+  border-radius: @message-border-radius;
   background-color: @message-info-color-background;
   pointer-events: all;
   animation: kdNoticeEffect calc(@transition-duration - 0.2s) @ease-out forwards;
@@ -31,19 +31,32 @@
   &-content {
     display: flex;
     justify-content: space-between;
-    font-size: 12px;
+    font-size: @message-font-size;
+    line-height: @messgae-line-height;
 
     &-main{
       display: flex;
+    }
+
+    &-icon-wrapper{
+      font-size: @message-icon-font-size;
+      margin-right: @message-icon-spacing-margin-right;
+      align-self: flex-start;
+      display: inline-flex;
       align-items: center;
+    }
 
-      &>div:nth-child(1){
-        margin-right: 10px;
-      }
+    &-text {
+      max-height: @message-text-sizing-max-height;
+      overflow: auto;
     }
 
     &-close{
       cursor: pointer;
+      color: @message-close-color-text;
+      font-size: @message-close-font-size;
+      margin-left: @message-close-spacing-margin-left;
+      display: inline-flex;
 
       &:hover {
         color: @message-icon-text-color-hover;

package/lib/message/style/token.less

@@ -5,17 +5,41 @@
 // color
 @message-info-color-background: var(~'@{message-custom-prefix}-info-color-background', #e0efff);
 @message-info-color-border: var(~'@{message-custom-prefix}-info-color-border', #b3d5ff);
+@message-info-text-color: var(~'@{message-custom-prefix}-info-color-text', #0e5fd8);
 @message-success-color-background: var(~'@{message-custom-prefix}-success-color-background', #dcfae4);
 @message-success-color-border: var(~'@{message-custom-prefix}-success-color-border', #a1e6b5);
-@message-success-text-color: var(~'@{message-custom-prefix}-success-color-text', @color-success);
+@message-success-text-color: var(~'@{message-custom-prefix}-success-color-text', #1BA854);
 @message-warning-color-background: var(~'@{message-custom-prefix}-warning-color-background', #fff1d4);
 @message-warning-color-border: var(~'@{message-custom-prefix}-warning-color-border', #ffe0a6);
-@message-warning-text-color: var(~'@{message-custom-prefix}-warning-color-text', @color-warning);
+@message-warning-text-color: var(~'@{message-custom-prefix}-warning-color-text', #FF991C);
 @message-error-color-background: var(~'@{message-custom-prefix}-error-color-background', #ffdbe0);
 @message-error-color-border: var(~'@{message-custom-prefix}-error-color-border', #ffadb6);
-@message-error-text-color: var(~'@{message-custom-prefix}-error-color-text', @color-error);
-@message-icon-text-color-hover: var(~'@{message-custom-prefix}-icon-color-text-hover', @color-border-ongoing);
-@message-info-text-color: var(~'@{message-custom-prefix}-info-color-text', @color-text-link);
+@message-error-text-color: var(~'@{message-custom-prefix}-error-color-text', #FB2323);
+@message-close-color-text: var(~'@{message-custom-prefix}-close-color-text', #666);
+@message-icon-text-color-hover: var(~'@{message-custom-prefix}-close-color-text-hover', @color-theme-hover);
+
+// font
+@message-font-size: var(~'@{message-custom-prefix}-font-size', 14px);
+@message-icon-font-size: var(~'@{message-custom-prefix}-icon-font-size', 16px);
+@message-close-font-size: var(~'@{message-custom-prefix}-font-size', 16px);
+
+// line-height
+@messgae-line-height: var(~'@{message-custom-prefix}-line-height', 20px);
+
+// radius
+@message-border-radius: var(~'@{message-custom-prefix}-border-radius', 4px);
+
+// sizing
+@message-sizing-max-width: var(~'@{message-custom-prefix}-sizing-max-width', 1000px);
+@message-sizing-min-width: var(~'@{message-custom-prefix}-sizing-min-width', 280px);
+@message-text-sizing-max-height: var(~'@{message-custom-prefix}-text-sizing-max-height', 160px);
+
+// spacing
+@message-spacing-margin-bottom: var(~'@{message-custom-prefix}-spacing-margin-bottom', 16px);
+@message-spacing-padding-horizontal: var(~'@{message-custom-prefix}-spacing-padding-horizontal', 10px);
+@message-spacing-padding-vertical: var(~'@{message-custom-prefix}-spacing-padding-vertical', 20px);
+@message-icon-spacing-margin-right: var(~'@{message-custom-prefix}-icon-spacing-margin-right', 8px);
+@message-close-spacing-margin-left: var(~'@{message-custom-prefix}-close-spacing-margin-left', 12px);
 
 // z-index
 @message-z-index: var(~'@{message-custom-prefix}-z-index', @z-index-apex);

package/lib/pagination/style/token.less

@@ -13,6 +13,10 @@
 @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);
 
+// font
+@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);
@@ -21,8 +25,6 @@
 // spacing
 @pagination-button-spacing: var(~'@{pagination-custom-prefix}-button-spacing', 4px);
 
-// font
-@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);
+
 
 

package/lib/progress/style/token.less

@@ -1,14 +1,7 @@
 @import '../../style/themes/token.less';
 @progress-prefix: '--@{kd-prefix}-c-progress';
-
-
-
 @progress-transition-fn:  cubic-bezier(0.66, 0, 0.34, 1);
 
-
-
-
-
 // color
 @progress-remaining-color: var(~'@{progress-prefix}-color-remaining', #e5e5e5);//背景色
 @progress-default-color: var(~'@{progress-prefix}-color-default', #5582f3);//进度条 默认色
@@ -28,7 +21,6 @@
 @progress-border-radius: var(~'@{progress-prefix}-radius-border', 100px);//线性进度条圆角
 
 
-
 // sizing
 @progress-line-stroke-width: var(~'@{progress-prefix}-line-stroke-sizing-width', 8px);
 @progress-circle-stroke-width: var(~'@{progress-prefix}-circle-stroke-sizing-width', 4px);

package/lib/radio/style/token.less

@@ -1,19 +1,9 @@
 @import '../../style/themes/token.less';
 @import '../../style/mixins/index';
 
-
 @radio-prefix: '--@{kd-prefix}-c-radio';
-
-
-
-
-
-
 @radio-transition-fn:  cubic-bezier(0.075, 0.82, 0.165, 1);
 
-
-
-
 // color
 @radio-font-color: var(~'@{radio-prefix}-color-font', @color-text-primary);//单选项字体颜色
 @radio-color-theme: var(~'@{radio-prefix}-color-theme', @color-theme);//悬停/选中跟随主题色
@@ -26,19 +16,13 @@
 // font
 @radio-font-size: var(~'@{radio-prefix}-font-size', @font-size-small);//单选项字体大小
 
-
-
-
 //radius
 @radio-border-width:   var(~'@{radio-prefix}-radius-border-width',1px);
 
-
-
 // sizing
 @radio-circle-size:var(~'@{radio-prefix}-square-sizing-width-height',13px);//单选图标大小
 @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); //内间距 纵向

package/lib/select/style/index.css

@@ -413,7 +413,7 @@
   background-color: var(--kd-c-select-color-background, var(--kd-g-color-hover, #f5f5f5));
 }
 .kd-select-item-option-selected:not(.kd-select-item-option-disabled) {
-  color: var(--kd-c-select-item-color-text-selected, var(--kd-g-color-ongoing, #276ff5));
+  color: var(--kd-c-select-item-color-text-selected, var(--kd-g-color-theme, #5582f3));
   background-color: var(--kd-c-select-color-background-selected, #f2f9ff);
 }
 .kd-select-item-option-disabled {

package/lib/select/style/token.less

@@ -13,7 +13,7 @@
 @select-g-color-border-hover: var(~'@{select-custom-prefix}-color-border-hover', @color-theme);
 @select-border-g-color-border: var(~'@{select-custom-prefix}-border-color-border', @color-border-strong);
 @select-placeholder-color: var(~'@{select-custom-prefix}-placeholder-color-text', @color-text-third);
-@select-item-selected-color: var(~'@{select-custom-prefix}-item-color-text-selected', @color-ongoing);
+@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-g-item-text-color-disabled: var(~'@{select-custom-prefix}-item-color-text-disabled', @color-disabled);