@kdcloudjs/kdesign 1.6.17 → 1.6.18

package/CHANGELOG.md

@@ -1,3 +1,14 @@
+## [1.6.17](https://github.com/kdcloudone/kdesign/compare/v1.6.16...v1.6.17) (2022-11-28)
+
+
+### Bug Fixes
+
+* [checkbox 配置穿透和受控修复] ([ca7434a](https://github.com/kdcloudone/kdesign/commit/ca7434adf80856177e430a648a8c4d61c4653f9f))
+* [stepper padding-left改为9px] ([80dc099](https://github.com/kdcloudone/kdesign/commit/80dc099a27aead676525dafbafee3627eaa3626a))
+* [usePoper] popperRef所在的区域mouseleave被禁止了后无法消失 ([e77acaf](https://github.com/kdcloudone/kdesign/commit/e77acafca9b514947194f6280e74c779e819a599))
+
+
+
 ## [1.6.16](https://github.com/kdcloudone/kdesign/compare/v1.6.15...v1.6.16) (2022-11-24)
 
 

package/dist/kdesign-complete.less

@@ -2043,6 +2043,9 @@
     align-items: center;
     z-index: 999;
     user-select: none;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
 
     .kd-input-underline {
       background-color: transparent;
@@ -8894,7 +8897,6 @@ textarea {
   box-sizing: border-box;
   background-color: transparent;
   cursor: pointer;
-  margin: 0 8px 2px 0;
   vertical-align: middle;
 
   &-selector:hover {
@@ -9042,10 +9044,15 @@ textarea {
       min-width: 75px;
 
       &-content {
-        display: flex;
-        align-items: center;
-        flex: auto;
         .over();
+
+        .@{kd-prefix}-checkbox {
+          width: 100%;
+
+          .@{kd-prefix}-checkbox-children {
+            display: inline-block;
+          }
+        }
       }
 
       &:hover:not(&-selected):not(&-disabled) {
@@ -9092,7 +9099,7 @@ textarea {
     justify-content: center;
     margin-left: 8px;
   }
-  &-single {
+  .@{select-prefix-cls}-single {
     .@{select-prefix-cls}-selection {
       &-search {
         position: absolute;
@@ -9108,6 +9115,10 @@ textarea {
           width: 100%;
         }
       }
+      &-item {
+        display: inline-block;
+        .over();
+      }
     }
     &-focused {
       .focusColor();
@@ -9154,14 +9165,14 @@ textarea {
     cursor: default;
     user-select: none;
     &-small {
-      height: 18px;
+      height: 20px;
       line-height: 18px;
       font-size: 12px;
     }
 
     &-middle {
       font-size: 12px;
-      height: 18px;
+      height: 20px;
       line-height: 18px;
     }
 
@@ -9204,6 +9215,14 @@ textarea {
   // 多选
   &-multiple {
     .@{select-prefix-cls}-selection {
+      &-tag {
+        max-width: calc(100% - 5px);
+
+        .@{kd-prefix}-tag {
+          margin: 2px 8px 2px 0;
+          max-width: 100%;
+        }
+      }
       &-search {
         position: relative;
         max-width: 100%;
@@ -12900,6 +12919,12 @@ template {
 @colors: @tag-process-color, @tag-success-color, @tag-warning-color, @tag-error-color, @tag-end-color, @tag-expired-color;
 
 .@{tag-prefix-cls} {
+  &-ellipsis {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
   &-size-small {
     .tag-size(@tag-small-font-size, @tag-small-height, @tag-small-padding-horizontal);
   }
@@ -12982,6 +13007,9 @@ template {
   // 图标设置外边距
   &-text {
     margin-left: 6px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
   }
 
   &-closable-disabled {

package/dist/kdesign.css

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.6.16
+ *   @kdcloudjs/kdesign v1.6.17
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -4807,6 +4807,9 @@ template {
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .kd-checkbox-children .kd-input-underline {
   background-color: transparent;
@@ -14120,7 +14123,6 @@ textarea {
           box-sizing: border-box;
   background-color: transparent;
   cursor: pointer;
-  margin: 0 8px 2px 0;
   vertical-align: middle;
 }
 .kd-select-selector:hover .kd-select-icon-active {
@@ -14274,19 +14276,16 @@ textarea {
   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;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
+.kd-select-item-option-content .kd-checkbox {
+  width: 100%;
+}
+.kd-select-item-option-content .kd-checkbox .kd-checkbox-children {
+  display: inline-block;
+}
 .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, #f5f5f5);
 }
@@ -14336,13 +14335,13 @@ textarea {
           justify-content: center;
   margin-left: 8px;
 }
-.kd-select-single .kd-select-selection-search {
+.kd-select .kd-select-single .kd-select-selection-search {
   position: absolute;
   right: 28px;
   left: 0;
   height: 100%;
 }
-.kd-select-single .kd-select-selection-search-input {
+.kd-select .kd-select-single .kd-select-selection-search-input {
   outline: 0;
   border-radius: 0;
   border: none;
@@ -14350,35 +14349,41 @@ textarea {
   height: 100%;
   width: 100%;
 }
-.kd-select-single-focused {
+.kd-select .kd-select-single .kd-select-selection-item {
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.kd-select .kd-select-single-focused {
   border-color: var(--kd-c-select-color-border-foucs, var(--kd-g-color-theme, #5582f3)) !important;
 }
-.kd-select-single-disabled {
+.kd-select .kd-select-single-disabled {
   background-color: var(--kd-c-select-color-background-disabled, #f5f5f5);
   color: var(--kd-c-select-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
 }
-.kd-select-single-disabled:hover {
+.kd-select .kd-select-single-disabled:hover {
   cursor: not-allowed;
 }
-.kd-select-single-disabled .kd-select-suffix {
+.kd-select .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 {
+.kd-select .kd-select-single:hover .kd-select-icon-clear {
   opacity: 1;
 }
-.kd-select-single .kd-select-icon-clear {
+.kd-select .kd-select-single .kd-select-icon-clear {
   color: var(--kd-c-select-icon-clear-color-text, #d9d9d9);
 }
-.kd-select-single .kd-select-icon-clear:hover {
+.kd-select .kd-select-single .kd-select-icon-clear:hover {
   color: var(--kd-c-select-icon-clear-color-text-hover, #999);
 }
-.kd-select-single-text {
+.kd-select .kd-select-single-text {
   color: var(--kd-c-select-single-color-text, var(--kd-g-color-text-primary, #212121));
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.kd-select-single-disabled-text {
+.kd-select .kd-select-single-disabled-text {
   color: var(--kd-c-select-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
 }
 .kd-select .kd-select-selection-item {
@@ -14402,13 +14407,13 @@ textarea {
           user-select: none;
 }
 .kd-select .kd-select-selection-item-small {
-  height: 18px;
+  height: 20px;
   line-height: 18px;
   font-size: 12px;
 }
 .kd-select .kd-select-selection-item-middle {
   font-size: 12px;
-  height: 18px;
+  height: 20px;
   line-height: 18px;
 }
 .kd-select .kd-select-selection-item-large {
@@ -14450,6 +14455,13 @@ textarea {
   width: 100%;
   min-width: 20px;
 }
+.kd-select-multiple .kd-select-selection-tag {
+  max-width: calc(100% - 5px);
+}
+.kd-select-multiple .kd-select-selection-tag .kd-tag {
+  margin: 2px 8px 2px 0;
+  max-width: 100%;
+}
 .kd-select-multiple .kd-select-selection-search {
   position: relative;
   max-width: 100%;
@@ -17146,6 +17158,11 @@ textarea {
   -webkit-transition: all var(--kd-c-tag-motion-duration, var(--kd-g-duration, 0.3s));
   transition: all var(--kd-c-tag-motion-duration, var(--kd-g-duration, 0.3s));
 }
+.kd-tag-ellipsis {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 .kd-tag-size-small {
   font-size: var(--kd-c-tag-font-size-small, var(--kd-g-font-size-small, 12px));
   height: var(--kd-c-tag-sizing-height-small, 20px);
@@ -17509,6 +17526,9 @@ textarea {
 }
 .kd-tag-text {
   margin-left: 6px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .kd-tag-closable-disabled {
   background-color: var(--kd-c-tag-edit-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));