@kdcloudjs/kdesign 1.2.0 → 1.2.3

package/es/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/es/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/es/select/option.js

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

package/es/select/style/index.css

@@ -274,7 +274,7 @@
   transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
 }
 .kd-select-icon-arrow-focus {
-  color: #3761ca;
+  color: var(--kd-c-select-color-border-foucs, var(--kd-g-color-theme, #5582f3));
 }
 .kd-select-icon-clear {
   opacity: 0;
@@ -308,7 +308,7 @@
   border-color: var(--kd-c-select-color-border-foucs, var(--kd-g-color-theme, #5582f3)) !important;
 }
 .kd-select-placeholder {
-  color: var(--kd-c-select-placeholder-color-text, var(--kd-g-color-text-third, #999));
+  color: var(--kd-c-select-placeholder-color-text, #b2b2b2);
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -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,18 +465,21 @@
   -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;
 }
 .kd-select-single-disabled {
-  background-color: #f5f5f5;
-  color: #b2b2b2;
+  background-color: var(--kd-c-select-color-background-disabled, #f5f5f5);
+  color: var(--kd-c-select-color-text-disabled, #212121);
 }
 .kd-select-single-disabled:hover {
   cursor: not-allowed;
 }
+.kd-select-single-disabled .kd-select-suffix {
+  color: var(--kd-c-select-arrow-icon-color-text-disabled, #b2b2b2);
+}
 .kd-select-single:hover .kd-select-icon-clear {
   opacity: 1;
 }
@@ -478,7 +490,7 @@
   text-overflow: ellipsis;
 }
 .kd-select-single-disabled-text {
-  color: #b2b2b2;
+  color: var(--kd-c-select-color-text-disabled, #212121);
 }
 .kd-select .kd-select-selection-item {
   display: -webkit-inline-box;
@@ -551,8 +563,11 @@
 }
 .kd-select-multiple-disabled {
   cursor: not-allowed;
-  background-color: #f5f5f5;
-  color: #b2b2b2;
+  background-color: var(--kd-c-select-color-background-disabled, #f5f5f5);
+  color: var(--kd-c-select-color-text-disabled, #212121);
+}
+.kd-select-multiple-disabled .kd-select-suffix {
+  color: var(--kd-c-select-arrow-icon-color-text-disabled, #b2b2b2);
 }
 .kd-select-multiple:hover .kd-select-icon-clear {
   opacity: 1;
@@ -594,7 +609,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,