@kdcloudjs/kdesign 1.3.5 → 1.3.8
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 +52 -0
- package/dist/kdesign-complete.less +21 -9
- package/dist/kdesign.css +45 -9
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +22 -14
- 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/anchor/anchor.js +3 -3
- package/es/anchor/style/index.css +7 -7
- package/es/anchor/style/index.less +5 -5
- package/es/anchor/style/token.less +1 -1
- package/es/button/style/index.css +36 -0
- package/es/button/style/index.less +14 -2
- package/es/checkbox/checkbox.js +7 -3
- package/es/radio/radio.js +7 -3
- package/es/switch/style/index.css +1 -1
- package/es/switch/style/token.less +1 -1
- package/lib/anchor/anchor.js +3 -3
- package/lib/anchor/style/index.css +7 -7
- package/lib/anchor/style/index.less +5 -5
- package/lib/anchor/style/token.less +1 -1
- package/lib/button/style/index.css +36 -0
- package/lib/button/style/index.less +14 -2
- package/lib/checkbox/checkbox.js +7 -3
- package/lib/radio/radio.js +7 -3
- package/lib/switch/style/index.css +1 -1
- package/lib/switch/style/token.less +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,55 @@
|
|
|
1
|
+
## [1.3.7](https://github.com/kdcloudone/kdesign/compare/v1.3.6...v1.3.7) (2022-06-30)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* [button] 修复loading按钮以及单个图标按钮默认居中的视觉问题 ([efc3eb8](https://github.com/kdcloudone/kdesign/commit/efc3eb853685cdd9f6eeeca662e07ea600099f10))
|
|
7
|
+
* [checkbox] 修复ref取值为null的bug ([19da577](https://github.com/kdcloudone/kdesign/commit/19da577d3466c15d2446f741482edde7d10a8d25))
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
## [1.3.6](https://github.com/kdcloudone/kdesign/compare/v1.3.5...v1.3.6) (2022-06-27)
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
### Bug Fixes
|
|
15
|
+
|
|
16
|
+
* [table] 更新table版本 ([860ac40](https://github.com/kdcloudone/kdesign/commit/860ac408ffb9bf6486477f8160decb1fdd4b1c2d))
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
## [1.3.5](https://github.com/kdcloudone/kdesign/compare/v1.3.4...v1.3.5) (2022-06-23)
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
### Bug Fixes
|
|
24
|
+
|
|
25
|
+
* [anchor] 锚点组件跟随页面滚动问题 ([50ce512](https://github.com/kdcloudone/kdesign/commit/50ce5127aecbf158016c0afc688a41cb4379280d))
|
|
26
|
+
* [basedata] 下拉面板鼠标样式 ([82a649b](https://github.com/kdcloudone/kdesign/commit/82a649b2906594a76d2f32615bf5174eafd1e618))
|
|
27
|
+
* [cli] 调整滚动条样式 ([ca07525](https://github.com/kdcloudone/kdesign/commit/ca07525c925048d8921b916d11cfe46f75aa88ad))
|
|
28
|
+
* [cli] 修复[@popperjs](https://github.com/popperjs)版本更新导致的单测报错 ([9d9bd7f](https://github.com/kdcloudone/kdesign/commit/9d9bd7f960454b1139837b68121c037c82c499e3))
|
|
29
|
+
* [form]onChange及disabled值处理 ([92c585b](https://github.com/kdcloudone/kdesign/commit/92c585b6f60d81aded34e091e4eb79118bf4e32c))
|
|
30
|
+
* [menu]菜单切换问题处理 ([32f939b](https://github.com/kdcloudone/kdesign/commit/32f939b45781b90ee7b21a3eb9d1a53f45e65847))
|
|
31
|
+
* [menu]样式修改 ([87fa585](https://github.com/kdcloudone/kdesign/commit/87fa58509196b1d065afec9272e1643e0b7beaac))
|
|
32
|
+
* [select] 多选下 全选与取消全选onChange返回值问题 ([5c71a03](https://github.com/kdcloudone/kdesign/commit/5c71a0376bb2c6c3b238887c775af43b3fea6f8e))
|
|
33
|
+
* [select] 解决select onChange回调第二个参数缺失问题 ([d1aa79d](https://github.com/kdcloudone/kdesign/commit/d1aa79d9cea88e33a350d75f63704febcc4b5e5a))
|
|
34
|
+
* [token] 更新组件token文档 ([5c53761](https://github.com/kdcloudone/kdesign/commit/5c53761a19b4795e0cfaffe4b8cb9b2c63287b3c))
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
### Features
|
|
38
|
+
|
|
39
|
+
* [table] 增加范围选中功能 ([7e9c3c0](https://github.com/kdcloudone/kdesign/commit/7e9c3c02cb1e0d212d6ab7e31e142dce7fd030c8))
|
|
40
|
+
* [table] 增加外部可配置表格复选框和单选框参数 ([3d80d3c](https://github.com/kdcloudone/kdesign/commit/3d80d3cea1a27ee7feba4b851a2f2d4a40218674))
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
## [1.3.4](https://github.com/kdcloudone/kdesign/compare/v1.3.3...v1.3.4) (2022-06-17)
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
### Bug Fixes
|
|
48
|
+
|
|
49
|
+
* [table] 修复@kdcloudjs/table更新导致的错误 ([fe36940](https://github.com/kdcloudone/kdesign/commit/fe369404d2dd8a8909e898f8a70119bfe3afebc2))
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
|
|
1
53
|
## [1.3.3](https://github.com/kdcloudone/kdesign/compare/v1.3.2...v1.3.3) (2022-06-16)
|
|
2
54
|
|
|
3
55
|
|
|
@@ -246,7 +246,7 @@
|
|
|
246
246
|
content: '';
|
|
247
247
|
height: 0;
|
|
248
248
|
width: 40px;
|
|
249
|
-
border-bottom: @anchor-
|
|
249
|
+
border-bottom: @anchor-line-slider-width dashed @anchor-disabled-border-color;
|
|
250
250
|
margin: 4px;
|
|
251
251
|
}
|
|
252
252
|
}
|
|
@@ -286,7 +286,7 @@
|
|
|
286
286
|
}
|
|
287
287
|
}
|
|
288
288
|
|
|
289
|
-
&-
|
|
289
|
+
&-line {
|
|
290
290
|
position: absolute;
|
|
291
291
|
left: @anchor-link-left;
|
|
292
292
|
top: 0;
|
|
@@ -294,19 +294,19 @@
|
|
|
294
294
|
&::before {
|
|
295
295
|
position: relative;
|
|
296
296
|
display: block;
|
|
297
|
-
width: @anchor-
|
|
297
|
+
width: @anchor-line-slider-width;
|
|
298
298
|
height: 100%;
|
|
299
299
|
margin: 0 auto;
|
|
300
300
|
background-color: @anchor-border-color;
|
|
301
301
|
content: '';
|
|
302
302
|
}
|
|
303
303
|
|
|
304
|
-
&-
|
|
304
|
+
&-slider {
|
|
305
305
|
position: absolute;
|
|
306
306
|
display: none;
|
|
307
307
|
width: 0;
|
|
308
308
|
height: 16px;
|
|
309
|
-
border-right: @anchor-
|
|
309
|
+
border-right: @anchor-line-slider-width solid @anchor-color-theme;
|
|
310
310
|
transition: top 0.3s ease-in-out;
|
|
311
311
|
&.visible {
|
|
312
312
|
display: inline-block;
|
|
@@ -392,7 +392,7 @@
|
|
|
392
392
|
@anchor-link-secondary-padding: var(~'@{anchor-prefix}-secondary-spacing-padding', 12px 8px);
|
|
393
393
|
@anchor-advanced-padding-top: var(~'@{anchor-prefix}-advanced-spacing-padding-top', 8px);
|
|
394
394
|
@anchor-advanced-padding-bottom: var(~'@{anchor-prefix}-advanced-spacing-padding-bottom', 7px);
|
|
395
|
-
@anchor-
|
|
395
|
+
@anchor-line-slider-width: var(~'@{anchor-prefix}-line-slider-spacing-width', 1px);
|
|
396
396
|
|
|
397
397
|
|
|
398
398
|
// font
|
|
@@ -1001,6 +1001,9 @@
|
|
|
1001
1001
|
&.@{btn-prefix-cls}-icon-only {
|
|
1002
1002
|
font-size: @btn-icon-small-font-size;
|
|
1003
1003
|
padding: 0 @btn-icon-padding-horizontal;
|
|
1004
|
+
display: inline-flex;
|
|
1005
|
+
justify-content: center;
|
|
1006
|
+
align-items: center;
|
|
1004
1007
|
}
|
|
1005
1008
|
|
|
1006
1009
|
.@{btn-prefix-cls}-group-basic-icon {
|
|
@@ -1014,6 +1017,9 @@
|
|
|
1014
1017
|
&.@{btn-prefix-cls}-icon-only {
|
|
1015
1018
|
font-size: @btn-icon-middle-font-size;
|
|
1016
1019
|
padding: 0 @btn-icon-padding-horizontal;
|
|
1020
|
+
display: inline-flex;
|
|
1021
|
+
justify-content: center;
|
|
1022
|
+
align-items: center;
|
|
1017
1023
|
}
|
|
1018
1024
|
|
|
1019
1025
|
.@{btn-prefix-cls}-group-basic-icon {
|
|
@@ -1027,6 +1033,9 @@
|
|
|
1027
1033
|
&.@{btn-prefix-cls}-icon-only {
|
|
1028
1034
|
font-size: @btn-icon-large-font-size;
|
|
1029
1035
|
padding: 0 @btn-icon-padding-horizontal;
|
|
1036
|
+
display: inline-flex;
|
|
1037
|
+
justify-content: center;
|
|
1038
|
+
align-items: center;
|
|
1030
1039
|
}
|
|
1031
1040
|
|
|
1032
1041
|
.@{btn-prefix-cls}-group-basic-icon {
|
|
@@ -1121,6 +1130,9 @@
|
|
|
1121
1130
|
// 加载中按钮
|
|
1122
1131
|
&-loading {
|
|
1123
1132
|
cursor: default;
|
|
1133
|
+
display: inline-flex;
|
|
1134
|
+
justify-content: center;
|
|
1135
|
+
align-items: center;
|
|
1124
1136
|
}
|
|
1125
1137
|
// 按钮开启块化撑满父元素
|
|
1126
1138
|
&-block {
|
|
@@ -1158,11 +1170,11 @@
|
|
|
1158
1170
|
background: @btn-group-trigger-color-background-hover;
|
|
1159
1171
|
border-color: @btn-group-trigger-color-background-hover;
|
|
1160
1172
|
}
|
|
1161
|
-
|
|
1173
|
+
|
|
1162
1174
|
&:active {
|
|
1163
1175
|
background: @btn-group-trigger-color-background-active;
|
|
1164
1176
|
}
|
|
1165
|
-
|
|
1177
|
+
|
|
1166
1178
|
&:disabled {
|
|
1167
1179
|
background: @btn-group-trigger-color-background-disabled !important;
|
|
1168
1180
|
}
|
|
@@ -12193,7 +12205,7 @@ template {
|
|
|
12193
12205
|
|
|
12194
12206
|
// line-height
|
|
12195
12207
|
@switch-large-line-height: var(~'@{switch-prefix}-large-line-height', 20px);
|
|
12196
|
-
@switch-small-line-height: var(~'@{switch-prefix}-small-line-height',
|
|
12208
|
+
@switch-small-line-height: var(~'@{switch-prefix}-small-line-height', 16px);
|
|
12197
12209
|
|
|
12198
12210
|
//radius
|
|
12199
12211
|
@switch-small-border-radius: var(~'@{switch-prefix}-small-radius-border', 8px);
|
package/dist/kdesign.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
*
|
|
3
|
-
* @kdcloudjs/kdesign v1.3.
|
|
3
|
+
* @kdcloudjs/kdesign v1.3.7
|
|
4
4
|
*
|
|
5
5
|
* Copyright 2020-present, Kingdee, Inc.
|
|
6
6
|
* All rights reserved.
|
|
@@ -2480,7 +2480,7 @@ template {
|
|
|
2480
2480
|
content: '';
|
|
2481
2481
|
height: 0;
|
|
2482
2482
|
width: 40px;
|
|
2483
|
-
border-bottom: var(--kd-c-anchor-
|
|
2483
|
+
border-bottom: var(--kd-c-anchor-line-slider-spacing-width, 1px) dashed var(--kd-c-anchor-color-border-disabled, var(--kd-g-color-border-disabled, #ccc));
|
|
2484
2484
|
margin: 4px;
|
|
2485
2485
|
}
|
|
2486
2486
|
.kd-anchor-advanced-arrows {
|
|
@@ -2518,31 +2518,31 @@ template {
|
|
|
2518
2518
|
.kd-anchor-advanced .kd-anchor {
|
|
2519
2519
|
max-width: var(--kd-c-anchor-advanced-sizing-width, 160px);
|
|
2520
2520
|
}
|
|
2521
|
-
.kd-anchor-
|
|
2521
|
+
.kd-anchor-line {
|
|
2522
2522
|
position: absolute;
|
|
2523
2523
|
left: var(--kd-c-anchor-spacing-horizontal, 7px);
|
|
2524
2524
|
top: 0;
|
|
2525
2525
|
height: 100%;
|
|
2526
2526
|
}
|
|
2527
|
-
.kd-anchor-
|
|
2527
|
+
.kd-anchor-line::before {
|
|
2528
2528
|
position: relative;
|
|
2529
2529
|
display: block;
|
|
2530
|
-
width: var(--kd-c-anchor-
|
|
2530
|
+
width: var(--kd-c-anchor-line-slider-spacing-width, 1px);
|
|
2531
2531
|
height: 100%;
|
|
2532
2532
|
margin: 0 auto;
|
|
2533
2533
|
background-color: var(--kd-c-anchor-color-border, var(--kd-g-color-border-strong, #d9d9d9));
|
|
2534
2534
|
content: '';
|
|
2535
2535
|
}
|
|
2536
|
-
.kd-anchor-
|
|
2536
|
+
.kd-anchor-line-slider {
|
|
2537
2537
|
position: absolute;
|
|
2538
2538
|
display: none;
|
|
2539
2539
|
width: 0;
|
|
2540
2540
|
height: 16px;
|
|
2541
|
-
border-right: var(--kd-c-anchor-
|
|
2541
|
+
border-right: var(--kd-c-anchor-line-slider-spacing-width, 1px) solid var(--kd-c-anchor-color-theme, var(--kd-g-color-theme, #5582f3));
|
|
2542
2542
|
-webkit-transition: top 0.3s ease-in-out;
|
|
2543
2543
|
transition: top 0.3s ease-in-out;
|
|
2544
2544
|
}
|
|
2545
|
-
.kd-anchor-
|
|
2545
|
+
.kd-anchor-line-slider.visible {
|
|
2546
2546
|
display: inline-block;
|
|
2547
2547
|
}
|
|
2548
2548
|
.kd-anchor-link {
|
|
@@ -3552,6 +3552,15 @@ template {
|
|
|
3552
3552
|
.kd-btn-size-small.kd-btn-icon-only {
|
|
3553
3553
|
font-size: var(--kd-c-button-icon-font-size-small, 14px);
|
|
3554
3554
|
padding: 0 var(--kd-c-button-icon-spacing-padding-horizontal, 4px);
|
|
3555
|
+
display: -webkit-inline-box;
|
|
3556
|
+
display: -ms-inline-flexbox;
|
|
3557
|
+
display: inline-flex;
|
|
3558
|
+
-webkit-box-pack: center;
|
|
3559
|
+
-ms-flex-pack: center;
|
|
3560
|
+
justify-content: center;
|
|
3561
|
+
-webkit-box-align: center;
|
|
3562
|
+
-ms-flex-align: center;
|
|
3563
|
+
align-items: center;
|
|
3555
3564
|
}
|
|
3556
3565
|
.kd-btn-size-small .kd-btn-group-basic-icon {
|
|
3557
3566
|
font-size: var(--kd-c-button-icon-font-size-small, 14px);
|
|
@@ -3566,6 +3575,15 @@ template {
|
|
|
3566
3575
|
.kd-btn-size-middle.kd-btn-icon-only {
|
|
3567
3576
|
font-size: var(--kd-c-button-icon-font-size-middle, 16px);
|
|
3568
3577
|
padding: 0 var(--kd-c-button-icon-spacing-padding-horizontal, 4px);
|
|
3578
|
+
display: -webkit-inline-box;
|
|
3579
|
+
display: -ms-inline-flexbox;
|
|
3580
|
+
display: inline-flex;
|
|
3581
|
+
-webkit-box-pack: center;
|
|
3582
|
+
-ms-flex-pack: center;
|
|
3583
|
+
justify-content: center;
|
|
3584
|
+
-webkit-box-align: center;
|
|
3585
|
+
-ms-flex-align: center;
|
|
3586
|
+
align-items: center;
|
|
3569
3587
|
}
|
|
3570
3588
|
.kd-btn-size-middle .kd-btn-group-basic-icon {
|
|
3571
3589
|
font-size: var(--kd-c-button-icon-font-size-middle, 16px);
|
|
@@ -3580,6 +3598,15 @@ template {
|
|
|
3580
3598
|
.kd-btn-size-large.kd-btn-icon-only {
|
|
3581
3599
|
font-size: var(--kd-c-button-icon-font-size-large, 18px);
|
|
3582
3600
|
padding: 0 var(--kd-c-button-icon-spacing-padding-horizontal, 4px);
|
|
3601
|
+
display: -webkit-inline-box;
|
|
3602
|
+
display: -ms-inline-flexbox;
|
|
3603
|
+
display: inline-flex;
|
|
3604
|
+
-webkit-box-pack: center;
|
|
3605
|
+
-ms-flex-pack: center;
|
|
3606
|
+
justify-content: center;
|
|
3607
|
+
-webkit-box-align: center;
|
|
3608
|
+
-ms-flex-align: center;
|
|
3609
|
+
align-items: center;
|
|
3583
3610
|
}
|
|
3584
3611
|
.kd-btn-size-large .kd-btn-group-basic-icon {
|
|
3585
3612
|
font-size: var(--kd-c-button-icon-font-size-large, 18px);
|
|
@@ -3648,6 +3675,15 @@ template {
|
|
|
3648
3675
|
}
|
|
3649
3676
|
.kd-btn-loading {
|
|
3650
3677
|
cursor: default;
|
|
3678
|
+
display: -webkit-inline-box;
|
|
3679
|
+
display: -ms-inline-flexbox;
|
|
3680
|
+
display: inline-flex;
|
|
3681
|
+
-webkit-box-pack: center;
|
|
3682
|
+
-ms-flex-pack: center;
|
|
3683
|
+
justify-content: center;
|
|
3684
|
+
-webkit-box-align: center;
|
|
3685
|
+
-ms-flex-align: center;
|
|
3686
|
+
align-items: center;
|
|
3651
3687
|
}
|
|
3652
3688
|
.kd-btn-block {
|
|
3653
3689
|
width: 100%;
|
|
@@ -16106,7 +16142,7 @@ textarea {
|
|
|
16106
16142
|
.kd-switch-size-small {
|
|
16107
16143
|
height: var(--kd-c-switch-small-sizing-height, 16px);
|
|
16108
16144
|
min-width: var(--kd-c-switch-small-sizing-width, 32px);
|
|
16109
|
-
line-height: var(--kd-c-switch-small-line-height,
|
|
16145
|
+
line-height: var(--kd-c-switch-small-line-height, 16px);
|
|
16110
16146
|
font-size: var(--kd-c-switch-small-font-size, var(--kd-g-font-size-small, 12px));
|
|
16111
16147
|
border-radius: var(--kd-c-switch-small-radius-border, 8px);
|
|
16112
16148
|
}
|