@douyinfe/semi-foundation 2.50.0 → 2.50.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.
Files changed (14) hide show
  1. package/breadcrumb/breadcrumb.scss +4 -0
  2. package/lib/cjs/breadcrumb/breadcrumb.css +3 -0
  3. package/lib/cjs/breadcrumb/breadcrumb.scss +4 -0
  4. package/lib/cjs/tree/rtl.scss +16 -0
  5. package/lib/cjs/tree/tree.css +170 -0
  6. package/lib/cjs/tree/tree.scss +6 -0
  7. package/lib/es/breadcrumb/breadcrumb.css +3 -0
  8. package/lib/es/breadcrumb/breadcrumb.scss +4 -0
  9. package/lib/es/tree/rtl.scss +16 -0
  10. package/lib/es/tree/tree.css +170 -0
  11. package/lib/es/tree/tree.scss +6 -0
  12. package/package.json +3 -3
  13. package/tree/rtl.scss +16 -0
  14. package/tree/tree.scss +6 -0
package/breadcrumb/breadcrumb.scss CHANGED
@@ -69,6 +69,10 @@ $module: #{$prefix}-breadcrumb;
69
69
  color: $color-breadcrumb_active-text-active;
70
70
  cursor: default;
71
71
  }
72
+
73
+ .#{$prefix}-typography {
74
+ font-weight: $font-breadcrumb_active-fontWeight;
75
+ }
72
76
  }
73
77
 
74
78
  &-item-icon {
package/lib/cjs/breadcrumb/breadcrumb.css CHANGED
@@ -48,6 +48,9 @@
48
48
  color: var(--semi-color-text-0);
49
49
  cursor: default;
50
50
  }
51
+ .semi-breadcrumb-item-active .semi-typography {
52
+ font-weight: 600;
53
+ }
51
54
  .semi-breadcrumb-item-icon {
52
55
  margin-bottom: -1px;
53
56
  }
package/lib/cjs/breadcrumb/breadcrumb.scss CHANGED
@@ -69,6 +69,10 @@ $module: #{$prefix}-breadcrumb;
69
69
  color: $color-breadcrumb_active-text-active;
70
70
  cursor: default;
71
71
  }
72
+
73
+ .#{$prefix}-typography {
74
+ font-weight: $font-breadcrumb_active-fontWeight;
75
+ }
72
76
  }
73
77
 
74
78
  &-item-icon {
package/lib/cjs/tree/rtl.scss CHANGED
@@ -20,6 +20,8 @@ $module: #{$prefix}-tree;
20
20
  }
21
21
 
22
22
  .#{$module}-option {
23
+ padding-left: 0;
24
+ padding-right: $spacing-tree_option_level1-paddingLeft;
23
25
  &-label {
24
26
  & > .#{$prefix}-icon {
25
27
  margin-right: 0;
@@ -39,10 +41,24 @@ $module: #{$prefix}-tree;
39
41
  }
40
42
  }
41
43
 
44
+ @for $i from 1 through 20 {
45
+ li.#{$module}-option.#{$module}-option-fullLabel-level-#{$i} {
46
+ padding-left: 0;
47
+ padding-right: $spacing-tree_option_level-paddingLeft * ($i - 1) + $spacing-tree_option_level1-paddingLeft;
48
+ }
49
+ }
50
+
42
51
  .#{$module}-option-label-empty {
43
52
  padding-left: auto;
44
53
  padding-right: 0;
45
54
  }
55
+
56
+ .#{$module}-option {
57
+ &-switcher {
58
+ margin-right: 0;
59
+ margin-left: $spacing-tree_icon-marginRight;
60
+ }
61
+ }
46
62
  }
47
63
 
48
64
  .#{$module}-option-list-block {
package/lib/cjs/tree/tree.css CHANGED
@@ -245,6 +245,66 @@
245
245
  .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:hover, .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:active {
246
246
  background-color: transparent;
247
247
  }
248
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-1 {
249
+ padding-left: 8px;
250
+ }
251
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-2 {
252
+ padding-left: 28px;
253
+ }
254
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-3 {
255
+ padding-left: 48px;
256
+ }
257
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-4 {
258
+ padding-left: 68px;
259
+ }
260
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-5 {
261
+ padding-left: 88px;
262
+ }
263
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-6 {
264
+ padding-left: 108px;
265
+ }
266
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-7 {
267
+ padding-left: 128px;
268
+ }
269
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-8 {
270
+ padding-left: 148px;
271
+ }
272
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-9 {
273
+ padding-left: 168px;
274
+ }
275
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-10 {
276
+ padding-left: 188px;
277
+ }
278
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-11 {
279
+ padding-left: 208px;
280
+ }
281
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-12 {
282
+ padding-left: 228px;
283
+ }
284
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-13 {
285
+ padding-left: 248px;
286
+ }
287
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-14 {
288
+ padding-left: 268px;
289
+ }
290
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-15 {
291
+ padding-left: 288px;
292
+ }
293
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-16 {
294
+ padding-left: 308px;
295
+ }
296
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-17 {
297
+ padding-left: 328px;
298
+ }
299
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-18 {
300
+ padding-left: 348px;
301
+ }
302
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-19 {
303
+ padding-left: 368px;
304
+ }
305
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-20 {
306
+ padding-left: 388px;
307
+ }
248
308
  .semi-tree-option-list .semi-tree-option-empty:hover, .semi-tree-option-list .semi-tree-option-empty:active {
249
309
  background-color: transparent;
250
310
  }
@@ -350,6 +410,11 @@
350
410
  margin-right: 0;
351
411
  margin-left: 8px;
352
412
  }
413
+ .semi-rtl .semi-tree-option-list .semi-tree-option,
414
+ .semi-popover-rtl .semi-tree-option-list .semi-tree-option {
415
+ padding-left: 0;
416
+ padding-right: 8px;
417
+ }
353
418
  .semi-rtl .semi-tree-option-list .semi-tree-option-label > .semi-icon,
354
419
  .semi-popover-rtl .semi-tree-option-list .semi-tree-option-label > .semi-icon {
355
420
  margin-right: 0;
@@ -364,11 +429,116 @@
364
429
  .semi-popover-rtl .semi-tree-option-list .semi-tree-option-collapsed .semi-tree-option-expand-icon {
365
430
  transform: rotate(90deg);
366
431
  }
432
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-1,
433
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-1 {
434
+ padding-left: 0;
435
+ padding-right: 8px;
436
+ }
437
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-2,
438
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-2 {
439
+ padding-left: 0;
440
+ padding-right: 28px;
441
+ }
442
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-3,
443
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-3 {
444
+ padding-left: 0;
445
+ padding-right: 48px;
446
+ }
447
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-4,
448
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-4 {
449
+ padding-left: 0;
450
+ padding-right: 68px;
451
+ }
452
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-5,
453
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-5 {
454
+ padding-left: 0;
455
+ padding-right: 88px;
456
+ }
457
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-6,
458
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-6 {
459
+ padding-left: 0;
460
+ padding-right: 108px;
461
+ }
462
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-7,
463
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-7 {
464
+ padding-left: 0;
465
+ padding-right: 128px;
466
+ }
467
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-8,
468
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-8 {
469
+ padding-left: 0;
470
+ padding-right: 148px;
471
+ }
472
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-9,
473
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-9 {
474
+ padding-left: 0;
475
+ padding-right: 168px;
476
+ }
477
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-10,
478
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-10 {
479
+ padding-left: 0;
480
+ padding-right: 188px;
481
+ }
482
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-11,
483
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-11 {
484
+ padding-left: 0;
485
+ padding-right: 208px;
486
+ }
487
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-12,
488
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-12 {
489
+ padding-left: 0;
490
+ padding-right: 228px;
491
+ }
492
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-13,
493
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-13 {
494
+ padding-left: 0;
495
+ padding-right: 248px;
496
+ }
497
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-14,
498
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-14 {
499
+ padding-left: 0;
500
+ padding-right: 268px;
501
+ }
502
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-15,
503
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-15 {
504
+ padding-left: 0;
505
+ padding-right: 288px;
506
+ }
507
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-16,
508
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-16 {
509
+ padding-left: 0;
510
+ padding-right: 308px;
511
+ }
512
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-17,
513
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-17 {
514
+ padding-left: 0;
515
+ padding-right: 328px;
516
+ }
517
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-18,
518
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-18 {
519
+ padding-left: 0;
520
+ padding-right: 348px;
521
+ }
522
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-19,
523
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-19 {
524
+ padding-left: 0;
525
+ padding-right: 368px;
526
+ }
527
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-20,
528
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-20 {
529
+ padding-left: 0;
530
+ padding-right: 388px;
531
+ }
367
532
  .semi-rtl .semi-tree-option-list .semi-tree-option-label-empty,
368
533
  .semi-popover-rtl .semi-tree-option-list .semi-tree-option-label-empty {
369
534
  padding-left: auto;
370
535
  padding-right: 0;
371
536
  }
537
+ .semi-rtl .semi-tree-option-list .semi-tree-option-switcher,
538
+ .semi-popover-rtl .semi-tree-option-list .semi-tree-option-switcher {
539
+ margin-right: 0;
540
+ margin-left: 8px;
541
+ }
372
542
  .semi-rtl .semi-tree-option-list-block,
373
543
  .semi-popover-rtl .semi-tree-option-list-block {
374
544
  direction: rtl;
package/lib/cjs/tree/tree.scss CHANGED
@@ -329,6 +329,12 @@ $module: #{$prefix}-tree;
329
329
  }
330
330
  }
331
331
 
332
+ @for $i from 1 through 20 {
333
+ li.#{$module}-option.#{$module}-option-fullLabel-level-#{$i} {
334
+ padding-left: $spacing-tree_option_level-paddingLeft * ($i - 1) + $spacing-tree_option_level1-paddingLeft;
335
+ }
336
+ }
337
+
332
338
  .#{$module}-option-empty {
333
339
  &:hover,
334
340
  &:active {
package/lib/es/breadcrumb/breadcrumb.css CHANGED
@@ -48,6 +48,9 @@
48
48
  color: var(--semi-color-text-0);
49
49
  cursor: default;
50
50
  }
51
+ .semi-breadcrumb-item-active .semi-typography {
52
+ font-weight: 600;
53
+ }
51
54
  .semi-breadcrumb-item-icon {
52
55
  margin-bottom: -1px;
53
56
  }
package/lib/es/breadcrumb/breadcrumb.scss CHANGED
@@ -69,6 +69,10 @@ $module: #{$prefix}-breadcrumb;
69
69
  color: $color-breadcrumb_active-text-active;
70
70
  cursor: default;
71
71
  }
72
+
73
+ .#{$prefix}-typography {
74
+ font-weight: $font-breadcrumb_active-fontWeight;
75
+ }
72
76
  }
73
77
 
74
78
  &-item-icon {
package/lib/es/tree/rtl.scss CHANGED
@@ -20,6 +20,8 @@ $module: #{$prefix}-tree;
20
20
  }
21
21
 
22
22
  .#{$module}-option {
23
+ padding-left: 0;
24
+ padding-right: $spacing-tree_option_level1-paddingLeft;
23
25
  &-label {
24
26
  & > .#{$prefix}-icon {
25
27
  margin-right: 0;
@@ -39,10 +41,24 @@ $module: #{$prefix}-tree;
39
41
  }
40
42
  }
41
43
 
44
+ @for $i from 1 through 20 {
45
+ li.#{$module}-option.#{$module}-option-fullLabel-level-#{$i} {
46
+ padding-left: 0;
47
+ padding-right: $spacing-tree_option_level-paddingLeft * ($i - 1) + $spacing-tree_option_level1-paddingLeft;
48
+ }
49
+ }
50
+
42
51
  .#{$module}-option-label-empty {
43
52
  padding-left: auto;
44
53
  padding-right: 0;
45
54
  }
55
+
56
+ .#{$module}-option {
57
+ &-switcher {
58
+ margin-right: 0;
59
+ margin-left: $spacing-tree_icon-marginRight;
60
+ }
61
+ }
46
62
  }
47
63
 
48
64
  .#{$module}-option-list-block {
package/lib/es/tree/tree.css CHANGED
@@ -245,6 +245,66 @@
245
245
  .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:hover, .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:active {
246
246
  background-color: transparent;
247
247
  }
248
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-1 {
249
+ padding-left: 8px;
250
+ }
251
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-2 {
252
+ padding-left: 28px;
253
+ }
254
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-3 {
255
+ padding-left: 48px;
256
+ }
257
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-4 {
258
+ padding-left: 68px;
259
+ }
260
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-5 {
261
+ padding-left: 88px;
262
+ }
263
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-6 {
264
+ padding-left: 108px;
265
+ }
266
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-7 {
267
+ padding-left: 128px;
268
+ }
269
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-8 {
270
+ padding-left: 148px;
271
+ }
272
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-9 {
273
+ padding-left: 168px;
274
+ }
275
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-10 {
276
+ padding-left: 188px;
277
+ }
278
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-11 {
279
+ padding-left: 208px;
280
+ }
281
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-12 {
282
+ padding-left: 228px;
283
+ }
284
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-13 {
285
+ padding-left: 248px;
286
+ }
287
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-14 {
288
+ padding-left: 268px;
289
+ }
290
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-15 {
291
+ padding-left: 288px;
292
+ }
293
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-16 {
294
+ padding-left: 308px;
295
+ }
296
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-17 {
297
+ padding-left: 328px;
298
+ }
299
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-18 {
300
+ padding-left: 348px;
301
+ }
302
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-19 {
303
+ padding-left: 368px;
304
+ }
305
+ .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-20 {
306
+ padding-left: 388px;
307
+ }
248
308
  .semi-tree-option-list .semi-tree-option-empty:hover, .semi-tree-option-list .semi-tree-option-empty:active {
249
309
  background-color: transparent;
250
310
  }
@@ -350,6 +410,11 @@
350
410
  margin-right: 0;
351
411
  margin-left: 8px;
352
412
  }
413
+ .semi-rtl .semi-tree-option-list .semi-tree-option,
414
+ .semi-popover-rtl .semi-tree-option-list .semi-tree-option {
415
+ padding-left: 0;
416
+ padding-right: 8px;
417
+ }
353
418
  .semi-rtl .semi-tree-option-list .semi-tree-option-label > .semi-icon,
354
419
  .semi-popover-rtl .semi-tree-option-list .semi-tree-option-label > .semi-icon {
355
420
  margin-right: 0;
@@ -364,11 +429,116 @@
364
429
  .semi-popover-rtl .semi-tree-option-list .semi-tree-option-collapsed .semi-tree-option-expand-icon {
365
430
  transform: rotate(90deg);
366
431
  }
432
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-1,
433
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-1 {
434
+ padding-left: 0;
435
+ padding-right: 8px;
436
+ }
437
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-2,
438
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-2 {
439
+ padding-left: 0;
440
+ padding-right: 28px;
441
+ }
442
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-3,
443
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-3 {
444
+ padding-left: 0;
445
+ padding-right: 48px;
446
+ }
447
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-4,
448
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-4 {
449
+ padding-left: 0;
450
+ padding-right: 68px;
451
+ }
452
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-5,
453
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-5 {
454
+ padding-left: 0;
455
+ padding-right: 88px;
456
+ }
457
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-6,
458
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-6 {
459
+ padding-left: 0;
460
+ padding-right: 108px;
461
+ }
462
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-7,
463
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-7 {
464
+ padding-left: 0;
465
+ padding-right: 128px;
466
+ }
467
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-8,
468
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-8 {
469
+ padding-left: 0;
470
+ padding-right: 148px;
471
+ }
472
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-9,
473
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-9 {
474
+ padding-left: 0;
475
+ padding-right: 168px;
476
+ }
477
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-10,
478
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-10 {
479
+ padding-left: 0;
480
+ padding-right: 188px;
481
+ }
482
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-11,
483
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-11 {
484
+ padding-left: 0;
485
+ padding-right: 208px;
486
+ }
487
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-12,
488
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-12 {
489
+ padding-left: 0;
490
+ padding-right: 228px;
491
+ }
492
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-13,
493
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-13 {
494
+ padding-left: 0;
495
+ padding-right: 248px;
496
+ }
497
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-14,
498
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-14 {
499
+ padding-left: 0;
500
+ padding-right: 268px;
501
+ }
502
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-15,
503
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-15 {
504
+ padding-left: 0;
505
+ padding-right: 288px;
506
+ }
507
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-16,
508
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-16 {
509
+ padding-left: 0;
510
+ padding-right: 308px;
511
+ }
512
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-17,
513
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-17 {
514
+ padding-left: 0;
515
+ padding-right: 328px;
516
+ }
517
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-18,
518
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-18 {
519
+ padding-left: 0;
520
+ padding-right: 348px;
521
+ }
522
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-19,
523
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-19 {
524
+ padding-left: 0;
525
+ padding-right: 368px;
526
+ }
527
+ .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-20,
528
+ .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-20 {
529
+ padding-left: 0;
530
+ padding-right: 388px;
531
+ }
367
532
  .semi-rtl .semi-tree-option-list .semi-tree-option-label-empty,
368
533
  .semi-popover-rtl .semi-tree-option-list .semi-tree-option-label-empty {
369
534
  padding-left: auto;
370
535
  padding-right: 0;
371
536
  }
537
+ .semi-rtl .semi-tree-option-list .semi-tree-option-switcher,
538
+ .semi-popover-rtl .semi-tree-option-list .semi-tree-option-switcher {
539
+ margin-right: 0;
540
+ margin-left: 8px;
541
+ }
372
542
  .semi-rtl .semi-tree-option-list-block,
373
543
  .semi-popover-rtl .semi-tree-option-list-block {
374
544
  direction: rtl;
package/lib/es/tree/tree.scss CHANGED
@@ -329,6 +329,12 @@ $module: #{$prefix}-tree;
329
329
  }
330
330
  }
331
331
 
332
+ @for $i from 1 through 20 {
333
+ li.#{$module}-option.#{$module}-option-fullLabel-level-#{$i} {
334
+ padding-left: $spacing-tree_option_level-paddingLeft * ($i - 1) + $spacing-tree_option_level1-paddingLeft;
335
+ }
336
+ }
337
+
332
338
  .#{$module}-option-empty {
333
339
  &:hover,
334
340
  &:active {
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@douyinfe/semi-foundation",
3
- "version": "2.50.0",
3
+ "version": "2.50.1",
4
4
  "description": "",
5
5
  "scripts": {
6
6
  "build:lib": "node ./scripts/compileLib.js",
7
7
  "prepublishOnly": "npm run build:lib"
8
8
  },
9
9
  "dependencies": {
10
- "@douyinfe/semi-animation": "2.50.0",
10
+ "@douyinfe/semi-animation": "2.50.1",
11
11
  "async-validator": "^3.5.0",
12
12
  "classnames": "^2.2.6",
13
13
  "date-fns": "^2.29.3",
@@ -23,7 +23,7 @@
23
23
  "*.scss",
24
24
  "*.css"
25
25
  ],
26
- "gitHead": "4f5ca71f4a992aaadf6c637d8a798ba18c0af740",
26
+ "gitHead": "aa51082cdb589792e9224e02c29288991c442344",
27
27
  "devDependencies": {
28
28
  "@babel/plugin-transform-runtime": "^7.15.8",
29
29
  "@babel/preset-env": "^7.15.8",
package/tree/rtl.scss CHANGED
@@ -20,6 +20,8 @@ $module: #{$prefix}-tree;
20
20
  }
21
21
 
22
22
  .#{$module}-option {
23
+ padding-left: 0;
24
+ padding-right: $spacing-tree_option_level1-paddingLeft;
23
25
  &-label {
24
26
  & > .#{$prefix}-icon {
25
27
  margin-right: 0;
@@ -39,10 +41,24 @@ $module: #{$prefix}-tree;
39
41
  }
40
42
  }
41
43
 
44
+ @for $i from 1 through 20 {
45
+ li.#{$module}-option.#{$module}-option-fullLabel-level-#{$i} {
46
+ padding-left: 0;
47
+ padding-right: $spacing-tree_option_level-paddingLeft * ($i - 1) + $spacing-tree_option_level1-paddingLeft;
48
+ }
49
+ }
50
+
42
51
  .#{$module}-option-label-empty {
43
52
  padding-left: auto;
44
53
  padding-right: 0;
45
54
  }
55
+
56
+ .#{$module}-option {
57
+ &-switcher {
58
+ margin-right: 0;
59
+ margin-left: $spacing-tree_icon-marginRight;
60
+ }
61
+ }
46
62
  }
47
63
 
48
64
  .#{$module}-option-list-block {
package/tree/tree.scss CHANGED
@@ -329,6 +329,12 @@ $module: #{$prefix}-tree;
329
329
  }
330
330
  }
331
331
 
332
+ @for $i from 1 through 20 {
333
+ li.#{$module}-option.#{$module}-option-fullLabel-level-#{$i} {
334
+ padding-left: $spacing-tree_option_level-paddingLeft * ($i - 1) + $spacing-tree_option_level1-paddingLeft;
335
+ }
336
+ }
337
+
332
338
  .#{$module}-option-empty {
333
339
  &:hover,
334
340
  &:active {