@kdcloudjs/kdesign 1.1.3 → 1.2.2

package/lib/radio/style/index.less

@@ -1,10 +1,11 @@
 @import '../../style/themes/index';
 @import 'token.less';
+@import '../../style/mixins/index.less';
 @radio-prefix-cls: ~'@{kd-prefix}-radio';
 @radio-square-prefix-cls: ~'@{radio-prefix-cls}-square';
 @radio-button-prefix-cls: ~'@{radio-prefix-cls}-button';
 @radio-group-prefix-cls: ~'@{radio-prefix-cls}-group';
-@radio-focus-shadow: 0 0 0 3px rgba(@radio-color-theme, 10%);
+@radio-focus-shadow: 0 0 0 3px rgba(85, 130, 243, 10%);
 
 // 默认类型（单选项）
 .@{radio-prefix-cls} {
@@ -16,6 +17,7 @@
   padding-left: @radio-circle-size;
   margin-right: @radio-margin-right;
   white-space: nowrap;
+  text-overflow: ellipsis;
   cursor: pointer;
   vertical-align: middle;
   color: @radio-font-color;
@@ -64,7 +66,7 @@
   // 悬停状态
   &:hover {
 
-    // color: @radio-color-theme;
+    color: @radio-color-theme;
     &::before {
       border-color: @radio-color-theme;
     }
@@ -113,6 +115,14 @@
       background-color: @radio-color-disabled;
       animation: none;
     }
+
+    &.@{radio-prefix-cls}-checked {
+      color: @radio-font-color;
+    }
+  }
+
+  &-text {
+    line-height: 1.5;
   }
 }
 
@@ -120,6 +130,8 @@
 .@{radio-square-prefix-cls} {
   .reset-component();
 
+  .ellipsis();
+
   // 默认状态
   position: relative;
   display: inline-block;
@@ -211,6 +223,14 @@
       background-color: @radio-color-disabled;
       animation: none;
     }
+
+    &.@{radio-square-prefix-cls}-checked {
+      color: @radio-font-color;
+    }
+  }
+
+  &-text {
+    line-height: 1.5;
   }
 }
 
@@ -324,4 +344,10 @@
     // background-color: @radio-color-background-disabled;
     cursor: not-allowed;
   }
+
+  &-text {
+    .ellipsis();
+    display: block;
+    line-height: 1.5;
+  }
 }

package/lib/radio/style/token.less

@@ -20,12 +20,12 @@
 @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);//图标与文字间距
 

package/lib/rate/style/index.css

@@ -121,13 +121,13 @@
           justify-content: flex-start;
 }
 .kd-rate-size-large {
-  font-size: var(--kd-c-rate-font-size-large, var(--kd-g-font-size-large, 16px));
+  font-size: var(--kd-c-rate-font-size-large, 20px);
 }
 .kd-rate-size-middle {
-  font-size: var(--kd-c-rate-font-size-middle, var(--kd-g-font-size-middle, 14px));
+  font-size: var(--kd-c-rate-font-size-middle, 16px);
 }
 .kd-rate-size-small {
-  font-size: var(--kd-c-rate-font-size-small, var(--kd-g-font-size-small, 12px));
+  font-size: var(--kd-c-rate-font-size-small, 12px);
 }
 .kd-rate-item {
   display: -webkit-inline-box;
@@ -141,7 +141,7 @@
       -ms-flex-align: center;
           align-items: center;
   line-height: 100%;
-  margin-right: var(--kd-c-rate-spacing-margin-right, 10px);
+  margin-right: var(--kd-c-rate-spacing-margin-right, 8px);
 }
 .kd-rate-item .kd-rate-icon-view {
   position: relative;
@@ -171,20 +171,20 @@
   left: 0;
   width: 50%;
   overflow: hidden;
-  color: var(--kd-c-rate-color-text-not-selected, #d9d9d9);
+  color: var(--kd-c-rate-color-text-not-selected, #E5E5E5);
   opacity: 1;
   cursor: pointer;
   -webkit-transition: color var(--kd-c-rate-motion-duration, var(--kd-g-duration, 0.3s));
   transition: color var(--kd-c-rate-motion-duration, var(--kd-g-duration, 0.3s));
 }
 .kd-rate-item .kd-rate-icon-first:hover {
-  color: var(--kd-c-rate-color-text-selected, #fdc200);
+  color: var(--kd-c-rate-color-text-selected, #FEC104);
 }
 .kd-rate-item .kd-rate-icon-second {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  color: var(--kd-c-rate-color-text-not-selected, #d9d9d9);
+  color: var(--kd-c-rate-color-text-not-selected, #E5E5E5);
   opacity: 1;
   cursor: pointer;
   -webkit-transition: color var(--kd-c-rate-motion-duration, var(--kd-g-duration, 0.3s));
@@ -196,10 +196,10 @@
   display: inline-flex;
 }
 .kd-rate-item .kd-rate-icon-second:hover {
-  color: var(--kd-c-rate-color-text-selected, #fdc200);
+  color: var(--kd-c-rate-color-text-selected, #FEC104);
 }
 .kd-rate-item .kd-rate-icon-selected {
-  color: var(--kd-c-rate-color-text-selected, #fdc200);
+  color: var(--kd-c-rate-color-text-selected, #FEC104);
   opacity: 1;
 }
 .kd-rate-item:last-child {

package/lib/rate/style/token.less

@@ -3,16 +3,16 @@
 @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);

package/lib/select/option.js

@@ -83,7 +83,7 @@ var InternalOption = function InternalOption(props, ref) {
 
   var titleText = (0, _typeof2.default)(children) !== 'object' ? children : null;
   var checkStyle = {
-    height: '30px',
+    height: '22px',
     background: 'none'
   };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {

package/lib/select/style/index.css

@@ -330,6 +330,9 @@
 .kd-select-bordered:hover:not(.kd-select-multiple-disabled):not(.kd-select-single-disabled) {
   border: 1px solid var(--kd-c-select-color-border-hover, var(--kd-g-color-theme, #5582f3));
 }
+.kd-select-bordered .kd-select-suffix {
+  right: 10px;
+}
 .kd-select-wrapper {
   -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
   transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
@@ -399,6 +402,12 @@
   min-width: 75px;
 }
 .kd-select-item-option-content {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   -webkit-box-flex: 1;
       -ms-flex: auto;
           flex: auto;
@@ -407,10 +416,10 @@
   text-overflow: ellipsis;
 }
 .kd-select-item-option:hover:not(.kd-select-item-option-selected):not(.kd-select-item-option-disabled) {
-  background-color: var(--kd-c-select-color-background, var(--kd-g-color-hover, #f5f5f5));
+  background-color: var(--kd-c-select-color-background, #f5f5f5);
 }
 .kd-select-item-option-active:not(.kd-select-item-option-disabled) {
-  background-color: var(--kd-c-select-color-background, var(--kd-g-color-hover, #f5f5f5));
+  background-color: var(--kd-c-select-color-background, #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-theme, #5582f3));
@@ -440,7 +449,7 @@
   font-size: var(--kd-c-select-font-size-large, 16px);
 }
 .kd-select-suffix {
-  right: 10px;
+  right: 0;
   position: absolute;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -456,7 +465,7 @@
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
-  margin-left: 4px;
+  margin-left: 8px;
 }
 .kd-select-single-focused {
   border-color: var(--kd-c-select-color-border-foucs, var(--kd-g-color-theme, #5582f3)) !important;
@@ -594,7 +603,7 @@
   padding-left: 12px;
 }
 .kd-select-multiple-footer-hadSelected > span {
-  color: var(--kd-c-select-footer-color-text-selected, var(--kd-g-color-text-link, #0e5fd8));
+  color: var(--kd-c-select-footer-color-text-selected, #0e5fd8);
   padding: 0 2px;
 }
 .kd-select.topLeft.hidden,