@kdcloudjs/kdesign 1.3.0 → 1.3.1
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 +15 -0
- package/dist/kdesign-complete.less +7 -0
- package/dist/kdesign.css +8 -1
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +13 -2
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +2 -2
- package/dist/kdesign.min.js +2 -2
- package/dist/kdesign.min.js.map +1 -1
- package/es/checkbox/style/index.css +7 -0
- package/es/checkbox/style/index.less +7 -0
- package/es/select/select.js +12 -1
- package/lib/checkbox/style/index.css +7 -0
- package/lib/checkbox/style/index.less +7 -0
- package/lib/select/select.js +12 -1
- package/package.json +1 -1
|
@@ -151,6 +151,10 @@
|
|
|
151
151
|
-ms-flex-align: center;
|
|
152
152
|
align-items: center;
|
|
153
153
|
z-index: 999;
|
|
154
|
+
-webkit-user-select: none;
|
|
155
|
+
-moz-user-select: none;
|
|
156
|
+
-ms-user-select: none;
|
|
157
|
+
user-select: none;
|
|
154
158
|
}
|
|
155
159
|
.kd-checkbox-children .kd-input-underline {
|
|
156
160
|
background-color: transparent;
|
|
@@ -383,3 +387,6 @@
|
|
|
383
387
|
.kd-checkbox-default.checked .kd-checkbox-children {
|
|
384
388
|
color: var(--kd-c-checkbox-color-text-primary, #212121);
|
|
385
389
|
}
|
|
390
|
+
.kd-checkbox-default-indeterminate .kd-checkbox-children {
|
|
391
|
+
color: var(--kd-c-checkbox-color-text-primary, #212121);
|
|
392
|
+
}
|
|
@@ -38,6 +38,8 @@
|
|
|
38
38
|
justify-content: center;
|
|
39
39
|
align-items: center;
|
|
40
40
|
z-index: 999;
|
|
41
|
+
user-select: none;
|
|
42
|
+
|
|
41
43
|
.kd-input-underline {
|
|
42
44
|
background-color: transparent;
|
|
43
45
|
border-bottom: none;
|
|
@@ -249,4 +251,9 @@
|
|
|
249
251
|
color: @checkbox-font-color;
|
|
250
252
|
}
|
|
251
253
|
}
|
|
254
|
+
&-indeterminate {
|
|
255
|
+
.@{checkbox-prefix-cls}-children {
|
|
256
|
+
color: @checkbox-font-color;
|
|
257
|
+
}
|
|
258
|
+
}
|
|
252
259
|
}
|
package/es/select/select.js
CHANGED
|
@@ -221,8 +221,19 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
221
221
|
onDropdownVisibleChange && onDropdownVisibleChange(!optionShow);
|
|
222
222
|
} // handleClear()
|
|
223
223
|
|
|
224
|
-
};
|
|
224
|
+
};
|
|
225
|
+
|
|
226
|
+
useEffect(function () {
|
|
227
|
+
selectionRef.current.addEventListener('mouseup', function (e) {
|
|
228
|
+
var _a;
|
|
229
|
+
|
|
230
|
+
var isCloseBtn = ((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.className.indexOf('kd-tag-close-icon')) > -1;
|
|
225
231
|
|
|
232
|
+
if (isCloseBtn) {
|
|
233
|
+
e.stopPropagation();
|
|
234
|
+
}
|
|
235
|
+
});
|
|
236
|
+
}, []); // 点击下拉列表中某项回调
|
|
226
237
|
|
|
227
238
|
var handleOption = function handleOption(key, label, isSelected) {
|
|
228
239
|
var _a, _b, _c;
|
|
@@ -151,6 +151,10 @@
|
|
|
151
151
|
-ms-flex-align: center;
|
|
152
152
|
align-items: center;
|
|
153
153
|
z-index: 999;
|
|
154
|
+
-webkit-user-select: none;
|
|
155
|
+
-moz-user-select: none;
|
|
156
|
+
-ms-user-select: none;
|
|
157
|
+
user-select: none;
|
|
154
158
|
}
|
|
155
159
|
.kd-checkbox-children .kd-input-underline {
|
|
156
160
|
background-color: transparent;
|
|
@@ -383,3 +387,6 @@
|
|
|
383
387
|
.kd-checkbox-default.checked .kd-checkbox-children {
|
|
384
388
|
color: var(--kd-c-checkbox-color-text-primary, #212121);
|
|
385
389
|
}
|
|
390
|
+
.kd-checkbox-default-indeterminate .kd-checkbox-children {
|
|
391
|
+
color: var(--kd-c-checkbox-color-text-primary, #212121);
|
|
392
|
+
}
|
|
@@ -38,6 +38,8 @@
|
|
|
38
38
|
justify-content: center;
|
|
39
39
|
align-items: center;
|
|
40
40
|
z-index: 999;
|
|
41
|
+
user-select: none;
|
|
42
|
+
|
|
41
43
|
.kd-input-underline {
|
|
42
44
|
background-color: transparent;
|
|
43
45
|
border-bottom: none;
|
|
@@ -249,4 +251,9 @@
|
|
|
249
251
|
color: @checkbox-font-color;
|
|
250
252
|
}
|
|
251
253
|
}
|
|
254
|
+
&-indeterminate {
|
|
255
|
+
.@{checkbox-prefix-cls}-children {
|
|
256
|
+
color: @checkbox-font-color;
|
|
257
|
+
}
|
|
258
|
+
}
|
|
252
259
|
}
|
package/lib/select/select.js
CHANGED
|
@@ -258,8 +258,19 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
258
258
|
onDropdownVisibleChange && onDropdownVisibleChange(!optionShow);
|
|
259
259
|
} // handleClear()
|
|
260
260
|
|
|
261
|
-
};
|
|
261
|
+
};
|
|
262
|
+
|
|
263
|
+
(0, _react.useEffect)(function () {
|
|
264
|
+
selectionRef.current.addEventListener('mouseup', function (e) {
|
|
265
|
+
var _a;
|
|
266
|
+
|
|
267
|
+
var isCloseBtn = ((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.className.indexOf('kd-tag-close-icon')) > -1;
|
|
262
268
|
|
|
269
|
+
if (isCloseBtn) {
|
|
270
|
+
e.stopPropagation();
|
|
271
|
+
}
|
|
272
|
+
});
|
|
273
|
+
}, []); // 点击下拉列表中某项回调
|
|
263
274
|
|
|
264
275
|
var handleOption = function handleOption(key, label, isSelected) {
|
|
265
276
|
var _a, _b, _c;
|