@kdcloudjs/kdesign 1.6.17 → 1.6.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/dist/kdesign-complete.less +35 -7
- package/dist/kdesign.css +44 -24
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +15 -11
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +3 -3
- package/dist/kdesign.min.js +2 -2
- package/dist/kdesign.min.js.map +1 -1
- package/es/checkbox/style/index.css +3 -0
- package/es/checkbox/style/index.less +3 -0
- package/es/config-provider/compDefaultProps.d.ts +4 -1
- package/es/config-provider/compDefaultProps.js +4 -1
- package/es/message/index.js +1 -1
- package/es/select/select.js +4 -7
- package/es/select/style/index.css +32 -23
- package/es/select/style/index.less +23 -7
- package/es/tag/style/index.css +8 -0
- package/es/tag/style/index.less +9 -0
- package/es/tag/tag.js +5 -1
- package/lib/checkbox/style/index.css +3 -0
- package/lib/checkbox/style/index.less +3 -0
- package/lib/config-provider/compDefaultProps.d.ts +4 -1
- package/lib/config-provider/compDefaultProps.js +4 -1
- package/lib/message/index.js +1 -1
- package/lib/select/select.js +4 -7
- package/lib/select/style/index.css +32 -23
- package/lib/select/style/index.less +23 -7
- package/lib/tag/style/index.css +8 -0
- package/lib/tag/style/index.less +9 -0
- package/lib/tag/tag.js +5 -1
- package/package.json +1 -1
package/lib/tag/style/index.css
CHANGED
|
@@ -105,6 +105,11 @@
|
|
|
105
105
|
-webkit-transition: all var(--kd-c-tag-motion-duration, var(--kd-g-duration, 0.3s));
|
|
106
106
|
transition: all var(--kd-c-tag-motion-duration, var(--kd-g-duration, 0.3s));
|
|
107
107
|
}
|
|
108
|
+
.kd-tag-ellipsis {
|
|
109
|
+
white-space: nowrap;
|
|
110
|
+
overflow: hidden;
|
|
111
|
+
text-overflow: ellipsis;
|
|
112
|
+
}
|
|
108
113
|
.kd-tag-size-small {
|
|
109
114
|
font-size: var(--kd-c-tag-font-size-small, var(--kd-g-font-size-small, 12px));
|
|
110
115
|
height: var(--kd-c-tag-sizing-height-small, 20px);
|
|
@@ -468,6 +473,9 @@
|
|
|
468
473
|
}
|
|
469
474
|
.kd-tag-text {
|
|
470
475
|
margin-left: 6px;
|
|
476
|
+
white-space: nowrap;
|
|
477
|
+
overflow: hidden;
|
|
478
|
+
text-overflow: ellipsis;
|
|
471
479
|
}
|
|
472
480
|
.kd-tag-closable-disabled {
|
|
473
481
|
background-color: var(--kd-c-tag-edit-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
|
package/lib/tag/style/index.less
CHANGED
|
@@ -7,6 +7,12 @@
|
|
|
7
7
|
@colors: @tag-process-color, @tag-success-color, @tag-warning-color, @tag-error-color, @tag-end-color, @tag-expired-color;
|
|
8
8
|
|
|
9
9
|
.@{tag-prefix-cls} {
|
|
10
|
+
&-ellipsis {
|
|
11
|
+
white-space: nowrap;
|
|
12
|
+
overflow: hidden;
|
|
13
|
+
text-overflow: ellipsis;
|
|
14
|
+
}
|
|
15
|
+
|
|
10
16
|
&-size-small {
|
|
11
17
|
.tag-size(@tag-small-font-size, @tag-small-height, @tag-small-padding-horizontal);
|
|
12
18
|
}
|
|
@@ -89,6 +95,9 @@
|
|
|
89
95
|
// 图标设置外边距
|
|
90
96
|
&-text {
|
|
91
97
|
margin-left: 6px;
|
|
98
|
+
white-space: nowrap;
|
|
99
|
+
overflow: hidden;
|
|
100
|
+
text-overflow: ellipsis;
|
|
92
101
|
}
|
|
93
102
|
|
|
94
103
|
&-closable-disabled {
|
package/lib/tag/tag.js
CHANGED
|
@@ -114,13 +114,17 @@ var InteranalTag = function InteranalTag(props, ref) {
|
|
|
114
114
|
var tagRef = ref || thisTagRef; // 对children进行进一步处理 当标签包含图标时 文本内容需要用标签包裹设置外边距
|
|
115
115
|
|
|
116
116
|
var handleChild = function handleChild(child) {
|
|
117
|
+
if (!child) return null;
|
|
118
|
+
|
|
117
119
|
if (typeof child === 'string' && icon) {
|
|
118
120
|
return /*#__PURE__*/_react.default.createElement("span", {
|
|
119
121
|
className: "".concat(tagPrefixCls, "-text")
|
|
120
122
|
}, child);
|
|
121
123
|
}
|
|
122
124
|
|
|
123
|
-
return
|
|
125
|
+
return /*#__PURE__*/_react.default.createElement("span", {
|
|
126
|
+
className: "".concat(tagPrefixCls, "-ellipsis")
|
|
127
|
+
}, child);
|
|
124
128
|
}; // 预设的颜色值
|
|
125
129
|
|
|
126
130
|
|