@kdcloudjs/kdesign 1.6.17 → 1.6.19

package/lib/select/style/index.less

@@ -10,7 +10,6 @@
   box-sizing: border-box;
   background-color: transparent;
   cursor: pointer;
-  margin: 0 8px 2px 0;
   vertical-align: middle;
 
   &-selector:hover {
@@ -158,10 +157,15 @@
       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) {
@@ -208,7 +212,7 @@
     justify-content: center;
     margin-left: 8px;
   }
-  &-single {
+  .@{select-prefix-cls}-single {
     .@{select-prefix-cls}-selection {
       &-search {
         position: absolute;
@@ -224,6 +228,10 @@
           width: 100%;
         }
       }
+      &-item {
+        display: inline-block;
+        .over();
+      }
     }
     &-focused {
       .focusColor();
@@ -270,14 +278,14 @@
     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;
     }
 
@@ -320,6 +328,14 @@
   // 多选
   &-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%;

package/lib/tag/style/index.css

@@ -105,6 +105,11 @@
   -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);
@@ -468,6 +473,9 @@
 }
 .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));

package/lib/tag/style/index.less

@@ -7,6 +7,12 @@
 @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);
   }
@@ -89,6 +95,9 @@
   // 图标设置外边距
   &-text {
     margin-left: 6px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
   }
 
   &-closable-disabled {

package/lib/tag/tag.js

@@ -114,13 +114,17 @@ var InteranalTag = function InteranalTag(props, ref) {
   var tagRef = ref || thisTagRef; // 对children进行进一步处理 当标签包含图标时 文本内容需要用标签包裹设置外边距
 
   var handleChild = function handleChild(child) {
+    if (!child) return null;
+
     if (typeof child === 'string' && icon) {
       return /*#__PURE__*/_react.default.createElement("span", {
         className: "".concat(tagPrefixCls, "-text")
       }, child);
     }
 
-    return child;
+    return /*#__PURE__*/_react.default.createElement("span", {
+      className: "".concat(tagPrefixCls, "-ellipsis")
+    }, child);
   }; // 预设的颜色值
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kdcloudjs/kdesign",
-  "version": "1.6.17",
+  "version": "1.6.19",
   "description": "KDesign 金蝶前端react 组件库",
   "title": "kdesign",
   "keywords": [