@kdcloudjs/kdesign 1.5.7 → 1.5.10
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 +48 -0
- package/dist/default-theme.js +1 -1
- package/dist/kdesign-complete.less +152 -107
- package/dist/kdesign.css +118 -94
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +187 -137
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +2 -2
- package/dist/kdesign.min.js +8 -8
- package/dist/kdesign.min.js.map +1 -1
- package/es/_utils/usePopper.js +66 -38
- package/es/carousel/slidebar.d.ts +1 -0
- package/es/checkbox/checkbox.d.ts +1 -0
- package/es/checkbox/checkbox.js +21 -3
- package/es/city-picker/no-data.d.ts +1 -0
- package/es/date-picker/calendar.d.ts +1 -0
- package/es/date-picker/panel/month/month.d.ts +1 -0
- package/es/date-picker/panel/quarter/quarter.d.ts +1 -0
- package/es/date-picker/panel/time/time.d.ts +1 -0
- package/es/date-picker/panel/week/week.d.ts +1 -0
- package/es/date-picker/panel/year/year.d.ts +1 -0
- package/es/date-picker/utils/get-ranges.d.ts +1 -0
- package/es/dropdown/dropdown.js +1 -1
- package/es/empty/defaultEmptyImg.d.ts +1 -0
- package/es/empty/illustrationEmptyImg.d.ts +1 -0
- package/es/modal/style/index.css +1 -7
- package/es/modal/style/index.less +1 -7
- package/es/modal/style/token.less +7 -4
- package/es/progress/progress.js +1 -1
- package/es/progress/style/index.css +18 -5
- package/es/progress/style/index.less +19 -5
- package/es/progress/style/token.less +5 -1
- package/es/slider/track.d.ts +1 -0
- package/es/style/themes/default.less +1 -1
- package/es/table/table.d.ts +1 -0
- package/es/tabs/style/index.css +79 -74
- package/es/tabs/style/index.less +76 -73
- package/es/tabs/style/mixin.less +0 -6
- package/es/tabs/style/token.less +8 -3
- package/es/tree/style/index.css +2 -1
- package/es/tree/style/index.less +5 -4
- package/es/tree/style/token.less +2 -1
- package/es/tree/treeNode.js +4 -1
- package/es/upload/style/index.css +17 -6
- package/es/upload/style/index.less +18 -5
- package/es/upload/style/token.less +11 -0
- package/es/upload/upload.js +6 -4
- package/lib/_utils/usePopper.js +66 -38
- package/lib/carousel/slidebar.d.ts +1 -0
- package/lib/checkbox/checkbox.d.ts +1 -0
- package/lib/checkbox/checkbox.js +23 -4
- package/lib/city-picker/no-data.d.ts +1 -0
- package/lib/date-picker/calendar.d.ts +1 -0
- package/lib/date-picker/panel/month/month.d.ts +1 -0
- package/lib/date-picker/panel/quarter/quarter.d.ts +1 -0
- package/lib/date-picker/panel/time/time.d.ts +1 -0
- package/lib/date-picker/panel/week/week.d.ts +1 -0
- package/lib/date-picker/panel/year/year.d.ts +1 -0
- package/lib/date-picker/utils/get-ranges.d.ts +1 -0
- package/lib/dropdown/dropdown.js +1 -1
- package/lib/empty/defaultEmptyImg.d.ts +1 -0
- package/lib/empty/illustrationEmptyImg.d.ts +1 -0
- package/lib/modal/style/index.css +1 -7
- package/lib/modal/style/index.less +1 -7
- package/lib/modal/style/token.less +7 -4
- package/lib/progress/progress.js +1 -1
- package/lib/progress/style/index.css +18 -5
- package/lib/progress/style/index.less +19 -5
- package/lib/progress/style/token.less +5 -1
- package/lib/slider/track.d.ts +1 -0
- package/lib/style/themes/default.less +1 -1
- package/lib/table/table.d.ts +1 -0
- package/lib/tabs/style/index.css +79 -74
- package/lib/tabs/style/index.less +76 -73
- package/lib/tabs/style/mixin.less +0 -6
- package/lib/tabs/style/token.less +8 -3
- package/lib/tree/style/index.css +2 -1
- package/lib/tree/style/index.less +5 -4
- package/lib/tree/style/token.less +2 -1
- package/lib/tree/treeNode.js +4 -1
- package/lib/upload/style/index.css +17 -6
- package/lib/upload/style/index.less +18 -5
- package/lib/upload/style/token.less +11 -0
- package/lib/upload/upload.js +6 -4
- package/package.json +2 -2
|
@@ -38,6 +38,9 @@
|
|
|
38
38
|
|
|
39
39
|
&-left-arrows {
|
|
40
40
|
box-shadow: 2px 0 2px rgba(0, 0, 0, 0.08);
|
|
41
|
+
height: 100%;
|
|
42
|
+
display: flex;
|
|
43
|
+
align-items: center;
|
|
41
44
|
&-line {
|
|
42
45
|
background-color: #fff;
|
|
43
46
|
}
|
|
@@ -47,6 +50,9 @@
|
|
|
47
50
|
}
|
|
48
51
|
&-right-arrows {
|
|
49
52
|
box-shadow: -2px 0 2px rgba(0, 0, 0, 0.08);
|
|
53
|
+
height: 100%;
|
|
54
|
+
display: flex;
|
|
55
|
+
align-items: center;
|
|
50
56
|
&-line {
|
|
51
57
|
background-color: #fff;
|
|
52
58
|
.@{tabs-prefix-cls}-more-btn {
|
|
@@ -70,18 +76,7 @@
|
|
|
70
76
|
}
|
|
71
77
|
&-left-operations {
|
|
72
78
|
position: relative;
|
|
73
|
-
|
|
74
|
-
margin-right: 8px;
|
|
75
|
-
&::after {
|
|
76
|
-
position: absolute;
|
|
77
|
-
content: '';
|
|
78
|
-
width: 1px;
|
|
79
|
-
height: 28px;
|
|
80
|
-
right: 0;
|
|
81
|
-
top: 50%;
|
|
82
|
-
transform: translateY(-50%);
|
|
83
|
-
background-color: @tabs-border-color;
|
|
84
|
-
}
|
|
79
|
+
margin-right: 2px;
|
|
85
80
|
&-item {
|
|
86
81
|
padding: 0 12px;
|
|
87
82
|
cursor: pointer;
|
|
@@ -89,19 +84,9 @@
|
|
|
89
84
|
}
|
|
90
85
|
&-right-operations {
|
|
91
86
|
position: relative;
|
|
92
|
-
|
|
93
|
-
&::before {
|
|
94
|
-
position: absolute;
|
|
95
|
-
content: '';
|
|
96
|
-
width: 1px;
|
|
97
|
-
height: 100%;
|
|
98
|
-
left: 0;
|
|
99
|
-
top: 50%;
|
|
100
|
-
transform: translateY(-50%);
|
|
101
|
-
background-color: @tabs-border-color;
|
|
102
|
-
}
|
|
87
|
+
padding-right: 18px;
|
|
103
88
|
&-item {
|
|
104
|
-
padding:
|
|
89
|
+
padding-left: 12px;
|
|
105
90
|
cursor: pointer;
|
|
106
91
|
}
|
|
107
92
|
}
|
|
@@ -110,8 +95,6 @@
|
|
|
110
95
|
display: inline-block;
|
|
111
96
|
box-sizing: border-box;
|
|
112
97
|
width: 48px;
|
|
113
|
-
height: 100%;
|
|
114
|
-
line-height: 46px;
|
|
115
98
|
text-align: center;
|
|
116
99
|
cursor: pointer;
|
|
117
100
|
&:hover {
|
|
@@ -130,6 +113,20 @@
|
|
|
130
113
|
.@{tabs-prefix-cls}-navs {
|
|
131
114
|
.tabNavs;
|
|
132
115
|
&-line {
|
|
116
|
+
&.@{tabs-prefix-cls}-navs-middle {
|
|
117
|
+
height: @tab-pane-type-line-height-middle;
|
|
118
|
+
}
|
|
119
|
+
&.@{tabs-prefix-cls}-navs-small {
|
|
120
|
+
height: @tab-pane-type-line-height-small !important;
|
|
121
|
+
}
|
|
122
|
+
.@{tabPane-prefix-cls}-middle {
|
|
123
|
+
line-height: @tab-pane-type-line-height-middle;
|
|
124
|
+
height: @tab-pane-type-line-height-middle;
|
|
125
|
+
}
|
|
126
|
+
.@{tabPane-prefix-cls}-small {
|
|
127
|
+
line-height: @tab-pane-type-line-height-small;
|
|
128
|
+
height: @tab-pane-type-line-height-small;
|
|
129
|
+
}
|
|
133
130
|
&.@{tabs-prefix-cls}-navs-bottom {
|
|
134
131
|
border-top: 1px solid @tabs-border-color;
|
|
135
132
|
border-bottom: unset;
|
|
@@ -152,12 +149,14 @@
|
|
|
152
149
|
top: -1px;
|
|
153
150
|
height: ~'calc(100% + 2px)';
|
|
154
151
|
}
|
|
155
|
-
&.@{tabs-prefix-cls}-navs-left,
|
|
152
|
+
&.@{tabs-prefix-cls}-navs-left,
|
|
153
|
+
&.@{tabs-prefix-cls}-navs-right {
|
|
156
154
|
min-width: 120px;
|
|
157
155
|
height: 100%;
|
|
158
156
|
font-size: 0;
|
|
159
157
|
border-top: 1px solid transparent;
|
|
160
|
-
&::before,
|
|
158
|
+
&::before,
|
|
159
|
+
&::after {
|
|
161
160
|
position: absolute;
|
|
162
161
|
content: '';
|
|
163
162
|
display: inline-block;
|
|
@@ -196,12 +195,12 @@
|
|
|
196
195
|
&-dynamic {
|
|
197
196
|
background-color: @tabs-card-bg;
|
|
198
197
|
border-bottom: unset;
|
|
199
|
-
height:
|
|
198
|
+
height: @tab-pane-type-dynamic-height;
|
|
200
199
|
.@{tabs-prefix-cls}-tab-wrap {
|
|
201
|
-
height:
|
|
200
|
+
height: @tab-pane-type-dynamic-height;
|
|
202
201
|
}
|
|
203
202
|
.@{tabs-prefix-cls}-more-btn {
|
|
204
|
-
line-height:
|
|
203
|
+
line-height: @tab-pane-type-dynamic-height;
|
|
205
204
|
}
|
|
206
205
|
}
|
|
207
206
|
&-small:not(.@{tabs-prefix-cls}-navs-left):not(.@{tabs-prefix-cls}-navs-right) {
|
|
@@ -217,7 +216,8 @@
|
|
|
217
216
|
&-text {
|
|
218
217
|
display: inline-block;
|
|
219
218
|
transition: color @tab-g-motion-duration;
|
|
220
|
-
&-active,
|
|
219
|
+
&-active,
|
|
220
|
+
&:hover {
|
|
221
221
|
color: @tabPane-font-color-active;
|
|
222
222
|
}
|
|
223
223
|
&-disabled {
|
|
@@ -233,35 +233,28 @@
|
|
|
233
233
|
color: @tabPane-font-color-disabled;
|
|
234
234
|
}
|
|
235
235
|
}
|
|
236
|
+
&-type-line {
|
|
237
|
+
padding: 0 @tab-pane-line-paddinng-horizontal;
|
|
238
|
+
}
|
|
236
239
|
&-type-card {
|
|
237
240
|
margin-right: 0;
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
}
|
|
241
|
+
padding: 0 @tab-pane-card-paddinng-horizontal;
|
|
242
|
+
border: 1px solid transparent;
|
|
241
243
|
&.@{tabPane-prefix-cls}-box-active {
|
|
242
244
|
background-color: #fff;
|
|
243
245
|
border: 1px solid @tabs-border-color;
|
|
244
246
|
border-top: 2px solid;
|
|
245
247
|
border-color: @tab-line-color-active @tabs-border-color transparent @tabs-border-color;
|
|
246
|
-
transition: background-color .2s @tab-transition-fn;
|
|
248
|
+
transition: background-color 0.2s @tab-transition-fn;
|
|
247
249
|
&:first-of-type {
|
|
248
|
-
border-left:
|
|
249
|
-
}
|
|
250
|
-
}
|
|
251
|
-
&.@{tabPane-prefix-cls}-left, &.@{tabPane-prefix-cls}-right {
|
|
252
|
-
width: 100%;
|
|
253
|
-
padding: 0;
|
|
254
|
-
text-align: center;
|
|
255
|
-
border-top: 1px solid @tabs-border-color;
|
|
256
|
-
&:last-of-type {
|
|
257
|
-
border-bottom: 1px solid @tabs-border-color;
|
|
250
|
+
border-left-color: transparent;
|
|
258
251
|
}
|
|
259
252
|
}
|
|
260
253
|
&.@{tabPane-prefix-cls}-left {
|
|
261
|
-
border-left:
|
|
254
|
+
border-left: 2px solid transparent;
|
|
262
255
|
&.@{tabPane-prefix-cls}-box-active {
|
|
263
|
-
border-left: 2px solid
|
|
264
|
-
border-
|
|
256
|
+
border-left: 2px solid;
|
|
257
|
+
border-color: @tabs-border-color transparent transparent @tab-line-color-active;
|
|
265
258
|
}
|
|
266
259
|
}
|
|
267
260
|
&.@{tabPane-prefix-cls}-right {
|
|
@@ -271,20 +264,43 @@
|
|
|
271
264
|
border-left: 1px solid transparent;
|
|
272
265
|
}
|
|
273
266
|
}
|
|
267
|
+
&.@{tabPane-prefix-cls}-left,
|
|
268
|
+
&.@{tabPane-prefix-cls}-right {
|
|
269
|
+
width: 100%;
|
|
270
|
+
border-top: 1px solid @tabs-border-color;
|
|
271
|
+
&:last-of-type {
|
|
272
|
+
border-bottom: 1px solid @tabs-border-color;
|
|
273
|
+
}
|
|
274
|
+
}
|
|
274
275
|
&.@{tabPane-prefix-cls}-bottom {
|
|
276
|
+
border-top: 1px solid transparent;
|
|
277
|
+
border-bottom: 2px solid transparent;
|
|
275
278
|
&.@{tabPane-prefix-cls}-box-active {
|
|
276
279
|
border-bottom: 2px solid;
|
|
277
|
-
border-color:
|
|
280
|
+
border-color: transparent @tabs-border-color @tab-line-color-active @tabs-border-color;
|
|
281
|
+
&:first-of-type {
|
|
282
|
+
border-left-color: transparent;
|
|
283
|
+
}
|
|
284
|
+
}
|
|
285
|
+
}
|
|
286
|
+
&.@{tabPane-prefix-cls}-top {
|
|
287
|
+
border-top: 2px solid transparent;
|
|
288
|
+
&.@{tabPane-prefix-cls}-box-active {
|
|
289
|
+
border-top: 2px solid;
|
|
290
|
+
border-color: @tab-line-color-active @tabs-border-color transparent @tabs-border-color;
|
|
291
|
+
&:first-of-type {
|
|
292
|
+
border-left-color: transparent;
|
|
293
|
+
}
|
|
278
294
|
}
|
|
279
295
|
}
|
|
280
296
|
}
|
|
281
297
|
&-type-dynamic {
|
|
282
|
-
height:
|
|
283
|
-
line-height:
|
|
284
|
-
margin: 0 0 0
|
|
298
|
+
height: @tab-pane-type-dynamic-height;
|
|
299
|
+
line-height: @tab-pane-type-dynamic-height;
|
|
300
|
+
margin: 0 0 0 4px;
|
|
285
301
|
display: inline-flex;
|
|
286
302
|
align-items: center;
|
|
287
|
-
&:hover {
|
|
303
|
+
&:not(.@{tabPane-prefix-cls}-disabled):hover {
|
|
288
304
|
.@{tabPane-prefix-cls}-operations {
|
|
289
305
|
span:first-child {
|
|
290
306
|
opacity: 1;
|
|
@@ -293,13 +309,13 @@
|
|
|
293
309
|
}
|
|
294
310
|
}
|
|
295
311
|
.@{tabPane-prefix-cls}-operations .@{icon-prefix-cls} {
|
|
296
|
-
font-size:
|
|
312
|
+
font-size: 16px;
|
|
297
313
|
}
|
|
298
314
|
}
|
|
299
315
|
&-type-grid {
|
|
300
316
|
height: 24px;
|
|
301
317
|
line-height: 22px;
|
|
302
|
-
padding: 0
|
|
318
|
+
padding: 0 @tab-pane-grid-paddinng-horizontal;
|
|
303
319
|
border: 1px solid @tabs-border-color;
|
|
304
320
|
margin-right: -1px;
|
|
305
321
|
&:first-of-type {
|
|
@@ -313,7 +329,7 @@
|
|
|
313
329
|
z-index: 2;
|
|
314
330
|
background-color: @tab-line-color-active;
|
|
315
331
|
border: 1px solid @tab-line-color-active;
|
|
316
|
-
transition: background-color .2s @tab-transition-fn;
|
|
332
|
+
transition: background-color 0.2s @tab-transition-fn;
|
|
317
333
|
.@{tabPane-prefix-cls}-text-active {
|
|
318
334
|
color: #fff;
|
|
319
335
|
}
|
|
@@ -329,24 +345,13 @@
|
|
|
329
345
|
position: relative;
|
|
330
346
|
display: inline-block;
|
|
331
347
|
line-height: 1;
|
|
332
|
-
padding: 0
|
|
348
|
+
padding: 0 4px;
|
|
333
349
|
span:first-child {
|
|
334
350
|
display: inline-block;
|
|
335
351
|
vertical-align: top;
|
|
336
352
|
font-size: 0;
|
|
337
353
|
opacity: 0;
|
|
338
354
|
}
|
|
339
|
-
&::after {
|
|
340
|
-
position: absolute;
|
|
341
|
-
content: '';
|
|
342
|
-
width: 1px;
|
|
343
|
-
height: 14px;
|
|
344
|
-
background-color: @tabs-border-color;
|
|
345
|
-
right: 0;
|
|
346
|
-
top: 50%;
|
|
347
|
-
opacity: 1;
|
|
348
|
-
transform: translateY(-50%);
|
|
349
|
-
}
|
|
350
355
|
}
|
|
351
356
|
&-small {
|
|
352
357
|
height: 36px;
|
|
@@ -370,8 +375,6 @@
|
|
|
370
375
|
display: inline-block;
|
|
371
376
|
box-sizing: border-box;
|
|
372
377
|
width: 48px;
|
|
373
|
-
height: 100%;
|
|
374
|
-
line-height: 46px;
|
|
375
378
|
text-align: center;
|
|
376
379
|
cursor: pointer;
|
|
377
380
|
&:hover {
|
|
@@ -382,7 +385,7 @@
|
|
|
382
385
|
}
|
|
383
386
|
&-dynamic {
|
|
384
387
|
width: 24px;
|
|
385
|
-
line-height:
|
|
388
|
+
line-height: @tab-pane-type-dynamic-height;
|
|
386
389
|
}
|
|
387
390
|
&-disabled {
|
|
388
391
|
color: @tabPane-font-color-disabled;
|
|
@@ -394,4 +397,4 @@
|
|
|
394
397
|
.@{icon-prefix-cls} {
|
|
395
398
|
font-size: 14px;
|
|
396
399
|
}
|
|
397
|
-
}
|
|
400
|
+
}
|
|
@@ -5,11 +5,6 @@
|
|
|
5
5
|
flex-direction: column;
|
|
6
6
|
flex-wrap: nowrap;
|
|
7
7
|
height: 100%;
|
|
8
|
-
// box-sizing: border-box;
|
|
9
|
-
// width: 100%;
|
|
10
|
-
// height: @tabs-height;
|
|
11
|
-
// color: @tabs-font-color;
|
|
12
|
-
// border-bottom: @tabs-border-width solid @tabs-border-color;
|
|
13
8
|
}
|
|
14
9
|
.tabNavs() {
|
|
15
10
|
position: relative;
|
|
@@ -29,6 +24,5 @@
|
|
|
29
24
|
color: @tabs-font-color;
|
|
30
25
|
height: @tab-pane-height;
|
|
31
26
|
line-height: @tab-pane-line-height;
|
|
32
|
-
margin-right: @tab-pane-margin-right;
|
|
33
27
|
cursor: pointer;
|
|
34
28
|
}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
@tabs-border-color: var(~'@{tabs-custom-prefix}-color-border', @color-border-strong);
|
|
7
7
|
@tab-line-color-active: var(~'@{tabs-custom-prefix}-line-color-active', @color-theme);
|
|
8
8
|
@tabs-card-bg: var(~'@{tabs-custom-prefix}-card-color-background', @color-background-contain-disabled);
|
|
9
|
-
@tab-disabled-bg: var(~'@{tabs-custom-prefix}-color-background-disabled',
|
|
9
|
+
@tab-disabled-bg: var(~'@{tabs-custom-prefix}-color-background-disabled', transparent);
|
|
10
10
|
@tabs-font-color: var(~'@{tabs-custom-prefix}-color-text', @color-text-secondary);
|
|
11
11
|
@tabPane-font-color-active: var(~'@{tabs-custom-prefix}-color-text-active', @color-theme);
|
|
12
12
|
@tabPane-font-color-hover: var(~'@{tabs-custom-prefix}-color-text-hover', @color-theme);
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
@tabPane-font-size: var(~'@{tabs-custom-prefix}-pane-font-size', @font-size-middle);
|
|
17
17
|
|
|
18
18
|
// line-height
|
|
19
|
-
@tab-pane-line-height: var(~'@{tabs-custom-prefix}-pane-
|
|
19
|
+
@tab-pane-line-height: var(~'@{tabs-custom-prefix}-pane-height', 48px);
|
|
20
20
|
|
|
21
21
|
// motion
|
|
22
22
|
@tab-transition-fn: var(~'@{tabs-custom-prefix}-motion-timing-function', cubic-bezier(0.42, 0, 1, 1));
|
|
@@ -26,7 +26,12 @@
|
|
|
26
26
|
@tabs-height: var(~'@{tabs-custom-prefix}-sizing-height', 48px);
|
|
27
27
|
@tabs-border-width: var(~'@{tabs-custom-prefix}-sizing-border', 1px);
|
|
28
28
|
@tab-pane-height: var(~'@{tabs-custom-prefix}-pane-sizing-height', 48px);
|
|
29
|
+
@tab-pane-type-line-height-small: var(~'@{tabs-custom-prefix}-pane-type-line-sizing-height-small', 32px);
|
|
30
|
+
@tab-pane-type-line-height-middle: var(~'@{tabs-custom-prefix}-pane-type-line-sizing-height-middle', 32px);
|
|
31
|
+
@tab-pane-type-dynamic-height: var(~'@{tabs-custom-prefix}-pane-type-dynamic-sizing-height', 32px);
|
|
29
32
|
|
|
30
33
|
|
|
31
34
|
// spacing
|
|
32
|
-
@tab-pane-
|
|
35
|
+
@tab-pane-line-paddinng-horizontal: var(~'@{tabs-custom-prefix}-pane-line-paddinng-horizontal', 20px);
|
|
36
|
+
@tab-pane-card-paddinng-horizontal: var(~'@{tabs-custom-prefix}-pane-card-paddinng-horizontal', 18px);
|
|
37
|
+
@tab-pane-grid-paddinng-horizontal: var(~'@{tabs-custom-prefix}-pane-grid-paddinng-horizontal', 20px);
|
package/lib/tree/style/index.css
CHANGED
|
@@ -131,6 +131,7 @@
|
|
|
131
131
|
flex-grow: 1;
|
|
132
132
|
font-size: var(--kd-c-tree-font-size, var(--kd-g-font-size-small, 12px));
|
|
133
133
|
color: var(--kd-c-tree-color-text, var(--kd-g-color-text-primary, #212121));
|
|
134
|
+
margin-left: var(--kd-c-tree-spacing-margin-left, 16px);
|
|
134
135
|
}
|
|
135
136
|
.kd-tree-root {
|
|
136
137
|
min-width: 100%;
|
|
@@ -155,7 +156,7 @@
|
|
|
155
156
|
align-items: center;
|
|
156
157
|
}
|
|
157
158
|
.kd-tree-node-root .kd-spin-dot-spin {
|
|
158
|
-
border:
|
|
159
|
+
border: 2px solid transparent;
|
|
159
160
|
width: var(--kd-c-tree-expand-icon-loading-sizing-width, 16px);
|
|
160
161
|
height: var(--kd-c-tree-expand-icon-loading-sizing-height, 16px);
|
|
161
162
|
}
|
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
flex-grow: 1;
|
|
12
12
|
font-size: @tree-font-size;
|
|
13
13
|
color: @tree-color-text;
|
|
14
|
+
margin-left: @tree-margin-left;
|
|
14
15
|
&-root {
|
|
15
16
|
min-width: 100%;
|
|
16
17
|
flex-shrink: 0;
|
|
@@ -30,7 +31,7 @@
|
|
|
30
31
|
align-items: center;
|
|
31
32
|
|
|
32
33
|
.@{kd-prefix}-spin-dot-spin {
|
|
33
|
-
border:
|
|
34
|
+
border: 2px solid transparent;
|
|
34
35
|
width: @tree-expand-icon-loading-width;
|
|
35
36
|
height: @tree-expand-icon-loading-height;
|
|
36
37
|
|
|
@@ -47,7 +48,7 @@
|
|
|
47
48
|
display: flex;
|
|
48
49
|
align-items: center;
|
|
49
50
|
|
|
50
|
-
.node-hover()
|
|
51
|
+
.node-hover();
|
|
51
52
|
}
|
|
52
53
|
|
|
53
54
|
&-indent {
|
|
@@ -115,14 +116,14 @@
|
|
|
115
116
|
.node-hover();
|
|
116
117
|
|
|
117
118
|
&-selected {
|
|
118
|
-
.node-selected()
|
|
119
|
+
.node-selected();
|
|
119
120
|
}
|
|
120
121
|
}
|
|
121
122
|
&-title {
|
|
122
123
|
white-space: nowrap;
|
|
123
124
|
}
|
|
124
125
|
&-selected {
|
|
125
|
-
.node-selected()
|
|
126
|
+
.node-selected();
|
|
126
127
|
}
|
|
127
128
|
|
|
128
129
|
&-draggabled {
|
|
@@ -22,10 +22,11 @@
|
|
|
22
22
|
@tree-expand-icon-loading-width: var(~'@{tree-prefix}-expand-icon-loading-sizing-width', 16px);
|
|
23
23
|
@tree-node-icon-height: var(~'@{tree-prefix}-node-icon-sizing-height', 16px);
|
|
24
24
|
@tree-node-icon-width: var(~'@{tree-prefix}-node-icon-sizing-width', 16px);
|
|
25
|
+
@tree-margin-left: var(~'@{tree-prefix}-spacing-margin-left', 16px);
|
|
25
26
|
|
|
26
27
|
// font
|
|
27
28
|
@tree-font-size: var(~'@{tree-prefix}-font-size', @font-size-small);
|
|
28
29
|
@tree-node-icon-size: var(~'@{tree-prefix}-node-icon-font-size', 16px);
|
|
29
30
|
|
|
30
31
|
// motion
|
|
31
|
-
@tree-transition-duration: var(~'@{tree-prefix}-motion-duration', @duration-promptly);
|
|
32
|
+
@tree-transition-duration: var(~'@{tree-prefix}-motion-duration', @duration-promptly);
|
package/lib/tree/treeNode.js
CHANGED
|
@@ -271,7 +271,10 @@ var TreeNode = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
271
271
|
onChange: handleOnchange,
|
|
272
272
|
checked: checked,
|
|
273
273
|
indeterminate: !disabled && indeterminate,
|
|
274
|
-
disabled: disabled
|
|
274
|
+
disabled: disabled,
|
|
275
|
+
onClick: function onClick(e) {
|
|
276
|
+
return e.stopPropagation();
|
|
277
|
+
}
|
|
275
278
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
276
279
|
className: (0, _classnames.default)("".concat(treeNodePrefixCls, "-title"), (0, _defineProperty2.default)({}, "".concat(treeNodePrefixCls, "-title-disabled"), disabled))
|
|
277
280
|
}, title)) : /*#__PURE__*/_react.default.createElement("span", {
|
|
@@ -180,13 +180,14 @@
|
|
|
180
180
|
list-style: none;
|
|
181
181
|
-webkit-font-feature-settings: 'tnum';
|
|
182
182
|
font-feature-settings: 'tnum';
|
|
183
|
-
margin-top: 16px;
|
|
183
|
+
margin-top: var(--kd-c-upload-text-list-margin-top, 16px);
|
|
184
184
|
font-size: var(--kd-c-upload-font-size, var(--kd-g-font-size-middle, 14px));
|
|
185
185
|
border-top: 1px dashed var(--kd-c-upload-division-color, var(--kd-g-color-border-strong, #d9d9d9));
|
|
186
186
|
}
|
|
187
187
|
.kd-upload .kd-upload-text-list-item {
|
|
188
188
|
position: relative;
|
|
189
|
-
padding:
|
|
189
|
+
padding: 0 var(--kd-c-upload-text-list-item-padding-horizontal, 20px);
|
|
190
|
+
height: var(--kd-c-upload-list-item-height, 44px);
|
|
190
191
|
overflow: hidden;
|
|
191
192
|
white-space: nowrap;
|
|
192
193
|
display: -webkit-box;
|
|
@@ -212,9 +213,12 @@
|
|
|
212
213
|
.kd-upload .kd-upload-text-list-item.error .kd-upload-text-list-item-name {
|
|
213
214
|
color: var(--kd-c-upload-error-color, var(--kd-g-color-error, #fb2323));
|
|
214
215
|
}
|
|
216
|
+
.kd-upload .kd-upload-text-list-item-icon > i {
|
|
217
|
+
font-size: var(--kd-c-upload-font-size, var(--kd-g-font-size-middle, 14px));
|
|
218
|
+
}
|
|
215
219
|
.kd-upload .kd-upload-text-list-item-name {
|
|
216
220
|
display: inline-block;
|
|
217
|
-
margin: 0
|
|
221
|
+
margin: 0 var(--kd-c-upload-text-list-item-name-padding-right, 8px) 0 var(--kd-c-upload-text-list-item-name-padding-left, 4px);
|
|
218
222
|
white-space: nowrap;
|
|
219
223
|
overflow: hidden;
|
|
220
224
|
text-overflow: ellipsis;
|
|
@@ -227,7 +231,9 @@
|
|
|
227
231
|
position: absolute;
|
|
228
232
|
top: 0;
|
|
229
233
|
right: 0;
|
|
230
|
-
padding:
|
|
234
|
+
padding: 0 var(--kd-c-upload-text-list-item-padding-horizontal, 20px);
|
|
235
|
+
height: var(--kd-c-upload-list-item-height, 44px);
|
|
236
|
+
line-height: var(--kd-c-upload-list-item-height, 44px);
|
|
231
237
|
background-color: transparent;
|
|
232
238
|
opacity: 0;
|
|
233
239
|
visibility: hidden;
|
|
@@ -321,7 +327,8 @@
|
|
|
321
327
|
max-height: 100%;
|
|
322
328
|
}
|
|
323
329
|
.kd-upload .kd-upload-picture-list-item.error {
|
|
324
|
-
border-color: var(--kd-c-upload-color-border-error, var(--kd-g-color-border-error, #
|
|
330
|
+
border-color: var(--kd-c-upload-color-border-error, var(--kd-g-color-border-error, #fc808B));
|
|
331
|
+
background-color: var(--kd-c-upload-color-background-error, var(--kd-g-color-background-error, #fff2f4));
|
|
325
332
|
}
|
|
326
333
|
.kd-upload .kd-upload-picture-list-item-loading {
|
|
327
334
|
width: 100%;
|
|
@@ -361,7 +368,7 @@
|
|
|
361
368
|
justify-content: center;
|
|
362
369
|
}
|
|
363
370
|
.kd-upload .kd-upload-picture-list-item-error-text {
|
|
364
|
-
margin-bottom:
|
|
371
|
+
margin-bottom: 4px;
|
|
365
372
|
color: var(--kd-c-upload-error-color, var(--kd-g-color-error, #fb2323));
|
|
366
373
|
}
|
|
367
374
|
.kd-upload .kd-upload-picture-list-item-error a {
|
|
@@ -370,3 +377,7 @@
|
|
|
370
377
|
.kd-upload .kd-upload-picture-list-item-error a:not(:first-child) {
|
|
371
378
|
margin-left: 10px;
|
|
372
379
|
}
|
|
380
|
+
.kd-upload .kd-upload-picture-list-item-action > a {
|
|
381
|
+
color: var(--kd-c-upload-panel-button-color, #0E5FD8);
|
|
382
|
+
font-size: var(--kd-c-upload-picture-action-font-size, var(--kd-g-font-size-small, 12px));
|
|
383
|
+
}
|
|
@@ -59,13 +59,14 @@
|
|
|
59
59
|
|
|
60
60
|
.@{upload-prefix-text-list-cls} {
|
|
61
61
|
.reset-component;
|
|
62
|
-
margin-top:
|
|
62
|
+
margin-top: @upload-text-list-margin-top;
|
|
63
63
|
font-size: @upload-font-size;
|
|
64
64
|
border-top: 1px dashed @upload-border-color-strong;
|
|
65
65
|
|
|
66
66
|
&-item {
|
|
67
67
|
position: relative;
|
|
68
|
-
padding:
|
|
68
|
+
padding: 0 @upload-text-list-item-padding-horizontal;
|
|
69
|
+
height: @upload-list-item-height;
|
|
69
70
|
overflow: hidden;
|
|
70
71
|
white-space: nowrap;
|
|
71
72
|
display: flex;
|
|
@@ -90,9 +91,13 @@
|
|
|
90
91
|
}
|
|
91
92
|
}
|
|
92
93
|
|
|
94
|
+
&-icon > i {
|
|
95
|
+
font-size: @upload-font-size;
|
|
96
|
+
}
|
|
97
|
+
|
|
93
98
|
&-name {
|
|
94
99
|
display: inline-block;
|
|
95
|
-
margin: 0
|
|
100
|
+
margin: 0 @upload-text-list-item-name-padding-right 0 @upload-text-list-item-name-padding-left;
|
|
96
101
|
.ellipsis;
|
|
97
102
|
color: @upload-panel-color;
|
|
98
103
|
}
|
|
@@ -105,7 +110,9 @@
|
|
|
105
110
|
position: absolute;
|
|
106
111
|
top: 0;
|
|
107
112
|
right: 0;
|
|
108
|
-
padding:
|
|
113
|
+
padding: 0 @upload-text-list-item-padding-horizontal;
|
|
114
|
+
height: @upload-list-item-height;
|
|
115
|
+
line-height: @upload-list-item-height;
|
|
109
116
|
background-color: transparent;
|
|
110
117
|
opacity: 0;
|
|
111
118
|
visibility: hidden;
|
|
@@ -185,6 +192,7 @@
|
|
|
185
192
|
|
|
186
193
|
&.error {
|
|
187
194
|
border-color: @upload-border-error-color;
|
|
195
|
+
background-color: @upload-background-error-color;
|
|
188
196
|
}
|
|
189
197
|
|
|
190
198
|
&-loading {
|
|
@@ -209,7 +217,7 @@
|
|
|
209
217
|
justify-content: center;
|
|
210
218
|
|
|
211
219
|
&-text {
|
|
212
|
-
margin-bottom:
|
|
220
|
+
margin-bottom: 4px;
|
|
213
221
|
color: @upload-text-error-color;
|
|
214
222
|
}
|
|
215
223
|
|
|
@@ -220,6 +228,11 @@
|
|
|
220
228
|
}
|
|
221
229
|
}
|
|
222
230
|
}
|
|
231
|
+
|
|
232
|
+
&-action > a {
|
|
233
|
+
color: @upload-panel-button-color;
|
|
234
|
+
font-size: @upload-picture-action-font-size;
|
|
235
|
+
}
|
|
223
236
|
}
|
|
224
237
|
}
|
|
225
238
|
}
|
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
@upload-text-color: var(~'@{upload-prefix}-color', @color-text-third);
|
|
7
7
|
|
|
8
8
|
@upload-text-error-color: var(~'@{upload-prefix}-error-color', @color-error);
|
|
9
|
+
@upload-background-error-color: var(~'@{upload-prefix}-color-background-error', @color-background-error);
|
|
9
10
|
@upload-border-error-color: var(~'@{upload-prefix}-color-border-error', @color-border-error);
|
|
10
11
|
@upload-border-color: var(~'@{upload-prefix}-color-border', @color-border-weak);
|
|
11
12
|
@upload-border-color-strong: var(~'@{upload-prefix}-division-color', @color-border-strong);
|
|
@@ -22,7 +23,17 @@
|
|
|
22
23
|
|
|
23
24
|
// font
|
|
24
25
|
@upload-font-size: var(~'@{upload-prefix}-font-size', @font-size-middle);
|
|
26
|
+
@upload-picture-action-font-size: var(~'@{upload-prefix}-picture-action-font-size', @font-size-small);
|
|
25
27
|
|
|
26
28
|
// radius
|
|
27
29
|
@upload-border-radius: var(~'@{upload-prefix}-radius-border', @radius-border);
|
|
28
30
|
|
|
31
|
+
// sizing
|
|
32
|
+
@upload-list-item-height: var(~'@{upload-prefix}-list-item-height', 44px);
|
|
33
|
+
|
|
34
|
+
//spacing
|
|
35
|
+
@upload-text-list-margin-top: var(~'@{upload-prefix}-text-list-margin-top', 16px);
|
|
36
|
+
@upload-text-list-item-padding-horizontal: var(~'@{upload-prefix}-text-list-item-padding-horizontal', 20px);
|
|
37
|
+
@upload-text-list-item-name-padding-left: var(~'@{upload-prefix}-text-list-item-name-padding-left', 4px);
|
|
38
|
+
@upload-text-list-item-name-padding-right: var(~'@{upload-prefix}-text-list-item-name-padding-right', 8px);
|
|
39
|
+
|
package/lib/upload/upload.js
CHANGED
|
@@ -493,7 +493,7 @@ var InternalUpload = function InternalUpload(props, ref) {
|
|
|
493
493
|
}, inputFileProps, {
|
|
494
494
|
ref: mergedRef
|
|
495
495
|
}))))), showUploadList && (0, _map.default)(fileList).call(fileList, function (file) {
|
|
496
|
-
var _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19;
|
|
496
|
+
var _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20;
|
|
497
497
|
|
|
498
498
|
return /*#__PURE__*/React.createElement("li", {
|
|
499
499
|
key: file.uid,
|
|
@@ -535,13 +535,15 @@ var InternalUpload = function InternalUpload(props, ref) {
|
|
|
535
535
|
style: {
|
|
536
536
|
verticalAlign: 'top'
|
|
537
537
|
}
|
|
538
|
-
}), "\u4E0A\u4F20\u5931\u8D25"), /*#__PURE__*/React.createElement("div",
|
|
538
|
+
}), "\u4E0A\u4F20\u5931\u8D25"), /*#__PURE__*/React.createElement("div", {
|
|
539
|
+
className: (0, _concat.default)(_context18 = "".concat(prefixCls, "-")).call(_context18, listType, "-list-item-action")
|
|
540
|
+
}, /*#__PURE__*/React.createElement("a", {
|
|
539
541
|
href: "true",
|
|
540
|
-
className: (0, _concat.default)(
|
|
542
|
+
className: (0, _concat.default)(_context19 = "".concat(prefixCls, "-")).call(_context19, listType, "-list-item-reupload"),
|
|
541
543
|
onClick: handleReUpload.bind(_this, file)
|
|
542
544
|
}, "\u91CD\u65B0\u4E0A\u4F20"), /*#__PURE__*/React.createElement("a", {
|
|
543
545
|
href: "true",
|
|
544
|
-
className: (0, _concat.default)(
|
|
546
|
+
className: (0, _concat.default)(_context20 = "".concat(prefixCls, "-")).call(_context20, listType, "-list-item-delete"),
|
|
545
547
|
onClick: handleRemove.bind(_this, file)
|
|
546
548
|
}, "\u5220\u9664"))) : /*#__PURE__*/React.createElement(_image.default, {
|
|
547
549
|
previewType: "upload",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kdcloudjs/kdesign",
|
|
3
|
-
"version": "1.5.
|
|
3
|
+
"version": "1.5.10",
|
|
4
4
|
"description": "KDesign 金蝶前端react 组件库",
|
|
5
5
|
"title": "kdesign",
|
|
6
6
|
"keywords": [
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
"@babel/runtime": "^7.10.4",
|
|
77
77
|
"@babel/runtime-corejs3": "^7.11.2",
|
|
78
78
|
"@babel/standalone": "^7.14.3",
|
|
79
|
-
"@kdcloudjs/table": "
|
|
79
|
+
"@kdcloudjs/table": "canary",
|
|
80
80
|
"@popperjs/core": "^2.5.4",
|
|
81
81
|
"async-validator": "^3.5.1",
|
|
82
82
|
"axios": "^0.21.1",
|