@kdcloudjs/kdesign 1.6.13 → 1.6.14

package/dist/kdesign-complete.less

@@ -2781,7 +2781,7 @@
       }
 
       &::placeholder {
-        color: @date-input-color-disabled;
+        color: @date-input-color-placeholder;
       }
     }
 
@@ -3643,7 +3643,7 @@
 @date-color-background-checked: var(~'@{date-picker-custom-prefix}-color-background-checked', @color-theme);
 @date-wrapper-color-background: var(~'@{date-picker-custom-prefix}-wrapper-color-background', @color-background);
 @date-input-color: var(~'@{date-picker-custom-prefix}-input-color', @color-text-primary);
-@date-input-color-placeholder: var(~'@{date-picker-custom-prefix}-input-color-placeholder', @color-text-secondary);
+@date-input-color-placeholder: var(~'@{date-picker-custom-prefix}-input-color-placeholder', #f2f2f2);
 @date-input-underline-color: var(~'@{date-picker-custom-prefix}-input-underline-color', #999);
 @date-input-color-border: var(~'@{date-picker-custom-prefix}-input-color-border', @color-border-strong);
 @date-input-color-disabled: var(~'@{date-picker-custom-prefix}-input-color-disabled', @color-disabled);
@@ -8908,8 +8908,8 @@ textarea {
 
   &-bordered {
     border: 1px solid @select-border-g-color-border;
-    padding-left: 8px !important;
-    border-radius: 2px;
+    padding-left: @select-bordered !important;
+    border-radius: @select-border-radius-border;
     &:hover:not(.@{select-prefix-cls}-multiple-disabled):not(.@{select-prefix-cls}-single-disabled) {
       border: 1px solid @select-g-color-border-hover;
     }
@@ -8917,11 +8917,17 @@ textarea {
     .@{select-prefix-cls}-suffix {
       padding-right: 8px;
     }
+
+    &.@{select-prefix-cls}-single {
+      .@{select-prefix-cls}-selection-search {
+        left: @select-bordered;
+      }
+    }
   }
 
   &-wrapper {
     transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-    padding: 1px 28px 1px 0;
+    padding: @select-wrapper-padding;
     max-width: 100%;
     color: #212121;
     display: flex;
@@ -9335,20 +9341,25 @@ textarea {
 @select-middle-font-size: var(~'@{select-custom-prefix}-font-size-middle', 14px); // 中号高度
 @select-small-font-size: var(~'@{select-custom-prefix}-font-size-small', 12px); // 小号高度
 
+// line-height
+@select-dropdown-line-height: var(~'@{select-custom-prefix}-dropdown-line-height', 22px);
+@select-large-line-height: var(~'@{select-custom-prefix}-line-height-large', 28px);
+@select-middle-line-height: var(~'@{select-custom-prefix}-line-height-middle', 22px);
+@select-small-line-height: var(~'@{select-custom-prefix}-line-height-small', 14px);
+
 // sizing
 @select-dropdown-height: var(~'@{select-custom-prefix}-item-sizing-height', 22px);
 @select-large-height: var(~'@{select-custom-prefix}-sizing-height-large', 36px); // 大号高度 lh:28px
 @select-middle-height: var(~'@{select-custom-prefix}-sizing-height-middle', 30px); // 中号高度lh:22px
 @select-small-height: var(~'@{select-custom-prefix}-sizing-height-small', 24px); // 小号高度lh:12px
 
-// line-height
-@select-dropdown-line-height: var(~'@{select-custom-prefix}-dropdown-line-height', 22px);
-@select-large-line-height: var(~'@{select-custom-prefix}-line-height-large', 28px);
-@select-middle-line-height: var(~'@{select-custom-prefix}-line-height-middle', 22px);
-@select-small-line-height: var(~'@{select-custom-prefix}-line-height-small', 14px);
+// spacing
+@select-bordered: var(~'@{select-custom-prefix}-bordered-spacing-padding-left', 8px);
+@select-wrapper-padding: var(~'@{select-custom-prefix}-wrapper-spacing-padding', 1px 28px 1px 0);
 
 // radius
 @select-g-radius-border: var(~'@{select-custom-prefix}-radius-border', @radius-border);
+@select-border-radius-border: var(~'@{select-custom-prefix}-bordered-radius-border', 2px);
 
 // z-index
 @select-z-index: var(~'@{select-custom-prefix}-z-index', @z-index-popper);

package/dist/kdesign.css

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.6.12
+ *   @kdcloudjs/kdesign v1.6.13
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -5876,13 +5876,13 @@ template {
   white-space: nowrap;
 }
 .kd-date-picker-input input::-webkit-input-placeholder {
-  color: var(--kd-c-date-picker-input-color-placeholder, var(--kd-g-color-text-secondary, #666));
+  color: var(--kd-c-date-picker-input-color-placeholder, #f2f2f2);
 }
 .kd-date-picker-input input::-moz-input-placeholder {
-  color: var(--kd-c-date-picker-input-color-placeholder, var(--kd-g-color-text-secondary, #666));
+  color: var(--kd-c-date-picker-input-color-placeholder, #f2f2f2);
 }
 .kd-date-picker-input input::-ms-input-placeholder {
-  color: var(--kd-c-date-picker-input-color-placeholder, var(--kd-g-color-text-secondary, #666));
+  color: var(--kd-c-date-picker-input-color-placeholder, #f2f2f2);
 }
 .kd-date-picker-input input:focus {
   -webkit-box-shadow: none;
@@ -5894,22 +5894,22 @@ template {
   background: transparent;
 }
 .kd-date-picker-input input::-webkit-input-placeholder {
-  color: var(--kd-c-date-picker-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
+  color: var(--kd-c-date-picker-input-color-placeholder, #f2f2f2);
 }
 .kd-date-picker-input input::-moz-placeholder {
-  color: var(--kd-c-date-picker-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
+  color: var(--kd-c-date-picker-input-color-placeholder, #f2f2f2);
 }
 .kd-date-picker-input input:-ms-input-placeholder {
-  color: var(--kd-c-date-picker-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
+  color: var(--kd-c-date-picker-input-color-placeholder, #f2f2f2);
 }
 .kd-date-picker-input input::-ms-input-placeholder {
-  color: var(--kd-c-date-picker-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
+  color: var(--kd-c-date-picker-input-color-placeholder, #f2f2f2);
 }
 .kd-date-picker-input input::placeholder {
-  color: var(--kd-c-date-picker-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
+  color: var(--kd-c-date-picker-input-color-placeholder, #f2f2f2);
 }
 .kd-date-picker-input-placeholder > input {
-  color: var(--kd-c-date-picker-input-color-placeholder, var(--kd-g-color-text-secondary, #666));
+  color: var(--kd-c-date-picker-input-color-placeholder, #f2f2f2);
 }
 .kd-date-picker-range {
   display: -webkit-inline-box;
@@ -14120,8 +14120,8 @@ textarea {
 }
 .kd-select-bordered {
   border: 1px solid var(--kd-c-select-border-color-border, var(--kd-g-color-border-strong, #d9d9d9));
-  padding-left: 8px !important;
-  border-radius: 2px;
+  padding-left: var(--kd-c-select-bordered-spacing-padding-left, 8px) !important;
+  border-radius: var(--kd-c-select-bordered-radius-border, 2px);
 }
 .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));
@@ -14129,10 +14129,13 @@ textarea {
 .kd-select-bordered .kd-select-suffix {
   padding-right: 8px;
 }
+.kd-select-bordered.kd-select-single .kd-select-selection-search {
+  left: var(--kd-c-select-bordered-spacing-padding-left, 8px);
+}
 .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);
-  padding: 1px 28px 1px 0;
+  padding: var(--kd-c-select-wrapper-spacing-padding, 1px 28px 1px 0);
   max-width: 100%;
   color: #212121;
   display: -webkit-box;