@kdcloudjs/kdesign 1.2.1 → 1.2.2
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 +16 -0
- package/dist/kdesign-complete.less +68 -3
- package/dist/kdesign.css +73 -9
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +45 -31
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +3 -3
- package/dist/kdesign.min.js +3 -3
- package/dist/kdesign.min.js.map +1 -1
- package/es/carousel/displayList.js +8 -4
- package/es/carousel/fadeList.js +9 -5
- package/es/carousel/slideList.js +6 -3
- package/es/carousel/style/index.css +65 -0
- package/es/carousel/style/index.less +66 -1
- package/es/collapse/panel.js +1 -1
- package/es/radio/style/index.css +7 -8
- package/es/radio/style/index.less +2 -2
- package/es/tabs/tabs.js +5 -1
- package/lib/carousel/displayList.js +9 -4
- package/lib/carousel/fadeList.js +10 -5
- package/lib/carousel/slideList.js +6 -3
- package/lib/carousel/style/index.css +65 -0
- package/lib/carousel/style/index.less +66 -1
- package/lib/collapse/panel.js +1 -1
- package/lib/radio/style/index.css +7 -8
- package/lib/radio/style/index.less +2 -2
- package/lib/tabs/tabs.js +6 -1
- package/package.json +1 -1
|
@@ -113,13 +113,12 @@
|
|
|
113
113
|
list-style: none;
|
|
114
114
|
-webkit-font-feature-settings: 'tnum';
|
|
115
115
|
font-feature-settings: 'tnum';
|
|
116
|
-
overflow: hidden;
|
|
117
|
-
text-overflow: ellipsis;
|
|
118
116
|
position: relative;
|
|
119
117
|
display: inline-block;
|
|
120
118
|
padding-left: var(--kd-c-radio-square-sizing-width-height, 14px);
|
|
121
119
|
margin-right: var(--kd-c-radio-spacing-margin-right, 8px);
|
|
122
120
|
white-space: nowrap;
|
|
121
|
+
text-overflow: ellipsis;
|
|
123
122
|
cursor: pointer;
|
|
124
123
|
vertical-align: middle;
|
|
125
124
|
color: var(--kd-c-radio-color-font, var(--kd-g-color-text-primary, #212121));
|
|
@@ -179,8 +178,8 @@
|
|
|
179
178
|
border-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
|
|
180
179
|
}
|
|
181
180
|
.kd-radio-checked:focus-within::before {
|
|
182
|
-
-webkit-box-shadow: 0 0 0 3px rgba(
|
|
183
|
-
box-shadow: 0 0 0 3px rgba(
|
|
181
|
+
-webkit-box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
|
|
182
|
+
box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
|
|
184
183
|
}
|
|
185
184
|
.kd-radio-checked::after {
|
|
186
185
|
position: absolute;
|
|
@@ -293,8 +292,8 @@
|
|
|
293
292
|
border-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
|
|
294
293
|
}
|
|
295
294
|
.kd-radio-square-checked:focus-within {
|
|
296
|
-
-webkit-box-shadow: 0 0 0 3px rgba(
|
|
297
|
-
box-shadow: 0 0 0 3px rgba(
|
|
295
|
+
-webkit-box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
|
|
296
|
+
box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
|
|
298
297
|
}
|
|
299
298
|
.kd-radio-square-checked::after {
|
|
300
299
|
position: absolute;
|
|
@@ -402,8 +401,8 @@
|
|
|
402
401
|
background-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
|
|
403
402
|
}
|
|
404
403
|
.kd-radio-button-checked:focus-within {
|
|
405
|
-
-webkit-box-shadow: 0 0 0 3px rgba(
|
|
406
|
-
box-shadow: 0 0 0 3px rgba(
|
|
404
|
+
-webkit-box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
|
|
405
|
+
box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
|
|
407
406
|
}
|
|
408
407
|
.kd-radio-button-checked:hover {
|
|
409
408
|
color: var(--kd-c-radio-color-background, var(--kd-g-color-white, #fff));
|
|
@@ -5,12 +5,11 @@
|
|
|
5
5
|
@radio-square-prefix-cls: ~'@{radio-prefix-cls}-square';
|
|
6
6
|
@radio-button-prefix-cls: ~'@{radio-prefix-cls}-button';
|
|
7
7
|
@radio-group-prefix-cls: ~'@{radio-prefix-cls}-group';
|
|
8
|
-
@radio-focus-shadow: 0 0 0 3px rgba(
|
|
8
|
+
@radio-focus-shadow: 0 0 0 3px rgba(85, 130, 243, 10%);
|
|
9
9
|
|
|
10
10
|
// 默认类型（单选项）
|
|
11
11
|
.@{radio-prefix-cls} {
|
|
12
12
|
.reset-component();
|
|
13
|
-
.ellipsis();
|
|
14
13
|
|
|
15
14
|
// 默认状态
|
|
16
15
|
position: relative;
|
|
@@ -18,6 +17,7 @@
|
|
|
18
17
|
padding-left: @radio-circle-size;
|
|
19
18
|
margin-right: @radio-margin-right;
|
|
20
19
|
white-space: nowrap;
|
|
20
|
+
text-overflow: ellipsis;
|
|
21
21
|
cursor: pointer;
|
|
22
22
|
vertical-align: middle;
|
|
23
23
|
color: @radio-font-color;
|
package/lib/tabs/tabs.js
CHANGED
|
@@ -178,7 +178,7 @@ var Tabs = function Tabs(props) {
|
|
|
178
178
|
});
|
|
179
179
|
|
|
180
180
|
if (index !== -1) {
|
|
181
|
-
(_a = carouselRef.current) === null || _a === void 0 ? void 0 : _a.jumpTo(index);
|
|
181
|
+
(_a = carouselRef.current) === null || _a === void 0 ? void 0 : _a.jumpTo(index, true);
|
|
182
182
|
}
|
|
183
183
|
}, [curActiveKey, carouselRef, carouselData]);
|
|
184
184
|
(0, _react.useEffect)(function () {
|
|
@@ -464,6 +464,11 @@ var Tabs = function Tabs(props) {
|
|
|
464
464
|
|
|
465
465
|
carouselData.push(item);
|
|
466
466
|
});
|
|
467
|
+
|
|
468
|
+
if (effect !== 'none') {
|
|
469
|
+
console.log('effect', effect);
|
|
470
|
+
}
|
|
471
|
+
|
|
467
472
|
return /*#__PURE__*/_react.default.createElement(_carousel.default, {
|
|
468
473
|
ref: carouselRef,
|
|
469
474
|
dots: false,
|