@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 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-ink-line-width dashed @anchor-disabled-border-color;
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
- &-ink {
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-ink-line-width;
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
- &-line {
304
+ &-slider {
305
305
  position: absolute;
306
306
  display: none;
307
307
  width: 0;
308
308
  height: 16px;
309
- border-right: @anchor-ink-line-width solid @anchor-color-theme;
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-ink-line-width: var(~'@{anchor-prefix}-ink-line-spacing-width', 1px);
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', 14px);
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.4
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-ink-line-spacing-width, 1px) dashed var(--kd-c-anchor-color-border-disabled, var(--kd-g-color-border-disabled, #ccc));
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-ink {
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-ink::before {
2527
+ .kd-anchor-line::before {
2528
2528
  position: relative;
2529
2529
  display: block;
2530
- width: var(--kd-c-anchor-ink-line-spacing-width, 1px);
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-ink-line {
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-ink-line-spacing-width, 1px) solid var(--kd-c-anchor-color-theme, var(--kd-g-color-theme, #5582f3));
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-ink-line.visible {
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, 14px);
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
  }