@kdcloudjs/kdesign 1.6.22 → 1.6.24

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## [1.6.22](https://github.com/kdcloudone/kdesign/compare/v1.6.21...v1.6.22) (2022-12-16)
+
+
+### Bug Fixes
+
+* [datePicker]修复时间范围自定义render问题 ([ca5957d](https://github.com/kdcloudone/kdesign/commit/ca5957d977270d4e76b79f51d36ab4adb319652b))
+* [radio] 禁用态依旧能选中 [#180](https://github.com/kdcloudone/kdesign/issues/180) ([7f8dc43](https://github.com/kdcloudone/kdesign/commit/7f8dc4357695a393bfe84999fe02d24b6a60357e))
+
+
+
 ## [1.6.21](https://github.com/kdcloudone/kdesign/compare/v1.6.20...v1.6.21) (2022-12-08)
 
 

package/dist/kdesign-complete.less

@@ -1811,14 +1811,14 @@
     border-color: @cascader-active-color;
 
     .@{kd-prefix}-input-suffix,
-    i[class*="kdicon"] {
+    i[class*='kdicon'] {
       color: @cascader-active-color;
     }
   }
 
   &:hover > &-input {
     .@{kd-prefix}-input-suffix,
-    i[class*="kdicon"] {
+    i[class*='kdicon'] {
       color: @cascader-active-color;
     }
   }
@@ -1829,7 +1829,7 @@
       border-color: @color-border-strong;
 
       .@{kd-prefix}-input-suffix,
-      i[class*="kdicon"] {
+      i[class*='kdicon'] {
         color: @cascader-disabled-color;
       }
     }
@@ -1860,14 +1860,14 @@
     &.expand {
       border-color: @cascader-active-color;
 
-      i[class*="kdicon"] {
+      i[class*='kdicon'] {
         color: @cascader-active-color;
         transform: rotate(180deg);
       }
     }
 
     .@{kd-prefix}-input-suffix,
-    i[class*="kdicon"] {
+    i[class*='kdicon'] {
       transition: all 0.2s;
     }
   }
@@ -1937,6 +1937,7 @@
     &-item {
       display: flex;
       justify-content: space-between;
+      align-items: center;
       padding: 0 @cascader-menu-item-padding-horizontal;
       line-height: @cascader-menu-item-height;
       cursor: pointer;
@@ -1964,6 +1965,10 @@
       &.last .@{cascader-menu-prefix-cls}-item-label {
         width: 92px;
       }
+
+      .@{kd-prefix}-cascader-checkbox {
+        margin-right: 5px;
+      }
     }
   }
 
@@ -1972,6 +1977,118 @@
   }
 }
 
+.@{kd-prefix}-cascader {
+  &-bordered {
+    border: 1px solid #d9d9d9;
+    padding-left: 8px !important;
+    border-radius: 2px;
+  }
+
+  &-multiple {
+    padding: 1px 28px 1px 0;
+    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+    width: 100%;
+    min-height: 30px;
+    max-height: 100px;
+    color: #212121;
+    display: flex;
+    cursor: pointer;
+    box-sizing: border-box;
+    overflow-y: auto;
+    overflow-x: hidden;
+    position: relative;
+    border-bottom: 1px solid #d9d9d9;
+  }
+
+  &-multiple-wrapper {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    width: 100%;
+  }
+
+  &-placeholder {
+    position: absolute;
+    color: @select-placeholder-color;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
+  &-suffix {
+    right: 0;
+    position: absolute;
+    display: flex;
+    flex: 0;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: center;
+    margin-left: 8px;
+  }
+
+  &-selection-tag {
+    max-width: 100%;
+  }
+
+  &-multiple:hover &-icon-clear {
+    opacity: 1;
+  }
+
+  &-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: @cascader-g-color-border-foucs;
+      }
+    }
+
+    &-clear {
+      opacity: 0;
+      z-index: 1;
+      position: absolute;
+      background: #fff;
+      transition: opacity 0.15s ease;
+      color: @cascader-clear-color;
+      &:hover {
+        color: @cascader-clear-color-hover;
+      }
+    }
+  }
+  &-tag {
+    &-describe {
+      font-size: 12px;
+      height: 20px;
+      line-height: 18px;
+      margin: 2px 8px 2px 0;
+      user-select: none;
+
+      &-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;
+      }
+    }
+  }
+}
+
 
 
 @cascader-prefix: '--@{kd-prefix}-c-cascader';
@@ -1994,6 +2111,9 @@
 @cascader-selected-bg-color: var(~'@{cascader-prefix}-color-background-selected', @color-background-ongoing);
 @cascader-disabled-color: var(~'@{cascader-prefix}-color-text-disabled', @color-disabled);
 @cascader-clear-color: var(~'@{cascader-prefix}-clear-color-text', #d9d9d9);
+@cascader-g-color-border-foucs: var(~'@{cascader-prefix}-color-border-foucs', @color-theme);
+@cascader-clear-color: var(~'@{cascader-prefix}-icon-clear-color-text', #d9d9d9);
+@cascader-clear-color-hover: var(~'@{cascader-prefix}-icon-clear-color-text-hover', #999);
 
 // font
 @cascader-font-size: var(~'@{cascader-prefix}-font-size', @font-size-small);
@@ -8979,7 +9099,7 @@ textarea {
 
     &.@{select-prefix-cls}-single {
       .@{select-prefix-cls}-selection-search {
-        left: @select-bordered;
+        padding-left: @select-bordered;
       }
     }
   }
@@ -10110,9 +10230,18 @@ textarea {
 .@{inputNumber-prefix-cls} {
   width: 100px;
 
-  --kd-c-input-sizing-height-middle: 28px;
-  --kd-c-input-wrapper-padding-left: 9px;
-  --kd-c-input-padding-left: 0;
+  &.@{kd-prefix}-input-wrapper {
+    padding-left: @stepper-input-wrapper-padding-left !important;
+
+    .@{kd-prefix}-input {
+      padding-left: @stepper-input-padding-left;
+    }
+
+    &-size-middle {
+      height: @stepper-middle-height;
+      line-height: @stepper-middle-height;
+    }
+  }
   input {
     text-align: center;
     color: @stepper-input-color;
@@ -10260,6 +10389,9 @@ textarea {
 @stepper-input-small-sizing-height: var(~'@{stepper-prefix}-input-small-sizing-height', 20px);
 @stepper-input-middle-sizing-height: var(~'@{stepper-prefix}-input-middle-sizing-height', 28px);
 @stepper-input-large-sizing-height: var(~'@{stepper-prefix}-input-large-sizing-height', 36px);
+@stepper-input-wrapper-padding-left: var(~'@{stepper-prefix}-padding-left', 9px);
+@stepper-input-padding-left: var(~'@{stepper-prefix}-input-padding-left', 0px);
+@stepper-middle-height: var(~'@{stepper-prefix}-sizing-height', 28px);
 
 // spacing
 @stepper-input-spacing-padding-horizontal: var(~'@{stepper-prefix}-input-spacing-padding-horizontal', 9px);

package/dist/kdesign.css

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.6.21
+ *   @kdcloudjs/kdesign v1.6.23
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -4493,11 +4493,11 @@ template {
   border-color: var(--kd-c-cascader-color-active, #999);
 }
 .kd-cascader-picker:focus > .kd-cascader-picker-input .kd-input-suffix,
-.kd-cascader-picker:focus > .kd-cascader-picker-input i[class*="kdicon"] {
+.kd-cascader-picker:focus > .kd-cascader-picker-input i[class*='kdicon'] {
   color: var(--kd-c-cascader-color-active, #999);
 }
 .kd-cascader-picker:hover > .kd-cascader-picker-input .kd-input-suffix,
-.kd-cascader-picker:hover > .kd-cascader-picker-input i[class*="kdicon"] {
+.kd-cascader-picker:hover > .kd-cascader-picker-input i[class*='kdicon'] {
   color: var(--kd-c-cascader-color-active, #999);
 }
 .kd-cascader-picker.disabled .kd-cascader-picker-input {
@@ -4505,7 +4505,7 @@ template {
   border-color: var(--kd-g-color-border-strong, #d9d9d9);
 }
 .kd-cascader-picker.disabled .kd-cascader-picker-input .kd-input-suffix,
-.kd-cascader-picker.disabled .kd-cascader-picker-input i[class*="kdicon"] {
+.kd-cascader-picker.disabled .kd-cascader-picker-input i[class*='kdicon'] {
   color: var(--kd-c-cascader-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
 }
 .kd-cascader-picker-label {
@@ -4536,13 +4536,13 @@ template {
 .kd-cascader-picker-input.expand {
   border-color: var(--kd-c-cascader-color-active, #999);
 }
-.kd-cascader-picker-input.expand i[class*="kdicon"] {
+.kd-cascader-picker-input.expand i[class*='kdicon'] {
   color: var(--kd-c-cascader-color-active, #999);
   -webkit-transform: rotate(180deg);
           transform: rotate(180deg);
 }
 .kd-cascader-picker-input .kd-input-suffix,
-.kd-cascader-picker-input i[class*="kdicon"] {
+.kd-cascader-picker-input i[class*='kdicon'] {
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
 }
@@ -4567,7 +4567,7 @@ template {
   opacity: 0;
   cursor: pointer;
   visibility: hidden;
-  color: var(--kd-c-cascader-clear-color-text, #d9d9d9);
+  color: var(--kd-c-cascader-icon-clear-color-text, #d9d9d9);
   -webkit-transition: all 0.1s;
   transition: all 0.1s;
   -webkit-transform-origin: 50% 50%;
@@ -4620,6 +4620,9 @@ template {
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   padding: 0 var(--kd-c-cascader-menu-item-spacing-padding-horizontal, 12px);
   line-height: var(--kd-c-cascader-menu-item-sizing-height, 32px);
   cursor: pointer;
@@ -4646,9 +4649,144 @@ template {
 .kd-cascader-menus .kd-cascader-menu-item.last .kd-cascader-menu-item-label {
   width: 92px;
 }
+.kd-cascader-menus .kd-cascader-menu-item .kd-cascader-checkbox {
+  margin-right: 5px;
+}
 .kd-cascader-menus .kd-empty {
   padding: 10px 0 20px;
 }
+.kd-cascader-bordered {
+  border: 1px solid #d9d9d9;
+  padding-left: 8px !important;
+  border-radius: 2px;
+}
+.kd-cascader-multiple {
+  padding: 1px 28px 1px 0;
+  -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);
+  width: 100%;
+  min-height: 30px;
+  max-height: 100px;
+  color: #212121;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  cursor: pointer;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  overflow-y: auto;
+  overflow-x: hidden;
+  position: relative;
+  border-bottom: 1px solid #d9d9d9;
+}
+.kd-cascader-multiple-wrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  width: 100%;
+}
+.kd-cascader-placeholder {
+  position: absolute;
+  color: #999;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.kd-cascader-suffix {
+  right: 0;
+  position: absolute;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-flex: 0;
+      -ms-flex: 0;
+          flex: 0;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  margin-left: 8px;
+}
+.kd-cascader-selection-tag {
+  max-width: 100%;
+}
+.kd-cascader-multiple:hover .kd-cascader-icon-clear {
+  opacity: 1;
+}
+.kd-cascader-icon-arrow {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  vertical-align: middle;
+}
+.kd-cascader-icon-arrow-up {
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+  -webkit-transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
+  transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
+  transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
+  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-cascader-icon-arrow-down {
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
+  transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
+  transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
+  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-cascader-icon-arrow-focus {
+  color: var(--kd-c-cascader-color-border-foucs, var(--kd-g-color-theme, #5582f3));
+}
+.kd-cascader-icon-clear {
+  opacity: 0;
+  z-index: 1;
+  position: absolute;
+  background: #fff;
+  -webkit-transition: opacity 0.15s ease;
+  transition: opacity 0.15s ease;
+  color: var(--kd-c-cascader-icon-clear-color-text, #d9d9d9);
+}
+.kd-cascader-icon-clear:hover {
+  color: var(--kd-c-cascader-icon-clear-color-text-hover, #999);
+}
+.kd-cascader-tag-describe {
+  font-size: 12px;
+  height: 20px;
+  line-height: 18px;
+  margin: 2px 8px 2px 0;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.kd-cascader-tag-describe-content {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  vertical-align: middle;
+  padding: 0 7px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  border: 1px solid #ccc;
+  color: #212121;
+}
 
 /* -----------  color  ——————---- start */
 /* -----------  color  ——————---- end */
@@ -14221,7 +14359,7 @@ textarea {
   padding-right: 8px;
 }
 .kd-select-bordered.kd-select-single .kd-select-selection-search {
-  left: var(--kd-c-select-bordered-spacing-padding-left, 8px);
+  padding-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);
@@ -15698,9 +15836,16 @@ textarea {
 /* -----------  zIndex  ——————---- end */
 .kd-inputNumber-stepper {
   width: 100px;
-  --kd-c-input-sizing-height-middle: 28px;
-  --kd-c-input-wrapper-padding-left: 9px;
-  --kd-c-input-padding-left: 0;
+}
+.kd-inputNumber-stepper.kd-input-wrapper {
+  padding-left: var(--kd-c-stepper-padding-left, 9px) !important;
+}
+.kd-inputNumber-stepper.kd-input-wrapper .kd-input {
+  padding-left: var(--kd-c-stepper-input-padding-left, 0px);
+}
+.kd-inputNumber-stepper.kd-input-wrapper-size-middle {
+  height: var(--kd-c-stepper-sizing-height, 28px);
+  line-height: var(--kd-c-stepper-sizing-height, 28px);
 }
 .kd-inputNumber-stepper input {
   text-align: center;